#ez-toc-container, .redes-sociais-flutuante, .ww-whats, .whatsapp-mseo{display: none !important;}
.section_wrapper{max-width: 100% !important; padding: 0 !important;}
.section_wrapper .the_content_wrapper{margin: 0;}
.section_wrapper .the_content_wrapper > p{margin: 0 !important;}

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
.modelo-trafego-pago *{margin: 0; padding: 0; box-sizing: border-box; font-family: "Sora", sans-serif !important; font-weight: 500;}

/**/
#Header_wrapper{width: 100%; position: fixed; top: 0; left: 0; z-index: 10;}

#Top_bar .one.column{width: 100%; max-width: 1800px; margin: 0 auto 0; float: none;}
#Top_bar .logo{width: 160px; height: 90px; margin: 0; padding: 0 0 0 20px; display: flex; align-items: center;}
#Top_bar .logo a#logo{height: auto; margin: 0 !important; padding: 0;}
#Top_bar .logo a#logo img{width: 100% !important; height: auto !important;}
#Top_bar.fixed{box-shadow: 0 10px 30px rgb(255 255 255 / 20%);}

#Top_bar .top_bar_right{padding: 0 20px 0 0;}
#Top_bar .top_bar_right a{margin: 0 !important;}

#Subheader{background-color: #201d31 !important;}
#Subheader > .container{max-width: 1760px; padding: 0 20px;}
#Subheader > .container > .column{width: 100%; margin: 0 !important;}
#Subheader .breadcrumbs{margin: 0 !important;}
/**/

/**/
#banner-page{width: 100%; height: 800px; background-color: #222; padding: 135px 150px 0 150px; display: flex; flex-direction: column; justify-content: center; position: relative;}
#banner-page:after{width: 100%; height: 100%; content: ""; background-image: url(imagens-agencia-de-trafego-pago/agencia-de-trafego-pago-banner-1.webp); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1;}
#banner-page h1{width: 100%; max-width: 350px; font-size: 54px; line-height: 74px; color: #fff !important; text-shadow: 0 0 20px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.5), 0 0 60px rgba(0, 0, 0, 1); margin-bottom: 25px; position: relative; z-index: 2;}
#banner-page h1 b{font-weight: 600;}
#banner-page a{width: 200px; height: 60px; border-radius: 60px; background: linear-gradient(60deg, #bf9c55, #f5d793, #bf9c55); display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 20px; text-decoration: none !important; z-index: 2;}
#banner-page a:hover{background: linear-gradient(60deg, #8baf61, #b4d78b, #8baf61);}
/**/


.conteudo-page{width: 100%;}

