:focus,a,a:active,a:focus,a:hover{outline:0}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{padding:0;box-sizing:border-box}*,::after,::before,html,legend{box-sizing:border-box}body,p{margin:0}a,ins,mark{text-decoration:none}embed,iframe,img,legend,object{max-width:100%}body{background:#fff}details,main{display:block}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:700}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}h1,h2,h3,h4,h5,h6{clear:both;margin:0}cite,dfn,em,i{font-style:italic}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0}big{font-size:125%}hr{background-color:#ccc;border:0;height:1px}ul{list-style:disc}ol{list-style:decimal}dt{font-weight:700}table{width:100%}.alignleft{float:left}.alignright{float:right}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}

.branco{
    color: #fff;
}

.preto{
    color: #000;
}

.btn-down:before{
    z-index: -1;
}



/* ========================================= BOTAO FIXO ==============================================================*/
.botao-fixo{
    width: 14.1%;
    bottom: 30px;
    right: 29.5px;
    position: fixed;
    z-index: 99999;
    border: 1px solid var(--verde);
    background-color: #8705F7;
    border-radius: 60px;
    display: flex;
    align-items: center;
    padding: 14px;
    transition: var(--transicao);
}

#fundo-pagina .btn-down:before {
    border-radius: 35%
}

#fundo-pagina .botao-fixo:hover{
    opacity: 1;
    background-color: var(--verde);
}

.btn-banner{
    font-family: poppins;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: white;
    transition: .3s;
}

.botao-fixo:hover .btn-banner{
    color: black;
}


/* ============================== SECTION DO BANNER================================================================ */
#fundo-pagina{
    background-image: url('../../outsourcing-squads/landing-page/fundo-pagina.webp');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

#banner-lp {
    position: relative;
    padding: 28px 0 74px;
    overflow: hidden;
}

#banner-lp .container {
    width: 100%;
    max-width: 1841px;
    margin: 0 auto;
}

#banner-lp .container .banner-fundo {
    border: 1.5px solid white;
    border-radius: 30px;
    padding: 165px 0 117px;
    width: 100%;
    display: flex;
    position: relative; /* Adicionado para posicionar o vídeo */
    overflow: hidden; /* Esconde qualquer parte do vídeo que ultrapasse */
    background-color: rgba(0, 0, 0, 0.7);
}

#banner-lp .container .banner-fundo .video-bg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
    z-index: -1;
}

#banner-lp .container .banner-fundo .esq{
    width: 59%;
    padding: 0px 206px 0px 151px;
}

#banner-lp .container .banner-fundo .esq .titulo{
    font-size: 70px;
    line-height: 77px;
    font-family: poppins;
    font-weight: 400;
    margin-bottom: 24px;
    letter-spacing: 0;
}

#banner-lp .container .banner-fundo .esq .texto{
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.2px;
    margin-bottom: 22px;
    font-family: poppins;
}

#banner-lp .container .banner-fundo .esq .frase{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.2px;
    font-family: poppins;
    line-height: 28px;

}

#banner-lp .container .banner-fundo .esq .titulo span{
    color: #00FF9E;
    font-family: poppins;
    font-weight: 700;

}

#banner-lp .container .banner-fundo .esq .botao{
    width: 44%;
    position: relative;
    z-index: 1;
    border: 1px solid var(--verde);
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    margin-top: 26px;
    transition: var(--transicao);
}

#banner-lp .container .banner-fundo .esq .botao:hover{
    opacity: 1;
    background-color: var(--verde);
}

#banner-lp .container .banner-fundo .esq .botao .btn-banner{
    font-family: poppins;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: white;
    transition: .3s;
}

#banner-lp .container .banner-fundo .esq .botao:hover .btn-banner{
    color: black;
}


#banner-lp .container .banner-fundo .logo-banner-build{
    width: 325px;
}

/* ============================== SECTION DOS ICONES ANDANDO ================================================================ */
#icones-flutuantes {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #f8f8f8;
    padding: 45px;
    margin-bottom: 91px;
}

#icones-flutuantes .detalhe-pontos { 
    position: absolute;
    top: 13%;
    left: 2.5%;
    display: flex;
    gap: 8px;
}

#icones-flutuantes .detalhe-pontos .circulo {
    width: 7px;
    height: 7px;
    border-radius: 100%;
}

#icones-flutuantes .detalhe-pontos .circulo1 {
    background-color: #8705F7;
}

#icones-flutuantes .detalhe-pontos .circulo2 {
    background-color: #242BED;
}

#icones-flutuantes .detalhe-pontos .circulo3 {
    background-color: #00FF9E;
}

#icones-flutuantes .esq {
    flex-shrink: 0;
    padding: 0 20px;
    padding-left: 135px;
    width: 21%;
}

#icones-flutuantes .esq .texto {
    font-size: 28px;
    font-weight: 300;
    font-family: poppins;
    letter-spacing: 1px;
}

#icones-flutuantes .dir {
    flex-grow: 1;
    overflow: hidden;
}

