#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-agencia-de-midias-sociais *{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-midias-sociais/agencia-de-midias-sociais-banner.webp); background-position: center 0; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1;}
#banner-page h1{width: 100%; max-width: 390px; 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-midias-sociais/bg.webp); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.sessao-conteudo.com-predios{padding-bottom: 250px;}

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

.two-col{width: 100%; display: flex; flex-direction: row; gap: 20px; margin-top: 120px; margin-bottom: 110px; position: relative;}
.two-col div{width: 100%; position: relative;}
.two-col div.img-right{text-align: right;}
.two-col div.img-left{text-align: left;}

.wrapp-sessao-conteudo h2{font-size: 34px; font-weight: 600; line-height: 64px; color: #fff;}
.wrapp-sessao-conteudo h2.destaque{line-height: 54px;}
.wrapp-sessao-conteudo h2.destaque b{font-size: 34px !important; line-height: inherit !important;}
.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: 48px; color: #fff; margin-bottom: 15px;}
.wrapp-sessao-conteudo h3 b{font-weight: 600;}
.wrapp-sessao-conteudo h3.width{width: 430px}
.wrapp-sessao-conteudo h3.center{text-align: center;}
.wrapp-sessao-conteudo h3.break{text-align: center; margin-bottom: 30px;}
.wrapp-sessao-conteudo h3.break b{display: block; font-size: 26px; font-weight: 500; line-height: 32px;}
.wrapp-sessao-conteudo h3.mb-small{margin-bottom: 5px;}
.wrapp-sessao-conteudo h3.mt-medium{margin: 80px auto 15px;}

.wrapp-sessao-conteudo h4{font-size: 26px; line-height: 42px; color: #fff; margin-bottom: 15px;}

.wrapp-sessao-conteudo p{font-size: 20px; line-height: 34px; color: #fff; margin-bottom: 20px;}
.wrapp-sessao-conteudo p.center{text-align: center;}
.wrapp-sessao-conteudo p.width{max-width: 820px; margin: 0 auto 20px;}
.wrapp-sessao-conteudo p.mb-medium{margin: 0 auto 50px;}

.wrapp-sessao-conteudo a{width: 280px; 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;}
.wrapp-sessao-conteudo a.center{margin: 0 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{margin-bottom: 20px;}
.wrapp-sessao-conteudo ul.mb-40{margin-bottom: 35px;}
.wrapp-sessao-conteudo ul li{font-size: 18px; font-weight: 500; line-height: 28px; color: #fff; margin-bottom: 20px; padding: 0 0 0 30px; position: relative;}
.wrapp-sessao-conteudo ul li:last-child{margin: 0;}
.wrapp-sessao-conteudo ul li:before{width: 20px; min-width: 20px; height: 20px; content: ""; background-image: url(imagens-agencia-de-midias-sociais/check.webp); background-position: center; background-repeat: no-repeat; background-size: 100%; border-radius: 0; position: absolute; top: 3px; left: 0;}

.wrapp-sessao-conteudo .wrap-boxes-infos{width: 100%; margin: 55px auto 60px; 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: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;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div{width: 100%; height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 20px; padding: 20px; position: relative; z-index: 2; background-color: #000;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4{font-size: 22px; font-weight: 600; line-height: 32px; color: #fff; margin-bottom: 10px;}
.wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div p{font-size: 18px; font-weight: 500; line-height: 28px; color: #fff; margin: 0;}
@keyframes giroInfinito{from{transform: rotate(0deg);} to{transform: rotate(360deg);}}

.two-col.box-white{margin-top: 20px; margin-bottom: 200px;}
.two-col.box-white:after{width: 100%; height: 100%; content: ""; background-color: #fff; border-radius: 20px; position: absolute; left: 0; top: 0; z-index: 1; transform: scale(1.15, 1.3);}
.two-col.box-white div{display: flex; flex-direction: column; justify-content: center; z-index: 2;}
.two-col.box-white h3{font-size: 40px; font-weight: 600; line-height: 56px; color: #000; margin-bottom: 25px; position: relative; z-index: 2;}
.two-col.box-white p{font-size: 22px; font-weight: 500; line-height: 38px; color: #000; margin: 0; position: relative; z-index: 2;}
.two-col.box-white a{position: relative; z-index: 2;}
.two-col.box-white img{max-width: max-content !important; position: relative; z-index: 2;}

.wrapp-sessao-conteudo .box-white ul{margin: 30px 0;}
.wrapp-sessao-conteudo .box-white ul li{font-size: 18px; font-weight: 500; line-height: 28px; color: #000; margin-bottom: 5px; padding: 0 0 0 30px; position: relative;}
.wrapp-sessao-conteudo .box-white ul li:last-child{margin: 0;}
.wrapp-sessao-conteudo .box-white ul li:before{width: 20px; min-width: 20px; height: 20px; content: ""; background-image: url(imagens-agencia-de-midias-sociais/check.webp); background-position: center; background-repeat: no-repeat; background-size: 100%; border-radius: 0; position: absolute; top: 3px; left: 0;}

.predios{width: 100%; height: 546px; background-image: url(imagens-agencia-de-midias-sociais/marketing-digital-para-advogados-predios.webp); background-position: center bottom; background-repeat: no-repeat; background-size: 1920px; position: absolute; left: 0; bottom: -60px; z-index: 1; opacity: 0.7;}
/**/

/**/
.sessao-diferenciais{width: 100%; position: relative; background-color: #000;}
.sessao-diferenciais: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-diferenciais{width: 100%; max-width: 1200px; margin: 0 auto 0; padding: 120px 10px 140px 10px; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2;}
.wrap-conteudo-sessao-diferenciais h2{font-size: 34px; font-weight: 500; line-height: 48px; color: #000; margin-bottom: 15px; text-align: center;}
.wrap-conteudo-sessao-diferenciais h2 b{display: block; font-weight: 600;}
.wrap-conteudo-sessao-diferenciais p{font-size: 22px; font-weight: 500; line-height: 38px; color: #000; margin: 0; text-align: center;}

.wrap-conteudo-sessao-diferenciais .wrap-boxes-diferenciais{width: 100%; margin: 50px auto 50px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px;}
.wrap-conteudo-sessao-diferenciais .wrap-boxes-diferenciais .box-diferencial{width: 275px; position: relative; border-radius: 30px; padding: 3px; overflow: hidden;}
.wrap-conteudo-sessao-diferenciais .wrap-boxes-diferenciais .box-diferencial:after{width: 1000px; height: 1000px; border-radius: 30px; content: ""; background: linear-gradient(0, #ffffff, #e9d599, #bd9933); position: absolute; left: 50%; top: 50%; z-index: 1; margin: -500px 0 0 -500px; animation: giroInfinito 3s linear infinite; transform-origin: center;}
.wrap-conteudo-sessao-diferenciais .wrap-boxes-diferenciais .box-diferencial div{width: 100%; height: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 30px; position: relative; z-index: 2; background-color: #fff;}
.wrap-conteudo-sessao-diferenciais .wrap-boxes-diferenciais .box-diferencial div p{font-size: 24px; font-weight: 600; line-height: 24px; color: #000; margin: 0;}
/**/

/**/
.sessao-beneficios{width: 100%; background-color: #000; background-image: url(imagens-agencia-de-midias-sociais/bg.webp); background-position: center; position: relative;}
.wrap-conteudo-sessao-beneficios{width: 100%; max-width: 1200px; margin: 0 auto 0; padding: 150px 10px 65px 10px; display: flex; flex-direction: column; align-items: center; gap: 90px; position: relative; z-index: 2;}
.wrap-conteudo-sessao-beneficios .cols-beneficios{width: 100%; display: flex; flex-direction: row; gap: 20px; margin-top: 0; margin-bottom: 0; position: relative;}
.wrap-conteudo-sessao-beneficios .cols-beneficios div{width: 100%; position: relative;}
.wrap-conteudo-sessao-beneficios .cols-beneficios div.textos{display: flex; flex-direction: column; justify-content: center; position: relative;}
.wrap-conteudo-sessao-beneficios .cols-beneficios div.img-right{text-align: right;}
.wrap-conteudo-sessao-beneficios .cols-beneficios div.img-left{text-align: left;}
.wrap-conteudo-sessao-beneficios .cols-beneficios div h2{font-size: 34px; font-weight: 600; line-height: 44px; color: #fff; margin-bottom: 10px; text-align: left;}
.wrap-conteudo-sessao-beneficios .cols-beneficios div p{font-size: 22px; font-weight: 500; line-height: 38px; color: #fff; margin-bottom: 35px; text-align: left;}
.wrap-conteudo-sessao-beneficios .cols-beneficios div a{width: 280px; 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;}
.wrap-conteudo-sessao-beneficios .cols-beneficios div a:hover{background: linear-gradient(60deg, #8baf61, #b4d78b, #8baf61);}
.wrap-conteudo-sessao-beneficios .cols-beneficios div img{border-radius: 25px; box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);}

.wrap-conteudo-sessao-beneficios .com-numero{gap: 50px;}
.wrap-conteudo-sessao-beneficios .com-numero .numero{width: 100%; height: 520px; border: 3px solid #debd78; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; gap: 10px;}
.wrap-conteudo-sessao-beneficios .com-numero .numero i{font-size: 72px; font-style: normal; font-weight: 600; line-height: 72px; background: linear-gradient(0deg, #89651a 0%, #ffeabb 50%, #89651a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; padding: 0 0 0 60px;}
.wrap-conteudo-sessao-beneficios .com-numero .numero h3{font-size: 32px; font-weight: 600; line-height: 42px; color: #fff; padding: 0 20px 0 60px;}
.wrap-conteudo-sessao-beneficios .com-numero .textos p{font-size: 22px; font-weight: 500; line-height: 38px; color: #fff; margin-bottom: 35px; text-align: left;}
.wrap-conteudo-sessao-beneficios .com-numero .textos p.mb-0{margin: 0;}
.wrap-conteudo-sessao-beneficios .com-numero .textos ul{margin-bottom: 35px;}
.wrap-conteudo-sessao-beneficios .com-numero .textos ul li{font-size: 18px; font-weight: 500; line-height: 28px; color: #fff; margin-bottom: 25px; padding: 0 0 0 30px; position: relative;}
.wrap-conteudo-sessao-beneficios .com-numero .textos ul li:last-child{margin: 0;}
.wrap-conteudo-sessao-beneficios .com-numero .textos ul li:before{width: 20px; min-width: 20px; height: 20px; content: ""; background-image: url(imagens-agencia-de-midias-sociais/check.webp); background-position: center; background-repeat: no-repeat; background-size: 100%; border-radius: 0; position: absolute; top: 3px; left: 0;}

.wrap-conteudo-sessao-beneficios a{width: 280px; 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;}
.wrap-conteudo-sessao-beneficios a:hover{background: linear-gradient(60deg, #8baf61, #b4d78b, #8baf61);}
/**/

/**/
.sessao-especial{width: 100%;}
.sessao-especial h2{max-width: 660px; font-size: 34px; font-weight: 600; line-height: 56px; color: #fff; text-align: center; margin: 0 auto 30px;}
.sessao-especial p{max-width: 490px; font-size: 26px; font-weight: 500; line-height: 38px; color: #fff; text-align: center; margin: 0 auto 0;}
.sessao-especial p.width-100{max-width: 100%;}
.sessao-especial a{width: 370px; 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; margin: 50px auto 0 !important;}
.sessao-especial a:hover{background: linear-gradient(60deg, #8baf61, #b4d78b, #8baf61);}

.sessao-especial .wrap-boxes{width: 100%; margin: 50px auto 50px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px;}
.sessao-especial .wrap-boxes .box{width: 275px; position: relative; border-radius: 30px; padding: 3px; overflow: hidden;}
.sessao-especial .wrap-boxes .box: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;}
.sessao-especial .wrap-boxes .box div{width: 100%; height: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 30px; position: relative; z-index: 2; background-color: #000;}
.sessao-especial .wrap-boxes .box div p{font-size: 20px; font-weight: 500; line-height: 26px; color: #fff; margin: 0; padding: 0;}
/**/

/**/
.sessao-two-boxes{width: 100%; padding: 120px 0 20px 0;}
.sessao-two-boxes h2{text-align: center; line-height: 52px; margin-bottom: 30px;}
.sessao-two-boxes .wrap-boxes{width: 100%; display: flex; flex-direction: row; justify-content: center; gap: 40px;}
.sessao-two-boxes .wrap-boxes .box{width: 480px; height: auto; background-color: #fff; border-radius: 20px; padding: 40px 30px 30px 35px;}
.sessao-two-boxes .wrap-boxes .box img{width: 79px; border-radius: 0; margin-bottom: 15px;}
.sessao-two-boxes .wrap-boxes .box h3{font-size: 26px; font-weight: 600; line-height: 40px; color: #000; margin-bottom: 10px;}
.sessao-two-boxes .wrap-boxes .box p{font-size: 22px; font-weight: 500; line-height: 34px; color: #000; margin: 0; padding: 0;}
/**/

@media(max-width:1580px){
    .two-col.box-white:after{transform: scale(1.1, 1.2);}
}

@media(max-width:1480px){
    .sessao-conteudo.com-predios{padding-bottom: 120px;}
    .predios{height: 410px; background-size: 1480px;}
    .two-col.box-white{margin-bottom: 140px;}
}

@media(max-width:1400px){
    .two-col.box-white:after{transform: scale(1.07, 1.16);}
}

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

    .sessao-conteudo.com-predios{padding-bottom: 70px;}
    .predios{height: 350px; background-size: 1300px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos{width: 330px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4{font-size: 20px; line-height: 30px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div p{font-size: 16px; line-height: 26px;}

    .two-col{margin-top: 110px; margin-bottom: 65px;}
    .two-col.box-white{padding: 0 50px;}
    .two-col.box-white:after{transform: scale(0.98, 1.16);}
    .two-col.box-white h3{font-size: 38px;}
    .two-col.box-white p{font-size: 20px; line-height: 32px;}

    .wrap-conteudo-sessao-diferenciais .wrap-boxes-diferenciais .box-diferencial{width: 250px;}
    .wrap-conteudo-sessao-diferenciais .wrap-boxes-diferenciais .box-diferencial div p{font-size: 22px; line-height: 22px;}

    .wrap-conteudo-sessao-beneficios{padding: 150px 20px 35px 20px;}
    .wrap-conteudo-sessao-beneficios .cols-beneficios div h2{font-size: 32px; line-height: 40px;}
    .wrap-conteudo-sessao-beneficios .cols-beneficios div p{font-size: 20px; line-height: 32px;}

    .wrap-conteudo-sessao-beneficios .com-numero .numero h3{font-size: 28px;}
    .wrap-conteudo-sessao-beneficios .com-numero .textos p{margin-bottom: 30px;}
    .wrap-conteudo-sessao-beneficios .com-numero .textos ul{margin-bottom: 30px;}
    .wrap-conteudo-sessao-beneficios .com-numero .textos ul li{margin-bottom: 15px;}

    .sessao-especial h2{font-size: 32px; line-height: 54px;}
    .sessao-especial .wrap-boxes .box{width: 250px;}
    .sessao-especial .wrap-boxes .box div p{font-size: 18px; line-height: 26px;}

    .sessao-two-boxes{padding: 90px 0 0 0;}
    .sessao-two-boxes h2{font-size: 32px; line-height: 54px;}
    .sessao-two-boxes .wrap-boxes .box img{width: 60px;}
    .sessao-two-boxes .wrap-boxes .box h3{font-size: 24px; line-height: 34px;}
    .sessao-two-boxes .wrap-boxes .box p{font-size: 18px; line-height: 30px;}
}

@media(max-width:1100px){
    #banner-page{height: 650px;}
    .sessao-conteudo.com-predios{padding-bottom: 70px;}
    .predios{height: 300px; background-size: 1100px; bottom: -30px;}

    .two-col.box-white{padding: 0 50px;}
    .two-col.box-white:after{transform: scale(0.96, 1.16);}
    .two-col.box-white h3{font-size: 32px; line-height: 46px; margin-bottom: 10px;}
    .two-col.box-white p{margin-bottom: 25px;}
    .two-col.box-white img{max-width: 100% !important;}
}

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

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

    .wrapp-sessao-conteudo .width-mobile{max-width: 490px; margin: 0 auto 15px;}
    .wrapp-sessao-conteudo a.center{margin: 0 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, .two-col div.img-left{text-align: center;}

    .two-col.box-white{background-color: #fff; padding: 50px; border-radius: 30px; gap: 35px; margin-bottom: 60px;}
    .two-col.box-white:after{display: none;}
    .two-col.box-white h3{font-size: 32px; line-height: 46px; margin-bottom: 10px;}
    .two-col.box-white p{margin-bottom: 0;}

    .wrapp-sessao-conteudo ul{display: flex; flex-direction: column;}
    .wrapp-sessao-conteudo ul li{display: inline-block; padding: 0;}
    .wrapp-sessao-conteudo ul li:before{position: relative; top: 3px; display: inline-block; margin: 0 10px 0 0;}

    .wrapp-sessao-conteudo .box-white ul li{display: inline-block; padding: 0;}
    .wrapp-sessao-conteudo .box-white ul li:before{position: relative; top: 3px; display: inline-block; margin: 0 10px 0 0;}

    .wrap-conteudo-sessao-beneficios .cols-beneficios div h2{font-size: 28px; line-height: 38px;}

    .sessao-especial h2{font-size: 28px; line-height: 50px; margin: 0 auto 15px;}
    .sessao-especial p{max-width: 375px; font-size: 20px;}
    .sessao-especial .wrap-boxes{margin: 35px auto 40px;}
    .sessao-especial .wrap-boxes .box{width: 250px;}
    .sessao-especial .wrap-boxes .box div p{font-size: 18px; line-height: 26px;}

    .sessao-two-boxes{padding: 70px 0 0 0;}
    .sessao-two-boxes h2{font-size: 28px; line-height: 50px;}
}

@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-midias-sociais/agencia-de-midias-sociais-banner-mobile.webp); opacity: 0.5;}
    #banner-page h1{
        width: 320px;
        font-size: 44px;
        line-height: 62px;
        text-align: center;
    }
    #banner-page a{height: 50px;}

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

    .sessao-conteudo.com-predios{padding-bottom: 90px;}
    .predios{height: 210px; background-size: 767px;}

    .wrapp-sessao-conteudo{padding: 60px 10px 80px 10px;}
    .two-col{margin-top: 25px; margin-bottom: 45px; gap: 55px;}

    .wrapp-sessao-conteudo .width-mobile{max-width: 420px;}

    .wrapp-sessao-conteudo h2{max-width: 410px; font-size: 24px; line-height: 36px; margin: 0 auto 0;}
    .wrapp-sessao-conteudo h2.destaque{font-size: 24px; line-height: 44px;}
    .wrapp-sessao-conteudo h2.destaque b{width: 290px !important; font-size: 22px !important; line-height: 34px !important; margin: 0 auto 20px !important;}
    .wrapp-sessao-conteudo h2.break{margin-bottom: 0;}
    .wrapp-sessao-conteudo h2.break b{width: 260px; font-size: 20px; line-height: 32px; margin: 0 auto 0;}
    .wrapp-sessao-conteudo h3{max-width: 285px; font-size: 20px; line-height: 32px;}
    .wrapp-sessao-conteudo h3.break-mobile{margin: 0 auto 10px;}
    .wrapp-sessao-conteudo h3.break-mobile b{display: block;}
    .wrapp-sessao-conteudo h3.mt-medium{margin: 55px auto 15px;}
    .wrapp-sessao-conteudo h4{max-width: 290px; font-size: 20px; line-height: 32px; margin: 0 auto 20px;}
    .wrapp-sessao-conteudo p{font-size: 16px; line-height: 28px;}
    .wrapp-sessao-conteudo ul li{font-size: 16px; line-height: 24px;}
    .wrapp-sessao-conteudo ul li:before{width: 15px; min-width: 15px; height: 15px; top: 2px;}
    .wrapp-sessao-conteudo a{font-size: 16px;}
    .wrapp-sessao-conteudo a.center{width: 280px; margin: 0 auto 0;}

    .two-col.box-white{padding: 30px; margin-bottom: 55px;}
    .two-col.box-white h3{max-width: 330px; font-size: 26px; line-height: 40px; margin-bottom: 10px;}
    .two-col.box-white p{font-size: 18px; line-height: 28px;}

    .wrap-conteudo-sessao-diferenciais{padding: 75px 10px 80px 10px;}
    .wrap-conteudo-sessao-diferenciais h2{font-size: 26px; line-height: 40px; margin-bottom: 10px;}
    .wrap-conteudo-sessao-diferenciais p{font-size: 18px; line-height: 32px;}
    .wrap-conteudo-sessao-diferenciais .wrap-boxes-diferenciais{margin: 30px auto 30px;}
    .wrap-conteudo-sessao-diferenciais .wrap-boxes-diferenciais .box-diferencial{width: 210px;}
    .wrap-conteudo-sessao-diferenciais .wrap-boxes-diferenciais .box-diferencial div p{font-size: 18px; line-height: 18px;}

    .wrapp-sessao-conteudo .wrap-boxes-infos{margin: 30px auto 50px; gap: 15px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos{width: 225px !important;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div{padding: 0 10px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4{font-size: 16px; line-height: 24px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div p{font-size: 14px; line-height: 24px;}

    .wrap-conteudo-sessao-beneficios{padding: 95px 10px 0 10px; gap: 70px;}
    .wrap-conteudo-sessao-beneficios h2{font-size: 22px; line-height: 34px; margin-bottom: 20px;}

    .wrap-conteudo-sessao-beneficios .cols-beneficios{flex-direction: column; gap: 15px;}
    .wrap-conteudo-sessao-beneficios .cols-beneficios div.textos{align-items: center; text-align: center; order: 2;}
    .wrap-conteudo-sessao-beneficios .cols-beneficios div.img-right, .wrap-conteudo-sessao-beneficios .cols-beneficios div.img-left{display: flex; justify-content: center; text-align: center; order: 1;}
    .wrap-conteudo-sessao-beneficios .cols-beneficios div h2{font-size: 24px; line-height: 32px; margin-bottom: 5px; text-align: center;}
    .wrap-conteudo-sessao-beneficios .cols-beneficios div p{max-width: 460px; font-size: 18px; line-height: 28px; margin: 0 auto 20px; text-align: center;}
    .wrap-conteudo-sessao-beneficios .cols-beneficios div a{font-size: 16px;}

    .wrap-conteudo-sessao-beneficios .com-numero .numero{height: auto; padding: 20px 0 20px 20px;}
    .wrap-conteudo-sessao-beneficios .com-numero .numero i{font-size: 52px; line-height: 52px; padding: 0;}
    .wrap-conteudo-sessao-beneficios .com-numero .numero h3{font-size: 24px; line-height: 36px; padding: 0;}
    .wrap-conteudo-sessao-beneficios .com-numero .textos{align-items: start !important;}
    .wrap-conteudo-sessao-beneficios .com-numero .textos p{width: 100%; max-width: 100%; font-size: 18px; line-height: 28px;}
    .wrap-conteudo-sessao-beneficios .com-numero .textos ul{width: 100%; display: flex; flex-direction: column; align-items: start;}
    .wrap-conteudo-sessao-beneficios .com-numero .textos ul li{display: inline-block; padding: 0 0 0 30px; text-align: left;}

    .sessao-especial h2{margin: 0 auto 20px;}
    .sessao-especial p{font-size: 22px; line-height: 28px;}
    .sessao-especial .wrap-boxes .box{width: 220px;}

    .sessao-two-boxes{padding: 50px 0 0 0;}
    .sessao-two-boxes h2{font-size: 24px; line-height: 36px; margin: 0 auto 25px;}
    .sessao-two-boxes .wrap-boxes{flex-direction: column; gap: 20px;}
    .sessao-two-boxes .wrap-boxes .box{width: 100%; padding: 20px;}
    .sessao-two-boxes .wrap-boxes .box img{width: 40px; margin-bottom: 5px;}
    .sessao-two-boxes .wrap-boxes .box h3{font-size: 22px; line-height: 32px;}
    .sessao-two-boxes .wrap-boxes .box p{font-size: 16px; line-height: 26px;}
}

@media(max-width:500px){

    .wrapp-sessao-conteudo{padding: 45px 10px 90px 10px;}

    .sessao-conteudo.com-predios{padding-bottom: 40px;}
    .predios{height: 140px; background-size: 500px;}

    .wrapp-sessao-conteudo h2{max-width: 290px; font-size: 22px; line-height: 38px;}
    .wrapp-sessao-conteudo h2.break b{width: 100%; font-size: 16px; line-height: 22px; margin: 5px auto 0;}
    .wrapp-sessao-conteudo h2.destaque-mobile{max-width: 250px; font-size: 24px; line-height: 34px;}
    .wrapp-sessao-conteudo h2.destaque-mobile b{font-size: 18px; line-height: 28px; margin: 10px auto 0;}
    .wrapp-sessao-conteudo h3{max-width: 255px; font-size: 18px; line-height: 30px;}
    .wrapp-sessao-conteudo h4{max-width: 290px; font-size: 18px; line-height: 30px; margin: 0 auto 20px;}

    .two-col{gap: 30px;}

    .two-col.box-white{
        padding: 10px 10px 30px 10px;
        gap: 30px;
        margin-bottom: 35px
    }
    .two-col.box-white h3{max-width: 290px; font-size: 22px; line-height: 32px;}
    .two-col.box-white p{font-size: 16px; line-height: 26px;}
    .wrapp-sessao-conteudo .box-white ul{margin: 10px 0;}
    .wrapp-sessao-conteudo .box-white ul li{font-size: 16px; line-height: 26px;}

    .wrap-conteudo-sessao-diferenciais{padding: 65px 10px 55px 10px;}
    .wrap-conteudo-sessao-diferenciais .wrap-boxes-diferenciais{margin: 25px auto 25px; gap: 10px;}
    .wrap-conteudo-sessao-diferenciais .wrap-boxes-diferenciais .box-diferencial{width: 150px;}
    .wrap-conteudo-sessao-diferenciais .wrap-boxes-diferenciais .box-diferencial div p{font-size: 16px; line-height: 16px;}

    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos{width: 100% !important;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div{height: auto; padding: 20px 30px;}

    .wrap-conteudo-sessao-beneficios{padding: 75px 10px 10px 10px; gap: 50px;}
    .wrap-conteudo-sessao-beneficios .cols-beneficios div h2{font-size: 20px; line-height: 28px;}
    .wrap-conteudo-sessao-beneficios .cols-beneficios div p{font-size: 16px; line-height: 26px;margin: 0 auto 15px;}

    .wrap-conteudo-sessao-beneficios .com-numero .numero i{
        font-size: 42px;
        line-height: 42px;
    }
    .wrap-conteudo-sessao-beneficios .com-numero .numero h3{
        font-size: 18px;
        line-height: 30px;
    }
    .wrap-conteudo-sessao-beneficios .com-numero .textos p{font-size: 16px;}
    .wrap-conteudo-sessao-beneficios .com-numero .textos ul li{font-size: 16px;}

    .sessao-especial h2{
        max-width: 310px;
        font-size: 22px;
        line-height: 36px;
        margin: 0 auto 15px;
    }
    .sessao-especial h2 span{display: block;}
    .sessao-especial p{font-size: 16px;}
    .sessao-especial .wrap-boxes .box{width: 220px;}
    .sessao-especial .wrap-boxes{gap: 10px; margin: 30px auto 30px;}
    .sessao-especial .wrap-boxes .box{width: 150px;}
    .sessao-especial .wrap-boxes .box div p{
        font-size: 16px;
        line-height: 24px;
    }

    .sessao-two-boxes h2{max-width: 305px;}
    .sessao-two-boxes .wrap-boxes .box h3{font-size: 20px; line-height: 30px;}
}

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