/* Scroll Edit */

.media-scrollbar::-webkit-scrollbar {
    width: 4.2px; /* Ancho de la barra de desplazamiento */
    background: #eff2f5;
}

/* Estilo para el scrollbar thumb (la barra movediza) */
.media-scrollbar::-webkit-scrollbar-thumb {
    background: #4a88fa;
    /* height: 1px !important; */
    border-radius: 20px;
}

body::-webkit-scrollbar {
    width: 7px; /* Ancho de la barra de desplazamiento */
    background: #eff2f5;
}

/* Estilo para el scrollbar thumb (la barra movediza) */
body::-webkit-scrollbar-thumb {
    background: #4a88fa;
    /* height: 1px !important; */
}

.header .header-menu .nav .nav-item .nav-link {
    letter-spacing: 1px;
    color: #1c3565;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.header .header-menu .nav .nav-item .nav-link:before{
    background: #4a87f9;
    bottom: 20px;
}

.header .header-menu .nav .nav-item:hover .nav-link:before{
    height: 3px;
}

.header .header-menu .nav .nav-item .nav-dropdown{
    top: auto;
    left: -2.5rem;
    width: 20rem;
    background-color: #1e3665;
    border-radius: 0px;
    padding: 2.5rem 0;
    border-bottom: 6px solid #4a87f9;
}

.header .header-menu .nav .nav-item .nav-dropdown a:not([class^='button']):not([class^="link-social"]){
    color: #FFFF;
    text-transform: uppercase;
    border-radius: 0px;
    border-bottom: 1px solid #4a87f9;
}

.header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item{
    padding: 0.5rem 2rem;
}

.header .header-menu .nav .nav-item{
    margin: 0 0 0 1rem;
}

.header:not(.left):not(.center) .header-menu{
    margin: 0 auto;
}

.text-darkbl {
    color: #1D3665 !important;
}

.bg-darkbl {
    background: #1D3665 !important;
}

.bg-greylight {
    background: #E4E4E4;
}

.text-bluelight {
    color: #5781BA;
}

.bg-bluelight {
    background-color: #5781BA !important;
}

.bg-bluegrey {
    background-color: #CACACA;
}

.text-blue2 {
    color: #274d95 !important;
}

.ls-0 {
    letter-spacing: 0;
}

.ls-05 {
    letter-spacing: 0.5px;
}

.ls-1 {
    letter-spacing: 1px;
}

.ml-categories {
    margin-left: 12%;
}

.card {
    text-align: left;
    background: transparent;
    border-radius: 1rem;
    border-width: medium;
}

.card-2 {
    text-align: left;
    background: #1D3665;
    border-radius: 1rem;
    border-width: medium;
}

.border-white {
    border: medium solid white;
    border-radius: 1rem;
}

.card a {
    text-align: center;
}

.card-body {
    padding: 1.5rem;
    color: #FFFF;
}

.card-body-2 {
    padding: 2.5rem;
    color: #FFFF;
}

.card-body-inv {
    padding: 1.2rem;
    color: #FFFF;
    height: 25rem;
}

.w-98 {
    width: 98.5%;
}

.flex-card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.border-bottom-white {
    border-bottom: 1.5px solid white;
}

.padding-ct {
    padding: 45px 0 0 0;
}

.padding-ct2 {
    padding: 70px 0 0 0;
}

.card-text {
    line-height: 1.5;
    font-size: 1.2rem;
    margin-bottom: 2.5rem;
}

.padding-b5 {
    padding-bottom: 5rem;
}

.flat-btn {
    padding: 6px 34px;
}

.ml-neg {
    margin-left: -20px;
}

.w-10 {
    width: 10%;
}

