@import url('https://base-estatico.sebrae.com.br/fonts/campuni/web-font.css');

#banner-inicial{
    min-height: 530px;
}

#banner-inicial .sb-hotsite-template-1__banner__wrapper__text__title {
    font-size: 39px;
    font-family: Campuni;
    font-weight:700;
    line-height: 100%;
    color: #333333;
}

#banner-inicial .sb-hotsite-template-1__banner__wrapper{
    margin-right: -53px;
    margin-top: 130px;
    width: 627px;
    max-width:627px;
}

#banner-inicial .sb-hotsite-template-1__banner__wrapper__text__sub-title{
    font-size: 23px;
    font-family: Lato;
    line-height: 100%;
    color: #000000;
    font-weight:400;
    margin-top: 16px;
}

#video-intro {
    height: 495px;
}

#video-entender {
    height: 495px;
    margin-top: -40px;
}

#video-intro .player-ddeccb29-f33f-4cff-aeae-0e68712fc044 {
    max-width: 677px!important;
    height: 305px !important;
}

#video-entender .player-ddeccb29-f33f-4cff-aeae-0e68712fc044 {
    max-width: 677px!important;
    height: 305px !important;
}

#video-intro .sb-hotsite-template-1__texto__container {
    margin: 0 auto;
    max-width: 1920px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

#video-entender .sb-hotsite-template-1__texto__container {
    margin: 0 auto;
    max-width: 1920px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

 #video-intro .sb-hotsite-template-1__texto__container-container {
    width: 1920px;
    height: 561px !important;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

 #video-entender .sb-hotsite-template-1__texto__container-container {
    width: 1920px;
    height: 561px !important;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
    
     #video-intro .sb-hotsite-template-1__texto__container-text {
        width: 494px;
        height: 30px;
        left: 27px !important;
        top: 14px;
        position: relative;
    }
    
    #video-intro .sb-hotsite-template-1__texto__container-title {
        font-family: Campuni;
        font-weight: 700;
        font-size: 33px;
        letter-spacing: 0%;
        color: #D70511;
        margin-bottom: 16px;
    }
    
    #video-entender .sb-hotsite-template-1__texto__container-text {
        width: 494px;
        height: 30px;
        left: 27px !important;
        top: 46px;
        position: relative;
    }
    
    #video-entender .sb-hotsite-template-1__texto__container-title {
        font-family: Campuni;
        font-weight: 700;
        font-size: 27px;
        letter-spacing: 0%;
        color: #D70511;
        margin-bottom: 16px;
    }

#video-intro iframe {
    height: 305px!important;
    width: 570px!important;
    position:center!important;
}

#video-entender iframe {
    height: 305px!important;
    width: 570px!important;
    position:center!important;
}

#video1 .sb-hotsite-template-1__banner .align-right {
    width: 680px!important;
    height: 305px!important;
}

#video1 .sb-hotsite-template-1__banner__video-container {
    height: 100%;
    width: 680px;

}

#video1 .sb-hotsite-template-1__banner__video-container iframe {
    width: 680px!important;
    height: 305px!important;
}

#video1{
    min-height: 475px;
    background-color: #FFFFFF;
}

#video1 .sb-hotsite-template-1__banner__wrapper__text__title {
    font-size: 33px;
    font-weight: 700;
    font-family: 'Campuni';
    line-height: 100%;
    color: #D70511;
}

#video1 .sb-hotsite-template-1__banner__wrapper{
    margin-right: 15px;
    margin-top: 40px;
    width: 494px;
    max-width:494px;
}

#video1 .sb-hotsite-template-1__banner__wrapper__text__sub-title{
    font-size: 19px;
    font-family: Lato;
    line-height: 23.3px;
    color: #000000;
    font-weight:400;
    margin-top: 16px;
}

#acelera{
    min-height: 480px;
    background-color: #FFCC00;
}

