.color1 {
    color: #1D1D1B;
}

.color2 {
    color: white;
}

.color3 {
    color: #F3F3F3;
}

.color4 {
    color: #009640;
}


.background2 {
    background: #009640;
}

.background3 {
    background: #1D1D1B;
}

.background4 {
    background: #B5A288;
}

.backgroundafter1 {
    background: #B5AE88;
}

.backgroundafter2 {
    background: #B58888;
}

.backgroundafter3 {
    background: #B5A288;
}

.backgroundafter4 {
    background: #88A2B5;
}



.h-title-hero-xl {
    font-family: 'Abygaer', sans-serif;
    font-size: clamp(2.5rem, 3.5vw + 1.8rem, 6.125rem);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}


.h-title-hero-xl2 {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.625rem, 1.2vw + 1rem, 2.75rem);
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
}

.h-title-hero-xl3 {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.125rem, 0.8vw + 0.9rem, 1.875rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}




.h-title-section {
    font-family: 'Abygaer', sans-serif;
    font-size: clamp(2.3rem, 3.4vw + 1.7rem, 6rem);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.h-subsection {
    font-family: 'Abygaer', sans-serif;
    font-size: clamp(2.6rem, 2.8vw + 1.4rem, 5rem);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}



.p-regular {
    font-family: 'Outfit', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    letter-spacing: -0.18px;
}

    .p-regular.weight700 {
        font-weight: 700;
    }


    .p-regular2 {
        font-family: 'Outfit', sans-serif;
        font-size: clamp(1.1rem, 0.9vw + 0.7rem, 1.5rem);
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }

.p-regular3 {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}


.p-regular4 {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 20px */
}

.p-regular5 {
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 22px */
}


.p-regular6 {
    font-family: 'Janson Text', serif;
    font-size: 19px;
    font-style: italic;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: 0.19px;
}

.p-regular-xl {
    font-family: 'Outfit', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 41.6px */
}




@media screen and (min-width: 1200px) and (max-width:1600px) {


}

@media screen and (min-width: 988px) and (max-width:1199px) {

   

}

@media screen and (max-width: 987px) {


}