#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-marketing-digital-para-advogados *{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: 700px; background-color: #15192d; margin-top: 135px; padding: 0 150px; display: flex; flex-direction: column; justify-content: center; position: relative; box-shadow: 0 -160px 0 #000;}
#banner-page:after{width: 100%; height: 100%; content: ""; background-image: url(imagens-marketing-digital-para-advogados/marketing-digital-para-advogados-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: 600px; font-size: 44px; font-weight: 500; line-height: 60px; 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: 20px; position: relative; z-index: 2;}
#banner-page h1 b{font-weight: 600;}
#banner-page p{width: 100%; max-width: 655px; font-size: 22px; line-height: 34px; 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: 35px; position: relative; z-index: 2;}
#banner-page a{width: 280px; height: 60px; border-radius: 60px; background: linear-gradient(60deg, #b49048, #f5d793 80%, #b49048); display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 22px; text-decoration: none !important; z-index: 2;}
#banner-page a:hover{background: linear-gradient(60deg, #8baf61, #b4d78b 80%, #8baf61);}
/**/


.conteudo-page{width: 100%;}

.sessao-conteudo{width: 100%; background-color: #000; background-image: url(imagens-marketing-digital-para-advogados/bg.webp); background-position: center; 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;}

.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: 48px; color: #fff; margin-bottom: 15px;}
.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{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 a{width: 280px; height: 60px; border-radius: 60px; background: linear-gradient(60deg, #b49048, #f5d793 80%, #b49048); display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; text-align: center; text-decoration: none !important;}
.wrapp-sessao-conteudo a.center{margin: 0 auto 0;}
.wrapp-sessao-conteudo a.mt-medium{margin-top: 50px;}
.wrapp-sessao-conteudo a:hover{background: linear-gradient(60deg, #8baf61, #b4d78b 80%, #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: 5px; 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;}


.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;}
.two-col div h2{font-size: 32px; font-weight: 500; line-height: 48px; color: #fff; margin-bottom: 15px;}

.two-col.box-white{margin-top: 20px; margin-bottom: 135px;}
.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-bottom: 40px; position: relative; z-index: 2;}
.two-col.box-white ul{}
.two-col.box-white ul li{color: #000; position: relative; z-index: 2;}
.two-col.box-white ul li:before{}
.two-col.box-white a{position: relative; z-index: 2;}
.two-col.box-white img{position: relative; z-index: 2;}

.two-col.box-white.mseo{margin-top: 150px; margin-bottom: 135px;}

.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: 100px; 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: 100px; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 100px; padding: 0 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: 0;}

.wrapp-sessao-conteudo .wrap-boxes-infos.box-full{}
.wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos{width: 100% !important;}
.wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos:after{width: 2000px; height: 2000px; margin: -1000px 0 0 -1000px;}
.wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div{height: auto; flex-direction: column; padding: 45px 50px 70px 50px;}
.wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div h2{margin-bottom: 20px;}
.wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div p{max-width: 860px;}
.wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div a{margin-top: 25px;}

.wrapp-sessao-conteudo .wrap-boxes-infos.box-etapas{}
.wrapp-sessao-conteudo .wrap-boxes-infos.box-etapas .box-infos div{height: 130px; flex-direction: column; gap: 5px;}
.wrapp-sessao-conteudo .wrap-boxes-infos.box-etapas .box-infos div h3{font-size: 24px; font-weight: 600; line-height: 24px; background: linear-gradient(90deg, #b39047 0%, #eccb81 50%, #b39047 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; margin: 0;}
.wrapp-sessao-conteudo .wrap-boxes-infos.box-etapas .box-infos div p{margin: 0;}

@keyframes giroInfinito{from{transform: rotate(0deg);} to{transform: rotate(360deg);}}

.predios{width: 100%; height: 546px; background-image: url(imagens-marketing-digital-para-advogados/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-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: 150px 10px 125px 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: #000; margin-bottom: 10px; text-align: left;}
.wrap-conteudo-sessao-beneficios .cols-beneficios div p{font-size: 22px; font-weight: 500; line-height: 38px; color: #000; 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, #b49048, #f5d793 80%, #b49048); display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; text-align: center; text-decoration: none !important;}
.wrap-conteudo-sessao-beneficios .cols-beneficios div a:hover{background: linear-gradient(60deg, #8baf61, #b4d78b 80%, #8baf61);}
.wrap-conteudo-sessao-beneficios .cols-beneficios div img{border-radius: 25px; box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);}

.sessao-beneficios.advogar{}
.sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios{gap: 0; padding: 130px 10px 125px 10px;}
.sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios > h2{font-size: 40px; font-weight: 600; line-height: 56px; color: #000; text-align: center; margin-bottom: 0;}
.sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios > h2 span{font-size: 22px; position: relative; top: -20px;}
.sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios > h3{font-size: 24px; font-weight: 600; line-height: 36px; color: #000; text-align: center; margin-bottom: 10px;}
.sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios > h4{max-width: 820px; font-size: 34px; font-weight: 600; line-height: 44px; color: #000; text-align: center; margin: 50px auto 15px;}
.sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios > p{max-width: 720px; font-size: 20px; line-height: 32px; color: #000; text-align: center; margin: 0 auto 0;}
.sessao-beneficios.advogar .wrap-advogar{width: 100%; display: flex; flex-direction: column; justify-content: center; gap: 5px; margin: 50px 0 0 0;}
.sessao-beneficios.advogar .wrap-advogar .box{width: 100%; height: 85px; background: #000; border-radius: 20px; display: flex; flex-direction: row; align-items: center; gap: 20px; padding: 0 20px 0 0; overflow: hidden;}
.sessao-beneficios.advogar .wrap-advogar .box .icone{width: 70px; min-width: 70px; height: 100%; background-color: #222; display: flex; align-items: center; justify-content: center; text-align: center;}
.sessao-beneficios.advogar .wrap-advogar .box .icone i{background: linear-gradient(90deg, #b39047 0%, #eccb81 50%, #b39047 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; font-size: 30px; font-style: normal; font-weight: 600; line-height: 30px;}

.sessao-beneficios.advogar .wrap-advogar .box .conteudo{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; gap: 5px;}
.sessao-beneficios.advogar .wrap-advogar .box .conteudo h4{width: max-content; font-size: 18px; line-height: 20px; background: linear-gradient(90deg, #b39047 0%, #eccb81 50%, #b39047 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; margin: 0;}
.sessao-beneficios.advogar .wrap-advogar .box .conteudo p{font-size: 16px; font-weight: 500; line-height: 24px; color: #cfc7b5; margin: 0; padding: 0;}
/**/

/**/
.cases-de-sucesso{width: 100%; max-width: 1200px; margin: 0 auto 140px; padding: 0 10px; display: flex; flex-direction: column; align-items: center; gap: 90px;}
.cases-de-sucesso h2{max-width: 450px; font-size: 34px; font-weight: 600; line-height: 56px; color: #fff; text-align: center; margin: 20px auto -25px;}
.cases-de-sucesso .cols-cases{width: 100%; display: flex; flex-direction: row; gap: 20px; margin-top: 0; margin-bottom: 0; position: relative;}
.cases-de-sucesso .cols-cases .col{width: 100%; display: flex; flex-direction: column; justify-content: center; position: relative;}
.cases-de-sucesso .cols-cases .col.carrossel{width: 60%;}
.cases-de-sucesso .cols-cases .col.textos{width: 40%;}
.cases-de-sucesso .cols-cases .col .wrapp-carrossel{width: 550px; position: relative; margin: 0 auto 0;}
.cases-de-sucesso .cols-cases .col .wrapp-carrossel .owl-theme .owl-nav{width: 100%; height: 0; margin-top: 0; position: absolute; left: 0; top: 50%; display: flex; align-items: center; justify-content: space-between;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 40px; height: 40px; margin: 0; background: linear-gradient(60deg, #bf9c55, #f5d793, #bf9c55) !important; border-radius: 100%; padding: 3px !important;}
.owl-carousel .owl-nav button.owl-next{margin-right: -45px;}
.owl-carousel .owl-nav button.owl-prev{margin-left: -45px;}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{width: 100%; height: 100%; background-color: #000;}
.owl-carousel .owl-nav button.owl-next span{background-image: url(owl-carousel/seta-dourada-direita.svg); background-position: -2px center;}
.owl-carousel .owl-nav button.owl-prev span{background-image: url(owl-carousel/seta-dourada-esquerda.svg); background-position: -5px center;}

.cases-de-sucesso .cols-cases .col h3{font-size: 34px; font-weight: 600; line-height: 50px; color: #fff; margin-bottom: 10px; text-align: left;}
.cases-de-sucesso .cols-cases .col p{font-size: 22px; font-weight: 500; line-height: 38px; color: #fff; margin-bottom: 35px; text-align: left;}
.cases-de-sucesso .cols-cases .col a{width: 280px; height: 60px; border-radius: 60px; background: linear-gradient(60deg, #b49048, #f5d793 80%, #b49048); display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; text-align: center; text-decoration: none !important;}
.cases-de-sucesso .cols-cases .col a:hover{background: linear-gradient(60deg, #8baf61, #b4d78b 80%, #8baf61);}
.cases-de-sucesso .cols-cases .col img{border-radius: 25px; box-shadow: none;}
/**/

/**/
.sessao-faq{width: 100%; padding: 30px 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 .accordion{max-width: 900px; margin: 0 auto;}
.sessao-faq .accordion .item-faq{margin-bottom: 15px;}
.sessao-faq .accordion .item-faq .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;}
.sessao-faq .accordion .item-faq .accordion-header .icon{min-width: 20px; font-size: 28px; font-weight: 600;}
.sessao-faq .accordion .item-faq .accordion-header .title{font-size: 18px; font-weight: 600; color: #444;}
.sessao-faq .accordion .item-faq .accordion-content{max-height: 0; overflow: hidden; transition: max-height 0.5s ease;}
.sessao-faq .accordion .item-faq .accordion-content p{color: #fff; font-size: 16px; line-height: 28px; padding: 20px 30px 0 30px;}
.sessao-faq .accordion .item-faq.active .accordion-header{border-radius: 40px 40px 0 0;}
.sessao-faq .accordion .item-faq.active .accordion-content{max-height: 300px; background-color: #262626; border-radius: 0 0 40px 40px;}
/**/

/**/
.cta-footer{width: 100%; padding: 80px 10px 0 10px;}
.cta-footer h2{max-width: 540px; font-size: 34px; font-weight: 600; line-height: 56px; color: #fff; text-align: center; margin: 0 auto 20px;}
.cta-footer p{max-width: 630px; font-size: 22px; font-weight: 500; line-height: 38px; color: #fff; text-align: center; margin: 0 auto 40px;}
.cta-footer a{width: 280px; height: 60px; border-radius: 60px; background: linear-gradient(60deg, #b49048, #f5d793 80%, #b49048); display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; text-align: center; text-decoration: none !important;}
.cta-footer a:hover{background: linear-gradient(60deg, #8baf61, #b4d78b, #8baf61);}
/**/

@media(max-width:1600px){
    #banner-page{padding: 0 70px;}
}

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

    .two-col.box-white.mseo{margin-top: 120px; margin-bottom: 105px;}
}

@media(max-width:1480px){
    #banner-page{padding: 0 50px;}
    .sessao-conteudo.com-predios{padding-bottom: 120px;}
    .predios{height: 410px; background-size: 1480px;}
}

@media(max-width:1400px){
    #banner-page{height: 600px;}
    #banner-page h1{max-width: 500px; font-size: 36px; line-height: 50px;}
    #banner-page p{max-width: 530px;}
    .two-col.box-white{margin-bottom: 95px;}
    .two-col.box-white:after{transform: scale(1.07, 1.16);}

    .two-col.box-white.mseo{margin-top: 120px; margin-bottom: 95px;}
}

@media(max-width:1300px){
    .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{height: 70px; padding: 0 10px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos .box-infos div h4{font-size: 18px; line-height: 26px;}

    .cases-de-sucesso .cols-cases .col h3{font-size: 30px; line-height: 40px;}
    .cases-de-sucesso .cols-cases .col p{font-size: 20px; line-height: 34px;}

    .two-col.box-white{padding: 0 50px; margin-bottom: 100px;}
    .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-beneficios{padding: 150px 20px 125px 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;}
}

@media(max-width:1200px){
    .cases-de-sucesso .cols-cases .col .wrapp-carrossel{width: 500px;}
}

@media(max-width:1100px){
    #banner-page{align-items: center; padding: 0 20px;}
    #banner-page h1{max-width: 700px; text-align: center;}
    #banner-page p{max-width: 790px; text-align: center;}
    #banner-page:after{opacity: 0.2;}
    .sessao-conteudo.com-predios{padding-bottom: 70px;}
    .predios{height: 300px; background-size: 1100px; bottom: -30px;}

    .wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div{padding: 45px 50px 65px 50px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div h2{max-width: 450px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div p{max-width: 550px;}

    .cases-de-sucesso .cols-cases .col .wrapp-carrossel{width: 450px;}

    .two-col.box-white{padding: 0 50px; margin-bottom: 85px;}
    .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;}

    .sessao-beneficios.advogar .wrap-advogar .box .conteudo{gap: 2px;}
    .sessao-beneficios.advogar .wrap-advogar .box .conteudo h4{font-size: 16px; line-height: 18px;}
    .sessao-beneficios.advogar .wrap-advogar .box .conteudo p{font-size: 14px; line-height: 18px;}
}

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

    #banner-page{height: 600px; margin-top: 90px; padding: 0 20px;}

    .wrapp-sessao-conteudo .width-mobile{max-width: 490px; margin: 0 auto 15px;}
    .wrapp-sessao-conteudo a.center{margin: 0 auto 0;}
    .wrapp-sessao-conteudo a.mt-medium{margin-top: 20px;}

    .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: -1px; display: inline-block; margin: 0 10px 0 0;}

    .cases-de-sucesso{gap: 50px; margin-bottom: 70px;}
    .cases-de-sucesso .cols-cases{flex-direction: column;}
    .cases-de-sucesso .cols-cases .col{align-items: center;}
    .cases-de-sucesso .cols-cases .col h3{font-size: 28px; line-height: 38px; text-align: center;}
    .cases-de-sucesso .cols-cases .col p{line-height: 32px; text-align: center; margin-bottom: 20px;}
    .cases-de-sucesso .cols-cases .col.carrossel{width: 100%; order: 2;}
    .cases-de-sucesso .cols-cases .col.textos{width: 100%; order: 1;}
    .cases-de-sucesso .cols-cases .col .wrapp-carrossel{width: 400px; margin-top: 10px;}

    .two-col{flex-direction: column; margin-top: 60px; margin-bottom: 55px; gap: 55px;}
    .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; order: 2;}

    .two-col.box-white{background-color: #fff; padding: 50px; border-radius: 30px; gap: 35px; margin-bottom: 55px;}
    .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: 25px;}

    .two-col.box-white.mseo{margin-top: 80px; margin-bottom: 45px;}

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

    .sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios{padding: 125px 10px;}
    .sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios > h2{font-size: 34px; line-height: 44px;}
    .sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios > h4{max-width: 720px; font-size: 30px; line-height: 42px;}
}

@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: 500px; margin-top: 60px; padding: 0 10px 10px 10px;}
    #banner-page:after{background-image: url(imagens-marketing-digital-para-advogados/marketing-digital-para-advogados-banner-mobile.webp);}
    #banner-page h1{max-width: 450px; font-size: 26px; line-height: 44px;}
    #banner-page p{max-width: 450px; font-size: 18px; line-height: 32px;}
    #banner-page a{height: 50px; font-size: 20px;}

    .sessao-conteudo{background-image: url(imagens-marketing-digital-para-advogados/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-mobile{max-width: 410px; font-size: 30px; line-height: 48px; margin: 0 auto 0;}
    .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 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: 6px; min-width: 6px; height: 6px; top: -3px;}
    .wrapp-sessao-conteudo a{font-size: 20px;}
    .wrapp-sessao-conteudo a.center{margin: 0 auto 0;}

    .cases-de-sucesso h2{max-width: 320px; margin: 25px auto -15px;}
    .cases-de-sucesso .cols-cases .col h3{font-size: 22px; line-height: 30px;}
    .cases-de-sucesso .cols-cases .col p{font-size: 18px; line-height: 28px; margin-bottom: 20px;}
    .cases-de-sucesso .cols-cases .col a{font-size: 20px;}
    .cases-de-sucesso .cols-cases .col .wrapp-carrossel{width: 350px;}

    .two-col.box-white{padding: 30px; margin-bottom: 30px;}
    .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;}

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

    .wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos{}
    .wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div{padding: 50px 20px 60px 20px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div h2{max-width: 320px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div p{max-width: 380px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div a{margin-top: 15px;}

    .wrapp-sessao-conteudo .wrap-boxes-infos.box-etapas .box-infos{width: 190px !important;}
    .wrapp-sessao-conteudo .wrap-boxes-infos.box-etapas .box-infos div{height: 100px; padding: 2px 10px 0 10px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos.box-etapas .box-infos div h3{font-size: 18px; line-height: 18px;}

    .two-col div h2{font-size: 24px; line-height: 36px;}

    .wrap-conteudo-sessao-beneficios{padding: 95px 10px 90px 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;}

    .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: 20px;}

    .sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios{padding: 65px 10px;}
    .sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios > h2{font-size: 30px; line-height: 38px;}
    .sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios > h3{font-size: 20px; line-height: 30px;}
    .sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios > h4{font-size: 20px; line-height: 30px; margin: 30px auto 15px;}
    .sessao-beneficios.advogar .wrap-conteudo-sessao-beneficios > p{font-size: 16px; line-height: 26px;}
    .sessao-beneficios.advogar .wrap-advogar{gap: 30px;}
    .sessao-beneficios.advogar .wrap-advogar .box{height: auto; flex-direction: column; gap: 12px; overflow: inherit; padding: 0 20px 20px 20px;}
    .sessao-beneficios.advogar .wrap-advogar .box .icone{width: 50px; min-width: 50px; height: 50px; border-radius: 100%; margin: -25px 0 0 0;}
    .sessao-beneficios.advogar .wrap-advogar .box .icone i{font-size: 26px; line-height: 26px;}
    .sessao-beneficios.advogar .wrap-advogar .box .conteudo{align-items: center; gap: 5px; text-align: center;}
    .sessao-beneficios.advogar .wrap-advogar .box .conteudo p{line-height: 20px;}

    .sessao-faq{padding: 15px 0 0 0;}
    .sessao-faq > h2{font-size: 30px; line-height: 30px; margin-bottom: 5px;}
    .sessao-faq > h3{max-width: 320px; margin: 0 auto 20px;}
    .sessao-faq .accordion .item-faq .accordion-header{padding: 10px 10px 10px 15px; gap: 10px;}
    .sessao-faq .accordion .item-faq .accordion-header .icon{min-width: 12px; font-size: 20px;}
    .sessao-faq .accordion .item-faq .accordion-header .title{font-size: 14px; line-height: 22px;}
    .sessao-faq .accordion .item-faq .accordion-content p{padding: 15px 10px 0 15px; font-size: 14px; line-height: 25px;}
    .sessao-faq .accordion .item-faq.active .accordion-header{border-radius: 20px 20px 0 0;}
    .sessao-faq .accordion .item-faq.active .accordion-content{border-radius: 0 0 20px 20px;}

    .cta-footer{padding: 60px 10px 30px 10px;}
    .cta-footer h2{max-width: 410px; font-size: 24px; line-height: 36px; margin: 0 auto 10px;}
    .cta-footer p{max-width: 430px; font-size: 20px; line-height: 32px; margin: 0 auto 40px;}
    .cta-footer a{width: 280px;}
}

@media(max-width:500px){
    #banner-page{height: 550px;}
    #banner-page h1{max-width: 328px; font-size: 24px; line-height: 38px; margin-bottom: 15px;}
    #banner-page p{max-width: 280px; font-size: 16px; line-height: 30px; margin-bottom: 25px;}
    #banner-page a{width: 290px;}

    .wrapp-sessao-conteudo{padding: 50px 10px 30px 10px;}

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

    .wrapp-sessao-conteudo h2{max-width: 290px; font-size: 24px; line-height: 40px;}
    .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;}

    .cases-de-sucesso{padding: 0;}
    .cases-de-sucesso h2{margin: 5px auto -20px;}
    .cases-de-sucesso .cols-cases .col .wrapp-carrossel{width: 330px;}
    .cases-de-sucesso .cols-cases .col h3{font-size: 20px; line-height: 28px;}
    .cases-de-sucesso .cols-cases .col p{font-size: 16px; line-height: 26px;}
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 30px; height: 30px;}
    .owl-carousel .owl-nav button.owl-prev{margin-left: -35px;}
    .owl-carousel .owl-nav button.owl-next{margin-right: -35px;}
    .owl-carousel .owl-nav button.owl-prev span{background-position: -9px center;}
    .owl-carousel .owl-nav button.owl-next span{background-position: -6px center;}

    .two-col div h2{font-size: 18px; line-height: 30px;}

    .two-col.box-white{padding: 25px 10px 10px 10px; gap: 30px; margin-bottom: 30px;}
    .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; margin-bottom: 20px;}

    .two-col.box-white.mseo{margin-top: 60px;}

    .wrap-conteudo-sessao-beneficios{padding: 75px 10px 80px 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;}

    .sessao-faq > h3{max-width: 280px;}

    .cta-footer{padding: 60px 10px;}
    .cta-footer p{font-size: 18px; line-height: 31px; margin: 0 auto 25px;}
    .cta-footer a{width: 280px;}
}

@media(max-width:450px){
    .wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos{}
    .wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div{padding: 40px 15px 50px 15px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div h2{font-size: 21px; line-height: 36px;}
    .wrapp-sessao-conteudo .wrap-boxes-infos.box-full .box-infos div a{width: 100%;}

    .cases-de-sucesso .cols-cases .col .wrapp-carrossel{width: 100%;}
    .owl-carousel .owl-nav button.owl-next{margin-right: 5px;}
    .owl-carousel .owl-nav button.owl-prev{margin-left: 5px;}

    .wrapp-sessao-conteudo .wrap-boxes-infos.box-etapas .box-infos{width: 100% !important;}
    .wrapp-sessao-conteudo .wrap-boxes-infos.box-etapas .box-infos div{padding: 0;}
}