.bannerHeigthSmarter{
    height: 25vw; 
 }

 .bgBannerReferenceSmarter{
     background-color: var(--banner-bg-color-smarter);   
 }

 .imgAbsB1SmarterP1{
     top: 40vw;
 }
 
 .secctionAbsoulteBanner{
     position: absolute;
     top: 0;
 }

 .bannerVisibility{
     visibility: hidden;
 }

 .bannerWidth{
     width: 100%;
     left: 0;
 }

 .imgBannerSmarter{
     width: 70vw;
 }

 .bdDegradadoOrange{
     background: linear-gradient(#F45E2A, #DC441E);
 }

 .divGridSmarter{
     display: grid;
     grid-template-columns: repeat(25,3vw);
     grid-template-rows: repeat(22,2vw);
     margin: auto;
     z-index: -1;
 }
 .divImgGridSmarter{
     grid-column: 4/21;
     grid-row: 1/23;
     z-index: -1;
     width: 100%;
 }
 .divTxt1GridSmarter{
     grid-column: 4/10;
     grid-row: 10/18;
 }
 .divTxt2GridSmarter{
     grid-column: 20/23;
     grid-row: 5/10;
     text-align: right;
 }

 .divTxt3GridSmarter{
     grid-column: 20/23;
     grid-row: 17/22;
     text-align: right;
 }

 .bannerIntutionSmarter{
     position: absolute;
     width: 100%;
     top: 10vw;

     background-color: #ed6b17;
 }

 .heightImgSmarterP1{
     height: 45vw;
 }

 .mtopSmarterP1{
     margin-top: 5vw;
 }

 .mtopSmarterCarrusel{
    /* margin-top: 2.5vw; */
    margin-top: 4vw;
}

 .imgCarruselSmarter{
    width: 30vw;
 }

.gridCarruselSmarter{
 display: grid;
 grid-template-columns: repeat(25,3vw);
 grid-template-rows: repeat(23,2vw);
 margin: auto;
 z-index: -1;
}

.divImgGridCarruselSmarter{
 margin: auto;
 grid-column: 1/26;
 grid-row: 1/24;
 z-index: -1;
 width: 100%;
 height: 100%;
}
.divTxt1GridCarruselSmarter{
 grid-column: 16/24;
 grid-row: 3/16;
 text-align: right;
}
.divTxt2GridCarruselSmarter{
 grid-column: 3/11;
 grid-row: 12/23;
 text-align: left;
}
.divTxt3GridCarruselSmarter{
 grid-column: 8/18;
 grid-row: 16/25;
 text-align: center;
}
.divTxt4GridCarruselSmarter{
 grid-column: 16/24;
 grid-row: 12/18;
 text-align: right;
}
.imgGridCarruselSmarter{
 width: 65%;
}
.divHeightCarrusel{
 /* height: 50vw; */
 height: 53vw;
}

.imgTopCortadaSmarter{
 width: 70vw;
 position: relative;
 left: 2vw;

 margin-bottom: 5vw;
}

.bgLightCarrusel{
 background-color: var(--bg-carrusel-light-smarter);
 height: 100%;
}

.bgMedDarkCarrusel{
 background-color: var(--bg-carrusel-medium-smarter)!important; 
 height: 100%;
}

.bgDarkCarrusel{
 background-color: var(--bg-carrusel-dark-smarter); 
 height: 100%;
}

.bgWhiteCarrusel{
    background-color: var(--menu-txt-color); 
    height: 100%;
}

.indicatorSmarter li{
    background-color: #7a747f;
}

.pTCarrusel{
    padding-top: 35px;
}
.pBCarrusel{
    padding-bottom: 35px;
}


.imgCarrusel2Smarter{
    width: 50vw;
}

.VideoBannerLogo{
    background-color: #ed6b17;
    padding-bottom: 10vw;
    padding-top: 10vw;
}


#videosmarter{
    width: 50vw;
}

@media only screen and (min-width: 768px){

}

@media only screen and (max-width: 767px) {
    .divHeightCarrusel{
        height: 110vw;
    }

    .imgCarruselSmarter{
        width: 55vw;
     }
     .imgCarrusel2Smarter{
         width: 70vw;
     }
}