@font-face {
    font-family: 'Recoleta Bold';
    src: url('../fonts/recoleta/Recoleta-Bold.otf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Recoleta';
    src: url('../fonts/recoleta/Recoleta-RegularDEMO.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/work-sans/WorkSans-VariableFont_wght.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/work-sans/WorkSans-VariableFont_wght.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/work-sans/WorkSans-VariableFont_wght.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/work-sans/WorkSans-VariableFont_wght.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/work-sans/WorkSans-VariableFont_wght.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/work-sans/WorkSans-VariableFont_wght.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(-20px);
    }
    50% {
        transform: translateY(0);
    }
    70% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes pop {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}


.pop {
    animation: pop 1s ease-in-out;
}

.bounce {
    animation: bounce 1s ease-in-out;
}


:root {
    --recoleta: "Recoleta";
    --recoleta-bold: "Recoleta Bold";
    --work-sans: "Work Sans";
    --white: #FFFFFF;
    --soft-green: #CDE3C9;
    --dull-green: #53A045;
    --light-yellow-green: #A7C672;
    --leaf-green: #34723B;
    --sky-blue: #53ABEA;
    --pastel-red: #B43244;
    --pastel-yellow: #E9B446;
    --deep-cyan: #1F5948;
    --deep-cyan-a: #1F594880;
    --deep-cyan-a5: #1F594850;
    --pale-orange: #FEEFE1;
    --strong-yellow: #AFCA0B;
    --deep-strong-yellow: #B5CA41;
    --border-gray: #00000020;
    --olivine: #A7C672;

    --font-size-9-9: 0.563rem;
    --font-size-12-12: 0.75rem;
    --font-size-15-15: 0.9375rem;
    --font-size-16-16: 1rem;
    --font-size-18-18: 1.125rem;
    --font-size-20-20: 1.25rem;
    --font-size-20_8: 1.3rem;
    --font-size-24-24: 1.5rem;
    --font-size-25: 1.563rem;
    --font-size-26: 1.625rem;
    --font-size-28_8: 1.8rem;
    --font-size-32: 2rem;
    --font-size-36: 2.25rem;
    --font-size-12-5-25: clamp(0.7813rem, 0.6534rem + 0.5682vi, 1.5625rem);
    --font-size-16-32: 1.5rem;
    --font-size-24-32: clamp(1.5rem, 0.8364rem + 0.7273vi, 2rem);
    --font-size-20-40: clamp(1.25rem, 1.0455rem + 0.9091vi, 2.5rem);
    --font-size-20-48: clamp(2rem, 1.0455rem + 0.9091vi, 3rem);
    --font-size-48-48: 3rem;
    --font-size-25-55: clamp(1.5rem, 1.0455rem + 0.9091vi, 3.438rem);
    --font-size-30-65: clamp(1.8rem, 1.0455rem + 0.9091vi, 4.006rem);
    --font-size-24-60: clamp(1.5rem, 1.1318rem + 1.6364vi, 3.75rem);
    --font-size-25-6-64: clamp(1.6rem, 1.2073rem + 1.7455vi, 4rem);
    --font-size-24-74: clamp(1.5rem, 0.9886rem + 2.2727vi, 4.625rem);
    --font-size-36-90: clamp(2.25rem, 1.6977rem + 2.4545vi, 5.625rem);
    --font-size-38-4-96: clamp(2.4rem, 1.8109rem + 2.6182vi, 6rem);
    --font-size-40-100: clamp(2.5rem, 1.8864rem + 2.7273vi, 6.25rem);
    --font-size-45: 2.8125rem;

    @media ( 1200.9px <= width < 2560.9px ) {

        --font-size-12-5-25: clamp(0.7813rem, 0.6534rem + 0.5682vi, 1.171875rem);
        --font-size-16-32: 1.5rem;
        --font-size-20-40: clamp(1.25rem, 1.0455rem + 0.9091vi, 1.875rem);
        --font-size-24-60: clamp(1.5rem, 1.1318rem + 1.6364vi, 2.8125rem);
        --font-size-25-6-64: clamp(1.6rem, 1.2073rem + 1.7455vi, 3rem);
        --font-size-24-74: clamp(1.5rem, 0.9886rem + 2.2727vi, 3.46875rem);
        --font-size-36-90: clamp(2.25rem, 1.6977rem + 2.4545vi, 4.21875rem);
        --font-size-38-4-96: clamp(2.4rem, 1.8109rem + 2.6182vi, 4.5rem);
        --font-size-40-100: clamp(2.5rem, 1.8864rem + 2.7273vi, 4.6875rem);
    }
}
.com-bg--white {
    background: var(--white);
}
.com-bg--dull-green {
    background: var(--dull-green);
}
.com-bg--deep-cyan {
    background: var(--deep-cyan);
}
.com-bg--strong-yellow {
    background: var(--strong-yellow);
}

.com-title-f1_700 * {font-weight: 700; font-family: var(--recoleta-bold);}
.com-title-32_40 * { font: normal normal normal var(--font-size-32)/var(--font-size-20-40) var(--recoleta-bold); }

.com-font-16_32_f1_700 {font: normal normal 700 var(--font-size-16-16)/var(--font-size-32) var(--recoleta-bold);}
.com-font-16_f1_700 {font: normal normal 700 var(--font-size-16-16)/var(--font-size-16-16) var(--recoleta-bold);}
.com-font-20_f1_600 * {font: normal normal 300 var(--font-size-20-20)/var(--font-size-25) var(--recoleta-bold);}
.com-font-20_f1_700 * {font: normal normal 700 var(--font-size-20-20)/var(--font-size-25) var(--recoleta-bold);}
.com-font-24_34_f1_700 * {font: normal normal 700 var(--font-size-24-24)/var(--font-size-32) var(--recoleta-bold);}
.com-font-24_74_f1_700 * {font: normal normal 700 var(--font-size-24-74)/var(--font-size-36-90) var(--recoleta-bold);}
.com-font-25_f1_700 * {font: normal normal 700 var(--font-size-25)/var(--font-size-28_8) var(--recoleta-bold); }
.com-font-32_36_f1_700 * { font: normal normal 700 var(--font-size-32)/var(--font-size-36) var(--recoleta-bold); }
.com-font-36_90_f1_700 * {font: normal normal 700 var(--font-size-36-90)/var(--font-size-38-4-96) var(--recoleta-bold);}
.com-font-36_45_f1_700 * {font: normal normal 700 var(--font-size-36)/var(--font-size-45) var(--recoleta-bold);}

.com-font-16_25 * {font: normal normal 300 var(--font-size-16-16)/var(--font-size-25) var(--work-sans);}
.com-font-16_f2 {font: normal normal 300 var(--font-size-16-16)/var(--font-size-16-16) var(--work-sans);}
.com-font-18_25 * {font: normal normal 300 var(--font-size-16-16)/var(--font-size-25) var(--work-sans);}
.com-font-20_8_f2 {font: normal normal 300 var(--font-size-20_8)/var(--font-size-24-24) var(--work-sans);}
.com-font-20_f2_700 * {font: normal normal 700 var(--font-size-20-20)/var(--font-size-24-24) var(--work-sans); }
.com-font-20_f2_600 * {font: normal normal 600 var(--font-size-20-20)/var(--font-size-24-24) var(--work-sans); }
.com-font-20_f2_300 * {font: normal normal 300 var(--font-size-20-20)/var(--font-size-24-24) var(--work-sans); }
.com-font-20_f2_200 * {font: normal normal 200 var(--font-size-20-20)/var(--font-size-24-24) var(--work-sans); }
.com-font-20_f2_400 * {font: normal normal 400 var(--font-size-20-20)/var(--font-size-24-24) var(--work-sans); }
.com-font-24_25_f2_600 * { font: normal normal 600 var(--font-size-24-24)/var(--font-size-25) var(--work-sans);}
.com-font-24_30_f2_600 * { font: normal normal 600 var(--font-size-24-24)/var(--font-size-32) var(--work-sans);}
.com-font-28_32_f2_600 * { font: normal normal 600 var(--font-size-28_8)/var(--font-size-32) var(--work-sans);}
.com-font-28_8 * {font: normal normal 300 var(--font-size-28_8)/var(--font-size-32) var(--work-sans);}
.com-font-24_f2_700 {font: normal normal 700 var(--font-size-24-24)/var(--font-size-24-24) var(--work-sans); }


.com-title-1 *, h1 { font: normal normal normal var(--font-size-40-100)/var(--font-size-38-4-96) var(--recoleta-bold); }
.com-title-2 *, h2 { font: normal normal 300 var(--font-size-24-74)/var(--font-size-36-90) var(--recoleta-bold); }
.com-title-3 *, h3 { font: normal normal normal var(--font-size-24-32)/var(--font-size-24-32) var(--recoleta-bold); }
.com-title2-3 *, h3 { font: normal normal normal var(--font-size-24-74)/var(--font-size-36-90) var(--recoleta-bold); }
.com-title-4 *, h4 { font: normal normal 600 var(--font-size-24-32)/var(--font-size-24-32) var(--work-sans); }
.com-title-5 *, h5 { font: normal normal 600 var(--font-size-24-24)/var(--font-size-24-24) var(--work-sans); }
.com-title-6 *, h6 { font: normal normal 600 var(--font-size-15-15)/var(--font-size-15-15) var(--work-sans); }

.com-title-1--pale-orange *,
.com-title-2--pale-orange *,
.com-title-3--pale-orange * { color: var(--pale-orange); }
.com-title-5--deep-cyan *,
.com-title-2--deep-cyan *,
.com-title-h3-deep-cyan h3 { color: var(--deep-cyan);}
.com-title-4--white * { color: var(--white); }

.com-text-1 p { font: normal normal 300 var(--font-size-20_8)/var(--font-size-24-32) var(--work-sans);}
.com-text-1 p strong { font: normal normal 700 1.3rem/2rem var(--work-sans)}
.com-text-2 * { font: normal normal 600 var(--font-size-12-12)/var(--font-size-12-12) var(--work-sans); }

.com-text-1--deep-cyan * { color: var(--deep-cyan); }
.com-text-1--dull-green * { color: var(--dull-green); }
.com-text-1--white * { color: var(--white); }
.com-text-1--pale-orange * { color: var(--pale-orange); }

.com-menu-title-1 * {font: normal normal 700 var(--font-size-20-20)/var(--font-size-20-20) var(--recoleta-bold);}
.com-menu-title-2 * {font: normal normal 600 var(--font-size-16-16)/var(--font-size-16-16) var(--work-sans);}
.com-menu-title-3 * {font: normal normal 700 var(--font-size-15-15)/var(--font-size-15-15) var(--work-sans);}
.com-menu-title-4 * {font: normal normal 600 var(--font-size-15-15)/var(--font-size-15-15) var(--work-sans);}
.com-menu-text-1 * { font: normal normal 300 var(--font-size-9-9)/var(--font-size-9-9) var(--work-sans)}
.com-footer-title-1 * {font: normal normal 700 var(--font-size-25-6-64)/var(--font-size-24-60) var(--recoleta-bold);}
.com-footer-title-2 * {font: normal normal 700 var(--font-size-16-16)/var(--font-size-16-16) var(--work-sans);}
.com-footer-text * {font: normal normal 300 var(--font-size-15-15)/var(--font-size-12-5-25) var(--work-sans); }

.com-footer-title-1--dull-green * {color: var(--dull-green);}
.com-footer-title-2--dull-green * {color: var(--dull-green);}
.com-footer-text--deep-cyan * {color: var(--deep-cyan);}


.cm-1 {margin: 1rem;}
.cm-2 {margin: 2rem;}
.cm-3 {margin: 3rem;}
.cm-4 {margin: 4rem;}
.cm-5 {margin: 5rem;}
.cmt-1 {margin-top: 1rem;}
.cmt-2 {margin-top: 2rem;}
.cmt-3 {margin-top: 3rem;}
.cmt-4 {margin-top: 4rem;}
.cmt-5 {margin-top: 5rem;}
.cmb-1 {margin-bottom: 1rem;}
.cmb-2 {margin-bottom: 2rem;}
.cmb-3 {margin-bottom: 3rem;}
.cmb-4 {margin-bottom: 4rem;}
.cmb-5 {margin-bottom: 5rem;}
.cml-1 {margin-left: 1rem;}
.cml-2 {margin-left: 2rem;}
.cml-3 {margin-left: 3rem;}
.cml-4 {margin-left: 4rem;}
.cml-5 {margin-left: 5rem;}
.cmr-1 {margin-right: 1rem;}
.cmr-2 {margin-right: 2rem;}
.cmr-3 {margin-right: 3rem;}
.cmr-4 {margin-right: 4rem;}
.cmr-5 {margin-right: 5rem;}

.cp-1 {padding: 1rem;}
.cp-2 {padding: 2rem;}
.cp-3 {padding: 3rem;}
.cp-4 {padding: 4rem;}
.cp-5 {padding: 5rem;}
.cpt-1 {padding-top: 1rem;}
.cpt-2 {padding-top: 2rem;}
.cpt-3 {padding-top: 3rem;}
.cpt-4 {padding-top: 4rem;}
.cpt-5 {padding-top: 5rem;}
.cpb-1 {padding-bottom: 1rem;}
.cpb-2 {padding-bottom: 2rem;}
.cpb-3 {padding-bottom: 3rem;}
.cpb-4 {padding-bottom: 4rem;}
.cpb-5 {padding-bottom: 5rem;}
.cpl-1 {padding-left: 1rem;}
.cpl-2 {padding-left: 2rem;}
.cpl-3 {padding-left: 3rem;}
.cpl-4 {padding-left: 4rem;}
.cpl-5 {padding-left: 5rem;}
.cpr-1 {padding-right: 1rem;}
.cpr-2 {padding-right: 2rem;}
.cpr-3 {padding-right: 3rem;}
.cpr-4 {padding-right: 4rem;}
.cpr-5 {padding-right: 5rem;}


body {
    margin: 0;
    padding: 0;
    /*min-height: 100vh;*/
    /*background: #ccc;*/
    background: var(--white);
    color: var(--white);
}
p {
    padding: 0;margin: 0;
}
/* section p { font: normal normal normal 1.33rem/1.33rem var(--work-sans); } */
section {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
/* =================================================== */
/* GLOBAL */
.com-global {}
.com-global__wide-img {}
.com-global__title {}
.com-global__background {}
.com-global__text-wrapper {}
.com-global__title-1 {}
.com-global__text-1 {}
.com-global__button-1 {}
/* =================================================== */
/* BUTTONS */
.com-button {
    max-height: 49px;
    padding: 0.8rem 2rem 0.8rem 2rem;
    border-radius: 0.5rem;
    transition: 0.7s;
    text-wrap: nowrap;
    font: normal normal 300 var(--font-size-16-16)/var(--font-size-16-16) var(--work-sans);
}
.com-button-outline {
    max-height: 49px;
    padding: 0.8rem 2rem 0.8rem 2rem;
    border-radius: 0.5rem;
    transition: 0.7s;
    text-wrap: nowrap;
    font: normal normal 300 var(--font-size-16-16)/var(--font-size-16-16) var(--work-sans);
}
.com-button-outline--green1 {
    color: var(--dull-green) !important; background: var(--white);
    border: 0.12rem solid var(--dull-green);
}
.com-button-outline--white {
    color: var(--white) !important;;
    border: 0.12rem solid var(--white);
}
.com-button-outline--green1:hover {
    color: var(--white) !important; background: var(--dull-green);
    border: 0.12rem solid var(--dull-green);
}
.com-button-outline--active {
    color: var(--white) !important; background: var(--dull-green);
    border: 0.12rem solid var(--dull-green);
}

.com-button3 {
    max-height: 49px;
    padding: 0.8rem 2rem 0.8rem 2rem;
    border-radius: 0.5rem;
    transition: 0.7s;
    text-wrap: nowrap;
    font: normal normal 300 var(--font-size-16-16)/var(--font-size-16-16) var(--work-sans);
    min-width:150px;
}
.com2 .com-button3 {padding: 0.8rem 2rem 0.8rem 2rem !important;}
.com-button2 {
    max-height: 39px;
    padding: 0.8rem  ;
    border-radius: 0.5rem;
    transition: 0.7s;
    text-wrap: nowrap;
    font: normal normal 300 var(--font-size-16-16)/var(--font-size-16-16) var(--work-sans);
}
.com-button--green1 { border: 0; color: var(--white) !important; background: var(--dull-green); }
.com-button--green2 { border: 0; color: var(--white) !important; background: var(--deep-cyan); }
.com-button--green3 { border: 0; color: var(--white) !important; background: var(--deep-cyan); }
.com-button--green4 { border: 0; color: var(--white) !important; background: var(--dull-green); border:none;}
.com-button--green5 { border: 0; color: var(--white) !important; background: var(--strong-yellow); }
.com-button--green1:hover,
.com-button--green2:hover { color: var(--deep-cyan) !important; background: var(--white); text-decoration: none !important;}
.com-button--green3:hover { color: var(--white) !important; background: var(--dull-green); text-decoration: none !important;}
.com-button--green4:hover { color: var(--white) !important; background: var(--deep-cyan); text-decoration: none !important;}
.com-button--green5:hover { color: var(--white) !important; background: var(--deep-cyan); text-decoration: none !important;}
.com-button--small {
    /*font-size: 1rem;*/
    padding: 0.4rem 1rem 0.4rem 1rem;
}
.com-button--tab-outline {
    position: relative;
    font-weight: 700;
    font-size: 20px;
    font-family: "Recoleta Bold";
    max-height: initial;
    min-width: 155px;
    height: 76px;
    text-align: center;
    align-content: center;
}

.com-button--tab-outline .svg-white {
    position: absolute;
    display: none !important;

}
.com-button--tab-outline .svg-green {
    position: relative;
    display: block;
}


.com-button--tab-outline:hover .svg-white {
    position: relative;
    display: block !important;
}
.com-button--tab-outline:hover .svg-green {
    position: absolute;
    display: none;
}

.com-product-tag {
    padding:0.3rem 0.7rem;
    border-radius: 0.5rem;
    border: 0.15rem solid var(--dull-green);
    color:var(--dull-green);
    font-weight: 700;
    font-size: var(--font-size-12-12);
    font-family: "Recoleta Bold";
    height: 50px;
    min-width: 100px;
    text-align: center;
    align-content: center;
    text-wrap: nowrap;
}

.image-responsive img {
    max-width:100%;
}
.border-circle {border-radius: 2rem;padding:0.9rem 1rem 0.9rem 1rem ;}

.plan-wysiwyg h2 { padding-top: 1rem;  font: normal normal 300 var(--font-size-25-55)/var(--font-size-30-65) var(--recoleta-bold); }
.contact-form-wysiwyg h3, .plan-wysiwyg h3 { padding-top: 1rem; font: normal normal normal var(--font-size-16-32)/var(--font-size-20-40) var(--recoleta-bold); }
.plan-wysiwyg h4 { padding-top: 1rem; font: normal normal 600 var(--font-size-12-5-25)/var(--font-size-12-5-25) var(--work-sans);}
.contact-form-wysiwyg h3, .contact-form-wysiwyg h2, .contact-form-wysiwyg h4 {color: var(--dull-green); }
.contact-wysiwyg h2 { padding-top: 1rem;  font: normal normal 600 var(--font-size-25-55)/var(--font-size-30-65) var(--work-sans); }
.contact-wysiwyg h3 { padding-top: 1rem; font: normal normal 600 var(--font-size-16-32)/var(--font-size-20-40) var(--work-sans); }
.contact-wysiwyg h4 { padding-top: 1rem; font: normal normal 600 var(--font-size-12-5-25)/var(--font-size-12-5-25) var(--work-sans);}
.contact-wysiwyg,
.contact-form-wysiwyg p
{
    font: normal normal 300 var(--font-size-20_8)/var(--font-size-24-24) var(--work-sans);
}
.contact-btn {
    justify-content: center;
    position:relative;
    background: var(--dull-green);
    color:white;
    /*padding:1.5rem;*/
    border-radius:0.5rem;
    text-wrap:nowrap;
    text-transform: none;
    /*top:2.6rem;*/
    /*margin-top:0;*/
    height:34px;
    /*right:0px;*/
    padding:0 10px;
    border:0;
}
.contact-text {margin-top:2px;}

/*.contact-btn>div{*/
/*    top:-27px;*/
/*    left:-17px;*/
/*}*/
li a:hover .contact-btn > div {
    color: var(--white);
    border:0;

}
 .contact-btn:hover  {
     color:white !important;
    background: var(--deep-cyan);
}
/* styles.css */
.centered-alert {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050; /* Ensure it’s above other elements */
    max-width: 90vw; /* Adjust size as needed */
    width: 100%;
    opacity: 1;
    transition: opacity 0.5s ease-out;
    font: normal normal 500 var(--font-size-24-24)/var(--font-size-24-24) var(--work-sans);
    text-wrap: wrap;
    padding:2.5rem 4rem 2.5rem 2.5rem;
    justify-content: center;
}

.alert-success {
    width: initial;
    background-color: var(--dull-green);
    color: var(--white);
    border: 1px solid var(--dull-green);
    border-radius: 1rem;
}

.alert-error {
    width: initial;
    background-color: var(--pale-orange);
    color: var(--deep-cyan);
    border: 1px solid var(--pale-orange);
    border-radius: 1rem;
}


/* Animation for fading out */
.fade-out {
    opacity: 0;
}

/*.language-switcher .dropdown:hover .dropdown-menu {*/
/*    display: block;*/
/*}*/
.language-switcher {
    position: absolute;
    top: 44px;
    right: -75px;
}
.scrolled .language-area {
    color: var(--dull-green);
}
nav:hover .language-area {
    color: var(--dull-green);
}
.language-switcher > div,
.language-switcher2 > div {
    color: var(--white);
    border-radius: 0.6rem !important;
    height: 34px !important;
}

.language-switcher > div:hover,
.language-switcher2 > div:hover {
    color: var(--white);
}

.language-switcher .dropdown-menu,
.language-switcher2 .dropdown-menu {
    display: none;
    grid-template-columns: 1fr;
    padding: 0;
    position: absolute;
    background-color: var(--white);
    z-index: 10;
    color: var(--deep-cyan);
    margin-top: -3px;
    width: 100px !important;
    max-width: 100px !important;
    min-width: unset !important;
    box-sizing: border-box;
}

.language-switcher:hover .dropdown-menu,
.language-switcher2:hover .dropdown-menu {
    display: grid;
    grid-template-columns: 1fr;
    border-radius: 0.6rem !important;
    color: var(--deep-cyan);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
}

.language-switcher .dropdown-item,
.language-switcher2 .dropdown-item {
    display: flex;
    align-items: center;
    padding: 5px 5px;
    white-space: nowrap;
    color: var(--dull-green);
    width: 100%;
    box-sizing: border-box;
}

.language-switcher .dropdown-item img,
.language-switcher2 .dropdown-item img {

    flex-shrink: 0;
    width: 40px; height: 25px;
}

.language-switcher:hover .dropdown-item,
.language-switcher2:hover .dropdown-item {
    /*border-radius: 0.6rem !important;*/
    padding: 10px 15px;
}

.language-switcher .dropdown-item:hover {
    overflow: hidden !important;
    color: var(--deep-cyan);
    background-color: rgba(0, 0, 0, 0.05);
    border: none !important;
}

.lang-border {
    color: var(--dull-green);
    border-bottom: 1px solid var(--dull-green);
}

.lang-border img {
    margin-right: 1.5rem;
    width: 40px; height: 25px;
}

.language-area {
    padding-top: 5px;
    justify-content: center;
    align-content: center;
}

.language-area::after {
    content: '';
    display: inline-block;
    margin-left: 8px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    padding: 3px;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}
.scrolled .language-area::after, nav:hover .language-area::after {
    border: solid var(--dull-green);
    content: '';
    display: inline-block;
    margin-left: 8px;
    border-width: 0 2px 2px 0;
    padding: 3px;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

.language-switcher:hover .language-area::after {
    transform: rotate(-135deg);
}