#acelera .sb-hotsite-template-1__banner__wrapper__text__title {
    font-size: 33px;
    font-weight: 700;
    font-family: 'Campuni';
    line-height: 100%;
    color: #D70511;
}

#acelera .sb-hotsite-template-1__banner__wrapper{
    margin-right: -102px;
    margin-top: 108px;
    width: 564px;
    max-width:564px;
}

#acelera .sb-hotsite-template-1__banner__wrapper__text__sub-title{
    font-size: 19px;
    font-family: 'Lato';
    line-height: 23.3px;
    color: #000000;
    font-weight:400;
    margin-top: 16px;
}

#acelera-cards{
    min-height: 350px;
    background-color: #FFCC00;
}

#acelera-cards .sb-components__card__destaque .sb-components__card__destaque__img {

    height: 250px;
    width: 300px;
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 3px 5px 5.3px 0px #00000040;
}

#acelera-cards .sb-components__card__destaque.sb-dd-center .sb-destaque-text strong{
    color: #D40511;
    font-family: 'Campuni';
    font-weight: 700;
    font-size: 19px;
    line-height:100%;
    text-align: left;
}

#acelera-cards .sb-components__card__destaque .sb-destaque-text p{
    color: #000000;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 16px;
    line-height:100%;
    text-align: left; 
}

#acelera-cards .sb-components__card__destaque.sb-dd-center .sb-destaque-text{
    top: 95px;
    height: 218px;
    width: 268px;
    align-items: start;
    left: 14px;

}


#acelera-card .sb-components__display__destaque:hover .sb-components__display__destaque__img picture img {
    transform: none;
}

#estruturar .sb-components__display__destaque:hover .sb-components__display__destaque__img picture img {
    transform: none;
}

#estruturar{
    min-height: 615px;
    background-color: #F3F3F3;
}

#estruturar .sb-hotsite-carousel-display__title p, .sb-hotsite-carousel__title p{
    color: #D70511;
    font-family: 'Campuni';
    font-weight: 700;
    font-size: 33px;
    line-height:100%;
    text-align: center; 
}

#estruturar .sb-components__display__destaque__img{
    height: 390px;
    width: 290px;
    background-color: #FFFFFF;
    border-radius: 8px;
}

#estruturar .sb-components__display__destaque a {
    box-shadow: 3px 5px 5.3px 0px #00000040;
    border-radius: 8px;
}

#estruturar .sb-components__display__destaque.sb-dd-center .sb-destaque-text strong{
    color: #000000;
    font-family: 'Lato';
    font-weight: 700;
    font-size: 23px;
    line-height:100%;
    text-align: left;
}

#estruturar .sb-components__display__destaque.sb-dd-center .sb-destaque-text{
    top: 234px;
    height: 81px;
    width: 268px;
    align-items: start;
    left: 14px;

}

#txt-entender .sb-hotsite-template-1__title-h1{
    color: #D70511;
    font-family: 'Campuni';
    font-weight: 700;
    font-size: 33px;
    line-height:100%;
    text-align: center;
    margin-bottom: 8px;
}


#vd-entender{
    
    background-color: #FFFFFF;
}

#vd-entender .sb-hotsite-template-1__banner__wrapper__text__title {
    font-size: 33px;
    font-weight: 700;
    font-family: 'Campuni';
    line-height: 100%;
    color: #D70511;
}

#vd-entender .sb-hotsite-template-1__banner__wrapper{
    margin-right: 15px;
    margin-top: 10px;
    width: 494px;
    max-width: 494px;
    margin-left: 0px;
}

#vd-entender.sb-grid .col-lg-6 {
        flex: 0!important;
    }

#vd-entender .sb-hotsite-template-1__banner__wrapper__text__sub-title{
    font-size: 19px;
    font-family: Lato;
    line-height: 23.3px;
    color: #000000;
    font-weight:400;
    margin-top: 16px;
}

#vd-entender .sb-hotsite-template-1__banner .align-right {
    width: 680px!important;
    height: 305px!important;
}

