/*
Theme Name: LP Mege
Theme URI: http://mege.com.br
Author: Tássio Aquino
Author URI: http://tassioaquino.com.br
Description: LP Criada para o curso Mege
Version: 244
*/

.s-banner{
    padding-top: 31px;
    padding-bottom: 120px;
    background-color: #00247A;
    position: relative;
}
.s-banner::before {
    content: "";
    background: url(img/bg-lp-tjma.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 651px;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
}

.s-banner .container{ 
    display: flex;
    justify-content: start;
    align-items: flex-start;
}

.s-banner .container .dir{ 
    width: 100%;
    max-width: 515px;
}
.s-banner .container .dir span{ 
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 26px;
    line-height: 32px;
    color: #FFFFFF;
    display: block;
    margin-top: 52px;
}

.s-banner .container .dir h1 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 65px;
    line-height: 112.4%;
    color: #FFFFFF;
    margin-top: 18px;
}

.s-banner .container .dir p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 28px;
    line-height: 32px;
    color: #FFFFFF;
    margin-top: 20px;
}

.s-banner .container .dir .aprovados{ 
    display: flex;
    align-items: center;
    margin-top: 42px;
}
.s-banner .container .dir .aprovados img{ 
    margin-right: 10px;
}
.s-banner .container .dir .aprovados p {
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 15px;
    line-height: 129.4%;
    color: #FFFFFF;
    display: block;
    margin-top: 0;
}

.s-banner .container .dir .btn-garantir{ 
    display: block;
    display: flex;
    align-items: center;
    margin-top: 52px;
    width: 451px;
    background: linear-gradient(90deg, #31A738 5.1%, #34C43F 100%);
    border-radius: 38px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #FFFFFF;
    padding: 22px 32px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: 8px solid rgba(255,255,255,0);
}
.s-banner .container .dir .btn-garantir:hover {
    outline: 8px solid rgba(255,255,255,0.2);
}

.s-banner .container .dir .btn-garantir img{ 
    margin-right: 8px;
}

.s-banner .container .esq{ 
    z-index: 1;
    width: 100%;
    max-width: 647px;
    right: 277px;
    bottom: 0;
    position: absolute;
}

.s-inscricao{
    padding: 16px 0;
    background-color: #091456;
}

.s-inscricao .container .info{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 594px;
    margin: 0 auto;
}

.s-inscricao .container .info img{
    margin-right: 7px;
    
}

.s-inscricao .container .info span{
    display: block;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
}

.s-diferenciais{
    padding-top: 49px;
    padding-bottom: 69px;
    background-color: #F2F2F2;
    position: relative;
}

.s-diferenciais .div-topo{
    background: url(img/div-topo.svg) no-repeat;
    width: 198px;
    height: 94px;
    position: absolute;
    top: 38px;
    right: 0;
}

.s-diferenciais .div-botton{
    background: url(img/div-topo.svg) no-repeat;
    width: 198px;
    height: 94px;
    position: absolute;
    bottom: 38px;
    left: 0;
    z-index: 1;
}

.s-diferenciais .container .titulo{
    width: 100%;
    max-width: 574px;
    margin: 0 auto;
}

.s-diferenciais .container .titulo h2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 121.9%;
    text-align: center;
    color: #242424;
} 

.s-diferenciais .container .titulo h2 span{
    color: #00247A;
} 

.s-diferenciais .container .cards{
    margin-top: 54px;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
} 

.s-diferenciais .container .cards .card{
    width: 100%;
    max-width: 384px;
    height: 313;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    box-sizing: border-box;
    border-radius: 13px;
    padding: 32px 35px;
} 

.s-diferenciais .container .cards .card{
    width: 100%;
    max-width: 384px;
    height: 313;
    background: #FFFFFF;
    border: 1px solid #ECECEC;
    box-sizing: border-box;
    border-radius: 13px;
    padding: 32px 35px;
}

.s-diferenciais .container .cards .card h3{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 121.9%;
    color: #00247A;
    margin-top: 17px;
} 

.s-diferenciais .container .cards .card p{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 144.9%;
    color: #555555;
    margin-top: 10px;
} 

.s-diferenciais .container .btn {
    display: flex;
    width: 444px;
    margin: 0 auto;
    margin-top: 61px;
    justify-content: space-between;
}