.icones-andando {
    display: flex;
    align-items: center;
    animation: scroll 60s linear infinite;
    width: max-content;
}

.item {
    flex: 0 0 auto;
    margin: 0 20px;
}

.item img {
    height: 72px;
    width: auto;
    max-width: none;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}


/* ============================== SECTION DO MODAL DO YOUTUBE ================================================================ */
#transforme{
    margin-bottom: 93px;
}
#transforme .container{
    position: relative;
}

#transforme .container::after{
    content: '';
    background-image: url('../../outsourcing-squads/landing-page/detalhe-video.webp');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    max-width: 230px;
    width: 100%;
    min-height: 600px;
    height: auto;
    right: -117px;
    top: 17%;
}

#transforme .container .titulo{
    font-family: poppins;
    font-weight: 400;
    font-size: 55px;
    line-height: 70px;
    text-align: center;
}

#transforme .container .titulo .transformar{
    font-weight: 700;
    margin-right: 6px;
}



#transforme .container .texto{
    font-weight: 400;
    font-family: poppins;
    font-size: 20px;
    line-height: 76px;
    text-align: center;
    margin-bottom: 23.5px;
}

#transforme .video{
    display: flex;
    position: relative;
    border: 1px solid #ffff;
    border-radius: 51px;
    padding: 52px 51px;
    max-width: 1435px;
    margin: 0 auto;
}

#transforme .video .esq{
    width: 59.5%;
}

#transforme .video .dir{
    width: 40%;
    margin-top: 36px;
}

#transforme .video .dir .texto{
    font-family: poppins;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    text-align: left;
}

#transforme .video .dir .botao{
    width: 82%;
    border: 1px solid #00FF9E;
    border-radius: 60px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    padding: 23px;
    margin-top: 23px;
}

#transforme .video .dir .btn-down:before{
    border-radius: 36%;
}

#transforme .video .dir .botao:hover .btn-video{
    color: #000;
}

#transforme .video .dir .botao .btn-video{
    font-family: poppins;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    transition: .3s;
    color: white;
}
/* ============================== SECTION DO SWIPER COM CARDS ================================================================ */
#swiper-cards{
    margin-bottom: 90px;
    overflow: hidden;
}

#swiper-cards .container{
    width: 90%;
    max-width: 1628px;
    position: relative;
}

#swiper-cards .titulo{
    text-align: center;
    font-family: poppins;
    font-weight: 700;
    font-size: 60px;
    line-height: 78px;
    margin-bottom: 22px;
}

#swiper-cards .titulo .metodologia{
    color: #00FF9E;
}

#swiper-cards .text{
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 47px;
}

#swiper-cards .texto{
    font-family: poppins;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 1px;
    text-align: center;
}

#swiper-cards .swiper{
    width: 100% !important;
    margin-left: 116px;
    overflow: visible;
}
#swiper-cards .swiper-slide{
    height: 520px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    border: 1px solid #fff;
    border-radius: 25px !important;
    opacity: 60% ;
    transition: background-color 0.5s ease;
}

#swiper-cards .swiper-slide .card{
    display: flex;
    flex-direction: column;
}

#swiper-cards .swiper-slide-active{
    height: 520px !important;
    opacity: 100% !important;

}

#swiper-cards .swiper-slide-next{
    height: 520px !important;
    opacity: 100% !important;
}

.swiper-slide:hover {
        background-color: #141414 !important;
        outline: none !important;
        border: 1px solid #141414 !important;
        opacity: 100% !important;
    }
    
.swiper-slide:hover .titulo.branco {
        color: #00FF9E !important;
    }
    
.swiper-slide:hover .icon-numero svg {
    fill: #00FF9E !important;
    color: #00FF9E !important ;
}

#swiper-cards .swiper-slide:nth-child(11){
    border: none;
}

#swiper-cards .swiper-slide .card .numero{
    margin-bottom: 79px;
    margin-top: 10px;
}

#swiper-cards .swiper-slide .card .icon-numero{
    width: 197px;
    height: 113px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

#swiper-cards .swiper-slide .card .icon-numero svg{
    width: 197px;
    height: 113px;
    color: #fff;
    transition: var(--transicao);
}



#swiper-cards .swiper-slide .card .titulo{
    font-size: 30px;
    line-height: 28px;
    text-align: justify;
    padding-left: 47px;
    margin-bottom: 16px;
    transition: var(--transicao);
}

#swiper-cards .swiper-slide .card .texto{
    font-family: poppins;
    font-size: 15px;
    line-height: 29px;
    text-align: justify;
    padding: 0px 47px;
}


/* ============================== SECTION DOS CARDS DE NIVEL ================================================================ */
#card-nivel{
    margin-bottom: 31px;
}

#card-nivel .container{
    max-width: 90%;
    width: 1597px;;
}
#card-nivel .titulo{
    text-align: center;
    font-family: poppins;
    font-weight: 700;
    font-size: 60px;
    line-height: 78px;
    margin-bottom: 12px;
}

#card-nivel .text{
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 47px;
}

#card-nivel .texto{
    font-family: poppins;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: 1px;
    text-align: center;
}