.w-12 {
    width: 12%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-40 {
    width: 40%;
}

.w-65 {
    width: 65%;
}

.w-85 {
    width: 85%;
}


.fw-500  {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-800 {
    font-weight: 800 !important;
}

.fs-8 {
    font-size: 8px;
}

.fs-10 {
    font-size: 10px;
}

.fs-12 {
    font-size: 11px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-21 {
    font-size: 21px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-28 {
    font-size: 28px;
}

.fs-32 {
    font-size: 32px;
}

.fs-36 {
    font-size: 36px;
}

.lrtxt {
    line-height: 19px;
    padding-top: 7px;
}

.border-bottom-radius {
    border: 2px solid white;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    box-shadow: 0px 7px 0px 2px #5781BA;
}

.footer-line {
    height: 3px;
    background-color: #4a87f9;
    width: 35%;
}

.social-cnt {
    border-radius: 1rem;
    border-width: 1px;
    border: 1px solid rgb(255, 255, 255);
    padding: 0.2rem 1rem 0.2rem 1rem;
}
.social-cnt:hover {
    background: #4a88fa;
}

.position-bottom-end {
    position: absolute;
    left: 33%;
    bottom: 13%;
    width: 100%;
}

.comillas-div {
    position: absolute;
    left: 24%;
    top: 57%;
}

.comillas-div-2 {
    position: absolute;
    left: 22%;
    top: 50%;
}

.comillas-div-3 {
    position: absolute;
    left: 14%;
    top: -10%;
}

.low-line {
    width: 2rem;
    height: 0.4rem;
    background: #5781BA;
}

.mb-1r {
    margin-bottom: 1rem;
}

.mt-1r {
    margin-top: 1rem;
}

.mt-2r {
    margin-top: 2rem;
}

.mt-3r {
    margin-top: 3rem;
}

.mt-4r {
    margin-top: 4rem;
}

.mt-5r {
    margin-top: 5rem;
}

.mt-6r {
    margin-top: 6rem;
}

.pt-1r {
    padding-top: 1rem;
}
.pt-2r {
    padding-top: 2rem;
}
.pt-3r {
    padding-top: 3rem;
}
.pt-4r {
    padding-top: 4rem;
}
.pt-5r {
    padding-top: 5rem;
}
.pt-6r {
    padding-top: 6rem;
}

.pl-1r {
    padding-left: 0.9rem;
}
.pl-2r {
    padding-left: 2rem;
}
.pl-3r {
    padding-left: 3rem;
}
.pl-4r {
    padding-left: 4rem;
}
.pl-5r {
    padding-left: 5rem;
}
.pl-6r {
    padding-left: 6rem;
}

.lh-10 {
    line-height: 10px;
}

.vert-divider {
    position: absolute;
    top: -25%;
    width: 1px;
    height: 150%;
    background-color: #f2f6fd;
}

.h-150 {
    height: 150%;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify !important;
}

.title-bold {
    font-weight: bold;
    font-style: normal;
    letter-spacing: 0.8px;
}

.title-bold-italic {
    font-weight: bold;
    font-style: italic;
    font-size: 28px;
    letter-spacing: 1.2px;
}

.title-black-italic {
    font-weight: 800;
    font-style: italic;
    letter-spacing: 3px;
}

.text-black-italic {
    font-weight: 800;
    font-style: italic;
    letter-spacing: 1px;
}

.span-bold {
    font-size: 26px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 1.5px;
}

.w-18 {
    width: 18%;
}

.w-40 {
    width: 40%;
}

.fw-900 {
    font-weight: 900
}

.fs-normal {
    font-style: normal;
}

.fs-italic {
    font-style: italic;
}

.content {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.column {
    width: 48%;
}

.sust-container {
    position: relative;
    padding: 0 12rem;
}

.horizontal-list {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 10px 0 0;
}

.horizontal-list li {
    position: relative;
    font-size: 1.2em;
    color: #ffffff;
}

.horizontal-list li::after {
    content: "•";
    position: absolute;
    right: -15px;
    bottom: -5%;
    font-size: 1.2em;
    color: #ffffff;
}

.horizontal-list li:last-child::after {
    content: "";
}

.data-container {
    position: absolute;
    flex: 0 0 auto;
    height: 14rem;
    width: 25%;
    right: 55%;
    bottom: 43%;
}

.data-container-2 {
    position: absolute;
    flex: 0 0 auto;
    height: 14rem;
    width: 25%;
    top: 62%;
    left: 5%;
}

.data-container-3 {
    position: absolute;
    flex: 0 0 auto;
    height: 14rem;
    width: 25%;
    top: 45%;
    right: 5%;
}

.data-container-4 {
    position: absolute;
    flex: 0 0 auto;
    height: 14rem;
    width: 25%;
    top: 80%;
    right: -4%;
}

.usa-flag {
    position: absolute;
    right: 90%;
    top: 10%;
    width: 15%;
    z-index: 1;
}

.cam-flags {
    position: absolute;
    left: 30%;
    top: 10%;
    width: 85%;
    z-index: 1;
}

.mex-flag {
    position: absolute;
    right: 90%;
    top: 9%;
    width: 18%;
    z-index: 1;
}

.sa-flags {
    position: absolute;
    right: 30%;
    top: 10%;
    width: 85%;
    z-index: 1;
}

.usa-rc {
    position: absolute;
    width: 66%;
    height: 17%;
    z-index: 0;
    top: 12%;
    right: 31%;
}

.cam-rc {
    position: absolute;
    width: 62%;
    height: 18%;
    z-index: 0;
    left: 88%;
}

.mex-rc {
    position: absolute;
    width: 62%;
    height: 18%;
    z-index: 0;
    left: 6%;
}

.sa-rc {
    position: absolute;
    width: 62%;
    height: 18%;
    z-index: 0;
    left: 6%;
}

.cam-relative {
    position: relative;
    left: 57%;
}

.sa-relative {
    position: relative;
    right: 11%;
}

.brands-container {
    position: absolute;
    flex: 0 0 auto;
    height: 6rem;
    width: 25%;
    right: 60%;
    bottom: 46%;
}

.brands-container-2 {
    position: absolute;
    flex: 0 0 auto;
    height: 7rem;
    width: 25%;
    right: 60%;
    bottom: 17%;
}

.brands-container-3 {
    position: absolute;
    flex: 0 0 auto;
    height: 7rem;
    width: 25%;
    right: 0%;
    bottom: 35%;
}

.brands-container-4 {
    position: absolute;
    flex: 0 0 auto;
    height: 7rem;
    width: 25%;
    right: 0%;
    bottom: -1%;
}

.acq-container1 {
    position: absolute;
    width: 20%;
    top: 2%;
    left: 27%;
}

.acq-sec1 {
    display: flex;
    flex-wrap: wrap;
}

.acq-container2 {
    position: absolute;
    width: 20%;
    top: 14%;
    right: 21%;
}

.acq-sec2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.acq-container3 {
    position: absolute;
    width: 20%;
    top: 27%;
    left: 21%;
}

.acq-sec3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.acq-container4 {
    position: absolute;
    width: 20%;
    top: 37%;
    right: 23%;
}

.acq-sec4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.acq-container5 {
    position: absolute;
    width: 20%;
    top: 50.5%;
    left: 23%;
}

.acq-sec5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.acq-container6 {
    position: absolute;
    width: 20%;
    top: 62.3%;
    right: 27%;
}

.acq-sec6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.acq-container7 {
    position: absolute;
    width: 20%;
    top: 75%;
    left: 22%;
}

.acq-sec7 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.acq-container8 {
    position: absolute;
    width: 20%;
    top: 86.5%;
    right: 23%;
}

.acq-sec8 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: start;
}

.w-18b {
    flex: 0 0 auto;
    width: 18%;
    padding: 0;
}

.w-25b {
    flex: 0 0 auto;
    width: 25%;
}

.w-30b {
    flex: 0 0 auto;
    width: 30%;
}

.w-35b {
    flex: 0 0 auto;
    width: 35%;
}

.w-40b {
    width: 40%;
}

.w-58b {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.zindex-0 {
    z-index: 0;
}

.zindex-1 {
    z-index: 1;
}

.d-center {
    display: flex;
    justify-content: center;
}


.luciano-carrillo-profile {
    border: 1px solid white;
    border-radius: 100%;
    padding: 4px;
}

.border-profile-1 {
    border: 1px solid #5781BA;
    border-radius: 100%;
    padding: 4px;
}

.border-profile-2 {
    border: 1px solid #ffffff;
    border-radius: 100%;
    padding: 4px;
}

.cards-gc{
    margin: 6rem;
    padding: 4rem 2rem;
}

.media-center-margin-padding{
    padding: 5.5rem 5rem 2rem 5rem
}

.form-contact-us input,
.form-contact-us textarea{
    border-color: rgb(248,249,250);
    padding-left: 0.8rem;
}

.form-contact-us textarea{
    border: 1px solid rgb(248,249,250);
    padding: 0.8rem;
}

.form-contact-us input::placeholder, .form-contact-us textarea::placeholder{
    font-weight: 100;
    color: rgb(248,249,250);
}

.padding-card-contact-us{
    padding: 2.8rem 2rem 2.8rem 2.5rem;
}

.ml-zero {
    margin-left: 0 !important;
}

.mt-minus15r {
    margin-top: -15rem;
}

.pr-cnt {
    padding-right: 5.313rem !important;
}

.bg-numbers {
    background: #5781BA;
    border-radius: 100%;
    padding: 1.3rem 1.5rem;
}

.gp-1 {
    gap: 2.4rem !important;
}

.gp-2 {
    gap: 3rem;
}

/* MOBILE */
@media (min-width: 320px) and (max-width: 376px) {
    .brands-container-3 {
        bottom: 50% !important;
    }
    .brands-container-4 {
        bottom: -64% !important;
    }
    .fs-15-sm {
        font-size: 12px !important;
    }
    .sa-rc {
        height: 15% !important;
    }

    .header .header-menu .nav .nav-item .nav-dropdown{
        width: 100%;
        padding: 1.5rem 0;
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item{
        font-size: 0.75rem;
    }

    .header .header-menu .nav .nav-item .nav-link:focus{
        color: #FFFF;
    }

    .header-menu{
        background-color: #1e3665 !important;
    }

    .header .header-menu .nav .nav-item .nav-link{
        color: #FFFF;
    }

    .header .header-menu .nav .nav-item .nav-dropdown-toggle,
    .header .header-menu .nav .nav-item .nav-dropdown-toggle.active
    {
        color: #1e3665;
    }

    .p-sm-no-registers{
        padding: 0rem 3rem 2rem 3rem;
    }
}

@media (min-width: 320px) and (max-width: 576.98px) {
    .d-none-sm {
        display: none !important;
    }

    .header .header-menu .nav .nav-item .nav-dropdown{
        width: 100%;
        padding: 1.5rem 0;
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item{
        font-size: 0.75rem;
    }

    .header .header-menu .nav .nav-item .nav-link:focus{
        color: #FFFF;
    }

    .header-menu {
        background-color: #1e3665 !important;
    }

    .header .header-menu .nav .nav-item .nav-dropdown {
        border-bottom: 0 !important;
    }

    .header .header-menu .nav .nav-item .nav-link,
    .header .header-menu .nav .nav-item .nav-link:hover{
        color: #FFFF;
    }

    .header .header-menu .nav .nav-item .nav-dropdown-toggle,
    .header .header-menu .nav .nav-item .nav-dropdown-toggle.active
    {
        color: #ffffff7d;
    }
    /* General Styling  */

    .mt-1r-sm {
        margin-top: 1rem !important;
    }
    
    .mt-2r-sm {
        margin-top: 2rem !important;
    }
    
    .mt-3r-sm {
        margin-top: 3rem !important;
    }
    
    .mt-4r-sm {
        margin-top: 4rem !important;
    }
    
    .mt-5r-sm {
        margin-top: 5rem !important;
    }
    
    .mt-6r-sm {
        margin-top: 6rem !important;
    }

    .me-1-sm {
        margin-right: .25rem !important;
    }
    
    .pt-1r-sm {
        padding-top: 1rem !important;
    }
    .pt-2r-sm {
        padding-top: 2rem !important;
    }
    .pt-3r-sm {
        padding-top: 3rem !important;
    }
    .pt-4r-sm {
        padding-top: 4rem !important;
    }
    .pt-5r-sm {
        padding-top: 5rem !important;
    }
    .pt-6r-sm {
        padding-top: 6rem !important;
    }
    
    .pl-1r-sm {
        padding-left: 1rem !important;
    }
    .pl-2r-sm {
        padding-left: 2rem !important;
    }
    .pl-3r-sm {
        padding-left: 3rem !important;
    }
    .pl-4r-sm {
        padding-left: 4rem !important;
    }
    .pl-5r-sm {
        padding-left: 5rem !important;
    }
    .pl-6r-sm {
        padding-left: 6rem !important;
    }
    .social-cnt {
        padding: 0.2rem 0.9rem 0.2rem 0.9rem;
    }
    .card-body-inv {
        padding: 0.4rem;
    }
    .row-gap-sm {
        row-gap: 2rem;
    }
    .white-space-sm {
        white-space: pre-line;
    }
    .w-100-sm {
        width: 100% !important;
    }

    .fs-10-sm {
        font-size: 10px !important;
    }
    .fs-15-sm {
        font-size: 15px;
    }
    .fs-18-sm {
        font-size: 18px !important;
    }
    .fs-21-sm {
        font-size: 21px !important;
    }
    .fs-24-sm {
        font-size: 24px !important;
    }

    .lh-10 {
        line-height: 20px;
    }

    .p-mgteam-sm {
        padding: 0 30px 0 30px;
    }

    .text-justify-sm {
        text-align: justify !important;
    }
    
    /* FOOTER */
    #footer{
        flex-direction: column-reverse;
    }

    #footer .section-sm{
        width: 100%;
    }

    #footer .container-fluid .row .col-sm-6{
        width: 50%;
    }

    #footer .container-fluid .row{
        row-gap: 1rem;
    }

    #footer .bg-white .row .col-6{
        width: 80%;
        padding-left: 1rem;
    }

    #footer .bg-white .row .col-6 a img{
        width: 55%;
    }
    /* END FOOTER */


    /* INDEX */

    .hero-position-sm {
        position: absolute;
        top: -15%;
        right: 7%;
        width: 90%;
    }

    #section-bia{
        padding-top: 15rem;
        background-image: url('../images/Mobile/01 Home/Asset 8@2x.webp') !important;
    }

    #section-bia-cards,
    #section-investors-kitchen .row,
    #section-media-center .row{
        row-gap: 1rem; 
    }

    #section-bia-cards .col-sm-3{
        width: 50%;
        min-height: 12rem;
    }

    #section-bia-cards .col-sm-3 .title-bold-italic,
    #section-investors-kitchen .col-5 .title-bold-italic,
    #section-media-center .col-5 .title-bold-italic{
        font-size: .875rem;
    }

    #section-bia-cards .col-sm-3 .card-text,
    #section-investors-kitchen .col-5 .card-text,
    #section-media-center .col-5 .card-text{
        margin-bottom: 1rem;
        font-size: 0.7rem;
    }

    #section-bia-cards .col-sm-3 .button-outline-white-2,
    #section-investors-kitchen .col-5 .button-outline-white-2,
    #section-media-center .col-5 .button-outline-white-2{
        padding: 0.2rem 0.5px;
        font-size: 0.7rem;
    }

    #section-bia-cards .col-sm-3 .button-outline-white-2 i,
    #section-investors-kitchen .col-5 .button-outline-white-2 i{
        font-size: 0.7rem;
    }

    #section-bia-cards .col-sm-3 .card-body,
    #section-investors-kitchen .col-5 .card-body-2,
    #section-media-center .col-5 .card-body-2{
        padding: 0.8rem;
    }

    #section-our-hubs{
        padding-top: 12rem;
        background-image: url('../images/Mobile/01 Home/Asset 7@2x.webp') !important;
    }

    #section-our-hubs .comillas-div,
    #section-growth-culture .comillas-div-2{
        left: 5%;
    }

    #section-investors-kitchen{
        padding-top: 12rem;
        background-image: url('../images/Mobile/01 Home/Asset 5@2x.webp') !important;
    }

    #section-investors-kitchen .section-xs .row .col-5,
    #section-media-center .section-xs .row .col-5{
        width: 100%;
    }

    #section-growth-culture{
        padding-top: 12rem;
        background-image: url('../images/Mobile/01 Home/Asset 6@2x.webp') !important;
    }

    #section-media-center{
        padding-top: 12rem;
        background-image: url('../images/Mobile/01 Home/Asset 4@2x.webp') !important;
    }

    /* END INDEX */

    /* THE ALLIANCE */
    #our-history{
        padding: 6rem 0rem;
        background-image: url('../images/Mobile/02 OurStory/Asset 12@2x.webp') !important;
    }

    #section-nourishing-alliance .container .row{
        row-gap: 1.5rem;
    }

    #our-dream{
        padding: 32rem 0px 6rem 0px;
        background-image: url('../images/Mobile/02 OurStory/Asset 10@2x.webp') !important;
    }

    #our-dream .container .position-bottom-end{
        left: 42%;
        bottom: 15%;
        width: 50%;
    }

    #our-dream .container .position-bottom-end .fs-24{
        font-size: 1rem !important;
        display: flex;
        flex-direction: column;
    }

    #our-dream .container .position-bottom-end .fs-36{
        font-size: 1.5rem !important;
    }

    #wind-turbine{
        padding: 12rem 0px;
        background-image: url('../images/Mobile/02 OurStory/Asset 11@2x.webp') !important;
    }

    .sust-container{
        padding: 1rem 2.5rem 1rem 1.5rem;
    }

    .sust-container h1{
        padding-left: 1rem;
    }

    .sust-container .row .col-lg-6 ul{
        width: 100%;
    }

    #our-values{
        padding: 12rem 0px;
        background-image: url('../images/Mobile/02 OurStory/Asset 9@2x.webp') !important;
    }

    #our-values .container{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #our-values .container .row .col-6{
        width: 100%;
    }

    #our-values .container .row .col-6 .card{
        font-size: 0.6rem;
    }

    #our-values .container .row .col-6 .card-body-2 .fs-36{
        font-size: 1.5rem;
    }
    /* END THE ALLIANCE */


    /* OUR HUBS */
    #coffee-hub{
        padding-top: 12rem;
        background-image: url('../images/Mobile/03 Hubs/01 Coffee/Asset 30@2x.webp') !important;
    }

    #coffee-hub .container .row .col-12,
    #culinary-hub .container .row .col-12,
    #snacks-hub .container .row .col-12,
    #growth-culture .container .row .col-12
    {
        width: 65%;
    }

    #coffee-hub .container .row .section-xs .card-text,
    #culinary-hub .container .row .section-xs .card-text,
    #snacks-hub .container .row .section-xs .card-text,
    #restaurants-hub .container .row .section-xs .card-text
    {
        font-size: 0.9rem;
    }

    #coffee-hub .container .row .section-xs .card-body,
    #culinary-hub .container .row .section-xs .card-body,
    #snacks-hub .container .row .section-xs .card-body,
    #restaurants-hub .container .row .section-xs .card-body
    {
        padding: 1rem;
    }  

    #culinary-hub{
        padding-top: 12rem;
        background-image: url('../images/Mobile/03 Hubs/02 Culinary/Asset 34@2x.webp') !important;
    }

    #snacks-hub{
        padding-top: 12rem;
        background-image: url('../images/Mobile/03 Hubs/03 Snacks/Asset 37@2x.webp') !important;
    }

    #restaurants-hub{
        padding-top: 12rem;
        background-image: url('../images/Mobile/03 Hubs/04 Restaurants/Asset 42@2x.webp') !important;
    }
    /* END OUR HUBS */


    /* < ------------------ --------------- > */
    /* INVESTORS */
        /* Map Section  */
        .map-relative-sm {
            position: relative;
            top: 25%;
        }
        .m-numbers-sm {
            margin: 3px 0px 0px 3px !important;
        }
        .m2-share-sm {
            margin: 2px !important;
        }
        .m6-share-sm {
            margin: 6px !important;
        }
        .w-80-sm {
            width: 80% !important;
        }
        .w-70-sm {
            width: 70% !important;
        }
        .w-65-sm {
            width: 65% !important;
        }
        .w-60-sm {
            width: 60% !important;
        }
        .w-50-sm {
            width: 50% !important;
        }
        .w-40-sm {
            width: 40% !important;
        }
        .pr-0-sm {
            padding-right: 0 !important;
        }
        .no-wrap-sm {
            flex-wrap: nowrap !important;
        }
        .px-flags-0 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }
        .jc-around {
            justify-content: space-around !important;
        }
        .jc-start {
            justify-content: flex-start !important;
        }
        .jc-end {
            justify-content: flex-end !important;
        }
        /* USA  */

        .data-container {
            height: 10rem;
            width: 55%;
            right: 0%;
            bottom: 75%;
        }
        .usa-flag {
            right: 90%;
            top: 10%;
            width: 18%;
        }
        .usa-rc {
            width: 63%;
            height: 18%;
            z-index: 0;
            top: 13%;
            right: 31%;
        }
        .brands-container {
            right: 42%;
            bottom: 75%
        }

        /* CENTER AMERICA (CAM)  */

        .data-container-2 {
            width: 100%;
            top: 83%;
            left: 0%;
        }
        .cam-flags {
            width: 30%;
            left: 10%;
            top: 25%;
        }
        .cam-rc {
            left: 23%;
            width: 31%;
            height: 13%;
            bottom: 60%;
        }
        .brands-container-2 {
            right: 60%;
            top: 106%;
        }
        .title-absolute-sm {
            position: absolute;
            top: 19%;
            right: 41%;
        }

        
        /* MEXICO  */
        
        .data-container-3 {
            height: 14rem;
            width: 70%;
            top: 19%;
            left: 9%;
        }
        .mex-flag {
            right: 90%;
            top: 6%;
            width: 14%;
        }
        .mex-rc {
            width: 48%;
            height: 14%;
            z-index: 0;
            left: 6%;
        }
        .brands-container-3 {
            right: 70%;
            bottom: 52%;
        }

        /* SOUTH AMERICA  */

        .data-container-4 {
            height: 12rem;
            width: 60%;
            top: 132%;
            right: 0%;
        }
        .sa-flags {
            right: 32%;
            top: 6%;
            width: 87%;
        }
        .sa-rc {
            height: 17%;
            width: 60%;
        }
        .sa-relative {
            right: 15%;
        }
        .brands-container-4 {
            right: 33%;
            bottom: -60%;
        }

    /* Bia Acquisitions Section  */

    .acq-container1 {
        top: 2.6%;
        left: 7%;
        width: 90%;
    }
    .acq-sec1 {
        align-items: center;
        width: 70%;
    }
    .acq-container2 {
        width: 32%;
        top: 14.2%;
        right: 0%;
    }
    .acq-container3 {
        width: 35%;
        top: 26.5%;
        left: 1%;
    }
    .acq-sec3 {
        flex-wrap: nowrap;
        justify-content: space-around;
    }
    .acq-container4 {
        width: 33%;
        top: 37.8%;
        right: 0%;
    }
    .acq-container5 {
        width: 32%;
        top: 50.8%;
        left: 2%;
    }
    .acq-container6 {
        width: 30%;
        top: 62.5%;
        right: 4%;
    }
    .acq-container7 {
        width: 35%;
        top: 75%;
        left: 0%;
    }
    .acq-container8 {
        width: 27%;
        top: 86.7%;
        right: 5%;
    }
    .mstart-0 {
        margin-left: 0 !important;
    }
    .msend-0 {
        margin-right: 0 !important;
    }
    .gp-1 {
        gap: 1.8rem !important;
    }
    .gp-2 {
        gap: 2.7rem;
    }
    .w-35b-sm {
        width: 35%;
    }
    .w-50b-sm {
        width: 50%;
    }
    .w-65b-sm {
        width: 65%;
    }
    .w-75b-sm {
        width: 75%;
    }
    /* END INVESTORS */
    /* < ------------------ --------------- > */


    /* GROWTH CULTURE */
    #growth-culture{
        padding: 10rem 0rem;
        background-image: url('../images/Mobile/05 GrowthCulture/Asset 160@2x.webp') !important;
    }

    #from_our_ceo .container .col-8{
        width: 90%;
    }

    #from_our_ceo .container .col-8 .mb-4 .button{
        width: 70%;
    }

    #from_our_ceo .container .col-8 .mb-5{
        font-size: 0.9rem;
    }
    
    #div_logito_bia{
        width: 50%;
    }
    
    #div_luciano_carrillo_profile{
        margin-top: 2.5rem;
    }

    .luciano-carrillo-profile{
        width: 35%;
    }

    #principles{
        padding: 10rem 0rem;
        background-image: url('../images/Mobile/05 GrowthCulture/Asset 159@2x.webp') !important;
    }

    .cards-gc{
        margin: 6rem 3.5rem;
        padding: 1.5rem 0rem;
        min-height: 15rem;
    }

    .cards-gc h5{
        font-size: 0.9rem;
    }

    .cards-gc span{
        font-size: 0.8rem;
    }

    #ethics_pledge{
        padding-top: 10rem;
        background-image: url('../images/Mobile/05 GrowthCulture/Asset 161@2x.webp') !important;
    }

    #ethics_pledge .title-bold-italic{
        font-size: 1rem;
    }

    #ethics_pledge .section-md .row{
        row-gap: 1rem;
    }
    /* END GROWTH CULTURE */

    
    /* MEDIA CENTER */
    #about_bia{
        padding: 6rem 0rem;
        background-image: url('../images/Mobile/06 AboutBia/Asset 165@2x.webp') !important;
    }

    #div_media_center_products form,
    #div_media_center_brands form{
        margin-right: 1rem !important;
    }

    .min-h-m{
        min-height: 15rem;
        height: auto;
    }

    .media-center-margin-padding{
        padding: 2rem 2.5rem;
    }

    .media-center-margin-padding h5{
        font-size: 1rem;
    }

    .media-center-margin-padding span{
        font-size: 0.8rem;
    }

    .media-center-margin-padding div{
        margin-top: 2rem !important;
    }

    .order-2{
        order: 1 !important;
    }

    .p-sm-no-registers{
        padding: 0rem 3rem 2rem 3rem;
    }
    /* END MEDIA CENTER */

    /* CONTACT US */
    #careers{
        padding: 6rem 0rem;
        background-image: url('../images/Mobile/09 Carrees/Asset 174@2x.webp') !important;
    }
    /* END CONTACT US */


    /* LINEAS INVESTORS */

    .low-line-1{
        top: 14.5% !important;
    }

    .low-line-3{
        top: 41% !important;
    }

    .low-line-4{
        top: 54% !important;
    }

    .low-line-5{
        top: 67.5% !important;
    }

    .low-line-6{
        top: 80.3% !important;
    }

    .low-line-7{
        bottom: 84.65% !important;
    }

    .low-line-8{
        bottom: 73.5% !important;
    }

    .low-line-9{
        bottom: 63.4% !important;
    }

    .low-line-10{
        bottom: 54% !important;
    }

    .low-line-11{
        bottom: 41% !important;
    }

    .low-line-12{
        bottom: 31% !important;
    }

    .low-line-13{
        bottom: 27% !important;
    }

    /* END LINEAS INVESTORS */
}