.sessao-conteudo{width: 100%; background-color: #000; background-image: url(imagens-agencia-de-trafego-pago/bg.webp); background-position: center; background-repeat: no-repeat; background-size: cover;}

.wrapp-sessao-conteudo{width: 100%; max-width: 1200px; margin: 0 auto 0; padding: 90px 10px 120px 10px;}

.two-col{width: 100%; display: flex; flex-direction: row; gap: 20px; margin-top: 120px; margin-bottom: 90px;}
.two-col.v2{margin-top: 30px; margin-bottom: 30px;}
.two-col div{width: 100%;}
.two-col div.img-right{text-align: right;}
.two-col div.img-left{text-align: left;}
.two-col div:first-child{}
.two-col div:last-child{}

.wrapp-sessao-conteudo h2{font-size: 34px; font-weight: 600; line-height: 64px; color: #fff;}
.wrapp-sessao-conteudo h2.center{text-align: center;}
.wrapp-sessao-conteudo h2.break{text-align: center; margin-bottom: 30px;}
.wrapp-sessao-conteudo h2.break b{display: block; font-size: 26px; font-weight: 500; line-height: 32px;}
.wrapp-sessao-conteudo h2 b{font-weight: 600;}
.wrapp-sessao-conteudo h3{font-size: 32px; line-height: 52px; color: #fff; margin-bottom: 20px;}
.wrapp-sessao-conteudo h3 b{font-weight: 600;}
.wrapp-sessao-conteudo h3.center{text-align: center;}
.wrapp-sessao-conteudo h3.mb-small{margin-bottom: 5px;}
.wrapp-sessao-conteudo h4{}
.wrapp-sessao-conteudo h4 b{font-weight: 600;}
.wrapp-sessao-conteudo p{font-size: 20px; line-height: 34px; color: #fff; margin-bottom: 20px;}
.wrapp-sessao-conteudo p.width{max-width: 920px; margin: 0 auto 25px;}
.wrapp-sessao-conteudo p.center{text-align: center;}
.wrapp-sessao-conteudo p.sub-title{font-size: 22px; line-height: 34px; color: #fff; margin-bottom: 40px; text-align: center;}
.wrapp-sessao-conteudo a{width: 200px; height: 60px; margin-top: 40px; border-radius: 60px; background: linear-gradient(60deg, #bf9c55, #f5d793, #bf9c55); display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 20px; text-decoration: none !important;}
.wrapp-sessao-conteudo a.center{margin: 35px auto 0;}
.wrapp-sessao-conteudo a:hover{background: linear-gradient(60deg, #8baf61, #b4d78b, #8baf61);}
.wrapp-sessao-conteudo img{border-radius: 25px; box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);}
.wrapp-sessao-conteudo ul{}
.wrapp-sessao-conteudo ul li{font-size: 18px; font-weight: 500; line-height: 28px; color: #fff; margin-bottom: 15px; padding: 0 0 0 20px; position: relative;}
.wrapp-sessao-conteudo ul li:last-child{margin: 0;}
.wrapp-sessao-conteudo ul li:before{width: 10px; min-width: 10px; height: 10px; content: ""; background: linear-gradient(60deg, #bf9c55, #f5d793, #bf9c55); border-radius: 100%; position: absolute; top: 8px; left: 0;}


.wrapp-sessao-conteudo .wrap-boxes-infos{width: 100%; margin: 0 auto 40px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos{width: 380px; position: relative; border-radius: 20px; padding: 3px; overflow: hidden;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos:nth-child(4), .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos:nth-child(5){width: 430px;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos:after{width: 1000px; height: 1000px; border-radius: 20px; content: ""; background: linear-gradient(0, #000, #a78745, #fff); position: absolute; left: 50%; top: 50%; z-index: 1; margin: -500px 0 0 -500px; animation: giroInfinito 3s linear infinite; transform-origin: center;}
@keyframes giroInfinito{from{transform: rotate(0deg);} to{transform: rotate(360deg);}}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div{width: 100%; height: 100%; border-radius: 20px; padding: 35px 35px 30px 35px; position: relative; z-index: 2; background-color: #000;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div img{width: auto; height: 40px !important; border-radius: 0; box-shadow: none; margin-bottom: 15px;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4{font-size: 22px; font-weight: 600; line-height: 32px; color: #fff; margin-bottom: 15px;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4 b{font-size: 18px; font-weight: 500; display: block;}

/**/
.sessao-beneficios{width: 100%; position: relative; background-color: #000;}
.sessao-beneficios:after{width: 100%; height: 100%; content: ""; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 1; transform: skew(0, 3deg);}
.wrap-conteudo-sessao-beneficios{width: 100%; max-width: 1200px; margin: 0 auto 0; padding: 100px 10px 125px 10px; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; z-index: 2;}
.wrap-conteudo-sessao-beneficios h2{font-size: 32px; line-height: 52px; color: #000; margin-bottom: 40px; position: relative; z-index: 2;}
.sessao-beneficios h2 b{display: block; font-weight: 600;}
.sessao-beneficios .wrap-beneficios{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px; position: relative; z-index: 2;}
.sessao-beneficios .wrap-beneficios .beneficio{width: 380px; padding: 30px 28px 30px 28px; background-color: #000; border-radius: 30px; text-align: left;}
.sessao-beneficios .wrap-beneficios .beneficio h3{font-size: 22px; line-height: 32px; color: #fff; margin-bottom: 5px;}
.sessao-beneficios .wrap-beneficios .beneficio p{font-size: 16px; line-height: 26px; color: #fff;}
/**/

/**/
.sessao-faq{width: 100%; padding: 90px 0 0 0;}

.sessao-faq > h2{line-height: 34px; margin-bottom: 15px;}
.sessao-faq > h3{font-size: 26px; line-height: 28px; margin-bottom: 35px;}

.sessao-faq a.center{margin: 65px auto 0;}

.sessao-faq .mensagem{max-width: 1000px; border: 2px solid #d8b66c; border-radius: 100px; margin: 60px auto 0; padding: 30px 50px 30px 50px; text-align: center;}

.accordion{max-width: 900px; margin: 0 auto;}

.accordion .item{margin-bottom: 15px;}

.accordion .item .accordion-header{width: 100%; border: none; background: #fff; color: #111; border-radius: 40px; padding: 15px 30px; font-size: 22px; font-weight: 800; cursor: pointer; display: flex; align-items: center; gap: 15px; text-align: left;}

.accordion .item .accordion-header .icon{min-width: 20px; font-size: 28px; font-weight: 600;}

.accordion .item .accordion-header .title{font-size: 18px; font-weight: 600; color: #444;}

.accordion .item .accordion-content{max-height: 0; overflow: hidden; transition: max-height 0.5s ease;}

.accordion .item .accordion-content p{color: #fff; font-size: 16px; line-height: 28px; padding: 20px 30px 0 30px;}

.accordion .item.active .accordion-header{border-radius: 40px 40px 0 0;}
.accordion .item.active .accordion-content{max-height: 300px; background-color: #262626; border-radius: 0 0 40px 40px;}
/**/

@media(max-width:1300px){
    #banner-page{height: 700px; padding: 135px 40px 0 40px;}
    #banner-page h1{font-size: 52px; line-height: 68px;}

    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos{width: 330px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos:nth-child(4), .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos:nth-child(5){width: 375px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div{padding: 30px 35px 25px 35px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div img{height: 35px !important;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4{font-size: 18px; line-height: 26px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4 b{font-size: 14px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div ul li{font-size: 16px; line-height: 26px; margin-bottom: 5px;}
}

@media(max-width:1100px){
    #banner-page{height: 650px;}

    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div ul li{font-size: 14px; line-height: 22px; padding: 0 0 0 10px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div ul li:before{width: 6px; min-width: 6px; height: 6px;}

    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos{width: 350px !important;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div img{height: 30px !important; margin-bottom: 10px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4{font-size: 16px; line-height: 20px; margin-bottom: 10px;}
}

@media(max-width:959px){
    #Subheader{display: none !important;}

    #banner-page{height: 600px; padding: 90px 40px 0 40px;}

    .wrapp-sessao-conteudo a.center{margin: 65px auto 0;}

    .two-col{flex-direction: column; margin-top: 60px; gap: 75px;}
    .two-col div{display: flex; flex-direction: column; align-items: center; text-align: center;}
    .two-col div.img-right{text-align: center;}
    .two-col div.img-left{text-align: center;}
    .two-col.v2 ul{display: flex; flex-direction: column;}
    .two-col.v2 ul li{display: inline-block; padding: 0;}
    .two-col.v2 ul li:before{position: relative; top: -1px; display: inline-block; margin: 0 5px 0 0;}
    .center-mobile{text-align: center;}

    .sessao-beneficios .wrap-beneficios .beneficio{width: 100%;}
}

@media(max-width:767px){
    #Top_bar .logo{width: 100px; height: 60px; margin: 0; padding: 0 0 0 15px;}
    #Top_bar .logo a#logo{margin: 0 !important;}

    #banner-page{height: 370px; padding: 45px 10px 0 10px; align-items: center;}
    #banner-page:after{background-image: url(imagens-agencia-de-trafego-pago/agencia-de-trafego-pago-banner-mobile.webp); opacity: 0.5;}
    #banner-page h1{width: 300px; font-size: 44px; line-height: 62px; text-align: center;}
    #banner-page a{height: 50px;}

    .sessao-conteudo{background-image: url(imagens-agencia-de-trafego-pago/bg-mobile.webp); background-position: center top; background-repeat: repeat; background-size: 100%;}

    .wrapp-sessao-conteudo{padding: 60px 10px 80px 10px;}
    .two-col{margin-top: 45px; margin-bottom: 45px; gap: 55px;}
    .wrapp-sessao-conteudo h2{font-size: 24px; line-height: 36px; margin-bottom: 20px;}
    .wrapp-sessao-conteudo h2.break{}
    .wrapp-sessao-conteudo h2.break b{width: 260px; font-size: 20px; line-height: 32px; margin: 0 auto 0;}
    .wrapp-sessao-conteudo h3{font-size: 24px; line-height: 36px;}
    .wrapp-sessao-conteudo h3.break-mobile{}
    .wrapp-sessao-conteudo h3.break-mobile b{display: block;}
    .wrapp-sessao-conteudo p{font-size: 16px; line-height: 28px;}
    .wrapp-sessao-conteudo p.width{margin: 0 auto 15px;}
    .wrapp-sessao-conteudo p.sub-title{width: 280px; font-size: 18px; line-height: 30px; margin: 0 auto 30px;}
    .two-col.v2 ul li{font-size: 16px; line-height: 28px;}
    .two-col.v2 ul li:before{top: -3px;}
    .wrapp-sessao-conteudo ul li:before{width: 6px; min-width: 6px; height: 6px;}
    .wrapp-sessao-conteudo a{margin-top: 20px;}
    .wrapp-sessao-conteudo a.center{margin: 45px auto 0;}

    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos{width: 100% !important;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div{padding: 30px 10px 25px 15px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div img{height: 25px !important;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4 b{font-size: 12px;}

    .wrap-conteudo-sessao-beneficios{padding: 65px 10px 85px 10px;}
    .wrap-conteudo-sessao-beneficios h2{font-size: 22px; line-height: 34px; margin-bottom: 20px;}
    .sessao-beneficios .wrap-beneficios .beneficio h3{font-size: 18px; line-height: 26px; font-weight: 600;}


    .sessao-faq{padding: 50px 0 0 0;}
    .sessao-faq > h2{font-size: 30px; line-height: 30px; margin-bottom: 5px;}
    .sessao-faq > h3{margin-bottom: 20px;}

    .sessao-faq .mensagem{border-radius: 20px; margin: 45px auto 0; padding: 10px 15px 15px 10px;}

    .accordion .item .accordion-header{padding: 10px 10px 10px 15px; gap: 10px;}
    .accordion .item .accordion-header .icon{min-width: 12px; font-size: 20px;}
    .accordion .item .accordion-header .title{font-size: 14px; line-height: 22px;}
    .accordion .item .accordion-content p{padding: 15px 10px 0 15px; font-size: 14px; line-height: 25px;}

    .accordion .item.active .accordion-header{border-radius: 20px 20px 0 0;}
    .accordion .item.active .accordion-content{border-radius: 0 0 20px 20px;}
}

@media(max-width:400px){
    #banner-page h1{width: 270px; font-size: 40px; line-height: 55px;}
}