#card-nivel .cards{
    display: flex;
    gap: 21px;
    margin-left: 38px;
    
}

#card-nivel .cards .box{
    width: 300px;
    max-width: 90%;
    height: 322px;
    border: 1px solid white;
    border-radius: 14px;
    background-color: #00000029;
    transition: all 0.4s ease-in-out;
}

#card-nivel .cards .box:hover{
    background-color: #141414;
    border: 1px solid #141414;
}


#card-nivel .cards .box .svg-box{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 39px;
    margin-bottom: 39px;
    color: transparent;
    stroke: white;
    transition: var(--transicao);
}

#card-nivel .cards .box .svg-box svg{ 
    transition: var(--transicao);
}

#card-nivel .cards .box:hover .svg-box svg{
    color: #00FF9E;
    stroke: #00FF9E;
}

#card-nivel .cards .box:last-child .svg-box{
    margin-bottom: 18px;
    transition: all 0.4s ease-in-out;
}


#card-nivel .cards .box .titulo{
    text-align: justify;
    font-size: 22px;
    line-height: 21px;
    margin-bottom: 9px;
    line-height: 22px;
    padding: 0px 33px;
    letter-spacing: 0;
    transition: all 0.4s ease-in-out;
}

#card-nivel .cards .box:hover .titulo{
    color: #00FF9E;
}

#card-nivel .cards .box .texto{
    text-align: left;
    font-size: 13px;
    line-height: 22px;
    padding: 0px 33px;
    letter-spacing: 0;
    transition: all 0.4s ease-in-out;
}

/* ============================== SECTION DA LISTA DE RECOMENDAÇÕES ================================================================ */

#estrategia .container{
    margin-left: 189px;
    transform: translateY(8%);
    padding-bottom: 136px;
    backdrop-filter: blur(12px);
    border-radius: 22px;
    box-shadow: 0px 1px 0px 0px #00000040;
}

#fundo-pagina .fundo-pagina{
    z-index: -1;
    position: absolute;
    bottom: -4%;
    right: 2.5%;
}

#estrategia .container .itens{
    display: flex;
    justify-content: space-between;
}

#estrategia .container .esq{
    width: 72%;
    position: relative;
    z-index: 1;
}

#estrategia .container .itens .esq .titulo{
    font-family: 'Poppins';
    font-weight: 700;
    line-height: 78px;
    font-size: 60px;
    margin-bottom: 20px;
}

#estrategia .container .itens .esq .titulo .verde{
    color: #00FF9E;
}

#estrategia .container .itens .esq .texto{
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.2px;
    margin-bottom: 46px;
}

#estrategia .container .itens .esq ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 46px;
}

#estrategia .container .itens .esq ul .lista{
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.2px;
    position: relative;
    padding-left: 24px;
    margin-bottom: 31px;
}

#estrategia .container .itens .esq ul .lista::before{
    content: url('../../outsourcing-squads/landing-page/icones/marcador-lista.svg');
    position: absolute;
    left: 0;
    top: -3%;
    width: 10px;
    height: 8px;
    display: inline-block;
}

#estrategia .container .itens .esq .btn-down:before{
    border-radius: 36%;
}

#estrategia .container .itens .esq .botao{
    width: 44.5%;
    border-radius: 60px;
    border: 1px solid #00FF9E;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 23px;
    transition: .5s;
}

#estrategia .container .itens .esq .botao:hover .btn-lista{
    color: #000;
}

#estrategia .container .itens .esq .botao .btn-lista{
    font-family: poppins;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    color: white;
    transition: .5s;
}


#estrategia .container .itens .dir{
    position: relative;
    width: 50%;
}

#estrategia .container .itens .dir .img-lista{
    position: absolute;
    top: 7.7%;
    right: 22%;
}

/* ============================== SECTION DO BENCHMARK ================================================================ */
#benchmark{
    margin-top: 157px;
    margin-bottom: 151px;
}

#icones-roxo {
  scroll-margin-top: 150px; /* Espaço de "respiro" no scroll */
}

#benchmark .container {
    max-width: 1596px;
    width: 93%;
}

#benchmark .container .titulo{
    font-family: Poppins;
    font-size: 60px;
    line-height: 78px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 16px;
}

#benchmark .container .titulo span{
    color: #8705F7;
}

#benchmark .container .texto{
    font-family: Poppins;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.18px;
    text-align: center;
    padding: 0px 92px;
    margin-bottom: 27px;
}

#benchmark .container #icones-roxo iframe{
    padding-top: 40px;
    display: flex;
    justify-content: center;
    margin: 0 auto;

}

#benchmark body{
    height: 83% !important;
}

#benchmark .container #icones-roxo p{
    background-image: url('../../outsourcing-squads/landing-page/borda-roxa.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 620px;
    height: auto;
    margin-top: 66px;
    padding-bottom: 115px;
}


#cta_footer .esq .btn-down:before{
    z-index: 0;
}