.s-diferenciais .container .btn a.btn-vaga{
    display: block;
    display: flex;
    align-items: center;
    width: 451px;
    background: linear-gradient(90deg, #31A738 5.1%, #34C43F 100%);
    border-radius: 38px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #FFFFFF;
    padding: 22px 32px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: 8px solid rgba(255,255,255,0);
}
.s-diferenciais .container .btn a.btn-vaga:hover{
    outline: 8px solid rgba(255,255,255,0.9);
}

.s-diferenciais .container .btn a.btn-pdf{
    display: block;
    display: flex;
    align-items: center;
    width: 387px;
    background: #F58220;
    border-radius: 38px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #FFFFFF;
    padding: 22px 32px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: 8px solid rgba(255,255,255,0);
}
.s-diferenciais .container .btn a.btn-pdf:hover{
    outline: 8px solid rgba(255,255,255,0.9);
}


.s-sobre{
    padding-top: 130px;
    padding-bottom: 146px;
    background-color: #00247A;
}

.s-sobre .container .geral{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.s-sobre .container .geral .dir{
    width: 100%;
    max-width: 598px;
    position: relative;
}

.s-sobre .container .geral .dir a.btn-video{
    position: absolute;
    width: 100px;
    height: 100px;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

@keyframes btflesh2{
    from {transform: scale(1);}
    to {transform: scale(1.2);}
}

.s-sobre .container .geral .dir a.btn-video:hover{
    transform: scale(1.1);
    animation: 1s linear 0s infinite alternate none running btflesh2;
}



.s-sobre .container .geral .dir::after {
    content: '';
    width: 599px;
    height: 447px;
    border: 2px solid #F58220;
    box-sizing: border-box;
    border-radius: 23px;
    display: block;
    position: absolute;
    top: 37px;
    left: 21px;
}

.s-sobre .container .geral .dir img{
    width: 100%;
    max-width: 598px;
    border-radius: 19px;
}

.s-sobre .container .geral .esq{
    width: 100%;
    max-width: 549px;
}

.s-sobre .container .geral .esq h2{
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 36px;
    line-height: 121.9%;
    color: #FFFFFF;
}

.s-sobre .container .geral .esq p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    text-align: justify;
    color: #FFFFFF;
    margin-top: 29px;
}

.s-videos{
    padding-top: 79px;
    padding-bottom: 88px;
}

.s-videos .titulo{
    width: 100%;
    max-width: 677px;
    margin: 0 auto;
}

.s-videos .titulo h2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 121.9%;
    color: #242424;
    text-align: center;
}

.s-videos .titulo img{
    margin: 0 auto;
    margin-top: 16px;
}


/* videos */

.s-videos .video-gallery{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.s-videos .video-gallery .video{
    width: 100%;
    max-width: 385.03px;
    height: 273px;
    position: relative;
    margin-top: 52px;
}
.s-videos .video-gallery .video::after{
    content: '';
    background: linear-gradient(90deg, #09408C -16.56%, rgba(196, 196, 196, 0) 135.95%);
    border-radius: 19px;
    position: absolute;
    width: 385.03px;
    height: 273px;
    top: 0;
    left: 0;
}

.s-videos .video-gallery .video a.btn-video{
    position: absolute;
    display: block;
    width: 63.1px;
    height: 63.1px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

.s-videos .video-gallery .video a.btn-video:hover{
    animation: 1s linear 0s infinite alternate none running btflesh2;
}

.s-videos .video-gallery .video h3 {
    position: absolute;
    bottom: 16px;
    left: 0px;
    z-index: 1;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 144.9%;
    color: #242424;
    background-color: #fff;
    padding: 4px 19px;
    border-radius: 0 12px 12px 0;
}

.s-videos .video-gallery .video img{
    border-radius: 19px;
}

.s-valor{
    padding-top: 86px;
    padding-bottom: 95px;
    background: #00247A;
}

.s-valor .container .geral{
    width: 100%;
    max-width: 589px;
    background: linear-gradient(180deg, #012A8C 0%, #042B89 100%);
    border: 1px solid #003DD0;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 48px 93px;
    margin: 0 auto;
}

.s-valor .container .geral img.logo{
    margin: 0 auto;
    display: block;
}
.s-valor .container .geral ul{
    margin-top: 63px;
}
.s-valor .container .geral ul li{
    display: flex;
    align-items: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 121.9%;
    color: #FFFFFF;
    border-bottom: 1px #0B3AA7 solid;
    padding-bottom: 23px;
    margin-bottom: 22px;
}

.s-valor .container .geral ul li img{
    margin-right: 6px;
}

.s-valor .container .geral .de{
    display: flex;
    margin: 0 auto;
    width: 100%;
    max-width: 229px;
    margin-top: 33px;
}

.s-valor .container .geral .de span{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 28px;
    line-height: 121.9%;
    color: #FFFFFF;
    display: block;
    text-emphasis: center;
    margin-right: 8px;
}
.s-valor .container .geral .de h4{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 121.9%;
    color: #FFFFFF;
}
.s-valor .container .geral .de h4 strong{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    font-size: 24px;
    line-height: 121.9%;
    color: #FFFFFF;
}

.s-valor .container .geral .por{
    display: flex;
    margin: 0 auto;
    width: 100%;
    max-width: 420px;
    margin-top: 15px;
    align-items: baseline;
}

.s-valor .container .geral .por span{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 121.9%;
    color: #FFFFFF;
    margin-right: 10px;
}
.s-valor .container .geral .por h3{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 121.9%;
    color: #FFFFFF;
}
.s-valor .container .geral .por h3 strong{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
    line-height: 121.9%;
    color: #FFFFFF;
}

.s-valor .container .geral a.btn-vaga{
    display: flex;
    align-items: center;
    width: 406px;
    background: linear-gradient(90deg, rgb(49, 167, 56) 5.1%, rgb(52, 196, 63) 100%);
    border-radius: 38px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    color: rgb(255, 255, 255);
    padding: 14px 32px;
    transition: all 0.3s ease 0s;
    outline: rgba(255, 255, 255, 0) solid 8px;
    margin-top: 20px;
}
.s-valor .container .geral a.btn-vaga:hover{
    outline: 8px solid rgba(255,255,255,0.2);
}

.s-valor .container .geral a.btn-vaga img{
    margin-right: 8px;
}

.s-valor .container .geral .inscricao{
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    max-width: 297px;
    margin-top: 31px;
}

.s-valor .container .geral .inscricao img{
    margin-right: 8px;
}

.s-valor .container .geral .inscricao span{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
}

footer{
    padding-top: 35px;
    padding-bottom: 25px;
    background-color:#0a1636;;
}

footer .container img{
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}

footer .container span{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    display: block;
    margin-top: 20px;
}

/* maratona mege */

.lp-maratona{
    padding-top: 69px;
    padding-bottom: 69px;
    background-image: url(img/bg-maratona-mege.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.lp-maratona .container .geral{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.lp-maratona .container .geral .texto{
    width: 100%;
    max-width: 438px;
}

.lp-maratona .container .geral .data{
    display: flex;
    align-items: center;
    padding: 15px 30px;
    background: linear-gradient(180deg, #E9C105 0%, #E98C00 100%);
    border-radius: 38px;
    margin-top: 32px;
}
.lp-maratona .container .geral .data h4{
    display: block;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 28px;
    line-height: 117.4%;
    color: #002E35;
    margin-left: 10px;
}
.lp-maratona .container .geral .data h4 strong{
    font-weight: 700;
}
.lp-maratona .container .geral h2{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 34px;
    line-height: 135.9%;
    text-transform: uppercase;
    color: #D2E7FF;
    margin-top: 30px;
}
.lp-maratona .container .geral p{
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 18px;
    line-height: 135.9%;
    color: #D2E7FF;
    margin-top: 21px;
    margin-bottom: 20px;
}

.lp-maratona .container .geral .texto form .form-group{
    margin-bottom: 12px;
}
form .form-group input[type=email], form .form-group input[type=text] {
    background: #3A4767;
    border-radius: 6px;
    width: 100%;
    height: 5.6rem;
    max-width: 50.5rem;
    color: #A0ABC6;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 18px;
    line-height: 135.9%;
    padding: 0 3.2rem;
    transition: all .3s;
}
form .form-group input::placeholder{
    color: #A0ABC6;
}

form .form-group select{
    background: #3A4767;
    border-radius: 6px;
    width: 100%;
    height: 5.6rem;
    max-width: 50.5rem;
    color: #A0ABC6;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 18px;
    line-height: 135.9%;
    padding: 0 3.2rem;
    transition: all .3s;
}

a.btn-maratona{
    display: flex;
    align-items: center;
    background: linear-gradient(90deg,rgb(49,167,56) 5.1%,rgb(52,196,63) 100%);
    border-radius: 4px;
    width: 100%;
    padding: 20px 95px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 18px;
    line-height: 116.4%;
    letter-spacing: 0.035em;
    color: #FFFFFF;
    transition: all 0.3s;
}
a.btn-maratona::after{
    content: '';
    background-image: url(img/icon/icon-arrow.svg);
    width: 26px;
    height: 26px;
    margin-left: 6px;
}

a.btn-maratona:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}

a.btn-maratona img{
    margin-left: 10px;
}
.lp-maratona .container .geral .texto span{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 14px;
    line-height: 135.9%;
    color: #D2E7FF;
    display: block;
    margin-top: 20px;
}
.lp-maratona .container .geral .texto span a{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 14px;
    line-height: 135.9%;
    color: #D2E7FF;
    text-decoration-line: underline;
}


.lp-maratona .container .geral .imagem{
    width: 100%;
    max-width: 686px;
}


.lp-maratona-s-cards{
    padding-top: 60px;
    padding-bottom: 70px;
    background: #071330;
}

.lp-maratona-s-cards .container .cards{
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    border-bottom: 1px solid #0a2b47;
    padding-bottom: 90px;
}
.lp-maratona-s-cards .container .cards .card{
    width: 100%;
    max-width: 384px;
    height: 283px;
    border: double 2px transparent;
    border-radius: 16px;
    background-image: linear-gradient(246.1deg,#091B45  5.52%, #071330  92.91%), radial-gradient(circle at bottom left, #3A6A90 5.52%, #071330 62.91%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    position: relative;
    margin-top: 20px;
}
.lp-maratona-s-cards .container .cards .card img{
    position: absolute;
    top: -20px;
    left: 30px;
}

.lp-maratona-s-cards .container .cards .card .texto{
    padding: 45px 32px;
}
.lp-maratona-s-cards .container .cards .card .texto h3{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 30px;
    line-height: 106.9%;
    text-transform: uppercase;
    color: #D2E7FF;
}
.lp-maratona-s-cards .container .cards .card .texto p{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 135.9%;
    color: #D2E7FF;
    margin-top: 16px;
}

.lp-maratona-s-sim{
    padding-bottom: 90px;
    background-color: #071330;
}
.lp-maratona-s-sim .container .geral{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.lp-maratona-s-sim .container .geral .dir{
    width: 100%;
    max-width: 592px;
}
.lp-maratona-s-sim .container .geral .dir h3{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 30px;
    line-height: 135.9%;
    text-transform: uppercase;
    color: #D2E7FF;
    margin-bottom: 26px;
}
.lp-maratona-s-sim .container .geral .dir h3 strong{
    color: #F66570;
}
.lp-maratona-s-sim .container .geral .card{
    border: double 2px transparent;
    border-radius: 16px;
    background-image: linear-gradient(246.1deg,#091B45 5.52%, #071330 92.91%), radial-gradient(circle at bottom left, #96484E 5.52%, #071330 42.91%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-bottom: 13px;
}

.lp-maratona-s-sim .container .geral .card .texto{
    padding: 14px 24px;
    display: flex;
    align-items: center;
}
.lp-maratona-s-sim .container .geral .card .texto h4{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 18px;
    line-height: 135.9%;
    color: #D2E7FF;
    margin-left: 7px;
}

.lp-maratona-s-sim .container .geral .esq{
    width: 100%;
    max-width: 592px;
}
.lp-maratona-s-sim .container .geral .esq h3{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 30px;
    line-height: 135.9%;
    text-transform: uppercase;
    color: #D2E7FF;
    margin-bottom: 26px;
}
.lp-maratona-s-sim .container .geral .esq h3 strong{
    color: #9AEABA;
}
.lp-maratona-s-sim .container .geral .esq .card{
    border: double 2px transparent;
    border-radius: 16px;
    background-image: linear-gradient(246.1deg,#091B45 5.52%, #071330 92.91%), radial-gradient(circle at bottom left, #9AEABA 5.52%, #071330 42.91%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-bottom: 13px;
}

.lp-maratona-s-sim .container .geral .esq .card .texto{
    padding: 14px 24px;
    display: flex;
    align-items: center;
}
.lp-maratona-s-sim .container .geral .esq .card .texto h4{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 18px;
    line-height: 135.9%;
    color: #D2E7FF;
    margin-left: 7px;
}

.lp-maratona-s-professores{
    padding-bottom: 80px;
    background-image: url(img/bg-professores.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.lp-maratona-s-professores .container img{
    margin: 0 auto;
}
.lp-maratona-s-professores .container h2{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 36px;
    line-height: 135.9%;
    text-transform: uppercase;
    color: #D2E7FF;
    text-align: center;
    margin-top: 29px;
}
.lp-maratona-s-professores .container span{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 135.9%;
    color: #D2E7FF;
    display: block;
    text-align: center;
    margin-top: 12px;
}

.lp-maratona-s-professores .container .cards{
    margin-top: 65px;
    margin-bottom: 90px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.lp-maratona-s-professores .container .cards a{
    cursor: pointer;
    position: relative;
}
.lp-maratona-s-professores .container .cards a .img{
    width: 100%;
    max-width: 192px;
}
.lp-maratona-s-professores .container .cards a .img img {
    transform: scale(1);
    transition: all .3s ease;
    width: 100%;
    border-radius: 10px;
}
.lp-maratona-s-professores .container .cards a .img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(0.63deg, #071330 -15.79%, rgba(0, 0, 0, 0) 99.49%);
}
.lp-maratona-s-professores .container .cards a .info {
    height: 44px;
    position: absolute;
    bottom: 13px;
    left: 15px;
}
.lp-maratona-s-professores .container .cards a .info h4{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    line-height: 135.9%;
    color: #D2E7FF;
}
.lp-maratona-s-professores .container .cards a .info p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 10px;
    line-height: 135.9%;
    color: #D2E7FF;
}

.lp-maratona-s-professores .container a.btn-maratona{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 20px;
    line-height: 116.4%;
    letter-spacing: 0.035em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 488px;
    background: linear-gradient(90deg,rgb(49,167,56) 5.1%,rgb(52,196,63) 100%);
    border-radius: 4px;
    padding: 20px 45px;
    transition: all 0.3s;
}
.lp-maratona-s-professores .container a.btn-maratona:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}


.lp-maratona-s-professores .container a.btn-maratona img{
    margin-left: 10px;
}


/* pagina obrigado */
.lp-maratona-obrigado{
    padding-top: 52px;
    padding-bottom: 60px;
    background-image: url(img/bg-maratona-mege.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.lp-maratona-obrigado .container .logo{
    width: 100%;
    max-width: 349.24px;
    margin: 0 auto;
    display: block;
}
.lp-maratona-obrigado .container .texto{
    width: 100%;
    max-width: 720px;
    display: block;
    margin: 0 auto;
    margin-top: 25px;
}

.lp-maratona-obrigado .container .texto h2{
    font-family: 'Montserrat';
    font-weight: 900;
    font-size: 96px;
    line-height: 135.9%;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(180deg, #FDE000 0%, #E98F00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.lp-maratona-obrigado .container .texto p{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 32px;
    line-height: 135.9%;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.6;
}
.lp-maratona-obrigado .container .texto span{
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 18px;
    line-height: 135.9%;
    color: #9AEABA;
    display: block;
    text-align: center;
    margin-top: 21px;
}
.lp-maratona-obrigado .container .geral{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 849px;
    margin: 0 auto;
    margin-top: 29px;
}
.lp-maratona-obrigado .container .geral .dir{
    width: 100%;
    max-width: 412px;
    height: 244px;
    border: 2px solid #9AEABA;
    border-radius: 30px;
    background: transparent;
    padding: 27px 32px;
}
.lp-maratona-obrigado .container .geral .dir h3{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 22px;
    line-height: 121.9%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.lp-maratona-obrigado .container .geral .dir p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 14px;
    line-height: 121.9%;
    color: #D9D9D9;
    margin-top: 11px;
}

.lp-maratona-obrigado .container .geral .dir a.btn-whats{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 28px;
    background: linear-gradient(0deg, #57D063 0%, #9AEABA 153.19%);
    border-radius: 26px;
    padding: 10px 95px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 121.9%;
    color: #FFFFFF;
    cursor: pointer;
    transition: all 0.3s;
}
.lp-maratona-obrigado .container .geral .dir a.btn-whats:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}

.lp-maratona-obrigado .container .geral .dir a.btn-whats img{
    margin-right: 10px;
}

.lp-maratona-obrigado .container .geral .esq{
    width: 100%;
    max-width: 412px;
    height: 244px;
    border: 2px solid #9AEABA;
    border-radius: 30px;
    background: transparent;
    padding: 27px 32px;
}
.lp-maratona-obrigado .container .geral .esq h3{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 22px;
    line-height: 121.9%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.lp-maratona-obrigado .container .geral .esq p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 14px;
    line-height: 121.9%;
    color: #D9D9D9;
    margin-top: 11px;
}

.lp-maratona-obrigado .container .data{
    width: 100%;
    max-width: 697px;
    margin: 0 auto;
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    border-radius: 38px;
    display: block;
    margin-top: 32px;
    padding: 16px 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lp-maratona-obrigado .container .data h4{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 26px;
    line-height: 117.4%;
    color: #002E35;
    margin-left: 7px;
}

/* clube da magistratura */
.s-clube-m{
    padding-top: 39px;
    background-image: url(img/bg-clube-da-magistratura.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.s-clube-m.mp{
    padding-top: 39px;
    background-image: url(img/clube-mp/bg-clube-do-mp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.s-clube-m .container .geral{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.s-clube-m .container .geral .text{
    width: 100%;
}
.s-clube-m.promo .container .geral .text .logo{
    display: flex;
    align-items: center;
}
.s-clube-m.promo .container .geral .text{
    max-width: 533px;
}
.s-clube-m .container .geral .text a.logo-clube-m{
    margin-bottom: 55px;
    display: block;
}
.s-clube-m.promo .container .geral .text a.logo-clube-m{
    margin-bottom: 35px;
}
.s-clube-m.mp .container .geral .text a.logo-clube-m {
    margin-bottom: 30px;
    display: block;
}

.s-clube-m .container .geral .text h1{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 64px;
    line-height: 109.9%;
    color: #FFFFFF;
    margin-bottom: 38px;
}
.s-clube-m .container .geral .text h1 strong{
    color: #00F0FF;
}
.s-clube-m.mp .container .geral .text h1 strong{
    color: #FFA54A;
}
.s-clube-m .container .geral .text .aprovados{
    width: 100%;
    max-width: 520px;
    display: flex;
    align-items: center;
    margin-bottom: 29px;
}
.s-clube-m .container .geral .text .aprovados img{
    margin-right: 23px;
}
.s-clube-m .container .geral .text .aprovados p{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    line-height: 117.4%;
    color: #FFFFFF;
}
.s-clube-m .container .geral a.btn-assine{
    display: block;
    width: 100%;
    max-width: 507px;
    text-align: center;
    background: linear-gradient(90deg, #32A839 0%, #35C33F 103.92%);
    border-radius: 5px;
    padding: 18px 0;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    color: #FFFFFF;
}

.s-clube-m .container .geral a.btn-assine:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}
.s-clube-m .container .geral span{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 18px;
    line-height: 133.9%;
    color: #FFFFFF;
    margin-top: 21px;
    display: block;
}
.s-clube-m .container .geral span strong{
    font-weight: 500;
}

.s-clube-m .container .geral .image{
    width: 100%;
    max-width: 602px;
    height: 802px;
    position: relative;
}
.s-clube-m .container .geral .image img.consurseiro{
    width: 100%;
    max-width: 602px;
    height: 802px;
    position: absolute;
    bottom: -7px;
    right: 0;
}
.s-clube-m.promo .container .geral .image img.consurseiro{
    bottom: 0;
    right: 0;
}
.s-clube-m.mp .container .geral .image img.consurseiro{
    width: 100%;
    max-width: 580px;
    height: 802px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.s-clube-m-vantagens{
    padding-top: 56px;
    padding-bottom: 75px;
    background: linear-gradient(243.77deg, rgba(181, 245, 230, 0.47) 1.35%, #F0FEFE 19.77%, rgba(209, 244, 242, 0.29) 54.94%, rgba(219, 245, 244, 0.3) 87.13%, rgba(186, 245, 232, 0.68) 100%);
}
.s-clube-m-vantagens.mp{
    background: #FFFFFF;
}
.s-clube-m-vantagens .container .titulo{
    width: 100%;
    max-width: 793px;
    margin: 0 auto;
    margin-bottom: 65px;
}
.s-clube-m-vantagens .container .titulo h2{
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 36px;
    line-height: 121.9%;
    text-align: center;
    color: #021856;
}
.s-clube-m-vantagens.mp .container .titulo h2{
    color: #3A0006;
}
.s-clube-m-vantagens .container .titulo p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 15px;
    line-height: 135.9%;
    text-align: center;
    color: #343D56;
    margin-top: 14px;
}

.s-clube-m-vantagens .container .geral{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.s-clube-m-vantagens .container .geral .image{
    width: 100%;
    max-width: 384px;
    height: 670px;
}
.s-clube-m-vantagens .container .geral .image img.bg-vantagens{
    border-radius: 17px;
}
.s-clube-m-vantagens .container .geral .cards{
    width: 100%;
    max-width: 800px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
.s-clube-m-vantagens .container .geral .cards .card{
    width: 100%;
    max-width: 391px;
    padding: 14px;
    background: #FFFFFF;
    box-shadow: -1px 5px 24px rgba(194, 194, 194, 0.08);
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.s-clube-m-vantagens.mp .container .geral .cards .card{
    background: #FFFFFF;
    box-shadow: 12px 5px 24px rgba(125, 125, 125, 0.08);
}

.s-clube-m-vantagens .container .geral .cards .card .icon{
    width: 100%;
    max-width: 36px;
    height: 36px;
    background-color: #011BA6;
    border-radius: 50%;
    padding: 8px 10px;
    margin-right: 11px;
}
.s-clube-m-vantagens.mp .container .geral .cards .card .icon{
    background-color: #81000F;
}

.s-clube-m-vantagens .container .geral .cards .card h3{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 16px;
    line-height: 120.4%;
    color: #021856;
}
.s-clube-m-vantagens.mp .container .geral .cards .card h3{
    color: #3A0006;
}

.s-clube-m-vantagens .container .geral .cards .card h3 strong{
    font-weight: 500;
}
.s-clube-m-vantagens .container a.btn-assine{
    display: block;
    width: 100%;
    max-width: 507px;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(90deg,#32A839 0%,#35C33F 103.92%);
    border-radius: 5px;
    padding: 17px 0;
    margin-top: 70px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #fff;
}

.s-clube-m-vantagens .container a.btn-assine:hover {
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}

.s-aprovados{
    padding-top: 43px;
    padding-bottom: 85px;
    background-image: url(img/icon-clube-m/bg-aprovados.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.s-aprovados.mp{
    background: linear-gradient(139.39deg, #671634 -1.65%, #BE1741 112.3%);
}

.s-aprovados .container .titulo{
    width: 100%;
    max-width: 818px;
    margin: 0 auto;
}
.s-aprovados .container .titulo img{
    margin: 0 auto;
}
.s-aprovados .container .titulo h2{
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 36px;
    line-height: 121.9%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 20px;
}
.s-aprovados .container .titulo p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 20px;
    line-height: 135.9%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 8px;
}
.s-aprovados .container .cards{
    margin-top: 47px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.s-aprovados .container .cards .card{
    width: 100%;
    max-width: 384px;
    height: 318px;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 33px 33px 73px 33px;
    position: relative;
}
.s-aprovados .container .cards .card p{
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 14px;
    line-height: 135.9%;
    color: #000A26;
    margin-bottom: 20px;
}
.s-aprovados .container .cards .card .aprovado{
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    max-width: 323px;
    height: 114px;
    bottom: -57px;
}
.s-aprovados .container .cards .card .aprovado img{
    margin-right: 15px;
}
.s-aprovados .container .cards .card .aprovado .info{
    margin-top: 60px;
}
.s-aprovados .container .cards .card .aprovado .info h3{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 22px;
    line-height: 135.9%;
    color: #D2E7FF;
}
.s-aprovados .container .cards .card .aprovado .info span{
    display: block;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 14px;
    line-height: 135.9%;
    color: #D2E7FF;
}

.s-aprovados .container a.btn-assine {
    display: block;
    width: 100%;
    max-width: 507px;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(90deg, #32A839 0%, #35C33F 103.92%);
    border-radius: 5px;
    padding: 17px 0;
    margin-top: 70px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #FFFFFF;
    margin-top: 146px;
}
.s-aprovados .container a.btn-assine:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}

.s-epara{
    background: linear-gradient(243.77deg, rgba(181, 245, 230, 0.47) 1.35%, #F0FEFE 19.77%, rgba(209, 244, 242, 0.29) 54.94%, rgba(219, 245, 244, 0.3) 87.13%, rgba(186, 245, 232, 0.68) 100%);
    padding-top: 79px;
    padding-bottom: 77px;
}
.s-epara.mp{
    background: #f7f7f7;
}
.s-epara .container{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.s-epara .container .dir{
    width: 100%;
    max-width: 592px;
}
.s-epara .container .dir h3{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 26px;
    line-height: 135.9%;
    text-transform: uppercase;
    color: #021856;
    margin-bottom: 27px;
}
.s-epara.mp .container .dir h3{
    color: #3A0006;
}
.s-epara .container .dir h3 strong{
    color: #FC4856;
}
.s-epara .container .dir ul li.close{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 18px;
    line-height: 135.9%;
    color: #021856;
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}
.s-epara.mp .container .dir ul li.close{
    color: #3A0006;
}
.s-epara .container .dir ul li.close::before{
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(img/icon-clube-m/close.svg);
    background-repeat: no-repeat;
    margin-right: 15px;
}

.s-epara .container .esq{
    width: 100%;
    max-width: 552px;
}
.s-epara .container .esq h3{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 26px;
    line-height: 135.9%;
    text-transform: uppercase;
    color: #021856;
    margin-bottom: 27px;
}
.s-epara.mp .container .esq h3{
    color: #3A0006;
}
.s-epara .container .esq h3 strong{
    color: #35C13F;
}
.s-epara .container .esq ul li.ok{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 18px;
    line-height: 135.9%;
    color: #021856;
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}
.s-epara.mp .container .esq ul li.ok{
    color: #3A0006;
}
.s-epara .container .esq ul li.ok::before{
    content: '';
    width: 32px;
    height: 22px;
    background-image: url(img/icon-clube-m/ok.svg);
    background-repeat: no-repeat;
    margin-right: 0px;
    padding-right: 32px;
}


.s-precificacao{
    padding-top: 56px;
    padding-bottom: 130px;
    background-image: url(img/icon-clube-m/bg-precificacao.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.s-precificacao.mp{
    background-image: url(img/clube-mp/bg-escolha-seu-plano.jpg);
}
.s-precificacao .container h2.titulo{
    width: 100%;
    max-width: 377px;
    margin: 0 auto;
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 36px;
    line-height: 121.9%;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 68px;
}
.s-precificacao .container .cards{
    display: flex;
    align-items: flex-start;
    justify-content: space-between; 
}
.s-precificacao .container .cards .card{
    width: 100%;
    max-width: 384px;
    background: #033099;
    border: 1px solid #003DD0;
    backdrop-filter: blur(20px);
    border-radius: 10px;
}
.s-precificacao.mp .container .cards .card{
    background: #fff;
    border: 1px solid #98011E;
}

.s-precificacao .container .cards .card .plano{
    background: #0436AD;
    backdrop-filter: blur(20px);
    border-radius: 10px 10px 0px 0px;
    position: relative;
    padding: 31px 63px;
    width: 100%;
    max-width: 384px;
    height: 163px;
    border-bottom: 1px solid #003DD0;
}
.s-precificacao.mp .container .cards .card .plano{
    background: linear-gradient(110.39deg, #6B1735 -6.41%, #B31840 87.83%);
    border-bottom: 1px solid #003DD0;
}
.s-precificacao .container .cards .card .plano img.logo{
    margin: 0 auto;
    width: 100%;
    max-width: 258px;
}
.s-precificacao.mp .container .cards .card .plano img.logo{
    max-width: 192px;
}
.s-precificacao .container .cards .card .plano img.n-plano{
    margin: 0 auto;
    width: 100%;
    max-width: 182.78px;
    height: 45px;
    position: absolute;
    bottom: -23px;
    left: 0;
    right: 0;
}
.s-precificacao .container .cards .card .plano img.selo-l{
    position: absolute;
    top: -30px;
    left: -23px;
    width: 100%;
    max-width: 27%;
}

.s-precificacao .container .cards .card .plano img.selo{
    position: absolute;
    top: -22px;
    right: -32px;
    width: 126px;
    height: initial;
}
.s-precificacao .container .cards .card .plano span.melhor{
    display: block;
    position: absolute;
    top: -18px;
    width: 100%;
    max-width: 177px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 15px;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 15px;
    line-height: 121.9%;
    text-transform: uppercase;
    color: #00164A;
    padding: 8px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;    
}

.s-precificacao .container .cards .card ul.list{
    padding: 68px 52px 17px 52px;
    height: 770px;
}
.s-precificacao .container .cards .card ul.list li{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 121.9%;
    color: #FFFFFF;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #0B3AA7;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
.s-precificacao.mp .container .cards .card ul.list li{
    font-weight: 400;
    color: #2F2F2F;
    border-bottom: 1px solid #F0F0F0;;
}
.s-precificacao .container .cards .card ul.list li:last-child{
    border-bottom: none;
}
.s-precificacao .container .cards .card ul.list li::before{
    content: '';
    width: 14px;
    height: 21px;
    background-image: url(img/icon-clube-m/verificado.svg);
    background-repeat: no-repeat;
    margin-right: 0px;
    padding-right: 20px;
}
.s-precificacao .container .cards .card .preco-plano{
    padding: 0 43px 43px 43px;
}
.s-precificacao .container .cards .card .preco-plano h3.titulo{
    background: #35C03F;
    border-radius: 7px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 16px;
    line-height: 121.9%;
    color: #FFFFFF;
    text-align: center;
    padding: 8px 0;
}
.s-precificacao .container .cards .card .preco-plano .preco{
    display: flex;
    align-content: center;
    margin-top: 22px;
}
.s-precificacao .container .cards .card .preco-plano .preco span{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 24px;
    line-height: 121.9%;
    text-align: right;
    color: #FFFFFF;
    display: block;
    margin-right: 9px;
    margin-top: 6px;
}
.s-precificacao.mp .container .cards .card .preco-plano .preco span{
    color: #731837;
}
.s-precificacao .container .cards .card .preco-plano .preco span strong{
    font-weight: 500;
}
.s-precificacao .container .cards .card .preco-plano .preco h4{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 62px;
    line-height: 121.9%;
    color: #FFFFFF;
}
.s-precificacao.mp .container .cards .card .preco-plano .preco h4{
    color: #731837;
}
.s-precificacao .container .cards .card .preco-plano h5{
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 15px;
    line-height: 121.9%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 20px;
}
.s-precificacao.mp .container .cards .card .preco-plano h5{
    color: #440218;
}
.s-precificacao .container .cards .card .preco-plano span{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 38px;
    line-height: 121.9%;
    color: #17E3FF;
    text-align: center;
    display: block;
    margin-top: 15px;
}
.s-precificacao.mp .container .cards .card .preco-plano span{
    color: #073574;
}
.s-precificacao .container .cards .card .preco-plano span strong{
    font-size: 28px;
    font-weight: 300;
    color: #fff;
}
.s-precificacao.mp .container .cards .card .preco-plano span strong{
    color: #731837;
}
.s-precificacao .container .cards .card .preco-plano h6.descricao{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 121.9%;
    text-align: center;
    color: #FFFFFF;
    background: #0541CD;
    border-radius: 14px;
    padding: 7px 0;
    margin-top: 18px;
}
.s-precificacao.mp .container .cards .card .preco-plano h6.descricao{
    background: #073574;
}
.s-precificacao .container .cards .card a.btn-assine{
    display: block;
    width: 100%;
    background: linear-gradient(90deg, #32A839 0%, #35C33F 103.92%);
    border-radius: 0px 0px 5px 5px;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    color: #FFFFFF;
    text-align: center;
    padding: 31px 0;
    border: 1px solid #32A839;
}
.s-precificacao .container .cards .card a.btn-assine:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}

/* mege-oab */

.lp-mege-oab{
    background-image: url(img/mege-oab/bg-section-inicial.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 41px;
}

.lp-mege-oab .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.lp-mege-oab .container .texto {
    width: 100%;
    max-width: 489px;
}
.lp-mege-oab .container .texto h1{
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 36px;
    line-height: 128.4%;
    color: #2C479E;
    margin-top: 37px;
    margin-bottom: 21px;
}
.lp-mege-oab .container .texto p{
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 20px;
    line-height: 133.9%;
    color: #393939;
    margin-bottom: 16px;
}
.lp-mege-oab .container .texto a.btn-vaga {
    display: flex;
    align-items: center;
    background: linear-gradient(90deg,rgb(49,167,56) 5.1%,rgb(52,196,63) 100%);
    width: 100%;
    padding: 21px 0;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    display: block;
    line-height: 116.4%;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 26px;
    transition: all 0.3s;
}
.lp-mege-oab .container .texto a.btn-vaga:hover {
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}

.lp-mege-oab .container .texto img.selo{
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 0px;    
}

.lp-mege-oab .container .texto span {
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 18px;
    line-height: 133.9%;
    color: #393939;
    margin-top: 26px;
    display: block;
}
.lp-mege-oab .container .texto span strong {
    font-weight: 500;
}

.lp-mege-oab .container .image {
    width: 100%;
    max-width: 706px;
    height: 716px;
    position: relative;
}
.lp-mege-oab .container .image img.alunos{
    width: 100%;
    max-width: 706px;
    height: initial;
    position: absolute;
    bottom: 0;
    right: 0;
}

.s-oque-voce-vai-aprender {
    background: #1f4189;
    padding-top: 76px;
    padding-bottom: 90px;
    position: relative;
}
.s-oque-voce-vai-aprender .container .titulo {
    width: 100%;
    max-width: 482px;
    margin: 0 auto;
}
.s-oque-voce-vai-aprender .container .titulo h2 {
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 32px;
    line-height: 128.4%;
    color: #FFFFFF;
    text-align: center;
}

.s-oque-voce-vai-aprender .container .geral {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.s-oque-voce-vai-aprender .container .geral .dir {
    width: 100%;
    max-width: 400px;
}
.s-oque-voce-vai-aprender .container .geral .dir ul{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.s-oque-voce-vai-aprender .container .geral .dir ul li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #264c9c;
    padding-bottom: 28px;
    padding-top: 28px;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 16px;
    line-height: 141.9%;
    text-align: right;
    color: #FFFFFF;
}
.s-oque-voce-vai-aprender .container .geral .dir ul li img {
    margin-left: 14px;
}

.s-oque-voce-vai-aprender .container .geral .logo {
    width: 100%;
    max-width: 327px;
}

.s-oque-voce-vai-aprender .container .geral .esq {
    width: 100%;
    max-width: 400px;
}
.s-oque-voce-vai-aprender .container .geral .esq ul li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #264c9c;
    padding-bottom: 28px;
    padding-top: 28px;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 16px;
    line-height: 141.9%;
    text-align: left;
    color: #FFFFFF;
}
.s-oque-voce-vai-aprender .container .geral .esq ul li img {
    margin-right: 15px;
}

/* para quem é */

.s-para-quem {
    padding-top: 36px;
    padding-bottom: 32px;
    background: #BA1F24;
}
.s-para-quem .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.s-para-quem .container .image {
    width: 100%;
    max-width: 548.92px;
    height: 428.03px;
    position: relative;
}
.s-para-quem .container .image img.pessoas{
    width: 100%;
    max-width: 548.92px;
    height: 428.03px;
    position: absolute;
    left: 0;
}
.s-para-quem .container .text {
    width: 100%;
    max-width: 592px;
}
.s-para-quem .container .text h2 {
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 32px;
    line-height: 128.4%;
    color: #FFFFFF;
    margin-bottom: 35px;
}
.s-para-quem .container .text ul li {
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 16px;
    line-height: 141.9%;
    color: #FFFFFF;
    margin-bottom: 26px;
    display: flex;
    align-items: flex-start;
}
.s-para-quem .container .text ul li img {
    margin-right: 10px;
}

/* historia */
.s-historia {
    padding-top: 100px;
    padding-bottom: 80px;
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}
.s-historia .container{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.s-historia .container .text{
    width: 100%;
    max-width: 582px;
}
.s-historia .container .text h2{
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 32px;
    line-height: 128.4%;
    color: #2C479E;
}
.s-historia .container .text p{
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 16px;
    line-height: 141.9%;
    color: #393939;
    margin-top: 36px;
}
.s-historia .container .text a.btn-vaga {
    display: flex;
    align-items: center;
    background: linear-gradient(90deg,rgb(49,167,56) 5.1%,rgb(52,196,63) 100%);
    width: 100%;
    padding: 21px 0;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    display: block;
    line-height: 116.4%;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 26px;
    transition: all 0.3s;
}

.s-historia .container .image{
    width: 100%;
    max-width: 592px;
}
.s-historia .container .image img{
    width: 100%;
    max-width: 592px;
    border-radius: 17px;
}

/* equipe */

.s-equipe{
    padding-top: 44px;
    padding-bottom: 98px;
    background: #264094;
}
.s-equipe .container img.icon{
    margin: 0 auto;
}
.s-equipe .container h2{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 32px;
    line-height: 135.9%;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    margin-top: 29px;
}
.s-equipe .container p{
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 18px;
    line-height: 135.9%;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    margin-top: 14px;
}
.s-equipe .container .cards{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    margin: 5rem 0 0rem;
}
.s-equipe .container .cards .card{
    position: relative;
    display: inline-block;
    margin-bottom: 1.3rem;
    width: 100%;
    max-width: 192px;
    height: 300px;
}
.s-equipe .container .cards .card img.professor{
    width: 100%;
    max-width: 192px;
    height: 300px;
    margin: 0px;
    position: absolute;
    top: 0;
    left: 0;
}

.s-equipe .container .cards .card .info {
    width: 100%;
    height: 74px;
    position: absolute;
    bottom: 0px;
    padding: 6px 14px;
    background: linear-gradient(0.63deg, #071330 39.21%, rgba(0, 0, 0, 0) 100.49%);
}
.s-equipe .container .cards .card .info h4 {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 12px;
    line-height: 135.9%;
    color: #fff;
    text-align: center;
}
.s-equipe .container .cards .card .info p {
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 11px;
    line-height: 135.9%;
    color: #fff;
    margin-top: 0px;
    text-align: center;
}

/* precificacao */

.s-precificacao.mege-oab {
    padding-top: 64px;
    padding-bottom: 116px;
    background-image: url(img/mege-oab/bg-valor.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.s-precificacao.mege-oab .container h2 {
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 32px;
    line-height: 128.4%;
    text-align: center;
    color: #FFFFFF;
}
.s-precificacao.mege-oab .container .card {
    width: 100%;
    max-width: 589px;
    background: #3250B1;
    border-radius: 12px;
    margin: 0 auto;
    margin-top: 53px;
    padding: 42px 51px;
    position: relative;
}
.s-precificacao.mege-oab .container .card img.selo{
    width: 100%;
    max-width: 247px;
    height: initial;
    position: absolute;
    top: -37px;
    right: -71px;
}

.s-precificacao.mege-oab .container .card img {
    margin: 0 auto;
}

.s-precificacao.mege-oab .container .card h3 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 26px;
    line-height: 129.9%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 26px;
}
.s-precificacao.mege-oab .container .card span {
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 20px;
    line-height: 133.9%;
    color: #FFFFFF;
    text-align: center;
    display: block;
    margin-top: 20px;
}
.s-precificacao.mege-oab .container .card span strong{
    text-decoration: line-through;
    font-weight: 400;
}
.s-precificacao.mege-oab .container .card h2{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 64px;
    line-height: 121.9%;
    color: #6edd75;
}
.s-precificacao.mege-oab .container .card p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 24px;
    line-height: 133.9%;
    color: #FFFFFF;
    text-align: center;
}

.s-precificacao.mege-oab .container .card a.btn-vaga {
    display: flex;
    align-items: center;
    background: linear-gradient(90deg,rgb(49,167,56) 5.1%,rgb(52,196,63) 100%);
    width: 100%;
    padding: 21px 0;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    display: block;
    line-height: 116.4%;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 20px;
    transition: all 0.3s;
}
.s-precificacao.mege-oab .container .card a.btn-vaga:hover {
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}


/* defensoria */
.s-clube-m.defensoria {
    padding-top: 39px;
    background-image: url(img/clube-da-defensoria/bg-defensoria.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.s-clube-m.defensoria .container .geral .image img.consurseiro {
    bottom: 0;
}

.s-clube-m.defensoria .container .geral .text h1 strong {
    color: #FF8800;
}
.s-clube-m-vantagens.defensoria {
    background: #FFFFFF;
}
.s-clube-m-vantagens.defensoria .container .geral a.btn-assine {
    background: linear-gradient(90deg, #fff 0%, #fff 103.92%);
    color: #00AF32;
}
.s-clube-m-vantagens.defensoria .container .titulo h2 {
    color: #00421B;
}

.s-clube-m-vantagens.defensoria .container .geral .cards .card h3{
    color: #00421B;
}
.s-clube-m-vantagens.defensoria .container .geral .cards .card .icon{
    background-color: #00A830;
}
.s-clube-m-vantagens.defensoria .container .geral .cards .card {
    background: #FFFFFF;
    box-shadow: 12px 5px 24px rgb(125 125 125 / 8%);
}
.s-epara.defensoria {
    background: #f7f7f7;
}
.s-epara.defensoria .container .dir h3 {
    color: #00421B;
}
.s-epara.defensoria .container .dir ul li.close {
    color: #00240F;
}
.s-epara.defensoria .container .esq h3 {
    color: #00421B;
}
.s-epara.defensoria .container .esq ul li.ok {
    color: #00240F;
}

.s-precificacao.defensoria {
    background-image: url(img/clube-da-defensoria/bg-precificacao.jpg);
}

.s-precificacao.defensoria .container .cards .card .plano{
    background: linear-gradient(107.85deg, #045C28 -26.84%, #26A74A 108.16%);
    border-bottom: 1px solid #045C28;
}
.s-precificacao.defensoria .container .cards .card {
    background: #fff;
    border: 1px solid #26A74A;
}
.s-precificacao.defensoria .container .cards .card ul.list li {
    font-weight: 400;
    color: #2F2F2F;
    border-bottom: 1px solid #F0F0F0;
}
.s-precificacao.defensoria .container .cards .card .preco-plano .preco span {
    color: #35C03F;
}
.s-precificacao.defensoria .container .cards .card .preco-plano span strong {
    color: #35C03F;
}
.s-precificacao.defensoria .container .cards .card .preco-plano .preco h4 {
    color: #35C03F;
}
.s-precificacao.defensoria .container .cards .card .preco-plano h5 {
    color: #004305;
}
.s-precificacao.defensoria .container .cards .card .preco-plano span {
    color: #FF8800;
}
.s-precificacao.defensoria .container .cards .card .preco-plano h6.descricao {
    background: #FF8800;
}
.s-precificacao.defensoria .container .cards .card a.btn-assine {
    background: linear-gradient(90deg, #00FF0F 0%, #00FF0F 103.92%);
    color: #000000;
    border: 1px solid #00ec10;
}

.s-clube-m.defensoria .container .geral a.btn-assine {
    background: linear-gradient(90deg, #00FF0F 0%, #00FF0F 103.92%);
    color: #000000;
}


/* Delegado de polícia */

.s-clube-m.delegado{
    padding-top: 39px;
    background-image: url(img/delegado-de-policia/bg-principal.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.s-clube-m.delegado .container .geral .text a.logo-clube-m {
    margin-bottom: 26px;
    display: block;
}
.s-clube-m.delegado .container .geral .text h1 {
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 29px;
}
.s-clube-m.delegado .container .geral .text h1 strong {
    color: #FFCE51;
}

.s-clube-m.delegado .container .geral a.btn-assine {
    display: block;
    width: 100%;
    max-width: 507px;
    text-align: center;
    background: linear-gradient(90deg, #32A839 0%, #35C33F 103.92%);
    border-radius: 5px;
    padding: 17px 0;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
}

.s-clube-m.delegado .container .geral .image {
    max-width: 533px;
    height: 780px;
}
.s-clube-m.delegado .container .geral .image img.consurseiro {
    bottom: 0px;
    right: 0;
}


.s-delegado-de-policia{
    padding-top: 54px;
    padding-bottom: 80px;
    background: #313131;
}
.s-delegado-de-policia .container h2{
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 36px;
    line-height: 121.9%;
    text-align: center;
    color: #FFFFFF;
}
.s-delegado-de-policia .container .cards{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 65px;
}
.s-delegado-de-policia .container .cards .card{
    width: 100%;
    max-width: 402px;
    height: 406px;
    position: relative;
}
.s-delegado-de-policia .container .cards .card::after{
    content: "";
    background-image: url(img/delegado-de-policia/look.svg);
    width: 53px;
    height: 53px;
    position: absolute;
    top: -21px;
    right: 3px;
}
.s-delegado-de-policia .container .cards .card img{
    border-radius: 17px 17px 0px 0px;
}
.s-delegado-de-policia .container .cards .card .info{
    width: 384px;
    height: 63px;
    background: linear-gradient(90deg, #BF8F2A 0%, #CA9918 53.39%, #B28321 100%);
    padding-top: 16px;
    position: absolute;
    bottom: 0;
}
.s-delegado-de-policia .container .cards .card .info h3{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 24px;
    line-height: 128.4%;
    text-align: center;
    color: #452F00;
}
.s-delegado-de-policia .container .cards .card p{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 18px;
    line-height: 128.4%;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    bottom: -37px;
    left: 0;
    right: 0;
    margin: auto;
}
.s-delegado-de-policia .container a.btn-assine{
    display: block;
    width: 100%;
    max-width: 507px;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(90deg,#32A839 0%,#35C33F 103.92%);
    border-radius: 5px;
    padding: 17px 0;
    margin-top: 120px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #fff;
}
.s-delegado-de-policia .container a.btn-assine:hover {
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}




.s-bonus{
    padding-top: 55px;
    padding-bottom: 25px;
    background: #383838;
}
.s-bonus .container h2{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 32px;
    line-height: 128.4%;
    color: #FFFFFF;
    text-align: center;
}
.s-bonus .container p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 22px;
    line-height: 128.4%;
    color: #FFFFFF;
    text-align: center;
    margin-top: 10px;
}
.s-bonus .container .card{
    width: 100%;
    max-width: 349px;
    height: 197px;
    background: #6C6C6C;
    border-radius: 10px;
    margin: 71px auto;
    position: relative;
    padding: 52px 35px;
}
.s-bonus .container .card img{
    width: 61px;
    height: 61px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
}
.s-bonus .container .card span{
    display: block;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 13px;
    line-height: 97.4%;
    text-align: center;
    letter-spacing: 0.105em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.s-bonus .container .card h3{
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 24px;
    line-height: 130.4%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 19px;
}

.s-epara.delegado{
    background: #2D2D2D;
}
.s-epara.delegado .container .dir h3 {
    color: #F5F5F5;
}
.s-epara.delegado .container .dir ul li.close {
    color: #F5F5F5;
}
.s-epara.delegado .container .esq h3 {
    color: #F5F5F5;
}
.s-epara.delegado .container .esq ul li.ok {
    color: #F5F5F5;
}

.s-precificacao.delegado{
    background-image: url(img/delegado-de-policia/bg-forms.jpg);
}
.s-precificacao.delegado .container h2{
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 36px;
    line-height: 121.9%;
    text-align: center;
    color: #FFFFFF;
}
.s-precificacao.delegado .cards .card{
    width: 100%;
    max-width: 589px;
    background: linear-gradient(180deg, rgba(103, 103, 103, 0.7) 0%, rgba(75, 75, 75, 0.7) 100%);
    border-radius: 12px;
    border-color: #616161;
    margin: 0 auto;
    padding: 29px 45px;
    margin-top: 61px;
}
.s-precificacao.delegado .cards .card img{
    margin: 0 auto;
    margin-bottom: 20px;
}
.s-precificacao.delegado .cards .card h3{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 22px;
    line-height: 116.9%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 20px;
}
.s-precificacao.delegado .cards .card strong{
    color: #FFCE51;
}
.s-precificacao.delegado .cards .card p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 16px;
    line-height: 141.9%;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 15px;
}


.s-precificacao.delegado #rd-section-l7g82sae{
    background: transparent;
}

.s-precificacao.delegado #rd-button-l7g82sao{
    align-self: center;
    background-color: rgba(49,167,57,1);
    border-bottom-style: solid;
    border-color: #248f74;
    border-left-style: solid;
    border-radius: 3px;
    border-right-style: solid;
    border-top-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    height: 64px;
    justify-content: center;
    line-height: 1.42857;
    margin-bottom: 0px;
    margin-top: 2px;
    max-width: 558px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}
.s-precificacao.delegado #rd-button-l7g82sao:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}

.s-precificacao.delegado #rd-form-l7g82sal .bricks-form__input:not(textarea) {
    height: 50px;
}

/* Obrigado Maratorna da aprovação */
.lp-maratona-obrigado.jornada-da-aprovacao{
    background-image: url(img/delegado-de-policia/bg-principal.jpg);
}
.lp-maratona-obrigado.jornada-da-aprovacao .container .logo {
    max-width: 260.24px;
}
.lp-maratona-obrigado.jornada-da-aprovacao .container .logo img{
    margin: 0 auto;
}
.lp-maratona-obrigado.jornada-da-aprovacao .container .texto {
    margin-top: 6px;
}
.lp-maratona-obrigado.jornada-da-aprovacao .container .texto h2 {
    font-family: 'Montserrat';
    font-weight: 900;
    font-size: 96px;
    line-height: 135.9%;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(180deg, #FFCE51 24.79%, #AC7E1C 81.82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.lp-maratona-obrigado.jornada-da-aprovacao.ex-magistratura .container .texto h2{
    font-family: 'Montserrat';
    font-weight: 900;
    line-height: 135.9%;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(180deg, #0087FF 24.79%, #0087FF 81.82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.lp-maratona-obrigado.jornada-da-aprovacao .container .texto p {
    color: #FFFFFF;
    opacity: inherit;
}
.lp-maratona-obrigado.jornada-da-aprovacao .container .data {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    padding: 16px 149px;
}
.lp-maratona-obrigado.jornada-da-aprovacao .container .data h4 {
    color: #211700;
}
.lp-maratona-obrigado.jornada-da-aprovacao .container .geral {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 849px;
    margin: 0 auto;
    margin-top: 29px;
}
.lp-maratona-obrigado.jornada-da-aprovacao .container .geral .dir {
    width: 100%;
    max-width: 679px;
    height: 211px;
    border: 2px solid #9AEABA;
    border-radius: 30px;
    background: transparent;
    padding: 27px 32px;
    margin: 0 auto;
}
.lp-maratona-obrigado.jornada-da-aprovacao .container .geral .dir h3 {
    text-align: center;
}
.lp-maratona-obrigado.jornada-da-aprovacao .container .geral .dir p {
    text-align: center;
}
.lp-maratona-obrigado.jornada-da-aprovacao .container .geral .dir a.btn-whats{
    padding: 10px 0;
    justify-content: center;
}

/* clube delta */

.s-clube-m.clube-delta {
    padding-top: 39px;
    background-image: url(img/clube-delta/bg-clube-delta.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.s-clube-m.clube-delta .container .geral .text a.logo-clube-m {
    margin-bottom: 38px;
}
.s-clube-m.clube-delta .container .geral .text h1 strong {
    color: #E8B809;
}
.s-clube-m.clube-delta .container .geral .image img.consurseiro {
    bottom: 0px;
}

.s-clube-m-vantagens.clube-delta {
    background: #FFFFFF;
}

.s-clube-m-vantagens.clube-delta .container .titulo h2 {
    color: #121542;
}
.s-clube-m-vantagens.clube-delta .container .geral .cards .card .icon {
    background: linear-gradient(113.18deg, #5D5F6C -3.18%, #414255 98.59%);
}
.s-clube-m-vantagens.clube-delta .container .geral .cards .card {
    background: #fff;
    border: 1px solid #F8F8F8;
    box-shadow: 2px 5px 13px rgba(152, 152, 152, 0.15);
}
.s-clube-m-vantagens.clube-delta .container .geral .cards .card h3 {
    color: #121542;
}

.s-epara.clube-delta {
    background: #f7f7f7;
}
.s-epara.clube-delta .container .dir h3 {
    color: #262838;
}
.s-epara.clube-delta .container .dir ul li.close {
    color: #262838;
}
.s-epara.clube-delta .container .esq h3 {
    color: #262838;
}
.s-epara.clube-delta .container .esq ul li.ok {
    color: #262838;
}

.s-precificacao.clube-delta {
    background-image: url(img/clube-delta/bg-precificacao.jpg);
}

.s-precificacao.clube-delta .container .cards .card {
    background: #fff;
    border: 1px solid #4C5167;
}
.s-precificacao.clube-delta .container .cards .card .plano {
    background: linear-gradient(113.18deg, #5D5F6C -3.18%, #414255 98.59%);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #4C5167;
}
.s-precificacao.clube-delta .container .cards .card .plano img.logo {
    max-width: 230px;
}
.s-precificacao.clube-delta .container .cards .card ul.list li {
    color: #2f2f2f;
    border-bottom: 1px solid #f0f0f0;
}
.s-precificacao.clube-delta .container .cards .card .preco-plano .preco span {
    color: #35C03F;
}
.s-precificacao.clube-delta .container .cards .card .preco-plano .preco h4 {
    color: #35C03F;
}
.s-precificacao.clube-delta .container .cards .card .preco-plano span strong {
    color: #35C03F;
}
.s-precificacao.clube-delta .container .cards .card .preco-plano h5 {
    color: #1C1D32;
}
.s-precificacao.clube-delta .container .cards .card .preco-plano span {
    color: #414255;
}
.s-precificacao.clube-delta .container .cards .card .preco-plano h6.descricao {
    background: linear-gradient(113.18deg, #5D5F6C -3.18%, #414255 98.59%);
}


/* tjsp */

.s-clube-m.tjsp{
    padding-top: 41px;
    padding-bottom: 100px;
    background-image: url(img/tjsp/bg-tjsp-pos.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    position: relative;
}
.s-clube-m.tjsp::before {
    content: '';
    background: url(img/tjsp/pattern.jpeg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    mix-blend-mode: multiply;
}
.s-clube-m.tjsp::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(158, 29, 30, 0) 58.91%, rgba(157, 55, 56, 0.21) 120.39%);
    transform: matrix(1,0,0,-1,0,0);
    position: absolute;
    z-index: 1;
    top: 0;
}
.s-clube-m.tjsp .container{
    display: block;
    z-index: 3;
    position: relative;
}

.s-clube-m.tjsp.final{
    background-image: url(img/tjsp/bg-tjsp-vendas.jpg);
}

.s-clube-m.tjsp .container .geral .text {
    width: 100%;
}
.s-clube-m.tjsp .container .geral .text a.logo-clube-m {
    margin-bottom: 35px;
    display: block;
}
.s-clube-m.tjsp .container .geral .text a.logo-clube-m img{
    margin: 0 auto;
}

.s-clube-m.tjsp .container .geral .text h1{
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 52px;
    line-height: 109.9%;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #FFCA00;
    margin-bottom: 20px;
    text-align: center;
}
.s-clube-m.tjsp .container .geral .text p{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 32px;
    line-height: 129.4%;
    color: #FFFFFF;
    text-align: center;
}
.s-clube-m.tjsp .container .geral .text span{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 22px;
    line-height: 157.9%;
    color: #FFFFFF;
    display: block;
    text-align: center;
}

.s-clube-m.tjsp .container .geral .image {
    width: 100%;
    max-width: 660px;
    height: 844px;
    position: relative;
}
.s-clube-m.tjsp .container .geral .image::after{
    content: "";
    background-image: url(img/tjsp/frame-01.svg);
    background-repeat: no-repeat;
    width: 749px;
    height: 272px;
    position: absolute;
    bottom: 0;
}
.s-clube-m.tjsp .container .geral .image img.consurseiro {
    width: 100%;
    max-width: 610px;
    height: 844px;
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 1;
}
.s-clube-m.tjsp .container .geral a.btn-assine {
    display: block;
    width: 100%;
    max-width: 507px;
    text-align: center;
    background: linear-gradient(90deg, #32A839 0%, #35C33F 103.92%);
    border-radius: 5px;
    padding: 18px 0;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0 auto;
    margin-top: 28px;
}


/* precificacao */

.s-oque-voce-ganha.tjsp{
    padding-top: 87px;
    padding-bottom: 97px;
    background: #000000;
}
.s-oque-voce-ganha.tjsp .container h2{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 36px;
    line-height: 121.9%;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 70px;
}
.s-oque-voce-ganha.tjsp .container h2 span{
    color: #FFCA00;
}
.s-oque-voce-ganha.tjsp .container .cards{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}
.s-oque-voce-ganha.tjsp .container .cards .card{
    width: 23%;
    height: 328px;
    background: linear-gradient(180.04deg, #CE0F1C 3.24%, #560409 99.96%);
    border-radius: 29px;
    position: relative;
    z-index: 1;
    padding: 38px 6px 35px 26px;
    margin-bottom: 38px;
}
.s-oque-voce-ganha.tjsp .container .cards .card::after{
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180.04deg, #000000 3.24%, #000000 99.96%);
    border: 2px solid #FFFFFF;
    border-radius: 29px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: -1;
}
.s-oque-voce-ganha.tjsp .container .cards .card img{
    margin: 0 auto;
}
.s-oque-voce-ganha.tjsp .container .cards .card h3{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px;
    line-height: 122.9%;
    letter-spacing: -0.025em;
    color: #FFFFFF;
    text-align: center;
    margin-top: 57px;
    position: relative;
}
.s-oque-voce-ganha.tjsp .container .cards .card h3::after{
    content: '';
    background: linear-gradient(90deg, #DE101E -18.8%, #712200 113.91%);
    border-radius: 13px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    width: 168px;
    height: 3px;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.s-oque-voce-ganha.tjsp .container a.btn-assine {
    display: block;
    width: 100%;
    max-width: 507px;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(90deg,#32A839 0%,#35C33F 103.92%);
    border-radius: 5px;
    padding: 18px 0;
    margin-top: 40px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
}
.s-oque-voce-ganha.tjsp .container a.btn-assine:hover {
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}


/* obrigado tjsp */
.lp-maratona-obrigado.tjsp{
    background-image: url(img/tjsp/bg-tjsp.jpg);
}

.lp-maratona-obrigado.tjsp .container .texto p{
    opacity: 1;
    font-size: 28px;
}
.lp-maratona-obrigado.tjsp .container .texto span {
    color: #fff;
    font-weight: 300;
}
.lp-maratona-obrigado.tjsp .container .geral {
    max-width: 680px;
}

.lp-maratona-obrigado.tjsp .container .geral .dir {
    max-width: initial;
    height: 221px;
}
.lp-maratona-obrigado.tjsp .container .geral .dir h3 {
    text-align: center;
}
.lp-maratona-obrigado.tjsp .container .geral .dir p {
    font-size: 16px;
    text-align: center;
}
.lp-maratona-obrigado.tjsp .container .geral .dir a.btn-whats {
    
}

/* mentores */

.s-mentores.tjsp{
    padding-top: 79px;
    padding-bottom: 160px;
    background-image: url(img/tjsp/bg-mentores.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.s-mentores.tjsp::after{
    content: '';
    background: linear-gradient(301.65deg, #820810 -18.22%, rgba(130, 8, 16, 0) 41.84%);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.s-mentores.tjsp::before{
    content: '';
    background-image: url(img/tjsp/div1.svg);
    background-repeat: no-repeat;
    width: 93px;
    height: 450px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.s-mentores.tjsp .circle1{
    content: '';
    background-image: url(img/tjsp/div2.svg);
    background-repeat: no-repeat;
    width: 76px;
    height: 209px;
    position: absolute;
    left: 0;
    top: 58px;
    z-index: 1;
}

.s-mentores.tjsp .container h2{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 36px;
    line-height: 121.9%;
    text-align: center;
    color: #FFFFFF;
}
.s-mentores.tjsp .container p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 22px;
    line-height: 157.9%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 13px;
}
.s-mentores.tjsp .container .cards{
    margin-top: 58px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    z-index: 1;
    position: relative;
}
.s-mentores.tjsp .container .cards .card{
    width: 16%;
    height: 291px;
    background: rgba(24, 23, 23, 0.2);
    border: 1px solid #FFFFFF;
    border-radius: 16px;
    position: relative;
    padding: 0 10px;
    margin-bottom: 24px;
}
.s-mentores.tjsp .container .cards .card::after{
    content: '';
    width: 100%;
    height: 17px;
    background: linear-gradient(90.02deg, #8C1E1E -1.41%, #601C1D 99.99%);
    border: 1px solid #FFFFFF;
    border-radius: 16px 16px 0px 0px;
    position: absolute;
    top: 0;
    left: -1px;
}
.s-mentores.tjsp .container .cards .card h3{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 18px;
    line-height: 110.4%;
    text-align: center;
    letter-spacing: -0.025em;
    color: #FFFFFF;
    margin-top: 35px;
}

.s-mentores.tjsp .container .cards .card .images{
    width: 100%;
    max-width: 144px;
    display: flex;
    align-items: center;
    margin: 20px auto;
}
.s-mentores.tjsp .container .cards .card .images.novo{
    margin: 66px auto;
}
.s-mentores.tjsp .container .cards .card .images.novo img:last-child {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.s-mentores.tjsp .container .cards .card .images img:first-child{
    position: relative;
    left: -9px;
    border-radius: 50%;
    width: 91px;
    height: 91px;
}
.s-mentores.tjsp .container .cards .card .images img:last-child{
    position: absolute;
    border-radius: 50%;
    border: 2px solid #000000;
    left: 86px;
    width: 96px;
    height: 96px;
}
.s-mentores.tjsp .container .cards .card span{
    display: block;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 16px;
    line-height: 126.9%;
    text-align: center;
    letter-spacing: -0.025em;
    color: #FFFFFF;
}

/* depoimentos */
.s-depoimentos.tjsp{
    padding-top: 76px;
    padding-bottom: 92px;
    background: #000000;
}
.s-depoimentos.tjsp .container h2{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 36px;
    line-height: 121.9%;
    text-align: center;
    color: #FFFFFF;
}
.s-depoimentos.tjsp .container h2 strong{
    color: #FFCA00;
    font-weight: 500;
}
.s-depoimentos.tjsp .container p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 22px;
    line-height: 135.9%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 19px;
}
.s-depoimentos.tjsp .container .cards{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 64px;
    padding-bottom: 80px;
}
.s-depoimentos.tjsp .container .cards .card{
    width: 100%;
    max-width: 591px;
    height: 204px;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 22px 36px; 
    position: relative;
}
.s-depoimentos.tjsp .container .cards .card p{
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 16px;
    line-height: 135.9%;
    color: #000A26;
    text-align: initial;
}
.s-depoimentos.tjsp .container .cards .card .depoente{
    display: flex;
    align-items: flex-end;
    position: absolute;
    bottom: -51px;
}
.s-depoimentos.tjsp .container .cards .card .depoente .dados{
    padding-left: 11px;
}
.s-depoimentos.tjsp .container .cards .card .depoente .dados h3{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 22px;
    line-height: 135.9%;
    color: #D2E7FF;
}
.s-depoimentos.tjsp .container .cards .card .depoente .dados span{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 14px;
    line-height: 135.9%;
    color: #D2E7FF;
}
.s-depoimentos.tjsp .container a.btn-assine{
    display: block;
    width: 100%;
    max-width: 507px;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(90deg,#32A839 0%,#35C33F 103.92%);
    border-radius: 5px;
    padding: 18px 0;
    margin-top: 40px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
}
.s-depoimentos.tjsp .container a.btn-assine:hover {
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}

/* preco */
.s-preco.tjsp{
    padding-top: 100px;
    padding-bottom: 180px;
    background: #090909;
    position: relative;
}
.s-preco.tjsp::after {
    content: '';
    background: linear-gradient(301.65deg, #820810 -18.22%, rgba(130, 8, 16, 0) 41.84%);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.s-preco.tjsp::before {
    content: '';
    background-image: url(img/tjsp/div2.svg);
    background-repeat: no-repeat;
    width: 93px;
    height: 450px;
    position: absolute;
    left: 0;
    top: 58px;
}
.s-preco.tjsp .container .card-preco{
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 100%;
    max-width: 624px;   
}
.s-preco.tjsp .container .card-preco .card-beneficios{
    width: 100%;
    max-width: 534px;
    background: #FFFFFF;
    border-radius: 30px 30px 0px 0px;
    margin: 0 auto;
    padding: 41px 67px; 
}
.s-preco.tjsp .container .card-preco .card-beneficios h3{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 24px;
    line-height: 135.9%;
    text-align: center;
    color: #000000;
}
.s-preco.tjsp .container .card-preco .card-beneficios h3 strong{
    font-weight: 600;
    text-align: center;
    color: #871E1E;
}
.s-preco.tjsp .container .card-preco .card-beneficios ul{
    margin: 0 auto;
    margin-top: 38px;
}
.s-preco.tjsp .container .card-preco .card-beneficios ul li{
    display: flex;
    align-items: center;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 20px;
    line-height: 135.9%;
    color: #000000;
    margin-bottom: 10px;
}
.s-preco.tjsp .container .card-preco .card-beneficios ul li img{
    margin-right: 10px;
}

.s-preco.tjsp .container .card-preco .card-o-preco{
    width: 100%;
    max-width: 624px;
    background: #000000;
    border: 2px solid #FFFFFF;
    border-radius: 32px;
    margin: 0 auto;
    padding: 60px 75px; 
}
.s-preco.tjsp .container .card-preco .card-o-preco img{
    margin: 0 auto;
}
.s-preco.tjsp .container .card-preco .card-o-preco a.btn-assine{
    display: block;
    width: 100%;
    max-width: 507px;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(90deg,#32A839 0%,#35C33F 103.92%);
    border-radius: 5px;
    padding: 18px 0;
    margin-top: 40px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
}
.s-preco.tjsp .container .card-preco .card-o-preco a.btn-assine:hover {
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}

.s-preco.tjsp .container .card-preco .card-o-preco p{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 20px;
}
.s-preco.tjsp .container .card-preco .card-o-preco p img {
    margin: initial;
    margin-right: 10px;
}

/* reta final */
.s-clube-m.tjsp.final .container .geral .text p{
    font-size: 28px;
}
.s-clube-m.tjsp.final .container .geral .text span {
    font-size: 19px;
}
.s-preco.tjsp .container .card-preco .card-o-preco .preco{
    margin: 32px auto;
}
.s-preco.tjsp .container .card-preco .card-o-preco .preco h3{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 40px;
    line-height: 121.9%;
    text-decoration-line: line-through;
    color: #FFFFFF;
    text-align: center;
}
.s-preco.tjsp .container .card-preco .card-o-preco .preco .valor{
    margin: 0 auto;
    margin-top: 12px;
    display: flex;
    align-items: flex-end;
    width: 100%;
    max-width: 405px;
}
.s-preco.tjsp .container .card-preco .card-o-preco .preco .valor span{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 42px;
    line-height: 121.9%;
    color: #FFFFFF;
    display: block;
    margin-right: 10px;
    margin-bottom: 5px;
}
.s-preco.tjsp .container .card-preco .card-o-preco .preco .valor h2{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 62px;
    line-height: 121.9%;
    color: #FFFFFF;
    text-align: center;
}


/* proposta */
.proposta{
    position: fixed;
    top: 89%;
    right: 1%;
    padding: 10px;
    z-index: 10000000;
}
.proposta .btn-proposta a{
    background: #357EC1;
    border-radius: 5px;
    padding: 12px 23px;
    display: flex;
    align-items: center;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 22px;
    line-height: 32px;
    color: #FFFFFF;
    
}
.proposta .btn-proposta a:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}

.proposta .btn-proposta a img{
    margin-right: 8px;
}



.modal{
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    place-content: center;
    visibility: hidden;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: .3s;
    z-index: 99999999;
}

.modal--2{
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: var(--clr-pink);
    display: grid;
    place-content: center;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
}
.modal:target{
    opacity: 1;
    visibility: visible;
}

.modal__content{
    width: 100%;
    max-width: 90vh;
    height: 100%;
    max-height: 90vh;
    /* padding: 24px; */
    background: #FFFFFF;
    border-radius: 25px;
    position: relative;
    overflow-x: auto;
}

.modal__content.forms{
    max-height: 70vh;
}

.modal__content .conteudo{
    padding: 50px 45px;
}
.modal__content .conteudo h1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #414456;
    text-align: center;
    margin-bottom: 40px;
}
.modal__content .conteudo p{
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #616161;
    margin-bottom: 10px;
}

.modal__link{
    position: fixed;
    top: 46px;
    right: 17px;
    width: 60px;
    height: 60px;
    padding: 4px;
    -webkit-appearance: none;
    background: #FFFFFF;
    color: #FD8426;
    border-radius: 50%;
    border: none;
    font-size: 35px;
    font-weight: 200px;
    text-align: center;
    cursor: pointer;
}

.modal__link:hover{
    background-color: rgb(238, 238, 238);
}



/* clube da magistratura 2023 */

.s-clube-magis-2023{
    padding-top: 16px;
    padding-bottom: 132px;
    background-image: url(img/clube-magis-2023/bg-clube-magis-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    position: relative;
}
.s-clube-magis-2023::after{
    content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(63.36% 63.36% at 50% 38.93%, rgba(0, 18, 56, 0.19) 0%, rgba(0, 18, 56, 0) 48.94%, #001238 100%);
    transform: matrix(1, 0, 0, -1, 0, 0);
    position: absolute;
    z-index: 1;
    top: 0;
}
.s-clube-magis-2023::before{
    content: '';
    background: url(img/clube-magis-2023/pattern.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    mix-blend-mode: multiply;
}

.s-clube-magis-2023 .container{
    display: block;
    z-index: 3;
    position: relative;
}
.s-clube-magis-2023 .container .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.s-clube-magis-2023 .container .top a.btn-assine{
    width: 100%;
    max-width: 305px;
    background: linear-gradient(90deg, #31A738 5.1%, #34C43F 100%);
    border-radius: 38px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    text-align: center;
    padding: 10px 0;
}
.s-clube-magis-2023 .container .texto{
    width: 100%;
    max-width: 1032px;
    margin: 92px auto;
}
.s-clube-magis-2023 .container .texto h1{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 56px;
    line-height: 117.4%;
    text-align: center;
    color: #fff;
}
.s-clube-magis-2023 .container .texto h1 strong{
    font-weight: 700;
    color: #48C5FF;
}
.s-clube-magis-2023 .container .texto p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 24px;
    line-height: 124.9%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 35px;
}
.s-clube-magis-2023 .container .texto a.btn-assine{
    width: 100%;
    max-width: 365px;
    background: linear-gradient(90deg, #31A738 5.1%, #34C43F 100%);
    border-radius: 38px;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    text-align: center;
    padding: 14px 0;
    margin: 41px auto;
    display: block;
    -webkit-animation: pulsate-fwd 0.5s ease-in-out infinite both;
	animation: pulsate-fwd 0.5s ease-in-out infinite both;
}

@-webkit-keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}

.s-clube-magis-2023-cards{
    padding-bottom: 40px;
    background-color: #F9FAFC;
}

.s-clube-magis-2023-cards .container .video{
    width: 100%;
    max-width: 1072px;
    height: 543px;
    background: #009CE3;
    box-shadow: 0 10px 60px #3e3e3e;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: -11%;
    padding: 8px;
    position: relative;
    display: block;
    z-index: 2;
}
.s-clube-magis-2023-cards .container .video img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-size: cover;
}
.s-clube-magis-2023-cards .container .video a.btn-video{
    position: absolute;
    height: 110px;
    width: 110px;
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -65px;
    margin-left: -65px;
}
.s-clube-magis-2023-cards .container .video a.btn-video:hover{
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}
@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(.91);animation-timing-function:ease-in}17%{transform:scale(.98);animation-timing-function:ease-out}33%{transform:scale(.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}

.s-clube-magis-2023-cards .container a.btn-assine{
    width: 100%;
    max-width: 365px;
    background: linear-gradient(90deg, #31A738 5.1%, #34C43F 100%);
    border-radius: 38px;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    text-align: center;
    padding: 14px 0;
    margin: 0 auto;
    display: block;
    margin-top: 104px;
    -webkit-animation: pulsate-fwd 0.5s ease-in-out infinite both;
	animation: pulsate-fwd 0.5s ease-in-out infinite both;
}


.s-clube-magis-2023-depo{
    padding: 90px 0;
    background-color: #F9FAFC;
}
.s-clube-magis-2023-depo .text-titulo{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.s-clube-magis-2023-depo .text-titulo h2{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 36px;
    line-height: 108.4%;
    color: #121828;
    width: 100%;
    max-width: 416px;
}
.s-clube-magis-2023-depo .text-titulo p{
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 18px;
    line-height: 121.9%;
    color: #121828;
    width: 100%;
    max-width: 411px;
}
.s-clube-magis-2023-depo .text-titulo .controler{
    position: relative;
}
.s-clube-magis-2023-depo .text-titulo .controler{
    position: relative;
}
.s-clube-magis-2023-depo .text-titulo .controler .swiper-button-prev{
    left: -50px;
}
.s-clube-magis-2023-depo .text-titulo .controler .swiper-button-next{
    right: -30px;
}
.s-clube-magis-2023-depo .text-titulo .controler .swiper-button-next:after{
    font-size: 24px;
    background: #121828;
    border-radius: 50%;
    padding: 12px 18px;
    color: #fff;
}
.s-clube-magis-2023-depo .text-titulo .controler .swiper-button-prev:after{
    font-size: 24px;
    background: #121828;
    border-radius: 50%;
    padding: 12px 18px;
    color: #fff;
}

.s-clube-magis-2023-depo .depo-cbm-2023{
    margin-top: 42px;
    overflow: hidden;
}
.s-clube-magis-2023-depo .depo-cbm-2023 .swiper-slide .testimonial-card{
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 25%);
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 7px 7px 20px;
}
.s-clube-magis-2023-depo .depo-cbm-2023 .swiper-slide .testimonial-card .testimonial-quote{
    border-radius: 8px;
    padding: 39px 22px;
}
.s-clube-magis-2023-depo .depo-cbm-2023 .swiper-slide .testimonial-card .testimonial-quote.color1{
    background-color: #71719a;
}
.s-clube-magis-2023-depo .depo-cbm-2023 .swiper-slide .testimonial-card .testimonial-quote.color2{
    background-color:  #6B8A7D;;
}
.s-clube-magis-2023-depo .depo-cbm-2023 .swiper-slide .testimonial-card .testimonial-quote.color3{
    background-color: #CD6C86;;
}

.s-clube-magis-2023-depo .depo-cbm-2023 .swiper-slide .testimonial-card .testimonial-quote p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 17px;
    line-height: 121.9%;
    color: #FFFFFF;
}
.s-clube-magis-2023-depo .depo-cbm-2023 .swiper-slide .testimonial-card img{
    border-radius: 50%;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 45%);
    height: 50px;
    margin-left: 22px;
    margin-top: -25px;
    position: relative;
    width: 50px;
}
.s-clube-magis-2023-depo .depo-cbm-2023 .swiper-slide .testimonial-card .testimonial-description{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 14px;
    padding: 0 22px;
}
.s-clube-magis-2023-depo .depo-cbm-2023 .swiper-slide .testimonial-card .testimonial-description{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 14px;
    padding: 0 22px;
    align-items: flex-end;
}
.s-clube-magis-2023-depo .depo-cbm-2023 .swiper-slide .testimonial-card .testimonial-description .texto h3{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 15px;
    line-height: 121.9%;
    color: #26252B;
}
.s-clube-magis-2023-depo .depo-cbm-2023 .swiper-slide .testimonial-card .testimonial-description .texto span{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 12px;
    line-height: 121.9%;
    color: #26252B;
    margin-top: 6px;
    display: block;
}
.s-clube-magis-2023-depo .depo-cbm-2023 .swiper-slide .testimonial-card .testimonial-description img{
    width: 18px;
    height: 13px;
    border-radius: initial;
    box-shadow: initial;
    margin-left: initial;
    margin-top: initial;
    position: initial;

}

.s-clube-magis-2023-depo .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: -23px;
    position: relative;
}


/* obrigado clube m 2023 */

.lp-maratona-obrigado.jornada-da-aprovacao.clube-m-2023{
    background-image: url(img/clube-magis-2023/bg-brigado.jpg);
}
.lp-maratona-obrigado.jornada-da-aprovacao.clube-m-2023 .container .texto h2 {
    color: #48C5FF;
}

.lp-maratona-obrigado.jornada-da-aprovacao.clube-m-2023 .container .data {
    background: linear-gradient(180deg, #FCCB50 0%, #AE801D 100%);
    padding: 23px 0;
    justify-content: center;
}

/* Clube do mp 2023 */

.s-clube-magis-2023.mp-2023{
    background-image: url(img/clube-do-mp-2023/bg-mp-2023.jpg);
}

.lp-maratona-obrigado.jornada-da-aprovacao.clube-m-2023.mp-2023{
    background-image: url(img/clube-do-mp-2023/bg2-mp-2023.jpg);
}

.s-clube-magis-2023.mp-2023::after {
    content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(63.36% 63.36% at 50% 38.93%, rgba(61, 0, 7, 0.15) 0%, rgba(79, 0, 12, 0.38) 48.94%, rgba(55, 0, 5, 0.81) 100%);
    transform: matrix(1, 0, 0, -1, 0, 0);
    position: absolute;
    z-index: 1;
    top: 0;
}


.s-clube-magis-2023-cards.mp-2023 .container .video {
    background: #ffffff;
}
.s-clube-magis-2023.mp-2023 .container .texto h1 strong {
    color: #FFA54A;
}

/* para quem é */
.s-clube-para-quem{
    padding-top: 40px;
    padding-bottom: 87px;
    background: #F9FAFC;
}

.s-clube-para-quem .container{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.s-clube-para-quem .container .card1{
    width: 100%;
    max-width: 592px;
    height: 432px;
    background: #FFFFFF;
    border: 1px solid #0B1437;
    border-radius: 27px;
    padding: 46px 53px;
}
.s-clube-para-quem .container .card1.v2{
    background: #17B6FF;
    border: 1px solid #17B6FF;
}
.s-clube-para-quem .container .card1 .titulo{
    display: flex;
    align-items: center;
}
.s-clube-para-quem .container .card1 .titulo img{ 
    margin-right: 15px;
}
.s-clube-para-quem .container .card1 .titulo h3{ 
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 26px;
    line-height: 121.9%;
    color: #121828;
}
.s-clube-para-quem .container .card1.v2 .titulo h3{ 
    color: #fff;
}
.s-clube-para-quem .container .card1 ul{ 
    margin-top: 15px;
}
.s-clube-para-quem .container .card1 ul li{ 
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 20px;
    line-height: 121.9%;
    color: #121828;
    margin-bottom: 15px;
}
.s-clube-para-quem .container .card1.v2 ul li{ 
    color: #ffffff;
}


/* vatagens clube M 2023 */

.s-vantagens-clube-m-2023{
    background: #F9FAFC;
    padding-top: 58px;
    padding-bottom: 76px;
}

.s-vantagens-clube-m-2023 .container h2{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 36px;
    line-height: 121.9%;
    text-align: center;
    color: #121828;
}
.s-vantagens-clube-m-2023 .container p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 18px;
    line-height: 121.9%;
    text-align: center;
    color: #121828;
    width: 80%;
    margin: 0 auto;
    margin-top: 10px;
}
.s-vantagens-clube-m-2023 .container .cards{
    margin-top: 45px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}
.s-vantagens-clube-m-2023 .container .cards .card{
    background: #FFFFFF;
    border: 1px solid #0B1437;
    border-radius: 13px;
    padding: 23px 30px;
    width: 32%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.s-vantagens-clube-m-2023 .container .cards .card .image{
    background: #F5F5F5;
    width: 100%;
    max-width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 12px;
    position: relative;
}
.s-vantagens-clube-m-2023 .container .cards .card .image img{
    width: 100%;
    max-width: 32px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.s-vantagens-clube-m-2023 .container .cards .card .texto h3{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    line-height: 121.9%;
    color: #0E101D;
}

/* precificacao */

.s-precificacao.m-2023{
    background-image: url(img/clube-magis-2023/bg-clube-magis-1.jpg);
    position: relative;
}
.s-precificacao.m-2023::before {
    content: '';
    background: url(img/clube-magis-2023/pattern.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    mix-blend-mode: multiply;
}
.s-precificacao.m-2023::after {
    content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(63.36% 63.36% at 50% 38.93%, rgba(0, 18, 56, 0.19) 0%, rgba(0, 18, 56, 0) 48.94%, #001238 100%);
    transform: matrix(1, 0, 0, -1, 0, 0);
    position: absolute;
    z-index: 1;
    top: 0;
}
.s-precificacao.m-2023 .container {
    display: block;
    z-index: 3;
    position: relative;
}

.s-precificacao.m-2023 .container .cards .card .plano {
    background: #19336B;
    border-bottom: 1px solid #19336B;
}

.s-precificacao.m-2023 .container .cards .card {
    background: #ffffff;
    border: 1px solid #3958a4;
}
.s-precificacao.m-2023 .container .cards .card ul.list li {
    color: #0E101D;
    border-bottom: 1px solid #DFE0E1;;
}
.s-precificacao.m-2023 .container .cards .card .preco-plano .preco span{
    color: #D77200;
}
.s-precificacao.m-2023 .container .cards .card .preco-plano .preco h4 {
    color: #D77200;
}
.s-precificacao.m-2023 .container .cards .card .preco-plano .preco span strong {
    color: #D77200;
}
.s-precificacao.m-2023 .container .cards .card .preco-plano span strong {
    color: #0D71F0;
}
.s-precificacao.m-2023 .container .cards .card .preco-plano span {
    color: #0D71F0;
}
.s-precificacao.m-2023 .container .cards .card .preco-plano h6.descricao {
    background: #0D71F0;
}
.s-precificacao .container .cards .card .preco-plano h5 {
    color: #0E101D;
}
.s-precificacao.m-2023 .container h2.titulo {
    max-width: 452px;
    margin-bottom: 50px;
}
.s-precificacao.m-2023 .container p{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 121.9%;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 50px;
}



/* Clube do MP 2023 */

.s-precificacao.mp-2023{
    background-image: url(img/clube-do-mp-2023/bg.jpg);
    position: relative;
}
.s-precificacao.mp-2023::before {
    content: '';
    background: url(img/clube-magis-2023/pattern.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    mix-blend-mode: multiply;
}
.s-precificacao.mp-2023::after {
    content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(63.36% 63.36% at 50% 38.93%, rgba(61, 0, 7, 0.15) 0%, rgba(79, 0, 12, 0.38) 48.94%, rgba(55, 0, 5, 0.81) 100%);
    transform: matrix(1, 0, 0, -1, 0, 0);
    position: absolute;
    z-index: 1;
    top: 0;
}
.s-precificacao.mp-2023 .container {
    display: block;
    z-index: 3;
    position: relative;
}

.s-precificacao.mp-2023 .container .cards .card .plano {
    background: #631b2a;
    border-bottom: 1px solid #631b2a;
}

.s-precificacao.mp-2023 .container .cards .card {
    background: #ffffff;
    border: 1px solid #7d2739;
}
.s-precificacao.mp-2023 .container .cards .card ul.list li {
    color: #0E101D;
    border-bottom: 1px solid #DFE0E1;;
}
.s-precificacao.mp-2023 .container .cards .card .preco-plano .preco span{
    color: #D77200;
}
.s-precificacao.mp-2023 .container .cards .card .preco-plano .preco h4 {
    color: #D77200;
}
.s-precificacao.mp-2023 .container .cards .card .preco-plano .preco span strong {
    color: #D77200;
}
.s-precificacao.mp-2023 .container .cards .card .preco-plano span strong {
    color: #0D71F0;
}
.s-precificacao.mp-2023 .container .cards .card .preco-plano span {
    color: #0D71F0;
}
.s-precificacao.mp-2023 .container .cards .card .preco-plano h6.descricao {
    background: #0D71F0;
}
.s-precificacao .container .cards .card .preco-plano h5 {
    color: #0E101D;
}
.s-precificacao.mp-2023 .container h2.titulo {
    max-width: 452px;
    margin-bottom: 0;
}
.s-precificacao.mp-2023 .container p{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 121.9%;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 50px;
}

.s-precificacao.mp-2023 .container .cards .card .plano img.logo {
    max-width: 189px;
}



/* Clube Delta 2023 */

.s-clube-magis-2023.delta-2023{
    background-image: url(img/clube-delta-2023/bg-clube-delta.jpg);
}

.lp-maratona-obrigado.jornada-da-aprovacao.clube-m-2023.delta-2023{
    background-image: url(img/clube-delta-2023/bg-clube-delta2.jpg);
}

.s-clube-magis-2023.delta-2023::after {
    content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(63.36% 63.36% at 50% 38.93%, rgba(80, 85, 102, 0.37) 0%, rgba(61, 67, 83, 0.52) 48.94%, #3F4151 100%);
    transform: matrix(1, 0, 0, -1, 0, 0);
    position: absolute;
    z-index: 1;
    top: 0;
}
.s-clube-magis-2023.delta-2023 .container .texto h1 strong {
    color: #E8B809;
}


/* Clube delta 2023 */

.s-precificacao.mp-2023.delta2023{
    background-image: url(img/clube-delta-2023/bg-clube-delta.jpg);
}

.s-precificacao.mp-2023.delta2023::before {
    content: '';
    background: url(img/clube-magis-2023/pattern.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    mix-blend-mode: multiply;
}

.s-precificacao.mp-2023.delta2023::after {
    content: '';
    width: 100%;
    height: 100%;
    background: radial-gradient(63.36% 63.36% at 50% 38.93%, rgba(80, 85, 102, 0.37) 0%, rgba(61, 67, 83, 0.52) 48.94%, #3F4151 100%);
    transform: matrix(1, 0, 0, -1, 0, 0);
    position: absolute;
    z-index: 1;
    top: 0;
}

.s-precificacao.mp-2023.delta2023 .container .cards .card .plano {
    background: #484b5f;
    border-bottom: 1px solid #484b5f;
}
.s-precificacao.mp-2023.delta2023 .container .cards .card {
    background: #ffffff;
    border: 1px solid #3f4152;
}

/* mpsp */

.s-clube-m.tjsp.mpsp{
    padding-top: 44px;
    padding-bottom: 0;
}
.s-clube-m.tjsp.mpsp .container .geral .text a.logo-clube-m {
    margin-bottom: 11px;
}
.s-clube-m.tjsp.mpsp .container .card-preco .card-o-preco a.btn-assine {
    display: block;
    width: 100%;
    max-width: 507px;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(90deg,#32A839 0%,#35C33F 103.92%);
    border-radius: 5px;
    padding: 18px 0;
    margin-top: 14px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
}

.s-oque-voce-ganha.tjsp.mpsp .container .cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.2rem;
    width: 100%;
    z-index: 2;
    position: relative;
}
.s-oque-voce-ganha.tjsp.mpsp .container .cards .card {
    width: 100%;
    height: 281px;
    border-radius: 29px;
    position: relative;
    z-index: 1;
    padding: 20px 12px 35px 31px;
    margin-bottom: 0px;
}


/* TJRJ */

.s-contage{
    padding-top: 25px;
    padding-bottom: 25px;
    background: linear-gradient(90.02deg, #00AFEF -0.51%, #009FD9 98.83%);
}
.s-contage .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.s-contage .container .info h2{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}
.s-contage .container .cont{
    display: flex;
    align-items: center;
}
.s-contage .container .cont span{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-right: 10px;
}
.s-contage .container .cont #countdown {
    font-family: 'Montserrat';
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    color: #FFFFFF;
    line-height: 29px;
}

.s-hero{
    padding-top: 32px;
    padding-bottom: 155px;
    background: linear-gradient(170.02deg, #181622 13.04%, #0E0E14 92.52%);
    position: relative;
}
.s-hero::after{
    content: '';
    background-image: url(img/tjrj/bg-hero.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.s-hero .container{
    position: relative;
    z-index: 1;
}
.s-hero .container .cont{
    width: 100%;
    max-width: 734px;
}
.s-hero .container .cont h1{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 73px;
    line-height: 117.4%;
    color: #fff;
    margin-top: 44px;
}
.s-hero .container .cont h1 strong{
    color: #7AD3FF;
    font-weight: 700;
}
.s-hero .container .cont p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 24px;
    line-height: 137.9%;
    color: #FFFFFF;
    margin-top: 36px;
}
.s-hero .container .cont a.btn-action{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 57px;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 524px;
    background: #00BB4B;
    padding: 32px 0;
    border-radius: 8px;
    cursor: pointer;
}
.s-hero .container .cont a.btn-action:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}

.s-card-tjrj{
    padding-top: 65px;
    padding-bottom: 38px;
    background-color: #121012;
}
.s-card-tjrj .container .titulo{
    width: 100%;
    max-width: 896px;
    height: 183px;
    background: linear-gradient(180deg, #01AEEE 0%, #019FDA 100%);
    border-radius: 18px;
    margin: 0 auto;
    padding-top: 37px;
}
.s-card-tjrj .container .titulo h2{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 32px;
    line-height: 121.9%;
    color: #FFFFFF;
    text-align: center;
}
.s-card-tjrj .container .cards{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 2rem;
    margin-top: -70px;
}
.s-card-tjrj .container .cards .card{
    width: 100%;
    background: #2A2625;
    border-radius: 12px;
    padding: 24px 22px;
}
.s-card-tjrj .container .cards .card p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 16px;
    line-height: 143.9%;
    color: #FFFFFF;
    margin-top: 16px;
}
.s-card-tjrj .container a.btn-action {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 57px;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 524px;
    background: #00BB4B;
    padding: 32px 0;
    border-radius: 8px;
    margin: 58px auto;
    cursor: pointer;
}
.s-card-tjrj .container a.btn-action:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}

.s-professores-tjrj{
    padding-top: 64px;
    padding-bottom: 20px;
    background-color: #121012;
}
.s-professores-tjrj .container h2{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 34px;
    line-height: 121.9%;
    text-align: center;
    color: #FFFFFF;
}
.s-professores-tjrj .container h2 strong{
    color: #01ACEC;
}
.s-professores-tjrj .container p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 20px;
    line-height: 143.9%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 10px;
}
.s-professores-tjrj .container .cards{
    grid-template-columns: repeat(5,1fr);
    display: grid;
    gap: 1.4rem;
    margin-top: 52px;
}
.s-professores-tjrj .container .cards .card{
    width: 100%;
    background: #2A2625;
    border-radius: 19px;
    position: relative;
}
.s-professores-tjrj .container .cards .card .image{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.s-professores-tjrj .container .cards .card .image img{
    height: 100%;
    width: 100%;
    border-radius: 19px;
}
.s-professores-tjrj .container .cards .card .image::before{
    content: '';
    background: linear-gradient(0.71deg, rgba(18, 16, 18, 0.71) 0.61%, rgba(42, 38, 37, 0) 99.42%);
    border-radius: 19px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.s-professores-tjrj .container .cards .card .cont{
    width: 100%;
    height: 101px;
    padding: 0 10px;
    position: absolute;
    bottom: 14px;
}
.s-professores-tjrj .container .cards .card .cont h3{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    line-height: 121.9%;
    color: #FFFFFF;
    text-align: center;
    background: #01ACEC;
    border-radius: 4px;
    width: 100%;
    max-width: 160px;
    margin: 0 auto;
    padding: 3px 0;
}
.s-professores-tjrj .container .cards .card .cont p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 12px;
    line-height: 143.9%;
    text-align: center;
    color: #FFFFFF;
}
.s-professores-tjrj .container a.btn-action {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 57px;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 524px;
    background: #00BB4B;
    padding: 32px 0;
    border-radius: 8px;
    margin: 58px auto;
    cursor: pointer;
}
.s-professores-tjrj .container a.btn-action:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}

.s-depoimentos-tjrj{
    padding-top: 55px;
    padding-bottom: 75px;
    background-color: #121012;
}
.s-depoimentos-tjrj .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.s-depoimentos-tjrj .container .titulo{
    width: 100%;
    max-width: 429px;
}
.s-depoimentos-tjrj .container .titulo h2{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 34px;
    line-height: 121.9%;
    color: #FFFFFF;
}
.s-depoimentos-tjrj .container .titulo h2 strong{
    color: #01AAE8;
}
.s-depoimentos-tjrj .container .titulo p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 20px;
    line-height: 143.9%;
    color: #FFFFFF;
    margin-top: 38px;
}
.s-depoimentos-tjrj .container .cards{
    width: 100%;
    max-width: 864px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.s-depoimentos-tjrj .container .cards .card{
    width: 100%;
    max-width: 386px;
    background: #2A2625;
    border-radius: 12px;
    padding: 28px 28px;
}
.s-depoimentos-tjrj .container .cards .card img{
    top: -76px;
    margin: 0 auto;
    position: relative;
}
.s-depoimentos-tjrj .container .cards .card h3{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 20px;
    line-height: 143.9%;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    top: -51px;
}
.s-depoimentos-tjrj .container .cards .card span{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    color: #02A0DB;
    line-height: 143.9%;
    display: block;
    text-align: center;
    position: relative;
    top: -51px;
}
.s-depoimentos-tjrj .container .cards .card p{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 143.9%;
    color: #FFFFFF;
    display: block;
    text-align: center;
    position: relative;
    top: -21px;
}

.s-price-tjrj{
    padding-top: 74px;
    padding-bottom: 74px;
    background-color: #121012;
}

.s-price-tjrj .container{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.s-price-tjrj .container .price{
    width: 100%;
    max-width: 640px;
    background: linear-gradient(180deg, #2A2625 -5.08%, #120E0D 112.83%);
    border-radius: 20px;
    padding: 48px;
}
.s-price-tjrj .container .price img{
    margin: 0 auto;
}
.s-price-tjrj .container .price ul{
    margin-top: 30px;
}
.s-price-tjrj .container .price ul li{
    display: flex;
    align-items: center;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 18px;
    line-height: 143.9%;
    color: #FFFFFF;
    margin-bottom: 20px;
    border-bottom: 1px solid #342E2D;
    padding-bottom: 14px;
}
.s-price-tjrj .container .price ul li img{
    margin: initial;
    margin-right: 10px;
}
.s-price-tjrj .container .price .price-on{
    margin-top: 60px;
}
.s-price-tjrj .container .price .price-on h4{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 42px;
    line-height: 29px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 20px;
}
.s-price-tjrj .container .price .price-on strong{
    text-decoration-line: line-through;
    font-weight: 500;
}
.s-price-tjrj .container .price .price-on h3{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 62px;
    line-height: 76px;
    color: #FFFFFF;
    text-align: center;
}
.s-price-tjrj .container .price .price-on span{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    text-align: center;
    display: block;
}
.s-price-tjrj .container .price a.btn-action{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 57px;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 524px;
    background: #00BB4B;
    padding: 32px 0;
    border-radius: 8px;
    margin: 30px auto;
}
.s-price-tjrj .container .price a.btn-action:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all 0.3s;
}
.s-price-tjrj .container .garantia{
    width: 100%;
    max-width: 485px;
}
.s-price-tjrj .container .garantia img{
    margin: 0 auto;
}
.s-price-tjrj .container .garantia h3{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 34px;
    line-height: 121.9%;
    color: #FFFFFF;
    margin-top: 20px;
}
.s-price-tjrj .container .garantia p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 18px;
    line-height: 143.9%;
    color: #FFFFFF;
    margin-top: 20px;
}

.s-price-tjrj .container .cupom{
    width: 100%;
    max-width: 542px;
    background: linear-gradient(180deg, #2A2625 -5.08%, #120E0D 112.83%);
    border-radius: 20px;
    padding: 30px;
}
.s-price-tjrj .container .cupom h2{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 58px;
    line-height: 109.4%;
    color: #FFFFFF;
    margin-top: 22px;
}
.s-price-tjrj .container .cupom ul{
    margin-top: 22px;
}
.s-price-tjrj .container .cupom ul li{
    margin-bottom: 20px;
}
.s-price-tjrj .container .cupom ul li a{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 15px;
    line-height: 109.4%;
    color: #FFFFFF;
    border: 1px dashed #FFFFFF;
    border-radius: 12px;
    padding: 23px 12px;
    width: 100%;
    display: flex;
    transition: all 0.3s;
    cursor: pointer;
}
.s-price-tjrj .container .cupom ul li a strong{
    color: #01A5E3;
    margin-left: 4px;
}
.s-price-tjrj .container .cupom ul li a:hover{
    background-color: #00BB4B;
    border: 1px dashed #00BB4B;
    transition: all 0.3s;
    cursor: pointer;
}
.s-price-tjrj .container .cupom ul li a:hover strong{
    color: #fff;
    transition: all 0.3s;
    
}


/* cmg-whats */

.s-hero-cmg-whats{
    padding-top: 49px;
    padding-bottom: 99px;
    background-image: url(img/cmg-whats/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.s-hero-cmg-whats.mp{
    background-image: url(img/cmg-whats/bg-clube-mp.jpg);
}
.s-hero-cmg-whats.delta{
    background-image: url(img/clube-delta/bg-delta.jpg);
}

.s-hero-cmg-whats::after{
    content: '';
    background-color: ;
}
.s-hero-cmg-whats .container .logo{
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
.s-hero-cmg-whats .container .contador{
    margin: 30px auto;
}
.s-hero-cmg-whats .container .contador span{
    display: block;
    color: #FFF;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 300;
    text-align: center;
}
.s-hero-cmg-whats .container .contador #countdown{
    font-size: 48px;
    text-align: center;
    margin-top: 15px;
    color: #FFF;
    font-family: 'Montserrat';
    font-weight: 600;
}

.s-hero-cmg-whats .container .conteudo{
    margin-top: 30px;
}
.s-hero-cmg-whats .container .conteudo h2{
    color: #fff;
    text-align: center;
    font-size: 54px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 109.9%;
}
.s-hero-cmg-whats .container .conteudo h2 strong{
    color: #00F0FF;
    font-weight: 600;
}
.s-hero-cmg-whats .container .conteudo a.btn-action{
    width: 100%;
    max-width: 524px;
    background-color: #00BB4B;
    display: flex;
    justify-content: center;
    padding: 28px 0;
    color: #FFF;
    font-size: 22px;
    font-family: 'Montserrat';
    font-weight: 600;
    margin: 28px auto;
    transition: all 0.3s;
}
.s-hero-cmg-whats .container .conteudo a.btn-action:hover{
    background-color: #fff;
    color: #000;
    transition: all 0.3s;
}
.s-hero-cmg-whats .frase{
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    height: 61px;
    background: #f5f5f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 70px;
}

.s-hero-cmg-whats .text{
    display: inline-block;
    padding-left: 4.4rem;
    text-indent: 0;
    -webkit-animation: marquee 12s linear infinite;
    animation: marquee 12s linear infinite;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 125%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #0B1D5C;
    font-family: 'Montserrat';
    font-size: 38px;
    line-height: 149.5%;
    letter-spacing: -0.01em;
    position: relative;
}
.s-hero-cmg-whats .text::after{
    content: '';
    background-image: url(img/cmg-whats/icon.png);
    background-size: 25px;
    width: 30.37px;
    height: 33.37px;
    position: absolute;
    background-repeat: no-repeat;
    left: 11px;
    top: 14px;
}

@-webkit-keyframes marquee{
    0%{
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0)
    }
    100%{
        -webkit-transform:translate(-100%, 0);
        transform:translate(-100%, 0)
    }
}
@keyframes marquee{
    0%{
        -webkit-transform:translate(0, 0);
        transform:translate(0, 0)
    }
    100%{
        -webkit-transform:translate(-100%, 0);
        transform:translate(-100%, 0)
    }
}




/* Clube da magistratura 2023.2 */

.s-section-1{
    width: 100%;
    background-image: url(img/clube-magis-2023-2/bg-section-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 30px;
    position: relative;
}

.s-section-1.mp{
    width: 100%;
    background-image: url(img/clube-mp/bg-clube-20232.jpg);
}

.s-section-1.delta{
    background-image: url(img/clube-delta-2023/bg-clube-delta-2023-2.jpg);
}
.s-section-1.defen{
    background-image: url(img/clube-da-defensoria/bg-defensoria-24.jpg);
}

/* .s-section-1::after{
    content: '';
    position: absolute;
    width: 100%;
    max-width: 608px;
    height: 894px;
    background: linear-gradient(270deg, rgba(11, 32, 97, 0.88) 0%, rgba(11, 32, 97, 0.00) 100%);
    top: 0;
    right: 0;
    z-index: 1;
} */
.s-section-1 .container{
    display: flex;
    justify-content: space-between;
}
.s-section-1 .container .texto{
    width: 100%;
    max-width: 663px;
}
.s-section-1 .container .texto .logo{
    width: 100%;
    max-width: 320px;
}
.s-section-1 .container .texto .logo.clube{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 457px;
}
.s-section-1 .container .texto .logo.clube a.princ {
    width: 100%;
    max-width: 248px;
}
.s-section-1 .container .texto .logo.clube a.black {
    width: 100%;
    max-width: 182px;
}

.s-section-1 .container .texto h1{
    color: #fff;
    font-size: 58px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 115.9%;
    letter-spacing: -2.32px;
    margin-top: 50px;
}
.s-section-1 .container .texto h1 strong{
    color: #7AD3FF;
    font-weight: 600;
}
.s-section-1.mp .container .texto h1 strong{
    color: #FFA034;
}
.s-section-1.delta .container .texto h1 strong{
    color: #E8B809;
}
.s-section-1.defen .container .texto h1 strong{
    color: #30D15E;
}

.s-section-1 .container .texto .aprovados{
    margin-top: 37px;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 520px;
}
.s-section-1 .container .texto .aprovados img{
    margin-right: 20px;
}
.s-section-1 .container .texto .aprovados span{
    display: block;
    color: #FFF;
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 117.4%;
}
.s-section-1 .container .texto a.btn-assine{
    margin-top: 40px;
    color: #FFF;
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: 600;
    border-radius: 10px;
    background: #00BB4B;
    width: 100%;
    max-width: 524px;
    display: flex;
    justify-content: center;
    padding: 22px 0;
    transition: all .3s;
    cursor: pointer;
}
.s-section-1 .container .texto a.btn-assine:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all .3s;
}
.s-section-1 .container .texto small{
    color: #FFF;
    font-size: 18px;
    font-family: 'Montserrat';
    line-height: 133.9%;
    font-weight: 300;
    display: block;
    margin-top: 24px;
}
.s-section-1 .container .texto small strong{
    font-weight: 600;
}
.s-section-1 .container .imagem{
    z-index: 1;
    width: 100%;
    max-width: 659px;
    margin-top: 40px;
    position: relative;
}
.s-section-1 .container .imagem::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(194, 200, 255, 0.5);
    mix-blend-mode: screen;
    filter: blur(250px);
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    z-index: -1;
}

/* frase */

.s-frase{
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    height: 61px;
    background: linear-gradient(90deg, #011F7C 0%, #04F 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.s-frase.mp{
    background: linear-gradient(90deg, #650404 0%, #B00303 100%);
}
.s-frase.delta{
    background: linear-gradient(90deg, #B49113 0%, #B29013 100%);
}
.s-frase.defen{
    background: linear-gradient(90deg, #27AF4E 0%, #30D15E 100%);
}

.s-frase .text {
    display: inline-block;
    padding-left: 4.4rem;
    text-indent: 0;
    -webkit-animation: marquee 12s linear infinite;
    animation: marquee 12s linear infinite;
    font-weight: 300;
    font-size: 2.4rem;
    line-height: 125%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Montserrat';
    font-size: 32px;
    line-height: 149.5%;
    letter-spacing: -0.32px;
    position: relative;
}
.s-frase .text::after {
    content: '';
    background-image: url(img/clube-magis-2023-2/icon-frase.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    width: 23.37px;
    height: 26.37px;
    position: absolute;
    background-repeat: no-repeat;
    left: 11px;
    top: 12px;
}

.s-section-2{
    padding-top: 54px;
    padding-bottom: 64px;
    background-image: url(img/clube-magis-2023-2/bg-section-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.s-section-2 .container h2{
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 121.9%;
    text-align: center;
}
.s-section-2 .container h2 strong{
    color: #17B6FF;
    font-weight: 600;
}
.s-section-2.mp .container h2 strong{
    color: #FFA034;
}
.s-section-2.delta .container h2 strong{
    color: #E8B809;
}
.s-section-2.defen .container h2 strong{
    color: #30D15E;
}

.s-section-2 .container p{
    color: rgba(255, 255, 255, 0.80);
    text-align: center;
    font-weight: 300;
    font-size: 15px;
    font-family: 'Montserrat';
    line-height: 135.9%;
    width: 100%;
    max-width: 793px;
    margin: 17px auto;
}
.s-section-2 .container .cards{
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
}
.s-section-2 .container .cards .card{
    width: 100%;
    height: auto;
    background: #2A2625;
    border-image: linear-gradient(#fff, #02207D) 30;
    border-width: 1px;
    border-style: solid;
    padding: 18px 20px;
    display: flex;
    align-items: flex-start;
}
.s-section-2 .container .cards .card p{
    color: #FFF;
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 115.9%;
    text-align: initial;
    margin: initial;
}
.s-section-2 .container .cards .card p strong{
    font-weight: 300;
}
.s-section-2 .container .cards .card img{
    margin-right: 10px;
    width: 37px;
}
.s-section-2 .container a.btn-assine{
    color: #FFF;
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: 600;
    border-radius: 10px;
    background: #00BB4B;
    width: 100%;
    max-width: 524px;
    display: flex;
    justify-content: center;
    padding: 22px 0;
    margin: 40px auto;
    transition: all .3s;
    cursor: pointer;
}
.s-section-2 .container a.btn-assine:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all .3s;
}
/* s-section-3 */
.s-section-3{
    padding-top: 64px;
    padding-bottom: 24px;
}
.s-section-3 .container h2{
    color: #000;
    text-align: center;
    font-size: 34px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 121.9%;
}
.s-section-3 .container h2 strong{
    color: #01ACEC;
    font-weight: 600;
}
.s-section-3.mp .container h2 strong{
    color: #FF8800;
}
.s-section-3.delta .container h2 strong{
    color: #E8B809;
}
.s-section-3.defen .container h2 strong{
    color: #30D15E;
}
.s-section-3 .container p{
    color: #000;
    text-align: center;
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 143.9%;
    margin-top: 6px;
}
.s-section-3 .container .cards{
    grid-template-columns: repeat(5,1fr);
    display: grid;
    gap: 1.4rem;
    margin-top: 34px;
}
.s-section-3.mp .container .cards{
    grid-template-columns: repeat(3,1fr);
}

.s-section-3 .container .cards .card {
    width: 100%;
    background: linear-gradient(180deg, #0D121E 0%, #122556 63.54%, #153076 100%);
    border-radius: 19px;
    position: relative;
    
}
.s-section-3 .container .cards .card .image {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.s-section-3 .container .cards .card .image::before {
    content: '';
    background: linear-gradient(2deg, rgba(18, 16, 18, 0.71) 0%, rgba(42, 38, 37, 0.00) 100%);
    border-radius: 19px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.s-section-3 .container .cards .card .image img {
    height: 100%;
    width: 100%;
    border-radius: 19px;
}
.s-section-3 .container .cards .card .cont {
    width: 100%;
    height: 101px;
    padding: 0 10px;
    position: absolute;
    bottom: 14px;
}
.s-section-3 .container .cards .card .cont h3 {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    line-height: 121.9%;
    color: #FFFFFF;
    text-align: center;
    background: #01ACEC;
    border-radius: 4px;
    width: 100%;
    max-width: 160px;
    margin: 0 auto;
    padding: 3px 0;
}
.s-section-3 .container .cards .card .cont p{
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 12px;
    line-height: 143.9%;
    text-align: center;
    color: #FFFFFF;
}

.s-section-3 .container a.btn-assine {
    color: #FFF;
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: 600;
    border-radius: 10px;
    background: #00BB4B;
    width: 100%;
    max-width: 524px;
    display: flex;
    justify-content: center;
    padding: 22px 0;
    margin: 60px auto;
    transition: all .3s;
    cursor: pointer;
}
.s-section-3 .container a.btn-assine:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all .3s;
}

.s-section-3.novidades{
    background-color: #090605;
    position: relative;
}
.s-section-3.novidades::after{
    content: '';
    background-image: url(img/clube-magis-2024-1/novidades.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    max-width: 1921px;
    height: 338px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto auto;
}
.s-section-3.novidades .container{
    position: relative;
    z-index: 1;
}
.s-section-3.novidades .container h2{
    color: #fff;
}
.s-section-3.novidades .container p{
    color: #fff;
}
.s-section-3.novidades .container .cards-novidades{
    margin-top: 62px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
    width: 100%;
    position: relative;
}
.s-section-3.novidades .container .cards-novidades .card{
    border-radius: 9.396px;
    border: 1.044px solid #343434;
    background: #0F0F0F;
    padding: 0px 18px;
    padding-bottom: 25px;
    position: relative;
}
.s-section-3.novidades .container .cards-novidades .card img {
    margin: 0 auto;
    top: -36px;
    position: relative;
}
.s-section-3.novidades .container .cards-novidades .card h3{
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 600;
    line-height: 25.056px; /* 150% */
    margin-bottom: 10px;
}
.s-section-3.novidades .container .cards-novidades .card p{
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 16.704px;
    font-weight: 300;
    line-height: 25.056px; /* 150% */
}

.s-section-3.novidades.mp .container .cards-novidades{
    grid-template-columns: repeat(2,1fr);
}

/* section 4 */

.s-section-4{
    padding-top: 49px;
    padding-bottom: 40px;
    background-image: url(img/clube-magis-2023-2/bg-section-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.s-section-4.la-24{
    background: #01224B;
    position: relative;
}
.s-section-4.la-24 .container{
    position: relative;
    z-index: 1;
}

.s-section-4.la-24::after {
    content: '';
    background-image: url(img/tjsc/frame1.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
}
.s-section-4.la-24 .depoclubem23 .info {
    width: 100%;
    max-width: 416px;
    height: 333px;
    border-radius: 5px;
    border: 0.4px solid #014394;
    background: #04326a;
}

.s-section-4 .container .icon{
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.s-section-4 .container h2{
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 121.9%;
    margin-top: 13px;
}
.s-section-4 .container p{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 135.9%;
    margin-top: 10px;
}
.s-section-4 .depoclubem23{
    margin-top: 40px;
    padding-bottom: 46px;
}
.s-section-4 .depoclubem23 .info{
    width: 100%;
    max-width: 416px;
    height: 333px;
    border-radius: 5px;
    border: 0.4px solid #FFF;
    background: #111;
}
.s-section-4 .depoclubem23 .info .image{
    display: flex;
    align-items: center;
    border-bottom: 0.4px solid #FFF;
    padding: 17px;
}
.s-section-4 .depoclubem23 .info .image img{
    width: 100%;
    max-width: 58px;
    height: 58px;
    border-radius: 50%;
    margin-right: 11px;
}
.s-section-4 .depoclubem23 .info .cont h3{
    color: #D2E7FF;
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 135.9%;
}
.s-section-4 .depoclubem23 .info .cont span{
    color: #FFAB64;
    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 135.9%;
}

.s-section-4 .depoclubem23 .info .text{
    padding: 20px;
}
.s-section-4 .depoclubem23 .info .text .icon{
    justify-content: left;
}
.s-section-4 .depoclubem23 .info .text p{
    color: #FFF;
    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 135.9%;
    text-align: left;
}

/* videos */
.s-section-4 .depovideoclubem23{
    margin-top: 40px;
    padding-bottom: 46px;
}
.s-section-4 .depovideoclubem23 .video{
    width: 100%;
    max-width: 416px;
    height: 404px;
    position: relative;
}
.s-section-4 .depovideoclubem23 .video .bg{
    width: 100%;
    height: 100%;
    position: relative;
}
.s-section-4 .depovideoclubem23 .video .bg::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 19px;
    background: linear-gradient(2deg, rgba(18, 16, 18, 0.74) 0%, rgba(30, 27, 28, 0.42) 58.85%, rgba(42, 38, 37, 0.00) 100%);
    bottom: 0;
    left: 0;
}
.s-section-4 .depovideoclubem23 .video .info{
    width: 100%;
    height: 65px;
    padding: 0 10px;
    position: absolute;
    bottom: 14px;
}
.s-section-4 .depovideoclubem23 .video .info h3{
    color: #FFF;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 135.9%;
    text-align: center;
}
.s-section-4 .depovideoclubem23 .video .info span{
    display: block;
    color: #FFAB64;
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 135.9%;
    text-align: center;
}

.s-section-4 .depovideoclubem23 .video img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 19px;
}
.s-section-4 .depovideoclubem23 .video .icon{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    z-index: 1;
}
.s-section-4 .depovideoclubem23 .video .icon img{
    width: 100%;
    max-width: 128px;
    object-fit: initial;
}


.s-section-4 .depovideoclubem23 .thumbnail {
    width: 100%;
    cursor: pointer;
  }
  
.s-section-4 .depovideoclubem23 #modal {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }
  
.s-section-4 .depovideoclubem23 #modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: white;
  }
  
.s-section-4 .depovideoclubem23 #youtube-video {
    margin-bottom: 10px;
  }
  
.s-section-4 .depovideoclubem23 #close-button {
    padding: 10px 20px;
    background-color: white;
    color: black;
    border: none;
    cursor: pointer;
}

.s-section-4 .container a.btn-assine{
    color: #FFF;
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: 600;
    border-radius: 10px;
    background: #00BB4B;
    width: 100%;
    max-width: 524px;
    display: flex;
    justify-content: center;
    padding: 22px 0;
    margin: 20px auto;
    transition: all .3s;
    cursor: pointer;
}
.s-section-4 .container a.btn-assine:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all .3s;
}
  

/* s-section-5 */

.s-section-5{
    padding-top: 54px;
    padding-bottom: 54px;
    background-color: #111111;
}
.s-section-5 .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.s-section-5 .container .naoepara{
    width: 100%;
    max-width: 590px;
    height: 360px;
    border: 1px solid #2C2C2C;
    background: #111;
    padding: 38px;
}
.s-section-5 .container .naoepara.epara{
    border-image: linear-gradient(#5CBB5F, #FFAE3D, #26FFEA, #6C83ED, #DC3570) 30;
    border-width: 4px;
    border-style: solid;
}
.s-section-5 .container .naoepara h3{
    color: #FFF;
    font-size: 26px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 135.9%;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.s-section-5 .container .naoepara ul li{
    display: flex;
    align-items: flex-start;
    margin-bottom: 18px;
    color: #FFF;
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 135.9%;
}
.s-section-5 .container .naoepara ul li img{
    margin-right: 10px;
}

/* s-section-6 */

.s-section-6{
    padding-top: 54px;
    padding-bottom: 54px;
    background-color: #121012;
}
.s-section-6.la-24{
    background: #f1f4f9;
    position: relative;
}
.s-section-6.la-24::after {
    content: '';
    background-image: url(img/tjsc/frame1.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
}
.s-section-6.la-24 .container .text h2 {
    color: #0f1a2a;
    font-weight: 600;
}
.s-section-6.la-24 .container .text p {
    color: #0f1a2a;
}

.s-section-6 .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.s-section-6 .container .image{
    width: 100%;
    max-width: 590px;
}
.s-section-6 .container .image img{
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.s-section-6 .container .text{
    width: 100%;
    max-width: 590px;
}
.s-section-6 .container .text h2{
    color: #D2E7FF;
    font-size: 26px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 135.9%;
    margin-bottom: 20px;
}
.s-section-6 .container .text p{
    color: #FFF;
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 135.9%;
    margin-bottom: 20px;
}
.s-section-6 .container .text ul{
    margin-top: 32px;
}
.s-section-6 .container .text ul li{
    color: #FFF;
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 135.9%;
    display: flex;
    align-items: center;
    margin-bottom: 26px;
}
.s-section-6 .container .text ul li img{
    margin-right: 10px;
}

/* s-section-7 */

.s-section-7{
    padding-top: 54px;
    padding-bottom: 54px;
    background-color: #121012;
}
.s-section-7.la-24{
    background: #01224B;
    position: relative;
}
.s-section-7.la-24 .container{
    position: relative;
    z-index: 1;
}
.s-section-7.la-24::after {
    content: '';
    background-image: url(img/tjsc/frame1.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
}
.s-section-7.la-24 .container .geral .card{
    background: linear-gradient(180deg, #04326a 0%, #01224b 100%);
}
.s-section-7.la-24 .container .geral .card ul li {
    border-bottom: 1px solid #00224a;
}

.s-section-7 .container h2{
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 121.9%;
    margin-top: 13px;
}

.s-section-7 .container .geral{
    margin-top: 36px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
}
.s-section-7.novo .container .geral{
    grid-template-columns: repeat(2,1fr);
    gap: 7rem;
}
.s-section-7.novo .container .geral .card.custo .selo {
    position: absolute;
    top: 0;
    right: 0;
}
.s-section-7.novo .container .geral .card.custo .selo img{
    width: 100%;
}

.s-section-7 .container .geral .card{
    border-radius: 20px;
    background: linear-gradient(180deg, #2A2625 0%, #120E0D 100%);
    height: 1024px;
}
.s-section-7.novo .container .geral .card{
    height: auto;
}
.s-section-7 .container .geral .card.custo{
    padding: 9px 9px;
}
.s-section-7.novo .container .geral .card.custo{
    position: relative;
    border: 2px solid #0ff;
    padding: 12px 9px;
}
.s-section-7 .container .geral .card.custo .selo{
    position: absolute;
    top: 0;
    left: 0;
}
.s-section-7 .container .geral .card .logo{
    /* border-bottom: 1px solid #342E2D; */
    padding: 26px 26px 0px 26px;
}
.s-section-7 .container .geral .card .logo img{
    margin: 0 auto;
    width: 100%;
    max-width: 234px;
}
.s-section-7 .container .geral .card .logo .tipo img{
    margin: 0 auto;
    width: 100%;
    max-width: 129px;
    margin-top: 16px;
}
.s-section-7 .container .geral .card ul{
    padding: 26px;
    height: 584px;
}
.s-section-7.novo .container .geral .card ul{
    height: auto;
}
.s-section-7 .container .geral .card ul li{
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 15px;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 121.9%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #342E2D;
}
.s-section-7 .container .geral .card ul li img{
    margin-right: 10px;
}
.s-section-7 .container .geral .card .valor{
    padding: 0px 20px 20px 20px;
}
.s-section-7 .container .geral .card .valor h3{
    color: #FFF;
    font-size: 16px;
    font-family: 'Montserrat';
    text-align: center;
    font-weight: 600;
    line-height: 121.9%;
    border-radius: 7px;
    background: #FC8701;
    padding: 8px 0;
    width: 100%;
    max-width: 281px;
    margin: 0 auto;
}
.s-section-7 .container .geral .card .valor span{
    background-image: linear-gradient(to right, #fff, #00e5e5);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 22px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-top: 9px;
    text-align: center;
    display: block;
}
.s-section-7 .container .geral .card .valor h4{
    font-size: 40px;
    font-family: 'Montserrat';
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin-top: 4px;
    color: #fff;
}
.s-section-7 .container .geral .card .valor small{
    background-image: linear-gradient(to right, #70ffad, #00d65b);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 24px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    text-align: center;
}
.s-section-7 .container .geral .card .valor p{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 121.9%;
    border-radius: 14px;
    background: #17B6FF;
    padding: 7px 0;
    width: 100%;
    max-width: 261px;
    margin: 0 auto;
    margin-top: 12px;
}
.s-section-7 .container .geral .card a.btn-action{
    width: 100%;
    border-radius: 4px;
    background: #00BB4B;
    color: #FFF;
    font-size: 22px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    justify-content: center;
    padding: 27px 0;
    transition: all .3s;
}
.s-section-7 .container .geral .card a.btn-action:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all .3s;
}

.s-section-7 .container .marcas-black {
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* s-section-8 */

.s-section-8{
    padding-top: 90px;
    padding-bottom: 90px;
    background-image: url(img/clube-magis-2023-2/bg-section-8.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.s-section-8 .container{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.s-section-8 .container .perguntas{
    width: 100%;
    max-width: 640px;
}
.s-section-8 .container .perguntas h2{
    color: #FFF;
    font-size: 34px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    line-height: 121.9%;
}
.s-section-8 .container .perguntas .accordion {
    margin-top: 17px;
}

.s-section-8 .container .perguntas .accordion-header {
    background-color: #292524;
    border-radius: 9px;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 12px;
}
.s-section-8 .container .perguntas .accordion-header h3{
    color: #FFF;
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 400;
    line-height: 143.9%;
}
  
.s-section-8 .container .perguntas .accordion-content {
    padding: 10px;
    display: none;
  }
  
.s-section-8 .container .perguntas .accordion-header.active {
    background-color: #fff;
    margin-bottom: -6px;
}
.s-section-8 .container .perguntas .accordion-header.active h3{
    color: #292524;
}
  
.s-section-8 .container .perguntas  .accordion-header.active + .accordion-content {
    display: block;
    background-color: #fff;
    margin-bottom: 10px;
}
.s-section-8 .container .perguntas  .accordion-header.active + .accordion-content p{
    font-size: 13px;
    color: #292524;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 143.9%;
}
  
.s-section-8 .container .perguntas  .arrow {
    display: inline-block;
    margin-left: 10px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #01ACEB;
    transition: transform 0.3s ease-in-out;
  }
  
.s-section-8 .container .perguntas .arrow.down {
    transform: rotate(90deg);
}


.s-section-8 .container .duvida{
    width: 100%;
    max-width: 536px;
}
.s-section-8 .container .duvida h2{
    color: #FFF;
    font-size: 34px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 121.9%;
    margin-top: 8px;
}
.s-section-8 .container .duvida p{
    color: #FFF;
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 143.9%;
    margin-top: 14px;
}
.s-section-8 .container .duvida a.btn-action{
    width: 100%;
    border-radius: 4px;
    background: #00BB4B;
    color: #FFF;
    font-size: 22px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    justify-content: center;
    padding: 27px 0;
    margin-top: 30px;
    transition: all .3s;
}
.s-section-8 .container .duvida a.btn-action:hover{
    outline: 8px solid rgba(255,255,255,.2);
    transition: all .3s;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    background-color: #fff;
}




/* tpemg */
.s-hero.dpemg{
    background: linear-gradient(175deg, #101C00 0%, #121012 100%);
    padding-bottom: 80px;
}
.s-hero.dpemg::after {
    content: '';
    background-image: url(img/dpemg/bg-hero.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.s-hero.dpemg .container{
    display: flex;
    justify-content: space-between;
}
.s-hero.dpemg .container .cont h1 strong {
    color: #8EBE44;
}

/* color-1 */
.s-card-tjrj.color-1 .container .titulo {
    background: linear-gradient(180deg, #8BBD42 0%, #146A40 100%);
}
/* color-2 */
.s-card-tjrj.color-1.color-2 .container .titulo {
    background: linear-gradient(180deg, #005578 0%, #010C28 100%);
}

.s-professores-tjrj.color-1{
    padding-top: 26px;
}

.s-price-tjrj.color-1 .container .cupom ul li a strong {
    color: #8EBE44;
}
.s-price-tjrj.color-1.color-2 .container .cupom ul li a strong {
    color: #0495DC;
}
.s-price-tjrj.color-1 .container .cupom ul li a {
    font-size: 14px;
}
.s-price-tjrj.color-1 .container .cupom ul li a:hover strong{
    color: #000;
}
.s-price-tjrj.color-1.tjsc .container .price .price-on h3 {
    font-size: 72px;
}
.s-price-tjrj.color-1.tjsc .container .price .price-on {
    margin-top: 30px;
}

.s-price-tjrj.color-1 .container .price .price-on h3 {
    font-size: 52px;
    color: #9bffa2;
}
.s-price-tjrj.color-1 .container .price .price-on small {
    font-weight: 300;
}

/* professores */
.s-professores-tjrj.color-1 {
    padding-top: 26px;
    padding-bottom: 70px;
}
.s-professores-tjrj.color-1 .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.s-professores-tjrj.color-1 .container .texto{
    width: 100%;
    max-width: 745px;
}
.s-professores-tjrj.color-1 .container h2 {
    text-align: left;
}
.s-professores-tjrj.color-1 .container span {
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 34px;
    font-weight: 500;
    line-height: 121.9%;
    color: #8EBE44;
    margin-top: 6px;
    display: block;
}
.s-professores-tjrj.color-1 .container p {
    text-align: left;
}

.s-professores-tjrj.color-1 .container .cards {
    display: initial;
    gap: 0rem;
    margin-top: 0px;
    width: 100%;
    max-width: 380px;
}

.s-professores-tjrj.color-1 .container a.btn-action {
    margin: 36px 0;
    cursor: pointer;
}
.s-professores-tjrj.color-1 .container .cards .card .cont h3 {
    background: linear-gradient(180deg, #8EBE44 0%, #1A6E40 100%);
}
.s-professores-tjrj.color-1 .container .cards .card .cont {
    height: 62px;
}
.s-professores-tjrj.color-1 .container .cards .card .cont h3 {
    font-size: 22px;
    max-width: 224px;
}




/* pcsp */

.s-hero.dpemg.pcsp{
    background: linear-gradient(175deg, #101C00 0%, #121012 100%);
    padding-bottom: 0px;
}
.s-hero.dpemg.pcsp::after {
    content: '';
    background-image: url(img/pcsp/bg-hero.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.s-hero.dpemg.pcsp .container{
    display: flex;
    align-items: flex-end;
}
.s-hero.dpemg.pcsp .container .image{
    width: 100%;
    max-width: 560px;
    height: 840px;
}
.s-hero.dpemg.pcsp .container .cont h1 {
    font-size: 65px;
}
.s-hero.dpemg.pcsp .container .cont h1 strong {
    color: #FFDA0D;
}
.s-hero.dpemg.pcsp .container .cont {
    margin-bottom: 70px;
}



/* tjsc */

.s-hero.tjsc{
    background: linear-gradient(170.02deg, #141321 13.04%, #141321 92.52%);
    padding-bottom: 32px;
}

.s-hero.tjsc::after {
    content: '';
    background-image: url(img/tjsc/bg-hero-people.png);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 1920px;
    height: 882px;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.s-hero.tjsc::before {
    content: '';
    background-color: #6B60FF;
    mix-blend-mode: lighten;
    filter: blur(217.5px);
    width: 443px;
    height: 534px;
    position: absolute;
    top: -165px;
    right: -100px;
}
.s-hero.tjsc .vector1{
    content: '';
    background-image: url(img/tjsc/ector1.svg);
    background-repeat: no-repeat;
    width: 396px;
    height: 306.34px;
    position: absolute;
    top: 0;
    right: 0;
}

.s-hero.tjsc .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.s-hero.tjsc .container .cont {
    max-width: 629px;
}
.s-hero.tjsc .container .cont img{
    margin: 0 auto;
    width: 100%;
    max-width: 292px;
}
.s-hero.tjsc .container .cont h1{
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 150%; /* 43.5px */
    text-transform: uppercase;
    margin-top: 26px;
}
.s-hero.tjsc .container .cont h1 strong{
    color: #B1D44F;
}
.s-hero.tjsc .container .cont p {
    color: #D8D8D8;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-top: 28px;
}
.s-hero.tjsc .container .cont a.btn-action {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 560px;
    background: #00BB4B;
    padding: 24px 0;
    border-radius: 6px;
    cursor: pointer;
    margin: 36px auto;
    cursor: pointer;
}


/* .s-card-tjrj.tjsc */

.s-card-tjrj.tjsc{
    background-color: #141321;
    position: relative;
    padding-top: 22px;
}
.s-card-tjrj.tjsc .container{
    position: relative;
    z-index: 1;
}
.s-card-tjrj.tjsc .container .titulo h2 {
    font-size: 31.614px;
}
.s-card-tjrj.tjsc .container .titulo h2 strong{
    color: #B1D54F;
}
.s-card-tjrj.tjsc::after{
    content: '';
    background-image: url(img/tjsc/frame1.svg);
    width: 100%;
    max-width: 1923px;
    background-repeat: no-repeat;
    height: 774px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto auto;
}

.s-card-tjrj.tjsc .container .titulo {
    background: none;
}
.s-card-tjrj.tjsc .container .cards .card {
    border-radius: 7.025px;
    border: 0.878px solid rgba(255, 255, 255, 0.15);
    background: rgba(39, 33, 128, 0.50);
}

.s-card-tjrj.tjsc .container a.btn-action {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 560px;
    background: #00BB4B;
    padding: 24px 0;
    border-radius: 6px;
    cursor: pointer;
    margin: 36px auto;
    cursor: pointer;
}



/* tjce */

.s-section-3.tjce .container .cards {
    grid-template-columns: repeat(4,1fr);
}

.s-section-4.tjce{
    background-color: #141321;
    background-image: none;
    position: relative;
}
.s-section-4.tjce.tjce::after {
    content: '';
    background-color: #6B60FF;
    mix-blend-mode: lighten;
    filter: blur(217.5px);
    width: 358px;
    height: 483px;
    position: absolute;
    top: 0;
    left: -145px;
}
.s-section-4.tjce.tjce::before {
    content: '';
    background-image: url(img/tjce/vector1.svg);
    width: 100%;
    max-width: 535px;
    height: 1118px;
    position: absolute;
    top: 0;
    left: -145px;
}

.s-section-4.tjce .depoclubem23 .info {
    border-radius: 7.025px;
    border: 0.878px solid rgba(255, 255, 255, 0.15);
    background: rgba(39, 33, 128, 0.50);
}
.s-section-4.tjce .depoclubem23 .info .image {
    border-bottom: 0.4px solid #393381;
}

.s-section-6.tjce{
    background-color: #141321;
}

.s-hero.tjsc.tjce .container .cont h1 {
    color: #fff;
    text-align: center;
    font-size: 51px;
    font-weight: 700;
    line-height: 114%;
    text-transform: uppercase;
    margin-top: 26px;
}

.s-price-tjrj.tjce{
    background: #141321;
    position: relative;
}
.s-price-tjrj.tjce::after{
    content: '';
    background-color: #6B60FF;
    mix-blend-mode: lighten;
    filter: blur(217.5px);
    width: 358px;
    height: 483px;
    position: absolute;
    top: 0;
    right: -145px;
}
.s-price-tjrj.tjce .container .price {
    margin: 0 auto;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(39, 33, 128, 0.50);
    backdrop-filter: blur(25px);
    display: block;
    z-index: 1;
}



/* black mege */

.s-hero-cmg-whats.black{
    padding: 57px 0;
    background-image: url(img/black-mege/bg-black.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.s-hero-cmg-whats.black .container .geral{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 851px;
    margin: 0 auto;
}
.s-hero-cmg-whats.black .container .geral .logo-black{
    width: 100%;
    max-width: 368px;
}
.s-hero-cmg-whats.black .container .geral .logo-black span{
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.2px;
    display: block;
    margin-top: 19px;
}
.s-hero-cmg-whats.black .container .geral .video{
    width: 100%;
    max-width: 406px;
}
.s-hero-cmg-whats.black .container .geral .video video{
    width: 100%;
    height: 100%;
    border-radius: 7px;
}
.s-hero-cmg-whats.black .container .texto{
    width: 100%;
    max-width: 822px;
    margin: 40px auto;
}
.s-hero-cmg-whats.black .container .texto h2{
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 35.388px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 42.465px */
    letter-spacing: -0.354px;
}
.s-hero-cmg-whats.black .container .texto h2 strong{
    color: #B28EFF;
}
.s-hero-cmg-whats.black .container .texto p{
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.16px;
    margin-top: 23px;
}
.s-hero-cmg-whats.black .container .texto p strong{
    color: #B797FF;
    display: block;
}
.s-hero-cmg-whats.black .container .cards h2{
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.16px;
    width: 100%;
    max-width: 646px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    padding-top: 20px;
}
.s-hero-cmg-whats.black .container .cards{
    position: relative;
}
.s-hero-cmg-whats.black .container .cards::after {
    content: '';
    position: absolute;
    background: linear-gradient(182deg, #641EFC -75.59%, rgba(100, 30, 252, 0.00) 95.86%);
    width: 100%;
    max-width: 922px;
    height: 373px;
    left: 0;
    right: 0;
    top: 0;
    margin: auto auto;
    border-radius: 21px;
}
.s-hero-cmg-whats.black .container .cards .ger{
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 2rem;
    width: 100%;
    position: relative;
    z-index: 1;
}

.s-hero-cmg-whats.black .container .cards .ger .card{
    border-radius: 13px;
    background: #161616;
    padding: 32px 17px;
    min-height: 236px;
    position: relative;
}
.s-hero-cmg-whats.black .container .cards .ger .card::after{
    content: '';
    width: 20px;
    height: 6px;
    flex-shrink: 0;
    background: #641EFC;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    margin: auto auto;
}
.s-hero-cmg-whats.black .container .cards .ger .card.princ{
    border-radius: 13px;
    border: 1px dashed #FFF;
    background: linear-gradient(180deg, #591BDF 0%, #3F12A1 100%);
}
.s-hero-cmg-whats.black .container .cards .ger .card.princ::after{
    display: none;
}
.s-hero-cmg-whats.black .container .cards .ger .card.princ ul li{
    font-size: 14px;
    font-weight: 600;
    line-height: 98.464%; /* 13.785px */
}   
.s-hero-cmg-whats.black .container .cards .ger .card h3{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 16px;
}
.s-hero-cmg-whats.black .container .cards .ger .card h3 span{
    font-weight: 700;
}
.s-hero-cmg-whats.black .container .cards .ger .card h3 strong{
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 800;
    margin: 6px 0;
}
.s-hero-cmg-whats.black .container .cards .ger .card h3 strong img{
    margin-right: 6px;
}
.s-hero-cmg-whats.black .container .cards .ger .card ul li{
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    color: #D7C5FF;
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 300;
}
.s-hero-cmg-whats.black .container .cards .ger .card ul li img{
    margin-right: 5px;
}
.s-hero-cmg-whats.black .container .cards .ger .card a.btn-action{
    width: 100%;
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    border-radius: 16px;
    background: #03A900;
    padding: 10px 0;
    transition: 0.3s;
}
.s-hero-cmg-whats.black .container .cards .ger .card a.btn-action:hover{
    background: #039800;
    transition: 0.3s;
}

.s-hero-cmg-whats.black .container .forms{
    width: 100%;
    max-width: 632px;
    margin: 40px auto;
}
.s-hero-cmg-whats.black .container .forms h3{
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 19px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.24px;
}
.s-hero-cmg-whats.black .container .forms img{
    margin: 20px auto;
}

#rdstation-bricks-embeddable-form-bricks-component-D9vA_3_I8Bu7EUdY5jj95g .bricks-form {
    /* padding: 0 5px; */
    background-color: #08090e;
}

#rdstation-bricks-embeddable-form-bricks-component-ShCQpUn6ykodaGuUR52iDg .bricks--section > div {
    background-color: #161616;
    padding: 31px;
    border: 1px solid #161616;
}

#rdstation-bricks-embeddable-form-bricks-component-gTSDl_ibWW-PK4X3rG1sGw .bricks-form{
    background-color: #161616;
    padding: 31px;
    border: 1px solid #161616;
}

.s-hero-cmg-whats.black #rdstation-bricks-embeddable-form-bricks-component-vUlfDLE2L2EenDZnrqdl2g .bricks-form {
    padding: 0 0px;
}

.lp-maratona-obrigado.jornada-da-aprovacao.black-mege{
    background-image: url(img/black-mege/bg-black.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.lp-maratona-obrigado.jornada-da-aprovacao.ex-magistratura{
    background: linear-gradient(170.02deg, #01224B 13.04%, #01224B 92.52%);
    padding-top: 100px;
    padding-bottom: 89px;
    position: relative;
}
.lp-maratona-obrigado.jornada-da-aprovacao.ex-magistratura::after {
    content: '';
    background-image: url(img/exame-da-magistratura/background.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
}
.lp-maratona-obrigado.jornada-da-aprovacao.ex-magistratura .container{
    position: relative;
    z-index: 1;
}

.lp-maratona-obrigado.jornada-da-aprovacao .container .texto h2 {
    font-family: 'Montserrat';
    font-weight: 900;
    font-size: 96px;
    line-height: 135.9%;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(180deg, #FFCE51 24.79%, #AC7E1C 81.82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.lp-maratona-obrigado.jornada-da-aprovacao .container .texto h2 {
    font-family: 'Montserrat';
    font-weight: 900;
    font-size: 96px;
    line-height: 135.9%;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(180deg, #cbb3ff 24.79%, #864fff 81.82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}


/* exame nacional da magistratura */
.s-hero.ex-da-magistratura{
    background: linear-gradient(170.02deg, #01224B 13.04%, #01224B 92.52%);
    padding-top: 100px;
    padding-bottom: 89px;
    position: relative;
}
.s-hero.ex-da-magistratura::before{
    content: '';
    background-image: url(img/exame-da-magistratura/novo.png);
    width: 117px;
    height: 74px;
    position: absolute;
    top: 0;
    right: 188px;
    z-index: 1;
}
.s-hero.ex-da-magistratura .container .cont {
    width: 100%;
    max-width: 788px;
    margin: 0 auto;
}
.s-hero.ex-da-magistratura .container .cont img{
    margin: 0 auto;
}
.s-hero.ex-da-magistratura::after {
    content: '';
    background-image: url(img/exame-da-magistratura/background.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; /* Centraliza a imagem horizontalmente e verticalmente */
    background-attachment: fixed; /* Fixa a imagem no viewport */
    position: absolute;
    top: 0;
    left: 0;
}
.s-hero.ex-da-magistratura .container .cont h1{
    text-align: center;
    font-family: 'Montserrat';
    color: #fff;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 123%;
    text-transform: uppercase;
}
.s-hero.ex-da-magistratura .container .cont h1 strong{
    color: #0087FF;
}
.s-hero.ex-da-magistratura .container .cont p {
    color: #D8D8D8;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-top: 24px;
}
.s-hero.ex-da-magistratura .container .cont small{
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 29px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 43.5px */
    display: block;
    align-items: center;
    margin-top: 20px;
}

.s-hero.ex-da-magistratura .container .cont a.btn-action {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
    margin-top: 57px;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 524px;
    background: #00BB4B;
    padding: 24px 0;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 42px auto;
}

.s-card-tjrj.tjsc.ex-da-magistratura{
    background-color: #01224B;
}

.s-card-tjrj.tjsc.ex-da-magistratura::after {
    content: '';
    background-image: url(img/tjsc/frame1.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
}
.s-card-tjrj.tjsc.ex-da-magistratura .container .titulo h2 {
    font-size: 31.614px;
    text-transform: uppercase;
}
.s-card-tjrj.tjsc.ex-da-magistratura .container .titulo h2 strong {
    color: #0087FF;
}
.s-card-tjrj.tjsc.ex-da-magistratura .container .titulo p {
    color: #D8D8D8;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-top: 17px;
}
.s-card-tjrj.tjsc.ex-da-magistratura .container .cards {
    margin-top: 0px;
    grid-template-columns: repeat(3,1fr);
}
.s-card-tjrj.tjsc.ex-da-magistratura .container .cards .card {
    border: 0.878px solid rgba(255, 255, 255, 0.15);
    background: #002A5E;
}

.s-section-6.ex-da-magistratura {
    padding: 41px 0;
    background-color: #01224B;
    position: relative;
}
.s-section-6.ex-da-magistratura::after {
    content: '';
    background-image: url(img/tjsc/frame1.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
}
.s-section-6.ex-da-magistratura .container {
    display: block;
}
.s-section-6.ex-da-magistratura .container h2{
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 32px;
    line-height: 121.9%;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.s-section-6.ex-da-magistratura .container h2 strong{
    color: #0087FF;
}
.s-section-6.ex-da-magistratura .container .geral{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.s-price-tjrj.tjce.ex-da-magistratura{
    background: #01224B;
}
.s-price-tjrj.tjce.ex-da-magistratura .container .price{
    background: #002A5E;
}
.s-price-tjrj.tjce.ex-da-magistratura .container .price .price-on h4 {
    color: #FFFFFF;
    margin-bottom: 10px;
}
.s-price-tjrj.color-1.ex-da-magistratura .container .price .price-on h3 {
    color: #fff;
}
.s-price-tjrj.tjce.ex-da-magistratura .container .price .price-on small{
    color: #54B0FF;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 26px;
    display: block;
    font-weight: 300;
    line-height: 150%; /* 39px */
    letter-spacing: 0.78px;
}
.s-price-tjrj.tjce.ex-da-magistratura .container .price .price-on span {
    margin-top: 20px;
}
.s-price-tjrj.color-1.ex-da-magistratura .container .price .price-on .cupom-desco h3 {
    color: #fff;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 109.4%;
    padding: 20px 20px;
    border-radius: 12px;
    border: 1px dashed #FFF;
    margin-top: 16px;
}
.s-price-tjrj.color-1.ex-da-magistratura .container .price .price-on .cupom-desco h3 strong{
    color: #58B2FF;
    font-weight: 700;
    text-decoration: none;
}
.s-price-tjrj.color-1.ex-da-magistratura .container .price .price-on h5{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 33px */
    text-align: center;
    margin-top: 10px;
}
.s-price-tjrj.color-1.ex-da-magistratura .container .price .price-on h5 strong{
    color: #58B2FF;
    font-weight: 700;
    text-decoration: none;
}

.s-section-4.ex-da-magistratura{
    background-color: #01224B;
}
.s-section-4.ex-da-magistratura{
    background-color: #01224B;
    position: relative;
    background-image: none;
}
.s-section-4.ex-da-magistratura .depoclubem23 .info {
    background: #002A5E;
}

.s-section-6.ex-da-magistratura-ponto-a-ponto{
    background-color: #01224B;
    position: relative;
    background-image: none;
}


.s-section-4.ex-da-magistratura-ponto-a-ponto::after {
    content: '';
    background-image: url(img/tjsc/frame1.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
}


.s-section-6.ex-da-magistratura .container .text ul li .info{
    display: flex;
    align-items: flex-start;
}
.s-section-6.ex-da-magistratura .container .text ul li .info .icon{
    width: 100%;
    max-width: 51px;
    margin-right: 18px;
}
.s-section-6.ex-da-magistratura .container .text ul li .info .text-inf h3{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 127.7%; /* 28.094px */
    margin-bottom: 6px;
}
.s-section-6.ex-da-magistratura .container .text ul li .info .text-inf p{
    color: rgba(255, 255, 255, 0.70);
    font-family: 'Montserrat';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 155.7%; /* 21.798px */
}

.s-price-tjrj.tjce.ex-da-magistratura .price img{
    margin-bottom: 32px;
}

/* indique e ganhe */
.s-hero.indique-e-ganhe{
    background-image: url(img/indique-e-ganhe/bg.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; /* Centraliza a imagem horizontalmente e verticalmente */
    background-attachment: fixed; /* Fixa a imagem no viewport */
    padding-bottom: 0;
}

.s-hero.indique-e-ganhe::after {
    display: none;
}
.s-hero.indique-e-ganhe .container .cont .logo{
    display: flex;
    align-items: center;
}
.s-hero.indique-e-ganhe .container .cont .logo .indique{
    margin-right: 20px;
}
.s-hero.indique-e-ganhe .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.s-hero.indique-e-ganhe .container .cont{
    width: 100%;
    max-width: 563px;
}
.s-hero.indique-e-ganhe .container .cont h1 {
    font-family: 'Montserrat';
    color: #F8F8F8;
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.s-hero.indique-e-ganhe .container .cont h1 strong{
    color: #FFEB3A;
}
.s-hero.indique-e-ganhe .container .cont p {
    font-family: 'Montserrat';
    color: #F8F8F8;
    font-size: 16px;
    font-weight: 400;
    line-height: 171.36%; /* 27.418px */
}
.s-hero.indique-e-ganhe .container .cont a.btn-action {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    color: #000;
    margin-top: 57px;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 369px;
    background: #CAF651;
    padding: 22px 0;
    border-radius: 8px;
    cursor: pointer;
}

.s-cards-como-funciona{
    padding: 63px 0;
}
.s-cards-como-funciona .container h2{
    color: #000;
    font-family: 'Montserrat';
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.s-cards-como-funciona .container .geral{
    margin-top: 28px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.s-cards-como-funciona .container .geral .cards{
    width: 100%;
    max-width: 706px;
}
.s-cards-como-funciona .container .geral .cards .card{
    border-radius: 8px;
    background: #15192C; 
    padding: 31px 20px;
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
}
.s-cards-como-funciona .container .geral .cards .card img{
    margin-right: 20px;
}
.s-cards-como-funciona .container .geral .cards .card .text h3{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
}
.s-cards-como-funciona .container .geral .cards .card .text p{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 125.864%; /* 20.138px */
    margin-top: 7px;
}
.s-cards-como-funciona .container .geral .forms{
    width: 100%;
    max-width: 507px;
}

.termos-e-condicoes{
    padding: 63px 0;
    background-image: url(img/indique-e-ganhe/bg-termos.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; /* Centraliza a imagem horizontalmente e verticalmente */
    background-attachment: fixed; /* Fixa a imagem no viewport */
}
.termos-e-condicoes .container h2{
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.termos-e-condicoes .container .cards{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 34px;
}
.termos-e-condicoes .container .cards {
    margin-top: 34px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
}
.termos-e-condicoes .container .cards .card{
    width: 100%;
    border-radius: 6px;
    border: 1px solid #FFF;
    padding: 27px;
}
.termos-e-condicoes .container .cards .card p{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-top: 10px;
    text-align: left;
}
.termos-e-condicoes .container p{
    color: #F8F8F8;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 171.36%; /* 27.418px */
    width: 100%;
    max-width: 745px;
    margin: 20px auto;
}
.termos-e-condicoes .container a.btn-action {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    color: #000;
    margin-top: 57px;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 369px;
    background: #CAF651;
    padding: 22px 0;
    border-radius: 8px;
    cursor: pointer;
    margin: 0 auto;
}


/* Clube magis 2024.1 new */

.s-clube-24.new{
    background: linear-gradient(170.02deg, #01224B 13.04%, #01224B 92.52%);
    padding-top: 25px;
    padding-bottom: 89px;
    position: relative;
}
.s-clube-24.new .container{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.s-clube-24.new .color{
    width: 370px;
    height: 370px;
    border-radius: 670px;
    background: #0C3192;
    filter: blur(120px);
    position: absolute;
    z-index: 1;
    right: -141px;
    top: 87px;
}
.s-clube-24.new::before {
    content: '';
    background-image: url(img/exame-da-magistratura/novo.png);
    width: 117px;
    height: 74px;
    position: absolute;
    top: 0;
    left: 188px;
    z-index: 1;
}

.s-clube-24.new::after {
    content: '';
    background-image: url(img/exame-da-magistratura/background.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
}

.s-clube-24.new .container .texto{
    width: 100%;
    max-width: 592px;
}
.s-clube-24.new .container .texto h1 {
    color: #7AD3FF;
    font-family: 'Montserrat';
    font-size: 29px;
    font-weight: 400;
    line-height: 146.9%;
    letter-spacing: -1.92px;
    color: #fff;
    margin-top: 71px;
}
.s-clube-24.new .container .texto h1 strong{
    color: #7AD3FF;
    font-weight: 600;
    font-size: 45px;
}
.s-clube-24.new .container .texto p{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 400;
    line-height: 117.4%; /* 18.784px */
    margin-top: 27px;
}
.s-clube-24.new .container a.btn-assine {
    color: #FFF;
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 600;
    border-radius: 118px;
    background: #00BB4B;
    width: 100%;
    max-width: 427.703px;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    padding: 22px 0;
    margin: 40px 0;
    transition: all .3s;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
.s-clube-24.new .container a.btn-assine:hover{
    outline: rgba(255, 255, 255, 0.2) solid 8px;
    transition: all 0.3s ease 0s;
}

.s-clube-24.new .container .imagem{
    width: 100%;
    max-width: 570px;
    height: 437px;
    position: relative;
}
.s-clube-24.new .container .imagem img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 38px;
}

.s-clube-24.new .container .imagem .dados{
    position: absolute;
    bottom: -24px;
    left: -56px;
    width: 229px;
    height: 127px;
    border-radius: 18px;
    background: #FFF;
    padding: 16px 16px;
}
.s-clube-24.new .container .imagem .dados h3{
    color: #FF7A00;
    font-family: 'Montserrat';
    font-size: 50px;
    font-weight: 700;
    line-height: 115.9%; /* 57.95px */
    letter-spacing: -2px;
    text-align: center;
}
.s-clube-24.new .container .imagem .dados small{
    color: #1A1A1A;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 700;
    line-height: 115.9%; /* 17.385px */
    letter-spacing: -0.6px;
    display: block;
}

/* section-2 */
.s-clube-24.section-2{
    background-color: #01224B;
    padding: 60px 0;
    position: relative;
}
.s-clube-24.section-2 .container{
    position: relative;
    z-index: 1;
}

.s-clube-24.section-2 .color {
    width: 370px;
    height: 370px;
    border-radius: 670px;
    background: #0C3192;
    filter: blur(120px);
    position: absolute;
    z-index: 1;
    left: -141px;
    top: 87px;
}

.s-clube-24.section-2 .container h4{
    color: #F80;
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 2.57px;
    text-transform: uppercase;
}
.s-clube-24.section-2 .container h2{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 34.068px;
    text-align: center;
    font-weight: 600;
    margin-top: 6px;
}
.s-clube-24.section-2 .container .cards{
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 2rem;
    width: 100%;
    position: relative;
}
.s-clube-24.section-2 .container .cards .card{
    width: 100%;
    height: 268px;
    border: 1px solid #164989;
    padding: 29px 31px;
}
.s-clube-24.section-2 .container .cards .card img{
    margin: 0 auto;
}
.s-clube-24.section-2 .container .cards .card h3{
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 22px;
    font-weight: 600;
    margin-top: 19px;
}
.s-clube-24.section-2 .container .cards .card p{
    color: rgba(255, 255, 255, 0.50);
    text-align: center;
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
    height: 53px;
}
.s-clube-24.section-2 .container .cards .card .tipo{
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 57px;
}
.s-clube-24.section-2 .container .cards .card .tipo small{
    color: #343C40;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 10px;
    display: block;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 3px 0;
    border-radius: 20px;
    border: 1px solid #B5B5B5;
    background: #F6F6F6;
    width: 100%;
    max-width: 108px;
}
.s-clube-24.section-2 .container .cards .card .tipo span{
    color: #343C40;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 10px;
    display: block;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 3px 0;
    border-radius: 20px;
    border: 1px solid #E4B865;
    background: #FAEED5;;
    width: 100%;
    max-width: 108px;
    margin: 0 auto;
}

.s-clube-24.section-2 .container .cards .card.new{
    background-color: #00BB4B;
    border: 1px solid #00BB4B;
    padding-top: 70px;
    padding-bottom: 83px;
    margin: 0 auto;
}
.s-clube-24.section-2 .container .cards .card.new a.btn-action{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border-radius: 118px;
    border: 1px solid #FFF;
    padding: 20px 0;
    margin: 10px auto;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: all 0.3s ease 0s;
}
.s-clube-24.section-2 .container .cards .card.new a.btn-action:hover{
    outline: rgba(255, 255, 255, 0.2) solid 8px;
    transition: all 0.3s ease 0s;
}

/* s-clube-23 */
.s-clube-23.section-3{
    padding-top: 10px;
    padding-bottom: 50px;
    background: #01224B;
    position: relative;
}

.s-clube-23.section-3 .color {
    width: 370px;
    height: 370px;
    border-radius: 670px;
    background: #0C3192;
    filter: blur(120px);
    position: absolute;
    z-index: 1;
    right: -141px;
    top: 87px;
}

.s-clube-23.section-3 .container{
    border-radius: 43px;
    border: 1px solid #164988;
    background: #04326A;
    padding: 80px 82px;
    position: relative;
    z-index: 1;
}
.s-clube-23.section-3 .container .titulo{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.s-clube-23.section-3 .container .titulo h2{
    width: 100%;
    max-width: 422px;
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 40px;
    font-weight: 600;
}
.s-clube-23.section-3 .container .titulo p{
    width: 100%;
    max-width: 470px;
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
}
.s-clube-23.section-3 .container .cards{
    margin-top: 42px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
    width: 100%;
    position: relative;
}
.s-clube-23.section-3 .container .cards .card{
    width: 100%;
    border-radius: 7px;
    border: 1px solid #084A9A;
    background: #053B7E;
    padding: 30px 30px;
}
.s-clube-23.section-3 .container .cards .card h3{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 24px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 8px;
}
.s-clube-23.section-3 .container .cards .card ul li{
    color: #FFF;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 300;
    line-height: 121.429%; /* 17px */
    margin-top: 10px;
}
.s-clube-23.section-3 .container a.btn-action {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 27px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 560px;
    background: #00BB4B;
    padding: 22px 0;
    border-radius: 118px;
    cursor: pointer;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 40px;
    transition: all 0.3s ease 0s;
}
.s-clube-23.section-3 .container a.btn-action:hover{
    outline: rgba(255, 255, 255, 0.2) solid 8px;
    transition: all 0.3s ease 0s;
}


/* s-clube-23 */
.s-clube-23.section-4{
    padding: 80px 0;
    background: #01224B;
}
.s-clube-23.section-4 .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.s-clube-23.section-4 .container .texto{
    width: 100%;
    max-width: 580px;
}
.s-clube-23.section-4 .container .texto h2{
    font-family: 'Montserrat';
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    margin-top: 38px;
}
.s-clube-23.section-4 .container .texto h2 strong{
    color: #7AD3FF;
    font-weight: 600;
}
.s-clube-23.section-4 .container .forms{
    width: 100%;
    max-width: 486px;
    background: #fff;
    padding: 44px 18px;
}


/* clube do mp lancamento */
.s-clube-24.new.mp {
    background: linear-gradient(170.02deg, #01224B 13.04%, #01224B 92.52%);
    padding-top: 25px;
    padding-bottom: 0px;
    position: relative;
}
.s-clube-24.new.mp .container {
    align-items: flex-start;
}
.s-clube-24.new.mp::after {
    content: '';
    background-image: url(img/clube-mp/bg-clube-do-mp-lancamento.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
}
.s-clube-24.new.mp .container .imagem {
    width: 100%;
    max-width: 552px;
    height: 746px;
    position: relative;
}
.s-clube-24.new.mp .container .texto h1 strong {
    color: #FFA034;
    font-weight: 600;
    font-size: 45px;
}


.s-clube-24.section-2.mp{
    background: #411B5F;
}

.s-clube-24.section-2.mp .container .cards .card img {
    filter: hue-rotate(180deg); /* Substitua 180deg pela rotação de cor desejada */
}
.s-clube-24.section-2.mp .container .cards .card {
    border: 1px solid #FFA034;
}
.s-clube-24.section-2.mp .container .cards .card.new {
    border: 1px solid #00BB4B;
}

.s-clube-23.section-3.mp{
    background: #411B5F;
}

.s-clube-23.section-3.mp .container {
    border: 1px solid #643597;
    background: #431c69;
}
.s-clube-23.section-3.mp .container .cards .card {
    border: 1px solid #5b308b;
    background: #461c70;
}
.s-clube-23.section-3.mp .container .cards .card img{
    filter: hue-rotate(180deg);
}

.s-section-4.la-24.mp{
    background: #411B5F;
}
.s-section-4.la-24.mp::after {
    filter: hue-rotate(180deg);
}
.s-section-4.la-24.mp .depoclubem23 .info {
    border: 0.4px solid #542980;
    background: #48206f;
}
.s-section-7.la-24.mp {
    background: #401b5f;
}
.s-section-7.la-24.mp::after {
    filter: hue-rotate(180deg);
}
.s-section-7.la-24.mp .container .geral .card {
    background: linear-gradient(180deg, #4f1b76 0%, #401b5f 100%);
}

.s-clube-23.section-3.mp .container .titulo h2 {
    width: 100%;
    max-width: 100%;
    text-align: center;
}
.s-clube-23.section-3.mp .container .cards {
    grid-template-columns: repeat(2,1fr);
}