#vd-entender .sb-hotsite-template-1__banner__video-container {
    height: 100%;
    width: 680px;

}

#vd-entender .sb-hotsite-template-1__banner__video-container iframe {
    width: 680px!important;
    height: 305px!important;
}

#cards-entender .sb-components__display__destaque:hover .sb-components__display__destaque__img picture img {
    transform: none;
}


#cards-entender .sb-components__display__destaque__img{
    height: 390px;
    width: 290px;
    background-color: #FFFFFF;
    border-radius: 8px;
}

#cards-entender .sb-components__display__destaque a {
    box-shadow: 3px 5px 5.3px 0px #00000040;
    border-radius: 8px;
}

#cards-entender .sb-components__display__destaque.sb-dd-center .sb-destaque-text strong{
    color: #404040;
    font-family: 'Lato';
    font-weight: 700;
    font-size: 23px;
    line-height:100%;
    text-align: left;
}

#cards-entender .sb-components__display__destaque.sb-dd-center .sb-destaque-text{
    top: 234px;
    height: 81px;
    width: 268px;
    align-items: start;
    left: 14px;

}

#conteudos{
    
    background-color: #F3F3F3;
}

#conteudos .sb-typography__h1{
      
    color: #D70511;
    font-family: 'Campuni';
    font-weight: 700;
    font-size: 33px;
    line-height:100%;
    text-align: center;
    margin: 0 250px 48px 250px;

}

.sb-grid .sb-components-carousel .owl-carousel:not(.ct-tab) .owl-nav button {
    background-color: #D40511 !important;
    height: 60px;
    width: 60px;
    background-size: 16px !important;
    border-radius: 8px;
    box-shadow: 0px 4px 4px 0px #00000040;
}

/*inicio moblie*/