/* ============================== RESPONSIVO ================================================================*/ 
@media screen and (min-width: 2560px){
    #estrategia .container {
        margin-left: 563px;
    }

    #fundo-pagina .fundo-pagina {
        bottom: -3%;
        right: 14%;
    }

.botao-fixo {
        left: 14%;

    }
}



@media screen and (max-width: 1916px) {
    #banner-lp .container{
        width: 97%;
    }

    #transforme .container::after{
        right: -70px;
    }

    #swiper-cards .swiper {
        width: 98% !important;
    }

    #estrategia .container {
        margin-left: 178px;
    }

    #fundo-pagina .fundo-pagina {
        right: 1%;
    }
    
    
}

@media screen and (max-width: 1843px){
    #banner-lp .container .banner-fundo .esq {
        width: 69%;
        padding: 0px 206px 0px 151px;
    }

.botao-fixo {
        width: 16.1%;
    }
}

@media screen and (max-width: 1771px) {

    #icones-flutuantes .esq {
        padding-left: 96px;
    }

    #swiper-cards .swiper {
        width: 90% !important;
        margin: 0 auto;
    }

    #swiper-cards .container {
        width: 92%;
    }

    #swiper-cards .swiper-slide .card .titulo {
        font-size: 26px;
        line-height: 32px;
        text-align: left;
    }

    #swiper-cards .swiper-slide .card .texto {
        line-height: 26px;
    }

    #estrategia .container {
        margin-left: 137px;
    }

    #estrategia .container .itens .esq .titulo {
        font-size: 56px;
    }

    .container #icones-roxo iframe {
        width: 1000px !important;
    }

}

@media screen and (max-width: 1680px){
    #banner-lp .container .banner-fundo {
        padding: 149px 0 117px;
    }

    #banner-lp .container .banner-fundo .esq .titulo {
        font-size: 55px;
    }

    #banner-lp .container .banner-fundo .esq .texto {
        font-size: 16px;
    }

    #transforme .container::after{
        display: none;
    }

    #banner-lp .container .banner-fundo .esq .frase {
        font-size: 16px;
    }

    #swiper-cards .texto {
        letter-spacing: 0.16px;
        font-size: 16px;
    }
    #swiper-cards .swiper-slide .card .texto {
        line-height: 22px;
        padding: 0px 21px
    }

    #swiper-cards .swiper-slide .card .titulo {
        padding-left: 21px;
    }

    #estrategia .container .itens .esq .titulo {
        font-size: 53px;
    }

    #estrategia .container .itens .esq .texto {
        font-size: 18px;
    }

    #fundo-pagina .fundo-pagina {
        bottom: -3.8%;
    }

    #fundo-pagina .fundo-pagina {
        right: 0%;
    }


}


@media screen and (max-width: 1600px) {
.botao-fixo {
        width: 17%;
    }

    #banner-lp .container .banner-fundo .esq .botao {
        width: 54%;
    }
    #banner-lp .container .banner-fundo {
        background-size: 100% 100%;

    }
    #banner-lp .container .banner-fundo .esq .texto br {
        display: none;
    }

    #icones-flutuantes .esq {
        padding-left: 59px;
    }

    #transforme .video {
        padding: 43px 43px;
        gap: 30px;
    }

    #transforme .container .titulo {
        font-size: 51px;
    }

    #transforme .container .texto {
        font-size: 18px;
    }

    #swiper-cards .titulo {
        font-size: 54px;
    }

    #card-nivel .cards {
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    #card-nivel .cards .box .texto {
        padding: 0px 20px;
    }

    #card-nivel .cards .box .titulo {
        padding: 0px 20px;
    }

    #estrategia .container .itens .dir .img-lista {
        right: 17%;
    }

    #estrategia .container .itens .esq .titulo {
        font-size: 48px;
    }

    #estrategia .container .itens .esq .botao {
        width: 50.5%;
    }
}

@media screen and (max-width: 1440px){
.botao-fixo {
        width: 19%;
        bottom: 47px;
    }

    #banner-lp .container .banner-fundo .esq .titulo {
        padding-right: 25px;
    }

    #banner-lp .container .banner-fundo .esq .botao {
        width: 46%;
    }

    #banner-lp .container .banner-fundo .esq {
        width: 90%;
    }

    .banner-fundo .dir {
        width: 24%;
    }

    #icones-flutuantes .esq .texto {
        font-size: 23px;
    }
    #transforme .container .titulo {
        font-size: 45px;
    }

    #transforme .container .texto {
        font-size: 16px;
    }

    #transforme .video .dir .botao .btn-video {
        font-size: 20px;
    }

    #transforme .video .dir .texto {
        font-size: 18px;
    }

    #transforme .container .video .esq iframe{
        width: 643px;
    }

    #swiper-cards .titulo {
        font-size: 48px;
    }

    #swiper-cards .texto {
        letter-spacing: 0.14px;
        font-size: 14px;
    }

    #card-nivel .container {
        max-width: 95%;
    }

    #estrategia .container {
        margin: 0 auto;
    }

    #estrategia .container .itens .dir .img-lista {
        right: 0%;
    }

    #estrategia .container .itens .esq .titulo {
        font-size: 44px;
    }

    #estrategia .container .itens .esq ul .lista {
        font-size: 16px;
    }

    #estrategia .container .itens .esq .botao {
        width: 54.5%;
    }

    #fundo-pagina .fundo-pagina {
        bottom: -4%;
    }

    #benchmark .container {
        max-width: 93%;
    }

    #benchmark .container .titulo {
        font-size: 50px;
    }

    #benchmark .container .texto {
        font-size: 16px;
    }

    #benchmark .container #icones-roxo p {
        background-size: 100% 100%;
    }

    .container #icones-roxo iframe {
        width: 1000px !important;
    }

    #benchmark .container .icones .box {
        width: 15%;
    }

    #benchmark .container #icones-roxo .botao {
        width: 24.2%;
    }
}