/* TABLET */
@media (min-width: 577px) and (max-width: 991.98px) {
    .d-none-md {
        display: none !important;
    }
    .row-gap-sm {
        row-gap: 2rem;
    }
    .w-14-md {
        width: 14% !important;
    }
    /* .data-container {
        width: 40%;
        right: 55%;
        bottom: 40%;
    }
    .brands-container {
        width: 35%;
        right: 64%;
        bottom: 47%;
    }
    .data-container-2 {
        width: 45%;
    } */

    .position-bottom-end{
        left: auto;
    }

    .w-100-md{
        width: 100% !important;
    }

    .min-h-m{
        min-height: 15rem !important;
        height: auto !important;
    }

    .header .header-menu .nav .nav-item .nav-dropdown{
        width: 100% !important;
        padding: 1.5rem 0 !important;
    }

    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item{
        font-size: 0.75rem !important;
    }

    .header .header-menu .nav .nav-item .nav-link:focus{
        color: #FFFF !important;
    }

    .header-menu{
        background-color: #1e3665 !important;
    }

    .header .header-menu .nav .nav-item .nav-link{
        color: #FFFF !important;
    }

    .header .header-menu .nav .nav-item .nav-dropdown-toggle,
    .header .header-menu .nav .nav-item .nav-dropdown-toggle.active
    {
        color: #ffffff !important;
    }

    .comillas-div-3{
        left: 2%;
        top: -30%;
    }

    .data-container{
        width: 41%;
        right: 56%;
        bottom: 51%;
    }

    .brands-container {
        width: 33%;
        right: 68%;
        bottom: 59%;
    }

    .data-container-2{
        width: 40%;
        top: 61%;
        left: 2%;
        text-align: center;
    }

    .cam-flags{
        left: 0%;
        top: 12%;
        width: 85%;
    }

    .cam-rc{
        width: 60%;
        left: 33%;
    }

    .brands-container-2{
        width: 33%;
        right: 65%;
        bottom: -2%;
    }

    .data-container-3{
        width: 38%;
        top: 31%;
        text-align: end;
        right: -2%;
    }

    .brands-container-3{
        width: 33%;
        right: -2%;
    }

    .mex-flag{
        right: 70%;
        top: 11%;
        width: 18%;
    }

    .mex-rc{
        width: 70%;
        left: 26%;
    }

    .fs-15-md{
        font-size: 15px;
    }

    .data-container-4{
        width: 38%;
        text-align: end;
        right: -2%;
        top: 85%;
    }

    .brands-container-4{
        width: 34%;
        right: -2%;
        bottom: -20%;
    }

    .sa-relative{
        right: -2%;
        text-align: end !important;
    }

    .sa-rc{
        width: 60%;
        left: 37%;
    }

    .sa-flags{
        top: 11%;
        right: 0%;
    }

    /* TIME-LINE */

    .acq-container1{
        width: 50%;
        top: 1.5%;
        left: 6%;
    }

    .acq-container2{
        width: 28%;
        top: 14.5%;
        right: -1%;
    }

    .acq-container3{
        width: 28%;
        top: 24%;
        left: 1%;
    }
    .acq-sec3{
        row-gap: 1.5rem;
    }

    .acq-container4{
        width: 28%;
        top: 38%;
        right: 1%;
    }

    .acq-container5{
        width: 35%;
        top: 48.5%;
        left: 0%;
    }

    .acq-container6{
        width: 35%;
        top: 61.5%;
        right: 0%;
    }

    .acq-container7{
        width: 32%;
        top: 73.3%;
        left: 0%;
    }

    .acq-container8{
        width: 27%;
        top: 86.75%;
        right: 2%;
    }

    .low-line-1{
        top: 14.5% !important;
    }

    .low-line-3{
        top: 41.5% !important;
    }

    .low-line-5{
        top: 68.5% !important;
    }

    .low-line-7{
        bottom: 81.5% !important;
    }

    .low-line-9{
        bottom: 58% !important;
    }

    .low-line-11{
        bottom: 34.5% !important;
    }
    /* END TIME-LINE */


    .p-sm-no-registers{
        margin: auto !important;
        padding-bottom: 3rem;
    }
}

/* DESKTOP */
@media (min-width: 992px) {
    .d-none-lg {
        display: none !important;
    }

    .header .header-menu .nav .nav-item .nav-dropdown-toggle{
        visibility: hidden;
    }

    .culinary-card {
        position: relative;
        top: 97%;
    }

    .p-sm-no-registers{
        padding-bottom: 3rem;
    }

    .fs-24-lg{
        font-size: 24px !important;
    }
}

@media (min-width: 1304px) and (max-width: 1448px) {
    .n18 {
        font-size: 18px !important;
    }
    .n26 {
        font-size: 26px !important;
    }
    .px100c {
        line-height: 1.3 !important;
        margin-top: 10px !important;
        font-size: 18px !important;
    }
    .ptnot {
        padding-top: 0px !important;
    }
}

@media (min-width: 1023px) and (max-width: 1305px) {
    .fs-8 {
        font-size: 7px !important;
    }
    .title-bold-italic {
        font-size: 18px;
    }
}