@media (max-width: 991.98px){
    
    #banner-inicial .sb-hotsite-template-1__banner__img-mobile {
    display:none;

}

    #player{
    position:center!important;
    }
    #banner-inicial{
        
    background-image: url(/Sebrae/Portal%20Sebrae/DHL/imgs/bannerinicial-mobile.webp)!important; 
    height: 400px!important;
    min-height: 400px!important;
    background-size: cover!important;

    }
    
    #video-intro {
        height: 729px!important;
    }
    
    #video-entender {
        height: 570px!important;
    }
    
    
    #video-intro iframe {
        height: 211px!important;
        width: 349.45px!important;
        margin: 0 auto!important;
    }
    
    #video-entender iframe {
        height: 211px!important;
        width: 349.45px!important;
        margin: 0 auto!important;
    }
    
    #video-intro .sb-hotsite-template-1__texto__sem-botao {
        padding: 0px 12px 0!important;
    }
    
    #video-entender .sb-hotsite-template-1__texto__sem-botao {
        padding: 0px 12px 0!important;
    }
    
    #video-intro .sb-hotsite-template-1__texto__container {
        margin: 0px auto!important;
        max-width: 349px!important;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    #video-entender .sb-hotsite-template-1__texto__container {
        margin: 0px auto!important;
        max-width: 349px!important;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    
    #video-intro .sb-hotsite-template-1__texto__container-container {
        width: 349px!important;
        height: 572px!important;
        flex-direction: column-reverse!important;
    }
    
    #video-entender .sb-hotsite-template-1__texto__container-container {
        width: 349px!important;
        height: 572px!important;
        flex-direction: column-reverse!important;
    }
    
     #video-intro .sb-hotsite-template-1__texto__container-text {
        width: 343px!important;
        height: 333px!important;
        left: 0px!important;
    }
    
    #video-entender .sb-hotsite-template-1__texto__container-text {
        width: 343px!important;
        height: 333px!important;
        left: 0px!important;
    }
    
    #video-intro .sb-hotsite-template-1__texto__container-title {
        font-size: 27px!important;
        line-height: 100%!important;
        margin-top: 13px;
    }
    
    #video-entender .sb-hotsite-template-1__texto__container-title {
        font-size: 27px!important;
        line-height: 100%!important;
        margin-top: 13px;
    }
    #acelera .sb-hotsite-template-1__banner__wrapper {

    padding: 40px 0px 48px;
    margin-top: 0px;
    width: 343px;
    }

    #acelera .sb-hotsite-template-1__banner__wrapper__text__title {
    font-size: 27px;
    font-weight: 700;
    font-family: 'Campuni';
    line-height: 100%;
    color: #D70511;
    }
    
    #acelera .sb-hotsite-template-1__banner__img-mobile {
    height: 268px;

}

    #estruturar .sb-hotsite-carousel-display__title p, .sb-hotsite-carousel__title p {
    font-size: 27px;
    text-align: left;
}

    #banner-inicial .sb-hotsite-template-1__banner__wrapper {
    margin-right: -53px;
    margin-top: 180px;
    width: 290px;
    max-width: 290px;
    padding: 40px 0px 48px 16px;
}

    #banner-inicial .sb-hotsite-template-1__banner__wrapper__text__title {
    font-size: 23px;
}
    #banner-inicial .sb-hotsite-template-1__banner__wrapper__text__sub-title {
    font-size: 16px;

}

    #video1 .sb-hotsite-template-1__banner__wrapper {
    margin-right: 15px;
    margin-top: 40px;
    width: 349px;
    max-width: 343px;
    padding: 40px 0px 48px;
}
    #video1 .sb-hotsite-template-1__banner__wrapper__text__title {
    font-size: 27px;
}
    #txt-entender .sb-hotsite-template-1__title-h1 {
    font-size: 27px;
}

    #vd-entender .sb-hotsite-template-1__banner__wrapper {

    margin-top: 0px;
    width: 343px;
    max-width: 343px;
    padding: 24px 0px 48px;

}
    #vd-entender .sb-hotsite-template-1__banner__wrapper__text__title {
    font-size: 27px;
}
    #vd-entender .sb-hotsite-template-1__banner__video-container iframe {
    width: 349.45px !important;
    height: 221px !important;
}
    #vd-entender .sb-hotsite-template-1__banner__video-container {
    height: 100%;
    width: 349.45px;
}

    #conteudos .sb-typography__h1 {
    color: #D70511;
    font-family: 'Campuni';
    font-weight: 700;
    font-size: 33px;
    line-height: 100%;
    text-align: left;
    margin: 0 24px 48px 0px;
}
}

.sb-grid .sb-components-carousel .owl-carousel:not(.ct-tab) .owl-dots .owl-dot.active, .sb-grid .sb-components-carousel .owl-carousel:not(.ct-tab) .owl-dots .owl-dot:hover {
    background-image: url(/Sebrae/Portal%20Sebrae/DHL/imgs/Light-UI.svg)!important;

}

.sb-grid .sb-components-carousel .owl-dots .owl-dot, .sb-grid .sb-components__carousel .owl-dots .owl-dot {
    background-image: url(/Sebrae/Portal%20Sebrae/DHL/imgs/Light-UI-n.svg);

}

@media (max-width: 991.98px){
   .sb-grid .sb-components-carousel .owl-carousel:not(.ct-tab) .owl-dots .owl-dot.active, .sb-grid .sb-components-carousel .owl-carousel:not(.ct-tab) .owl-dots .owl-dot:hover {
    background-image: url(/Sebrae/Portal%20Sebrae/DHL/imgs/Light-UI.svg)!important;
    width: 15.29px;
    height: 15.29px;
}

.sb-grid .sb-components-carousel .owl-dots .owl-dot, .sb-grid .sb-components__carousel .owl-dots .owl-dot {
    background-image: url(/Sebrae/Portal%20Sebrae/DHL/imgs/Light-UI-n.svg);
    width: 15.29px;
    height: 15.29px;
}
}
    @media (max-width: 376px) {
       
       #video-intro .sb-hotsite-template-1__texto__container-container {
            left:-18px!important;
        } 
        
        #video-entender .sb-hotsite-template-1__texto__container-container {
            left:-18px!important;
        } 
    }
    
     @media (max-width: 361px) {
       
       #video-intro .sb-hotsite-template-1__texto__container-container {
            left:-26px!important;
        } 
        
        #video-entender .sb-hotsite-template-1__texto__container-container {
            left:-26px!important;
        } 
    }
    
    @media (max-width: 391px) {
        #banner-inicial{
            height: 409px!important;
        }
    }
    
     @media (max-width: 431px) {
        #banner-inicial{
            height: 410px!important;
        }
    }
    
    @media (max-width: 413px) {
        #banner-inicial{
            height: 401px!important;
        }
    }
    
    