@media screen and (max-width: 1280px){
.botao-fixo {
        width: 22%;
    }

    #icones-flutuantes .esq {
        padding-left: 31px;
    }
    #transforme .container .titulo {
        font-size: 42px;
    }

    #transforme .video .dir .botao .btn-video {
        font-size: 18px;
    }

    #swiper-cards .titulo {
        font-size: 45px;
    }

    #swiper-cards .texto br{
        display: none;

    }

    #estrategia .container .itens .esq .titulo {
        font-size: 41px;
        line-height: 67px;
    }

    #estrategia .container .itens .esq .botao {
        width: 58.5%;
    }

    #fundo-pagina .fundo-pagina {
        bottom: -3.9%;
    }

    #benchmark .container .icones {
        padding-top: 101px;
    }

    #benchmark .container #icones-roxo {
        min-height: 547px;
    }

}

@media screen and (max-width: 1200px){
    #banner-lp .container .banner-fundo .esq .titulo {
        font-size: 50px;
    }

    #swiper-cards .titulo {
        font-size: 41px;
    }

    #card-nivel .cards {
        gap: 13px;
    }

    #estrategia .container .itens .esq .titulo {
        font-size: 38px;
    }

    .itens .esq .botao .btn-lista {
        font-size: 18px;
    }

    #estrategia .container .itens .esq .botao {
        width: 65.5%;
    }

    #benchmark .container .titulo {
        font-size: 43px;
    }

    #benchmark .container .icones {
        padding-top: 67px;
        margin-bottom: 25px;
    }

    #benchmark .container #icones-roxo iframe {
        width: 100% !important;
        border: 1px solid #8705F7;
        border-radius: 30px;
        padding-top: 0px;
        
    }

    #benchmark .container #icones-roxo p {
        background: none;
    }
    
    #benchmark .container .icones .box .texto {
        font-size: 20px;
    }

    #benchmark .container #icones-roxo .botao {
        width: 27.2%;
    }

        #benchmark .container #icones-roxo {
        min-height: 511px;
    }
}

@media screen and (max-width: 1172px){
    #icones-flutuantes .esq {
        padding-left: 20px;
    }

    #banner-lp .container .banner-fundo .esq .botao {
        width: 53%;
    }

    #transforme .container .titulo {
        font-size: 39px;
    }

    #transforme .container .texto {
        text-align: justify;
        line-height: 34px;
    }

    #transforme .video .dir .botao {
        width: 90%;
    }

    #estrategia .container .itens .esq .titulo {
        font-size: 36px;
    }

    #fundo-pagina .fundo-pagina {
        bottom: -3%;
    }


}

@media screen and (max-width: 1080px){
.botao-fixo {
        width: 23%;
        right: 20.5px;
    }

    #banner-lp .container .banner-fundo .esq .botao {
        width: 60%;
    }

    #icones-flutuantes .esq {
        padding-left: 0px;
    }
    
    #transforme .container .titulo {
        font-size: 36px;
    }

    #transforme .video .dir .texto {
        font-size: 16px;
    }

    
    #transforme .video .dir .botao {
        width: 97%;
    }

    #swiper-cards .titulo {
        font-size: 38px;
    }

    #estrategia .container .itens .esq .titulo {
        font-size: 34px;
    }

    #estrategia .container .itens .esq .texto {
        font-size: 16px;
    }

    #estrategia .container .itens .esq .botao {
        width: 75%;
    }

    #fundo-pagina .fundo-pagina {
        bottom: -3.6%;
    }

    #benchmark .container #icones-roxo {
        margin-top: 42px;
    }

    #benchmark .container .icones {
        padding-top: 44px;
    }

    #benchmark .container .texto {
        font-size: 14px;
    }

    #benchmark .container #icones-roxo {
        min-height: 463px;
    }

}

