.fsc-3:lang(es) {
    font-size: clamp(2rem, 5vw, 4.5rem) !important;
}

.background-color-aboutus {
    height: 826px;
    /* height: calc(100vh + 230px); */
    /* height: calc(100vh + 180px); Esto tendria que modificarse en todos los medias querys, y revisar de nuevo pantalla por pantalla */
    background: linear-gradient(120deg, #001c15 70%, #34c181 300%);
    position: relative;
    overflow: hidden;
    display: auflex;
    flex-direction: column;
    justify-content: flex-start;
    max-height: 1085px;
    min-height: 750px;
}

.subhead.brand-title{
    font-size: clamp(20px,0.89vw,30px) !important;
}

.paragraph.brand-paragraph {
    font-size: clamp(12px, 1vw, 1.2rem) !important;
}

@media (width <= 1500px) {
    .streamline-wrapper-au {
        bottom: -22rem !important;
    }
}


@media (width <= 1200px){
    .streamline-wrapper-au{
        bottom: -18rem !important;
    }
}

@media (width <= 1300px){
    .background-color-aboutus {
        /* height: calc(100vh + 255px); */
    }
}

@media (orientation: landscape) and (height >=1150px) {
    .background-color-aboutus {
        /* height: 100vh !important; */
    }

    .aboutus-container {
        margin-top: 8rem !important;
    }
}

.aboutus-container {
    margin-top: 6%;
}

@media (orientation: landscape) and (height >=1300px) {
    .aboutus-container {
        margin-top: 4rem !important;
    }
}

.positionstatement {
    position: relative;
    /*top: -6.5vh;
    z-index: -1;*/
    background: linear-gradient(90deg, #001C15 48%, rgba(217, 217, 217, 0) 100%),
        linear-gradient(to bottom, #001C15 7%, rgba(217, 217, 217, 0) 100%),
        url(../images/aboutus/positionstatement.webp);
    /* radial-gradient(509.98% 1469.02% at -72.43% 157.11%, #34C181 2.24%, #001C15 39.11%); */
    background-size: cover;
    min-height: 600px;
    background-repeat: no-repeat;
    background-position: right;
}


.content-positionstatement {
    display: flex;
    justify-content: left;
    margin-top: 9rem;
}

.responsive-text {
    font-size: clamp(0.9rem, 2vw, 1.2rem);
    line-height: 1.6;
    text-align: justify;
}

.responsive-paragraph {
    font-weight: 400;
    font-size: clamp(1rem, 1.26vw, 1.5rem);
    /* m�nimo, fluido, m�ximo */
    max-width: 800px;
    /* tope en pantallas grandes */
    width: 100%;
    /* que se ajuste en m�viles */
    margin: 0 auto;
    /* centrado horizontal */
    line-height: 1.6;
    /* mejor legibilidad */
    position: relative;
    z-index: 1;
}


.streamline-wrapper-au {
    position: absolute;
    bottom: -27rem;
    width: 100%;
}

.streamline-wrapper-missionvision {
    position: absolute;
    bottom: -8rem;
    width: 100%;
}

@media (width >=2000px) {


    .streamline-wrapper-au {
        /* position: absolute;
        bottom: -4.8rem; */
        width: 100%;
    }

    .streamline-wrapper-au svg {
        width: 100%;
        /* height: 24rem; */
    }


    .streamline-wrapper-missionvision {
        position: absolute;
        bottom: -5rem;
        width: 100%;
    }


    .streamline-wrapper-missionvision svg {
        width: 100%;
        height: 24rem;
    }


}


.card-missionvision {
    height: 520px;
}

.vision {
    /*background: linear-gradient(139.08deg, #34C181 -191.18%, #001C15 68.2%);*/
}

.characters {
    min-height: 900px;
    position: relative;
    background: radial-gradient(340.42% 340.42% at 50% 16.94%, #F6F9F4 12.5%, #CCFF99 74.07%);
}

.ourCharacterText {
    font-weight: 200;
    letter-spacing: 0.07em;
    padding: 0px !important;
    background: linear-gradient(91.93deg, #34C181 -3.19%, #001C15 132.59%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
}

.background-color-ourpillars {
    z-index: 0;
    background: linear-gradient(270deg, #F6F9F4 17.59%, #CCFF99 324.05%);
    /* height: 800px; */
}

.our-pillars {
    z-index: 0;
    position: relative;
    /*top: -6.5vh;*/
}


.background-color-brandpromise {
    z-index: 0;
    background: linear-gradient(270deg, #F6F9F4 17.59%, #CCFF99 324.05%);
    /* height: 800px; */
}

.rowEthicalPrecise{
    margin-bottom: 3rem;
}

.rowProactiveWise{
    margin-bottom: 3rem;
}

.ethicalCol{
    padding-left: 120px;
}

.preciseCol{
    padding-left:120px;
}

.proactiveCol{
    padding-right: 120px;
}

.wiseCol{
    padding-right:120px;
}



@media (width <=1040px) {
    .background-color-aboutus {
        margin-top: 40px;
        /* height: calc(100vh + 180px) !important; */
        /* min-height: 900px !important; */
    }

    .streamline-wrapper-au {
        /* bottom: -4.5rem !important; */
    }

    .wiseCol {
        padding-right:30px;
    }

    .ethicalCol {
        padding-left: 30px;
    }

    .proactiveCol {
        padding-right: 30px;
    }

    .preciseCol {
        padding-left: 30px;
    }
}

@media (width <=1780px) {
    /* .brandpromise-img {
        width: 500px !important;
        right: 0;
    } */
}


@media (width <=1690px) {
    /* .brandpromise-img {
        width: 500px !important;
        right: 0 !important;
        top: -8rem !important;
    } */
}

@media (width <=1505px) {
    /* .brandpromise-img {
        width: 500px !important;
        right: 0;
        top: -8rem !important;
    } */
}

@media (width <=1300px) {
    .background-color-aboutus {
        /* height: calc(100vh + 450px); */
    }
}

@media (width <=1100px) {
    /* .background-color-aboutus {
        height: calc(100vh + 660px);
    } */
}

@media (max-width: 1200px) {
    .brandpromise-img {
        width: 400px !important;
        right: 0;
    }
}

@media (orientation: portrait) and (max-width: 990px) {
    .streamline-wrapper-au {
        /* display: none !important; */
    }

    .content-positionstatement {
        margin-top: 3rem;
    }

    .positionstatement {
        min-height: 500px;
    }
}

@media (orientation: portrait) {
    .background-color-aboutus {
        /* height: calc(100% + 180px) !important; */
        /* min-height: 900px; */
    }
}


@media (width <=990px) {
    .background-color-aboutus {
        height: auto;
        /* height: calc(100vh - 180px) !important; */
        /* min-height: 1150px !important; */
    }

    .brandpromise-img {
        width: 400px !important;
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
    }

    .content-positionstatement {
        margin-top: 3rem;
    }

    .center-image-package {
        display: flex;
        justify-content: center;
    }

    .streamline-wrapper-au {
        bottom: -11rem !important;
    }

    .positionstatement {
        min-height: 500px;
    }

    .rowEthicalPrecise{
        margin-bottom: 0rem;
    }

    .rowProactiveWise{
        margin-bottom: 1rem;
    }

    .ethicalCol{
    padding-right: 0px;
    }

    .preciseCol{
        padding-left:0px;
    }

    .proactiveCol{
        padding-right: 0px;
    }

    .wiseCol{
        padding-left:0px;
    }
}

@media(width <=780px) {
    /* .background-color-aboutus {
        height: calc(100vh - 180px) !important; 
         min-height: 1000px !important;
    } */

    .content-positionstatement {
        margin-top: 3rem;
    }

    .positionstatement {
        min-height: 500px;
    }

    .streamline-wrapper-au {
        bottom: -11rem !important;
    }
}

@media (width <=768px) {
    .brandpromise-img {
        width: 250px !important;
        position: relative;
        top: auto;
        right: auto;
    }

    .content-positionstatement {
        margin-top: 3rem;
    }

    .background-color-brandpromise {
        min-height: 600px !important;
    }

    .positionstatement {
        min-height: 500px;
    }

}

@media (width >=710px) and (width < 990px) {
    .background-color-aboutus {
        height: auto;
        /* height: calc(100vh - 180px) !important; */
        /* min-height: 1150px !important; */
    }
}

@media(width <=480px) {
    .streamline-wrapper-au {
        /* display: none; */
    }

    .content-positionstatement {
        margin-top: 3rem;
    }

    .positionstatement {
        min-height: 500px;
    }
}

@media (height >= 850px) and (height< 900px) {
    /* .streamline-wrapper-au {
        bottom: -4rem !important;
    } */
}
@media (height >= 900px) and (height< 990px) and (width < 2000px) {
    .streamline-wrapper-au {
        bottom: -27rem !important;
    }
}