/* colors
blue #0a4c80
green #71c277
yellow #fcf0a6 */

.py-10 {
    padding-top: 10em;
    padding-bottom: 10em;
}

.py-6 {
    padding-top: 6em;
    padding-bottom: 6em;
}

.dooh_dropdown {
    display: block;
    padding: 0.375rem 0.75rem;
    /* font-size: 1rem;
          font-weight: 400;
          line-height: 1.5;
          color: #212529; */
    background-color: #fff;
    /* background-clip: padding-box; */
    border: 1px solid #ced4da;
    /* -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; */
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.bluePolygonUp {
    background: #0a4c80;
    color: white;
    clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
    padding: 2rem 0;
}

.bluePolygonDown {
    background: #0a4c80;
    color: white;
    /* clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%); */
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 80%);
    padding: 2rem 0;
}

.bluePolygonUpSpacer {
    background: #0a4c80;
    color: white;
    clip-path: polygon(0 30%, 100% 0, 100% 70%, 0 100%);
    padding: 4rem 0;
}

.bluePolygonDownSpacer {
    background: #0a4c80;
    color: white;
    /* clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%); */
    clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 70%);
    padding: 4rem 0;
}

.arrow {
    font-size: 5rem;
    color: white;
    transition: 0.70s;
    display: block;
}

.arrow:hover {
    transform: rotate(360deg);
    transition: 0.70s;
    transform: rotate(360deg);
    color: #71c277;
}