@media screen and (max-width: 1024px){
    #header {
        padding: 50px 0 0;
    }

    #fundo-pagina {
        padding-bottom: 41px
    }

    /* ====================================================================BANNER=========================================*/
    #banner-lp .container {
        margin: 0 auto;
        width: 97%;
    }

    #banner-lp .container .banner-fundo {
        gap: 83px;
    }

    #banner-lp .container .banner-fundo {
        flex-direction: column;
        gap: 44px;
        padding: 152px 0 111px;
    }

    #banner-lp .container .banner-fundo .esq {
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        padding: 0px 60px 0px 60px;
    }

    #banner-lp .container .banner-fundo .esq .titulo {
        font-size: 55px;
        text-align: center;
    }

    #banner-lp .container .banner-fundo .esq .texto {
        font-size: 18px;
        text-align: center;
    }

    #banner-lp .container .banner-fundo .esq .frase br{
        display: none;
    }

    #banner-lp .container .banner-fundo .esq .frase {
        font-size: 18px;
        text-align: center;
    }

    #banner-lp .container .banner-fundo .esq .botao {
        width: 50%;
        margin: 0 auto;
        margin-top: 26px;
    }
    /* ============================================================icones flutuantes=========================================*/
    #icones-flutuantes .esq .texto {
        text-align: right;
    }
    #icones-flutuantes {
        margin-bottom: 56px;
    }

    /* ===========================================================TRANSFORME=========================================*/
    #transforme .container .titulo {
        font-size: 35px;
    }

    #transforme .container .texto {
        text-align: center;
    }

    #transforme .video {
        flex-direction: column;
        gap: 29px;
    }

    #transforme .video .esq {
        width: 90%;
        margin: 0 auto;
    }

    #transforme .container .video .esq iframe {
        width: 751px;
    }

    #transforme .video .dir {
        width: 90%;
        margin: 0 auto;
        margin-top: 36px;
    }

    #transforme .video .dir .botao {
        width: 60%;
    }
    /* ============================================================SWIPER=========================================*/
    #swiper-cards .swiper-slide .card .icon-numero {
        width: 248px;
        height: 148px;
    }
    
    #swiper-cards .swiper-slide .card .bloco-texto{
        padding: 0 30px;
    }

    #swiper-cards .swiper-slide .card .titulo {
        font-size: 31px;
    }

    #swiper-cards .swiper-slide .card .texto {
        font-size: 19px;
    }

    #swiper-cards .texto br {
        display: none;
    }
    /* ===========================================================NIVEL=========================================*/
    #card-nivel .titulo {
        font-size: 50px;
    }
    #card-nivel .cards {
        gap: 18px;
        flex-direction: column;
    }

    #card-nivel .cards .box {
        width: 60%;
        height: auto;
        padding: 20px 0;
    }

    #card-nivel .cards .box .titulo {
        text-align: center;
        font-size: 34px;
        padding: 0px 96px;
        margin-bottom: 26px;
    }

    #card-nivel .cards .box .texto {
        text-align: center;
        font-size: 22px;
        padding: 0px 96px;
        line-height: 30px;
    }
    /* ===========================================================RECOMENDAÇÕES=========================================*/
    #estrategia .container .itens {
        flex-direction: column;
        gap: 40px;
    }
    #estrategia .container .esq {
        width: 90%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }

    #estrategia .container .itens .esq .botao {
        width: 70%;
        margin: 0 auto;
    }

    #estrategia .container .itens .dir {
        width: 70%;
        display: flex;
        margin: 0 auto;
    }

    #estrategia .container .itens .dir .img-lista {
        margin-top: 42px;
        position: relative;
    }

    #fundo-pagina .fundo-pagina {
        bottom: -0.7%;
    }

    /* ============================== BENCHMARK ================================================================*/ 
    #benchmark {
        margin-top: 95px;
    }

    #benchmark .container .titulo {
        font-size: 38px;
    }
    
    #benchmark .container .icones {
        flex-direction: column;
    }

    #benchmark .container .icones .box {
        width: 100%;
        gap: 0px;
    }

    #benchmark .container .icones {
        gap: 25px;
    }

    #benchmark .container #icones-roxo .botao {
        margin-bottom: 44px;
        width: 44.2%;
    }
}

@media screen and (max-width: 996px){
.botao-fixo {
        width: 29%;
    }

    #banner-lp .container .banner-fundo .esq .titulo {
        font-size: 43px;
    }

    #banner-lp .container .banner-fundo .esq .texto {
        font-size: 16px;
        text-align: center;
    }

    #banner-lp .container .banner-fundo .esq .frase {
        font-size: 16px;
        text-align: center;
    }

    /* ===========================================================TRANSFORME=========================================*/
    #transforme .container .titulo br{
        display: none;
    }

    #transforme .container .titulo {
        font-size: 27px;
        line-height: 55px;
        margin-bottom: 18px;
    }

    #transforme .container .texto {
        font-size: 15px;
        line-height: 26px;
    }

    #transforme .video .dir .botao {
        width: 70%;
    }

    /* ============================================================SWIPER=========================================*/
    #swiper-cards .titulo {
        font-size: 29px;
        line-height: 50px;
    }
    /* ===========================================================NIVEL=========================================*/
    #card-nivel .titulo {
        font-size: 45px;
    }

    #card-nivel .texto {
        font-size: 16px;
    }
    /* ===========================================================RECOMENDAÇÕES=========================================*/
    #estrategia .container .itens .esq .titulo {
        font-size: 31px;
        line-height: 44px;
    }
    /* ============================== BENCHMARK ================================================================*/ 
    #benchmark .container .titulo {
        font-size: 36px;
        line-height: 51px;
    }

    #benchmark .container .texto {
        line-height: 23px;
    }
}

