/* --------- Typography ----------------------------------------------------------------------------------- */
h1, h2 {
    font-family: 'Anton', serif;
    letter-spacing: 0.03em;
}

body, h3, h4, h5, h6, p, label, input, select, textarea, button {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
}

/* --------- General Styles ----------------------------------------------------------------------------------- */
.lead p {
    font-size: 1.50rem;
    font-weight: 300;
}

sub {
    bottom: 0;
}

.pattern-layer-custom-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.6;
    pointer-events: none;
}

strong {
    font-weight: 700 !important;
}

hr {
    height: 3px;
    background-color: var(--color-green-one);
}

/* --------- Light Section Styles --------------------------------------------------------------------------------- */
.hero_carousel_main-text p {
    color: #fff;
    font-size: 1.5rem;
}


/* -------- Dark Section Styles --------------------------------------------------------------------------------- */

.dark-section .testimonial-section-three{
    background-color: transparent;
}


.dark-section {
    background: var(--color-r-black);
    padding: 140px 0;
    position: relative;
}

.dark-section h2,
.dark-section h3,
.dark-section p {
    color: #fff;
}

.dark-section .pattern-layer-one {
    position: absolute;
    left: 7%;
    top: 0%;
    width: 405px;
    height: 394px;
}

.dark-section .pattern-layer-two {
    position: absolute;
    right: 4%;
    top: 40%;
    width: 232px;
    height: 235px;
}

.dark-section .pattern-layer-three {
    position: absolute;
    left: 0px;
    bottom: -80px;
    width: 344px;
    height: 281px;
    background-repeat: no-repeat;
}

.btn-style-one {
    background-color: var(--color-green-one);
}