#vid-ext .sb-hotsite-carousel-display__title p {
    color: #D70511;
    font-family: 'Campuni';
    font-weight: 700;
    font-size: 33px;
    line-height: 100%;
    text-align: center;
    margin: 0 250px 48px 250px;
}

#vid-ext .sb-components__display__destaque .sb-destaque-text strong {
    font-family: Lato;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    vertical-align: bottom;
    text-shadow: 0px 2px 4px 0px #142E5266;

}

#vid-ext .sb-components__display__destaque__img {
    height: 425px;
    width: 290px;

}

#vid-ext .sb-components__display__destaque.sb-dd-bottom .sb-destaque-text {
    bottom: 19px;
}

@media (max-width: 991.98px){
    #vid-ext .sb-hotsite-carousel-display__title p {
    font-size: 27px;
    text-align: left;
    margin: 0 0px 48px 0;
}
}


.sb-grid .sb-components-carousel .owl-carousel:not(.ct-tab) .owl-nav button:hover {
    background-color: #D40511 !important;
}

#forms {
    height: 530px;
    margin: 0 auto
}

@media (max-width:991.98px) {
    #forms {
        height: 1310px !important;
        margin-top: -106px !important
    }
}

@media (max-width:413px) {
    #forms {
        height: 1274px !important
    }
}

@media (max-width:391px) {
    #forms {
        height: 1269px !important
    }
}

@media (max-width:376px) {
    #forms {
        height: 1246px !important
    }
}

@media (max-width:361px) {
    #forms {
        height: 1267px !important
    }
}

#forms .sb-hotsite-template-1__texto__sem-botao {
    padding: 0 !important
}

#forms iframe {
    width: 1920px !important;
    border: solid 1px transparent !important;
    height: 690px !important;
    margin-left: -560px !important
}

@media (max-width:991.98px) {
    #forms iframe {
        width: 435px !important;
        height: 2000px !important;
        margin-left: -13px !important
    }
}

@media (max-width:430px) {
    #forms iframe {
        width: 434px !important;
        height: 2000px !important;
        margin-left: -15px !important;
    }
    
    .responsive-td:nth-child(3) {
        padding-top: 0px !important;
        background-color: white;
    }
}


@media (max-width:414px) {
    #forms iframe {
        width: 417px !important;
        margin-left: -14px !important
    }
}

@media (max-width:391px) {
    #forms iframe {
        height: 1242px !important;
        width: 395px !important
        
    }
}

@media (max-width:376px) {
    #forms iframe {
        width: 380px !important;
        height: 1209px !important
        
    }
}

@media (max-width:361px) {
    #forms iframe {
        width: 363px !important;
        height: 1216px !important
    }
}
@media (max-width: 991.98px){
    #forms .sb-hotsite-template-1__texto.overflow-hidden {
    max-height: 1245px!important;
}
}

#forms .sb-hotsite-template-1__texto {
    padding-top: 0px;

}

@media (max-width: 991.98px) {
    #forms .sb-hotsite-template-1__texto {
        padding: 27px 0px 0!important;
    }
    
    #forms {
        height: 920px !important;
    }
    
    #forms .sb-container {

    padding-left: 12px;

}
}

#forms .sb-hotsite-template-1__title-h1{
    display:none;
}