@media screen and (max-width: 899px){
.botao-fixo .btn-banner {
        font-size: 12px;
    }

    #banner-lp .container .banner-fundo .esq .botao {
        width: 57%;
    }

}

@media screen and (max-width: 768px){
.botao-fixo {
        width: 38%;
        right: 12.5px;
    }

    #banner-lp .container .banner-fundo {
        padding: 137px 0 97px;
    }
    #banner-lp .container .banner-fundo .esq .titulo {
        font-size: 33px;
    }

    #banner-lp .container .banner-fundo .esq .texto {
        font-size: 15px;
    }

    #banner-lp .container .banner-fundo .esq {
        padding: 0px 0px;
    }

    #banner-lp .container .banner-fundo .esq .frase {
        font-size: 15px;
    }

    .banner-fundo .esq .botao .btn-banner {
        font-size: 17px;
    }

    #banner-lp .container .banner-fundo .esq .botao {
        width: 61%;
    }


    #icones-flutuantes {
        padding: 36px;
    }

    #icones-flutuantes .esq .texto {
        font-size: 19px;
    }

    /* ===========================================================TRANSFORME=========================================*/
    #transforme .video {
        padding: 34px 34px;
    }

    #transforme .container .titulo {
        line-height: 37px;
    }

    #transforme .video .dir {
        margin-top: 17px;
    }

    /* ============================================================SWIPER=========================================*/
    #swiper-cards .swiper-slide .card .titulo {
        font-size: 29px;
    }

    #swiper-cards .swiper-slide .card .texto {
        font-size: 17px;
    }
    /* ===========================================================NIVEL=========================================*/
    #card-nivel .titulo {
        font-size: 36px;
    }

    #card-nivel .cards .box .texto {
        font-size: 19px;
    }
    /* ===========================================================RECOMENDAÇÕES=========================================*/
    #estrategia .container .itens .dir {
        width: 90%;
    }
    /* ===========================================================BENCHMARK=========================================*/
    #benchmark .container .texto {
        padding: 0px 38px;
    }
}

@media screen and (max-width: 680px){

    #banner-lp .container .banner-fundo .esq .titulo {
        line-height: 55px;
        font-size: 33px;
    }

    #banner-lp .container .banner-fundo .esq .botao {
        width: 97%;
    }

    /* ===========================================================TRANSFORME=========================================*/
    #transforme .video .dir .botao {
        width: 81%;
    }
    /* ===========================================================NIVEL=========================================*/
    #card-nivel .titulo {
        font-size: 32px;
    }

    #card-nivel .cards .box {
        width: 80%;
    }

    #card-nivel .cards .box .titulo {
        font-size: 30px;
    }
    /* ===========================================================RECOMENDAÇÕES=========================================*/
    #estrategia .container .itens .esq .botao {
        width: 90%;
        padding: 20px;
    }
    /* ===========================================================BENCHMARK=========================================*/
    #benchmark .container #icones-roxo .botao {
        width: 52%;
    }

    #benchmark .container .icones {
        gap: 35px;
    }
    
    #benchmark .container .texto {
        padding: 0px 15px;
    }

}


@media screen and (max-width: 600px){
.botao-fixo {
        width: 44%;
        right: 12.5px;
    }

    #icones-roxo {
    scroll-margin-top: 5px ;
    }

    #banner-lp .container .banner-fundo .esq .titulo {
        font-size: 30px;
        padding-right: 0;
        line-height: 60px;
        
    }

    #banner-lp .container .banner-fundo .esq .botao .btn-banner {
        font-size: 16px;
        line-height: 25px;
    }

    #icones-flutuantes .esq .texto {
        font-size: 17px;
    }
    
    /* ===========================================================TRANSFORME=========================================*/
    #transforme .video .dir .botao {
        width: 100%;
    }

    #transforme .video {
        padding: 22px 22px;
    }

    #transforme .video .esq {
        width: 96%;
    }

    /* ===========================================================SWIPER=========================================*/
    #swiper-cards .swiper-slide .card .texto {
        padding: 0px 0px;
    }

    #swiper-cards .swiper-slide .card .titulo {
        padding-left: 0px;
    }
    /* ===========================================================NIVEL=========================================*/
    #card-nivel .titulo {
        font-size: 28px;
    }

    #card-nivel .cards .box .titulo {
        font-size: 28px;
    }

    #card-nivel .cards .box .texto {
        font-size: 17px;
        padding: 0px 50px;
    }
    /* ===========================================================RECOMENDAÇÕES=========================================*/
    #estrategia .container .itens .esq .titulo {
        font-size: 28px;
    }

    #estrategia .container .itens .esq .texto {
        font-size: 15px;
    }

    #estrategia .container .itens .esq .botao .btn-lista {
        font-size: 20px;
    }

    /* ===========================================================BENCHMARK=========================================*/
        #benchmark .container #icones-roxo .botao {
        width: 65%;
    }
}

@media screen and (max-width: 509px){
.botao-fixo .btn-banner {
        font-size: 11px;
    }
}

@media screen and (max-width: 490px){
.botao-fixo {
        width: 51%;
    }

    #banner-lp .container .banner-fundo .esq .titulo {
        line-height: 50px;
    }

    #banner-lp .container .banner-fundo .esq .botao {
        padding: 18px;
    }

    #icones-flutuantes {
        padding: 36px 9px;
    }

    #icones-flutuantes .esq {
        width: 27%;
    }

    /* ===========================================================TRANSFORME=========================================*/
    #transforme .container .titulo {
        font-size: 25px;
    }

    #transforme .container .texto {
        font-size: 14px;
    }

    #transforme .video .dir .texto {
        font-size: 15px;
    }

    #transforme .video .dir {
        margin-top: 0px;
    }

    #transforme .video .dir .botao .btn-video {
        font-size: 15px;
    }
    /* ===========================================================NIVEL=========================================*/
    #card-nivel .titulo {
        line-height: 53px;
    }
    
    #card-nivel .cards .box {
        width: 90%;
    }
    /* ===========================================================BENCHMARK=========================================*/
    #benchmark .container .titulo {
        font-size: 30px;
    }
}

@media screen and (max-width: 434px){
    /* ===========================================================TRANSFORME=========================================*/
    #transforme .video .dir .texto {
        text-align: justify;
    }




    #transforme .video {
        gap: 10px;
    }

    #transforme .video .dir .botao {
        padding: 17px;
    }

    /* ===========================================================SWIPER=========================================*/
    #swiper-cards .swiper-slide .card .icon-numero {
        width: 241px;
        height: 123px;
    }
    /* ===========================================================BENCHMARK=========================================*/
    #benchmark .container #icones-roxo .botao {
        width: 78%;
    }

        #benchmark .container #icones-roxo iframe {
        padding-top: 8px;
        height: 642px;
        background-color: transparent;
    }
}

@media screen and (max-width: 400px){
.botao-fixo {
        width: 60%;
    }
    #banner-lp .container .banner-fundo .esq .texto {
        font-size: 14px;
    }

    #banner-lp .container .banner-fundo .esq .frase {
        font-size: 14px;
    }

    #banner-lp .container .banner-fundo .esq .botao {
        width: 93%;
    }

    /* ===========================================================SWIPER=========================================*/
    #swiper-cards .swiper {
        width: 93% !important;
    }
    /* ===========================================================NIVEL=========================================*/
    #card-nivel .cards .box .titulo {
        padding: 0px 0px;
    }
    /* ===========================================================RECOMENDAÇÕES=========================================*/
    #estrategia .container .itens .esq .botao .btn-lista {
        font-size: 18px;
    }

    #estrategia .container .itens .esq .botao {
        width: 82%;
        padding: 15px;
    }

}

@media screen and (max-width: 368px) {
    #banner-lp .container .banner-fundo .esq .titulo {
        font-size: 28px;
    }
    #icones-flutuantes .esq {
        width: 31%;
    }
    /* ===========================================================SWIPER=========================================*/
    #swiper-cards .swiper-slide .card .numero {
        margin-bottom: 55px;
    }

    #swiper-cards .swiper-slide .card .titulo {
        font-size: 23px;
    }

    #swiper-cards .swiper-slide .card .texto {
        font-size: 15px;
    }
    /* ===========================================================RECOMENDAÇÕES=========================================*/
    #estrategia .container .itens .esq .botao .btn-lista {
        font-size: 16px;
    }
    /* ===========================================================BENCHMARK=========================================*/
    #benchmark .container #icones-roxo .botao {
        padding: 18px;
    }

    #benchmark .container {
        max-width: 98%;
    }

    #benchmark .container .icones .box {
        width: 90%;
        margin: 0 auto;
    }

    #benchmark .container #icones-roxo .botao .btn-icones {
        font-size: 19px;
    }


}

@media screen and (max-width: 320px) {
.botao-fixo {
        width: 68%;
    }

    #fundo-pagina .fundo-pagina {
        bottom: -0.6%;
    }

    #banner-lp .container .banner-fundo .esq .titulo {
        font-size: 24px;
    }

    #icones-flutuantes .esq .texto {
        font-size: 16px;
    }

    #icones-flutuantes .esq {
        width: 34%;
    }
    /* ===========================================================SWIPER=========================================*/
    #swiper-cards .swiper-slide {
        margin-right: 30px !important;
    }
    /* ===========================================================NIVEL=========================================*/
    #card-nivel .titulo {
        font-size: 27px;
    }
    /* ===========================================================RECOMENDAÇÕES=========================================*/
    #estrategia .container .itens .esq .botao {
        width: 97%;
    }
}

@media screen and (max-width: 282px){
    #fundo-pagina .fundo-pagina {
        bottom: -0.4%;
    }
}