<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    src: url("../font/Lato-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    src: url("../font/Lato-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 500;
    src: url("../font/Lato-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    src: url("../font/Lato-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Lexend Deca";
    font-style: normal;
    font-weight: 300;
    src: url("../font/LexendDeca-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Lexend Deca";
    font-style: normal;
    font-weight: 400;
    src: url("../font/LexendDeca-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Lexend Deca";
    font-style: normal;
    font-weight: 700;
    src: url("../font/LexendDeca-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Lexend Deca";
    font-style: normal;
    font-weight: 800;
    src: url("../font/LexendDeca-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: "Lexend Deca";
    font-style: normal;
    font-weight: 900;
    src: url("../font/LexendDeca-Black.ttf") format("truetype");
}

.font-light {
    font-weight: 300 !important;
}

.font-regular {
    font-weight: 400 !important;
}

.font-medium {
    font-weight: 500 !important;
}

.font-semibold {
    font-weight: 600 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.font-extra-bold {
    font-weight: 800 !important;
}

.font-black {
    font-weight: 900 !important;
}

.text-white {
    color: #fff !important;
}

.font-18{
    font-size: 18px;
}

.ff-lato {
    font-family: "Lato", sans-serif !important;
}

.ff-lexend {
    font-family: "Lexend Deca", sans-serif !important;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

a {
    text-decoration: none;
}

p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    color: #9e9e9e;
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Lexend Deca", sans-serif;
    font-weight: 300;
    color: #00003f;
}

.section-title {
    font-family: "Lexend Deca", sans-serif;
    color: #00003f;
    font-weight: 400;
    font-size: 22px;
}

.section-title &gt; strong {
    font-weight: 900;
}

.section-title.white {
    color: #fff;
}

.section-title-rline {
    color: #fff;
    font-size: 8px;
    position: relative;
    display: inline-block;
    padding-right: 45px;
    letter-spacing: 2.24px;
    font-weight: 500;
    text-transform: uppercase;
}

.section-title-rline::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 36px;
    height: 1px;
    background-color: #fff;
}

.section-title-rline.orange::after {
    background-color: #f25611;
}

.section-title-rline.blue::after {
    background-color: #1A91FF;
}

@media (min-width: 992px) {
    .section-title-rline {
        letter-spacing: 3.36px;
        font-size: 12px;
    }
}

.container.vg-container {
    padding: 0 35px;
}

@media (min-width: 768px) {
    .container.vg-container {
        max-width: 992px !important;
    }
}

@media (min-width: 992px) {
    p {
        font-size: 22px;
    }

    .section-title {
        font-size: 34px;
    }
}

/* Customized Demo CSS for our Demo Tables */
.tablesaw-columntoggle td.title a,
.tablesaw-swipe td.title a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 10em;
    max-width: 40vw;
}

@media (min-width: 40em) {
    td.title {
        max-width: 12em;
    }
}

.rd-text p {
    font-size: 14px !important;
    color: #c3c3c3 !important;
}

html {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Lato", sans-serif;
    background-color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
}

img {
    display: block;
    max-width: 100%;
}

.button {
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    background: transparent;
    border-radius: 30px;
    padding: 20px 45px;
    text-decoration: none;
    border: 2px solid #ffffff;
}

.button:hover {
    color: #fff;
}

.button img {
    display: inline-block;
}

.button img.btn-icon-right {
    margin-left: 6px;
}

.button img.btn-icon-left {
    margin-right: 6px;
}

.button.btn-green {
    background-color: #14df65;
    border: none;
}

body.flyon-popup-opened {
    overflow: hidden !important;
}

.flyon-popup {
    display: none;
}

.flyon-popup.show {
    display: block;
}

.flyon-popup&gt;.overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 9999;
}

.flyon-popup .popup-container {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 20px);
}

.flyon-popup .popup-container &gt; * {
    display: block;
    max-width: 100%;
}

.flyon-popup .popup-container &gt; .close {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
}

.flyon-popup .popup-container &gt; .close &gt; i {
    font-size: 24px;
    background: #fff;
    color: #F25611;
    fill: #F25611;
    border-radius: 53%;
    cursor: pointer;
}

@media (min-width: 992px) {
    .flyon-popup .popup-container &gt; .close &gt; i {
        font-size: 36px;
    }
}

.equipe-popup .container-fluid {
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.equipe-popup .popup-container {
    border-radius: 8px;
    background-color: #fff;
    height: 80vh;
    width: 320px;
}

.equipe-popup .container-fluid::-webkit-scrollbar {
    width: 0;
}

.equipe-popup .container-fluid::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.equipe-popup .popup-container::before {
    content: '';
    width: 135px;
    height: 4px;
    border-radius: 3px;
    background-color: #F25611;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.equipe-popup .popup-container .photo {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    padding-top: 106.993006993007%;
}

.equipe-popup .popup-container .descricao {
    text-align: center;
}

.equipe-popup .popup-container .descricao &gt; .nome {
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
    font-size: 22px;
}

.equipe-popup .popup-container .descricao &gt; .nome::before,
.equipe-popup .popup-container .descricao &gt; .nome::after {
    content: '';
    background-color: #F25611;
    position: absolute;
    bottom: 0;
    left: 0;
}

.equipe-popup .popup-container .descricao &gt; .nome::before {
    width: 47px;
    height: 3px;
}

.equipe-popup .popup-container .descricao &gt; .nome::after {
    width: 100%;
    height: 1px;
}

.equipe-popup .popup-container .descricao &gt; .cargo {
    color: #00003F;
    font-size: 14px;
}

.equipe-popup .popup-container .descricao &gt; .bio {
    font-size: 16px;
    color: #9E9E9E;
}

@media (min-width: 992px) {
    .equipe-popup .popup-container {
        height: 658px;
        width: 910px;
    }

    .equipe-popup .popup-container::before {
        width: 4px;
        height: 135px;
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%);
    }

    .equipe-popup .popup-container .photo {
        padding-top: 0;
        background-size: 100% 100%;
    }

    .equipe-popup .popup-container .descricao {
        text-align: left;
    }

    .equipe-popup .popup-container .descricao &gt; .nome {
        font-size: 30px;
    }

    .equipe-popup .popup-container .descricao &gt; .cargo {
        font-size: 18px;
    }

    .equipe-popup .popup-container .descricao &gt; .bio {
        font-size: 16px;
    }
}

#navbar-top {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999!important;
}

#navbar-top .navbar-brand img {
    width: 167px;
}

#navbar-top a,
#navbar-top a p {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 16px;
}

#navbar-top a.active {
    border-bottom: 5px solid #f25611;
}

#navbar-top a.active,
#navbar-top a.active p {
    color: #f25611;
}

#navbar-top a p {
    display: inline-block;
}

#navbar-top .navbar-nav {
    width: 100%;
}

#navbar-top .nav-item {
    margin: 0 20px;
}

@media (min-width: 1200px) {
    #navbar-top .nav-item {
        margin: 0 0.5em;
    }
}

@media (min-width: 1366px) {
    #navbar-top .nav-item {
        margin: 0 0.5em;
    }
}

#navbar-top .dropdown-menu {
    background-color: #F3F3F3;
}

#navbar-top .dropdown-menu .dropdown-item {
    background-color: #F3F3F3;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
}

#navbar-top .dropdown-menu .dropdown-item:hover {
    background-color: #F25611;
    font-weight: 700;
    color: #fff;
}

#navbar-top .area-clientes {
    flex-grow: 1;
}

#navbar-top .area-clientes a {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-decoration: none;
    text-transform: none;
    color: #fff;
    font-weight: 700;
    background-color: #f25611;
    border-radius: 33px;
    font-size: 16px;
    flex-grow: 1;
    text-align: center;
    padding: 12px 15px;
    max-width: 250px;
}

#navbar-top .navbar-toggler {
    border: none;
    outline: none;
    box-shadow: none!important;
}

#navbar-top .navbar-toggler-icon {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    width: 20px;
    height: 20px;
}

#navbar-top .navbar-toggler-icon &gt; div {
    height: 2px;
    background-color: #fff;
}

#navbar-top .navbar-collapse {
    background-color: rgb(0, 0, 63);
    position: relative;
    z-index: 999;
    padding: 20px 0;
}

@media (min-width: 1200px) {
    #navbar-top .container {
        border-bottom: 1px solid #fff;
    }

    #navbar-top .navbar-collapse {
        background: transparent;
    }
}

#home-banner {
    background-image: url("../img/home/home-banner-topo-mobile.png");
}


#home-banner h3 {
    color: #fff;
    font-size: 9px;
    letter-spacing: 3.36px;
}

#home-banner h1 {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
}

#home-banner h1 strong {
    font-weight: 700;
    color: #f25611;
}

#home-banner p {
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 40px;
}

#home-banner .play {
    background-color: #f25611;
    border-radius: 50%;
    color: #fff;
    border: none;
    outline: none;
    padding: 15px 20px;
    position: relative;
}

#home-banner .play::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #fff;
    top: -13px;
    left: -12px;
}

#home-banner .button {
    display: block;
    width: 100%;
    padding: 15px 25px;
    font-size: 16px;
}

@media (min-width: 992px) {
    #home-banner {
        background-image: url("../img/home/banner-topo-site-vg.jpg");
    }

    #home-banner h3 {
        font-size: 12px;
    }

    #home-banner h1 {
        font-size: 50px;
        max-width: 448px;
    }

    #home-banner p {
        font-size: 22px;
        max-width: 525px;
    }

    #home-banner .play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #home-banner .button {
        font-size: 18px;
    }
}

#servicos {
    background-color: #f25611;
    width: 100%;
    border-radius: 0 0 80px 0;
    padding: 70px 100px;
}

#servicos h5,
#servicos p {
    color: #fff;
    font-size: 18px;
}

#servicos h5.p-line {
    position: relative;
    padding-left: 91px;
}

#servicos h5.p-line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    display: inline-block;
    width: 81px;
    height: 2px;
    background-color: #00003f;
    margin-right: 10px;
}

@media (min-width: 992px) {
    #servicos {
        max-width: 90%;
        margin-top: -75px;
        padding: 0;
    }

    #servicos .row {
        margin-left: 190px;
    }
}

#missao {
    padding-top: 115px;
}

#missao h2 {
    position: relative;
    padding-top: 20px;
}

#missao h2 &gt; strong {
    color: #F25611;
}

#missao h2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 59px;
    height: 5px;
    background-color: #f25611;
}

#missao p {
    color: #9e9e9e;
    font-size: 16px;
    line-height: 1.2;
}

@media (min-width: 992px) {
    #missao p {
        font-size: 22px;
    }
}

#steps {
    background-image: url(../img/home/bg-nosso-foco.png);
    background-size: auto;
    background-repeat: repeat;
    padding-top: 100px;
    padding-bottom: 10px;
    margin-bottom: 60px;
}

#steps .steps {
    position: relative;
    background-color: #fff;
    padding: 30px 25px;
    box-shadow: 0px 0px 32px #78787852;
    margin-bottom: 30px;
    border-radius: 10px;
}

#steps .steps h3 {
    font-family: "Lexend Deca", sans-serif;
    color: #00003f;
    font-size: 18px;
}

#steps .steps p {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #9e9e9e;
}

#steps .steps a {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #f25611;
}

#steps .steps::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 25px;
    width: 3px;
    height: 20px;
    background-color: #f25611;
}

#steps .steps:hover {
    background-color: #f25611;
}

#steps .steps:hover h3 {
    color: #fff;
}

#steps .steps:hover p {
    color: #fff;
}

#steps .steps:hover a {
    color: #fff;
}

#steps .steps:hover::before {
    background-color: #00003f;
}

@media (min-width: 992px) {
    #steps img {
        transform: scale(1.5);
    }
}

#investimentos h2 {
    color: #00003f;
}

#investimentos h2 &gt; strong {
    color: #f25611;
}

#investimentos p {
    color: #9e9e9e;
}

.video {
    display: block;
    width: 100%;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

.video &gt; iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

#depoimentos h4 {
    display: inline-block;
    letter-spacing: 3.36px;
    font-size: 12px;
    position: relative;
    padding-right: 45px;
}

#depoimentos h4::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 36px;
    height: 1px;
    background-color: #f25611;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

#depoimentos p {
    color: #9e9e9e;
    font-size: 16px;
    margin-bottom: 20px;
}

#depoimentos .video-wrap {
    margin: 0 auto;
}

.assinaturas {
    margin-bottom: -107px;
    position: relative;
    z-index: 1;
}

.assinaturas .container {
    background-color: #00003f;
    border-radius: 7px;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 70px);
    padding: 30px 25px;
}

.assinaturas p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 15px;
}

.assinaturas a {
    display: block;
    background-color: #14df65;
    width: 100%;
    max-width: 271px;
    padding: 13px 20px;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
}

#extras {
    background-color: #f25611;
    border-radius: 40px 0 0 0;
    padding-top: 150px;
    padding-bottom: 200px;
}

#extras #downloads .item {
    background-color: #010130;
    border-radius: 8px;
    padding: 15px 25px 25px 25px;
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .assinaturas {
        margin-bottom: -60px;
    }

    .assinaturas p {
        font-size: 18px;
        margin-bottom: 0;
    }

    #extras {
        border-radius: 100px 0 0 0;
    }
}

#extras #downloads &gt; h2,
#extras #downloads &gt; h4 {
    color: #fff;
}

#extras #downloads &gt; h2 {
    font-size: 22px;
}

#extras #downloads &gt; h4 {
    font-size: 12px;
    letter-spacing: 3.92px;
}

@media (min-width: 992px) {
    #extras #downloads &gt; h4 {
        font-size: 14px;
    }

    #extras #downloads &gt; h2 {
        font-size: 34px;
    }
}

#extras #telegram {
    background-color: #1a91ff;
    border-radius: 7px;
}

#extras #telegram p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
}

#extras #telegram a {
    border-radius: 7px;
    background-color: #339dff;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 15px 25px;
    display: block;
}

#extras #telegram a &gt; i {
    margin-right: 10px;
}

@media (min-width: 992px) {
    #extras #telegram p {
        font-weight: 300;
        margin-bottom: 0;
        text-align: left;
    }

    #extras #telegram a {
        font-size: 18px;
    }
}

#extras #recentes header h4,
#extras #noticias header h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3.36px;
}

#extras #recentes header h2,
#extras #noticias header h2 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 0;
}

#extras #recentes header .blog-search {
    display: none;
    width: 100%;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 25px;
    padding: 10px 50px 10px 20px;
    color: #fff;
    font-size: 14px;
    position: relative;
    outline: none;
}

#extras #recentes header .search-submit {
    display: none;
    border: none;
    outline: none;
    background: transparent;
    font-size: 15px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
    color: #fff;
}

#extras #recentes header .blog-search::placeholder {
    color: #fff;
}

#extras #recentes .item {
    cursor: pointer;
}

#extras #recentes .item .btn-collapse.show &gt; span {
    width: 82px;
}

#extras #recentes .item.loading,
#extras #noticias .item.loading {
    background-color: rgba(255, 255, 255, .3);
    border-radius: 7px;
    padding-top: 56.25%;
    text-align: center;
    position: relative;
}

#extras #recentes .item.loading &gt; *,
#extras #noticias .item.loading &gt; * {
    display: none;
}

#extras #recentes .item.loading &gt; .lds-ring,
#extras #noticias .item.loading &gt; .lds-ring {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#extras #recentes .item &gt; .lds-ring,
#extras #noticias .item &gt; .lds-ring {
    display: none;
}

#extras #noticias .post {
    background-color: #FCFCFC;
    border-radius: 8px;
    padding: 25px;
    height: 100%;
    cursor: pointer;
}

#extras #noticias .post .title,
#extras #noticias .post .title {
    color: #00003F;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    text-align: left;
}

#extras #noticias .col:nth-child(1) .post,
#extras #noticias .col:nth-child(2) .post {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    padding: 0;
}

#extras #noticias .col:nth-child(1) .post .thumbnail,
#extras #noticias .col:nth-child(2) .post .thumbnail {
    display: block;
    width: 100%;
}

#extras #noticias .col:nth-child(1) .post::after,
#extras #noticias .col:nth-child(2) .post::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, #1A91FF00 0%, #1262C14D 31%, #00003F 100%) 0% 0% no-repeat padding-box;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
}

#extras #noticias .post .title {
    color: #00003F;
    font-weight: 400;
    font-size: 16px;
    padding-left: 10px;
    border-left: 1px solid #F25611;
}


#extras #noticias .col:nth-child(1) .post .title,
#extras #noticias .col:nth-child(2) .post .title {
    color: #fff;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    border: none;
    padding-left: 0;
    margin: 0;
}

#extras #noticias .col:nth-child(1) .post .info,
#extras #noticias .col:nth-child(2) .post .info {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 0);
    width: calc(100% - 30px);
    z-index: 3;
}

@media (min-width: 992px) {
    #extras #noticias .col:nth-child(1) .post .info,
    #extras #noticias .col:nth-child(2) .post .info {
        bottom: 30px;
        width: calc(100% - 60px);
    }

    #extras #noticias .col:nth-child(1) .post .title,
    #extras #noticias .col:nth-child(2) .post .title {
        font-size: 22px;
    }
}

#extras #noticias .col:nth-child(1) .post .category,
#extras #noticias .col:nth-child(2) .post .category,
#extras #noticias .post .category {
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 3px;
    background-color: #F25611;
    display: inline-flex;
    flex-flow: column nowrap;
    justify-content: center;
    margin-bottom: 10px;
}

#extras #noticias .col:nth-child(1) .post .date,
#extras #noticias .col:nth-child(2) .post .date {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    margin-left: 10px;
}

#extras #noticias .col:nth-child(1) .post .date &gt; i,
#extras #noticias .col:nth-child(2) .post .date &gt; i {
    color: #F25611;
    margin-right: 6px;
}

#extras #recentes .thumbnail {
    display: block;
    width: 100%;
    border-radius: 7px;
    margin-bottom: 20px;
}

#extras #recentes .published {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}

#extras #recentes .published &gt; i {
    margin-right: 10px;
}

#extras #recentes .footer {
    padding-left: 15px;
    border-left: 1px solid #00003f;
    margin-bottom: 20px;
}

#extras #recentes .title {
    position: relative;
    font-size: 18px;
    color: #fff;
    height: 68px;
    overflow: hidden;
}

#extras #recentes .title::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 0%, transparent 64%, #F25611 100%);
    z-index: 9;
}

#extras .ebook {
    background-color: #fff;
    border-radius: 10px;
    padding: 1px 25px 40px 25px;
    margin-top: 70px;
    margin-bottom: 50px;
}

@media (min-width: 992px) {
    #extras .ebook {
        margin-bottom: 0;
    }
}

#extras .ebook &gt; img {
    margin-top: -110px;
}

#extras .ebook .tag {
    color: #1A91FF;
    font-size: 12px;
}

#extras .ebook .title {
    color: #010130;
    font-size: 22px;
}

#extras .ebook .description {
    color: #010130;
    font-size: 16px;
}

#extras .ebook .download {
    color: #fff;
    background-color: #F25611;
    border-radius: 25px;
    padding: 10px 20px 10px 10px;
    font-size: 12px;
    letter-spacing: 3.36px;
}

#extras .ebook .download &gt; i {
    margin-right: 10px;
}

.btn-collapse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff!important;
    background-color: #00003f;
    width: auto;
    border: none;
    border-radius: 32px;
    font-size: 12px;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 3.36px;
    font-family: "Lato", sans-serif;
    font-weight: 500;
    padding: 12px;
    margin-bottom: 0;

}

.btn-collapse &gt; i {
    margin-right: 10px;
}

.btn-collapse.show &gt; span {
    display: block;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
}

.btn-collapse.show {
    background-color: #14DF65;
    width: auto;
    border: none;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .btn-collapse {
        border: 2px solid #fff;
        width: 32px;
        height: 32px;
        background-color: transparent;
    }

    .btn-collapse &gt; span {
        display: inline-block;
        width: 0;
        transition: all 0.3s ease-in-out;
        overflow: hidden;
        white-space: nowrap;
    }

    .btn-collapse &gt; i {
        margin-right: 0px;
    }

    .btn-collapse.show &gt; i {
        margin-right: 10px;
    }
}

@media (min-width: 992px) {
    #extras #recentes header h4,
    #extras #noticias header h4 {
        font-size: 14px;
    }

    #extras #recentes header h2,
    #extras #noticias header h2 {
        font-size: 34px;
    }

    #extras #recentes header .blog-search,
    #extras #recentes header .search-submit {
        display: block;
    }
}

#newsletter h2 {
    color: #fff;
    font-size: 22px;
}

#newsletter p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

#newsletter div[role="main"] section,
#newsletter div[role="main"] div {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#newsletter form,
#newsletter form * {
  background-color: transparent !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
#newsletter form {
  max-width: min(100%, 516px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
#newsletter form ._form-thank-you {
  color: #FFFFFF;
}
#newsletter form label {
  display: none !important;
}
#newsletter form input[type="text"],
#newsletter form input[type="email"] {
  padding: 20px !important;
  outline: none !important;
  background: transparent !important;
  height: 56px !important;
  border-radius: 29px;
}
#newsletter form input[type="text"],
#newsletter form input[type="email"],
#newsletter form input[type="text"]::placeholder,
#newsletter form input[type="email"]::placeholder {
  font-family: "Lato", sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  color: #fff !important;
}

#newsletter form button._submit {
  width: 100% !important;
  margin-top: 18px !important;
  background-color: #f25611 !important;
  border: none !important;
  height: 56px !important;
  font-family: "Lexend Deca", sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  color: #fff !important;
  letter-spacing: 3px !important;
  border-radius: 28px !important;
}

@media (min-width: 992px) {
    #newsletter h2 {
        font-size: 34px;
    }

    #newsletter p {
        font-weight: 300;
        font-size: 18px;
    }
}

.site-footer {
    background: linear-gradient(4deg, #00003F 50%, #1A91FF 120%);
    padding: 50px 20px;
    position: relative;
    border-radius: 0px 80px 0px 0px;
}

@media (min-width: 768px) {
    .site-footer {
        padding: 80px 56px 0 56px;
        background: linear-gradient(47deg, #00003F 50%, #1A91FF 120%);
    }
}

@media (min-width: 992px) {
    .site-footer {
        border-radius: 0px 100px 0px 0px;
    }
}

.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer ul &gt; li {
    margin-bottom: 8px;
}

.site-footer p,
.site-footer a {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    margin-bottom: 0;
}

.site-footer h3 {
    font-family: "Lexend Deca", sans-serif;
    font-size: 22px;
    font-weight: 900;
    color: #f25611;
    margin-bottom: 20px;
}

.site-footer .navigations {
    border-bottom: 1px solid #fff;
}

.site-footer .made img {
    display: block;
    margin: 0 auto;
}

.site-footer .gotop {
    display: none;
    position: absolute;
    left: 0%;
    top: 50px;
    transform: rotate(-90deg) translate(-83px, -42px);
    text-transform: uppercase;
    color: #f25611;
    align-items: center;
}

.site-footer .gotop::after {
    content: "";
    width: 60px;
    background: #ffffff;
    display: inline-block;
    height: 1px;
    margin-left: 10px;
}

@media (min-width: 992px) {
    .site-footer .made img {
        display: initial;
    }

    .site-footer .gotop {
        display: flex;
        transform: rotate(-90deg) translate(-108px, -42px);
    }

    .site-footer h3 {
        font-size: 18px;
    }

    .site-footer p,
    .site-footer a {
        font-size: 14px;
    }
}

.site-footer {
    margin-top: -80px;
}

@media (min-width: 992px) {
    .site-footer {
        margin-top: -100px;
    }
}

#sobre-banner {
    background-image: url(../img/quem-somos/banner-topo-mobile-sobre.png);
}

#sobre-banner h1 {
    font-size: 28px;
}

#sobre-banner h1 &gt; strong {
    color: #F25611;
    font-weight: 700;
}

@media (min-width: 992px) {
    #sobre-banner {
        background-image: url(../img/quem-somos/banner-topo-desktop-sobre.png);
    }

    #sobre-banner h1 {
        font-size: 40px;
    }
}

.vg-sobre .entrega h2 &gt; strong {
    color: #F25611;
}

.vg-sobre .entrega p {
    line-height: 1.2;
}

.vg-sobre .others {
    background-color: #F1F1F1;
    border-radius: 0 80px 0 0;
    padding: 50px 0;
}

.vg-sobre .others .section-title-rline {
    color: #00003F;
}

.vg-sobre .others .section-title &gt; strong {
    color: #F25611;
    font-weight: 900;
}

.vg-sobre .others .timeline .item .c-1 &gt; div:first-child {
    font-family: 'Lexend Deca', sans-serif;
    font-size: 22px;
    color: #F25611;
    font-weight: 900;
    line-height: 1;
}

.vg-sobre .others .timeline .item .c-1 &gt; div:last-child {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #707070;
    line-height: 1;
}

.vg-sobre .others .timeline .item .tag {
    background-color: #F25611;
    border-radius: 4px;
    padding: 17px;
    transition: all .2s ease-in-out;
}

.vg-sobre .others .timeline .item:hover .tag {
    background-color: #F25611;
}

.vg-sobre .others .timeline .item .tag p {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 0;
}

.vg-sobre .others .timeline .item .bullet &gt; div {
    display: block;
    width: 48px;
    height: 48px;
    background-image: url(../img/check_inactive.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}

.vg-sobre .others .timeline .item:hover .bullet &gt; div {
    background-image: url(../img/check_active.png);
}

@media (min-width: 992px) {
    .vg-sobre .others {
        border-radius: 0 100px 0 0;
        padding: 80px 0;
    }

    .vg-sobre .others .timeline .item {
        position: relative;
        z-index: 9;
    }

    .vg-sobre .others .timeline .item .c-1 &gt; div:first-child {
        font-size: 28px;
    }

    .vg-sobre .others .timeline .item .c-1 &gt; div:last-child {
        font-size: 18px;
        color: #9E9E9E;
    }

    .vg-sobre .others .timeline .item .tag {
        padding: 40px;
        background-color: #00003F;
        position: relative;
    }

    .vg-sobre .others .timeline .item .tag::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 17.3px 10px 0;
        border-color: transparent #00003f transparent transparent;
        left: -17px;
        top: 50%;
        transform: translate(0, -50%);
        transition: all .2s ease-in-out;
    }

    .vg-sobre .others .timeline .item:hover .tag::before {
        border-color: transparent #F25611 transparent transparent;
    }

    .vg-sobre .others .timeline .item.flex-lg-row-reverse .tag::before {
        left: initial;
        right: -16px;
        transform: translate(0, -50%) rotate(180deg) ;
    }

    .vg-sobre .others .timeline .item .tag p {
        font-size: 18px;
        line-height: 1.4;
    }

    .vg-sobre .others .timeline {
        position: relative;
    }

    .vg-sobre .others .timeline::before {
        content: '';
        width: 2px;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, 0);
        background-color: #CCCCCC;
        z-index: 0;
    }
}

#vg-team-slider .btn-collapse &gt; span {
    font-size: 10px;
    letter-spacing: 1.8px;
}

#vg-team-slider .btn-collapse {
    background-color: #14DF65;
}

@media (min-width: 992px) {
    #vg-team-slider .btn-collapse {
        background: transparent;
    }

    #vg-team-slider .btn-collapse.show {
        background-color: #14DF65;
    }
}

#vg-team-slider .btn-collapse.show &gt; span {
    width: 69px;
}

#vg-team-slider .member {
    position: relative;
}

#vg-team-slider .member &gt; .summary {
    position: absolute;
    z-index: 1;
    bottom: 35px;
    left: 35px;
    width: calc(100% - 70px);
    text-align: left;
}

#vg-team-slider .member &gt; .summary h3 {
    display: inline-block;
    position: relative;
    font-family: 'Lexend Deca', sans-serif;
    font-size: 19px;
    color: #fff;
    border-bottom: 1px solid #F25611;
    padding-bottom: 10px;
}

#vg-team-slider .member &gt; .summary h3::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35px;
    height: 3px;
    background-color: #F25611;
    transform: translate(0, 50%);
    z-index: 1;
    transition: all .2s ease-in-out;
}

#vg-team-slider .member:hover &gt; .summary h3::before {
    width: 100%;
}

#vg-team-slider .member &gt; .summary .collapse,
#nossos-planos .carteira .collapse,
#investimentos .carteira .collapse {
    display: block;
    overflow: hidden;
    height: auto;
}

/* #vg-team-slider .member:hover &gt; .summary .collapse,
#nossos-planos .carteira:hover .collapse,
#investimentos .carteira:hover .collapse {
    max-height: 300px;
    transition: max-height .2s ease-in-out;
} */

#vg-team-slider .member &gt; .summary .collapse p,
#nossos-planos .carteira .collapse p,
#investimentos .carteira .collapse p {
    color: #fff;
    font-size: 14px;
}


#vg-team-slider .member &gt; .summary .socials  i {
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    margin-right: 5px;
}

#vg-team-slider .splide__pagination {
    position: static;
    margin-top: 15px;
}

#vg-team-slider .splide__pagination button {
    position: relative;
    background: transparent;
    width: 20px;
    height: 20px;
    padding: 10px;
    transform: none;
    opacity: 1;
    border: none;
    transition: all .2s ease-in-out;
    margin: 0;
}

#vg-team-slider .splide__pagination button::before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #000000;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#vg-team-slider .splide__pagination button.is-active {
    border: 1px solid #F25611;
}

#vg-team-slider .splide__pagination button.is-active::before {
    background-color: #F25611;
}

@media (min-width: 992px) {
    #vg-team-slider .splide__pagination {
        margin-top: 20px;
    }

    #vg-team-slider .splide__pagination button {
        width: 25px;
        height: 25px;
    }

    #vg-team-slider .member &gt; .summary h3 {
        font-size: 26px;
    }

    #vg-team-slider .member &gt; .summary .collapse p {
        max-width: 100px;
    }

    #nossos-planos .carteira .collapse p,
    #investimentos .carteira .collapse p {
        font-size: 16px;
    }
}

.vg-sobre .resumo {
    background-color: #F25611;
    padding: 60px 0 125px 0;
    border-radius: 80px 0 0 0;
    margin-top: 30px;
}

.vg-sobre .resumo p {
    color: #fff;
}

.vg-sobre .resumo .small {
    font-size: 16px;
}

.vg-sobre .resumo .medium {
    font-size: 19px;
}

.vg-sobre .resumo .big {
    font-size: 57px;
}

.vg-sobre .site-footer {
    margin-top: -120px;
}

@media (min-width: 992px) {
    .vg-sobre .resumo {
        padding: 100px 0 200px 0;
        border-radius: 100px 0 0 0;
        margin-top: 100px;
    }

    .vg-sobre .resumo .small {
        font-size: 18px;
    }

    .vg-sobre .resumo .medium {
        font-size: 28px;
    }

    .vg-sobre .resumo .big {
        font-size: 89px;
    }

    .vg-sobre .site-footer {
        margin-top: -180px;
    }
}

#contato {
    background: url(../img/contato/contato-banner.png), linear-gradient(258deg, #00003F 0%, #1a91ff 100%);
    background-size: auto 100%;
    background-position: top center;
    padding: 80px 0 100px 0;
    margin-bottom: -100px;
}

#contato&gt;.container&gt;.row&gt;.col:first-child&gt;h3 {
    font-family: "Lato", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: 3.36px;
    color: #FFFFFF;
}

#contato&gt;.container&gt;.row&gt;.col:first-child&gt;h2 {
    font-family: "Lexend Deca", sans-serif;
    font-weight: 900;
    font-size: 22px;
    line-height: 1.26;
    letter-spacing: 0px;
    color: #FFFFFF;
}

#contato&gt;.container&gt;.row&gt;.col:first-child&gt;p {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: 0px;
    color: #F0F0F0;
}

#contato&gt;.container&gt;.row&gt;.col:first-child&gt;p:first-of-type {
    font-size: 16px;
    font-weight: 400;
}

#contato&gt;.container&gt;.row&gt;.col:first-child&gt;p:nth-child(n+4) {
    line-height: 1.22;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-top: 13px !important;
    padding-left: 30px;
    position: relative;
}

#contato&gt;.container&gt;.row&gt;.col:first-child&gt;p:nth-child(n+4)::before {
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0px, -50%);
    background-color: transparent;
}

#contato&gt;.container&gt;.row&gt;.col:first-child&gt;.address::before {
    background-image: url(../img/contato/icon-location.png);
}

#contato&gt;.container&gt;.row&gt;.col:first-child&gt;.runtime::before {
    background-image: url(../img/contato/icon-watch.png);
}

#contato&gt;.container&gt;.row&gt;.col:first-child&gt;.phone::before {
    background-image: url(../img/contato/icon-phone.png);
}

#contato&gt;.container&gt;.row&gt;.col:last-child {
    background-color: #F25611;
    border-radius: 10px;
    margin: 43px 0 41px 0;
    padding: 0;
}

#contato&gt;.container&gt;.row&gt;.col:last-child &gt; h2 {
    text-align: center;
    font-family: "Lexend Deca", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #FCFCFC;
    margin: 13px 0;
}

#contato&gt;.container&gt;.row&gt;.col:last-child &gt; p &gt; strong {
    font-weight: 900;
}

#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form {
    width: 100%;
    background-color: #FCFCFC;
    border-radius: 0 0 10px 10px;
}

#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form * {
    margin: 0;
}

#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form * {
    margin: 0;
}

#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form .form-group &gt; label {
    text-align: left;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0px;
    color: #2C3848;
    margin: 11px 0 0 0;
}
#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form &gt; div &gt; div {
    width: 100% !important;
}
#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form .form-group &gt; input,
#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form .form-group &gt; textarea {
    text-align: left;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0px;
    color: #C4C9DD;
    padding: 13px 38px;
    margin: 4px 0 0 0;
    background-color: #EDEEF6;
    border: none;
    border-radius: 4px;
}

#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form .form-group &gt; input {
    /*background-image: url(../img/vg_smallcaps.png);*/
    background-size: 15px 15px;
    background-position: 16px 50%;
    background-repeat: no-repeat;
}

#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form &gt; div &gt; div:nth-child(1) input {
    background-image: url(../img/contato/form-icon-name.png);
}

#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form &gt; div &gt; div:nth-child(3) input {
    background-image: url(../img/contato/form-icon-phone.png);
}

#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form &gt; div &gt; div:nth-child(2) input {
    background-image: url(../img/contato/form-icon-email.png);
}

#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form .form-group &gt; textarea {
    padding: 13px 13px;
}

#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form .form-group &gt; input::placeholder,
#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form .form-group &gt; textarea::placeholder {
    text-align: left;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0px;
    color: #C4C9DD;
}

#contato&gt;.container&gt;.row&gt;.col:last-child &gt; form button.btn {
    width: 100%;
    background-color: #14DF65;
    border-radius: 23px;
    border: none;
    margin: 10px 0 23px 0;
}

@media (min-width: 992px) {
    #contato {
        padding: 150px 0 0 0;
        background: url(../img/contato/contato-banner.png), linear-gradient(258deg, #00003F 0%, #1a91ff 100%);
        background-position: top center;
    }

    #contato &gt; .container {
        z-index: 1;
    }

    #contato&gt;.container&gt;.row&gt;.col:first-child&gt;p,
    #contato&gt;.container&gt;.row&gt;.col:first-child&gt;p:first-of-type {
        font-size: 18px;
    }

    #contato&gt;.container&gt;.row&gt;.col:first-child&gt;h2 {
        font-size: 38px;
    }

    #contato&gt;.container&gt;.row&gt;.col:last-child &gt; form .form-group &gt; input,
    #contato&gt;.container&gt;.row&gt;.col:last-child &gt; form .form-group &gt; textarea {
        font-size: 14px;
        color: #333333;
    }

    #contato&gt;.container&gt;.row&gt;.col:last-child &gt; form .form-group &gt; input::placeholder,
    #contato&gt;.container&gt;.row&gt;.col:last-child &gt; f    orm .form-group &gt; textarea::placeholder {
        font-size: 14px;
    }
}

.site-banner {
  position: relative;
  z-index: 200 !important;
}

.site-banner {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    padding: 250px 30px 50px 30px;
    background-color: #005A9E;
    /*background-color: #000000;*/
    border-radius: 0 0 80px 0;
}

.site-banner.not-rounded {
    border-radius: 0;
}

@media (min-width: 360px) {
    .site-banner {
        background-size: 100% auto;
    }
}

@media (min-width: 992px) {
    .site-banner {
        background-size: auto 100%;
        padding: 200px 13vw;
        background-position: right center;
        border-radius: 0 0 115px 0;
    }
}

.vg-vip .site-banner {
    background-image: url(../img/planos/vip/banner-topo-mobile-vip.jpg);
}

.vg-cripto .site-banner {
    background-image: url(../img/planos/cripto/banner-topo-mobile-cripto.jpg);
}

.vg-dolar .site-banner {
    background-image: url(../img/planos/dolar/banner-topo-mobile-dividendos-dollar.jpg);
}

.vg-pimentinhas .site-banner {
    background-image: url(../img/planos/pimentinhas/banner-topo-mobile-pimentinhas.jpg);
}

.vg-dividendos .site-banner {
    background-image: url(../img/planos/dividendos/banner-topo-mobile-dividendos.jpg);
}

.vg-fiis .site-banner {
    background-image: url(../img/planos/fiis/banner-topo-mobile-fundos.jpg);
}

.vg-black .site-banner {
    background-image: url(../img/planos/black/banner-topo-mobile-black.jpg);
}

.vg-top10 .site-banner {
    background-image: url(../img/planos/top10/banner-topo-mobile-top-10.jpg);
}

.vg-full .site-banner {
    background-image: url(../img/planos/banner-topo-assinaturas-mb.png);
}

.site-banner .plan-name {
    font-size: 36px;
    font-weight: 900 !important;
    color: #F25611;
    line-height: 36px;
    letter-spacing: 0.5px;
    padding-bottom: 9px !important;
}

.site-banner h2 {
    font-size: 28px;
    color: #fff;
}

.site-banner h2 &gt; strong {
    font-weight: 900;
}

.site-banner p {
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
}

.site-banner .detalhes {
    position: absolute;
    bottom: 33px;
    left: 50%;
    transform: translate(-50%, 0);
    letter-spacing: 3.36px;
    font-size: 13px;
    color: #fff;
}

.site-banner .detalhes &gt; i {
    color: #F25611;
}

.assinatura,
.assinatura:hover {
    background-color: #14DF65;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    letter-spacing: 2.52px;
    color: #fff;
    padding: 12px 45px;
    border-radius: 21px;
    text-decoration: none;
}

@media (min-width: 992px) {
    .assinatura,
    .assinatura:hover {
        font-size: 14px;
    }

    .vg-vip .site-banner {
        background-image: url(../img/planos/vip/banner-topo-desktop-vip.jpg);
    }

    .vg-cripto .site-banner {
        background-image: url(../img/planos/cripto/banner-topo-desktop-cripto.jpg);
    }

    .vg-dolar .site-banner {
        background-image: url(../img/planos/dolar/banner-topo-desktop-dividendos-dollar.jpg);
    }

    .vg-pimentinhas .site-banner {
        background-image: url(../img/planos/pimentinhas/banner-topo-desktop-pimentinhas.jpg);
    }

    .vg-dividendos .site-banner {
        background-image: url(../img/planos/dividendos/banner-topo-desktop-dividendos.jpg);
    }

    .vg-fiis .site-banner {
        background-image: url(../img/planos/fiis/banner-topo-desktop-fundos.jpg);
    }

    .vg-black .site-banner {
        background-image: url(../img/planos/black/banner-topo-desktop-black.jpg);
    }

    .vg-top10 .site-banner {
        background-image: url(../img/planos/top10/banner-topo-desktop-top-10.jpg);
    }

    .vg-full .site-banner {
        background-image: url(../img/planos/banner-topo-assinaturas.png);
    }

    .site-banner .plan-name {
        font-size: 42px;
        font-weight: 900 !important;
        color: #F25611;
        line-height: 42px;
        letter-spacing: 0.5px;
        padding-bottom: 15px !important;
    }

    .site-banner h2 {
        font-size: 34px;
    }

    .site-banner h2 &gt; strong {
        color: #F25611;
    }

    .site-banner p {
        font-size: 22px;
        padding-left: 15px;
        position: relative;
    }

    .site-banner p::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 3px;
        height: 100%;
        border-radius: 3px;
        background-color: #F25611;
    }
}

#carteiras &gt; .container &gt; h2 {
    font-size: 22px;
    font-weight: 300;
    color: #00003F;
    line-height: 26px;
    letter-spacing: 0;
}
#carteiras &gt; .container &gt; h2 &gt; strong {
    font-weight: 700;
    color: #F25611;
}
#carteiras .row {
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 400px;
    margin: auto;
    margin-top: 20px;
}

#carteiras .row &gt; div {
    height: 308px !important;
}

#carteiras .vg-dividendos,
#carteiras .vg-valorizacao,
#carteiras .vg-fiis,
#carteiras .vg-fiishighyield,
#carteiras .vg-smallcaps,
#carteiras .vg-microcaps {
    background-image: url(../img/carteiras-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#carteiras .vg-dividendos {
    background-image: url(../img/planos/carteira-vg-dividendos.jpg);
}

#carteiras .vg-valorizacao {
    background-image: url(../img/planos/carteira-vg-valorizacao.jpg);
}

#carteiras .vg-fiis {
    background-image: url(../img/planos/carteira-fiis.jpg);
}

#carteiras .vg-fiishighyield {
    background-image: url(../img/planos/carteira-fiis-highyield.jpg);
}

#carteiras .vg-smallcaps {
    background-image: url(../img/planos/carteira-small-caps.jpg);
}

#carteiras .vg-microcaps {
    background-image: url(../img/planos/carteira-microcaps.jpg);
}

#carteiras .item {
    position: relative;
    padding: 65px 35px 40px;
    overflow: hidden;
    width: 100%;
}

#carteiras .item .overlay::-webkit-scrollbar {
    width: 6px;
}

#carteiras .item .overlay::-webkit-scrollbar-track {
    background: #fff;
}

#carteiras .item .overlay::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 63, .4);
    border-radius: 5px;
}

#carteiras .item &gt; .img-wrapper {
    height: 93px;
}

#carteiras .item &gt; .img-wrapper &gt; img {
    width: auto;
}

#carteiras .item.vg-dividendos    &gt; .img-wrapper &gt; img,
#carteiras .item.vg-valorizacao   &gt; .img-wrapper &gt; img,
#carteiras .item.vg-fiis          &gt; .img-wrapper &gt; img,
#carteiras .item.vg-fiishighyield &gt; .img-wrapper &gt; img,
#carteiras .item.vg-smallcaps     &gt; .img-wrapper &gt; img {
    height: 61px;
}

#carteiras .item.vg-microcaps     &gt; .img-wrapper &gt; img {
    height: 93px;
    transform: translateX(-20px);
}

#carteiras .item &gt; h3 {
    margin-top: 17px;
    font-weight: 300;
    color: #FFFFFF;
    font-size: 25px;
}

#carteiras .item &gt; h3 &gt; strong {
    font-weight: 900;
    color: #F25611;
}

#carteiras .item &gt; .overlay {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .2s ease-in-out;
    background-color: #F25611;
    padding: 60px 35px 10px;
}

#carteiras .item:hover &gt; .overlay {
    top: 0;
}

#carteiras .item &gt; .overlay * {
    color: #fff;
}

#carteiras .item &gt; .overlay &gt; h4 {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 4.38px;
    line-height: 15px;
}

#carteiras .item &gt; .overlay &gt; p {
    margin-top: 11px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.18px;
    line-height: 20px;
}

@media (min-width: 768px) {
    #carteiras .row {
        width: 602px;
        max-width: initial;
    }
}

@media (min-width: 992px) {
    #carteiras &gt; .container &gt; h2 {
        font-size: 34px;
        line-height: 40px;
    }

    #carteiras .row {
        width: 849px;
        max-width: initial;
    }

    #carteiras .item {
        padding: 68px 50px 41px;
    }

    #carteiras .item &gt; .img-wrapper {
        height: 98px;
        display: flex;
        align-items: end;
    }

    #carteiras .item.vg-dividendos    &gt; .img-wrapper &gt; img,
    #carteiras .item.vg-valorizacao   &gt; .img-wrapper &gt; img,
    #carteiras .item.vg-fiis          &gt; .img-wrapper &gt; img,
    #carteiras .item.vg-fiishighyield &gt; .img-wrapper &gt; img,
    #carteiras .item.vg-smallcaps     &gt; .img-wrapper &gt; img {
        height: 65px;
    }

    #carteiras .item.vg-microcaps     &gt; .img-wrapper &gt; img {
        height: 98px;
        transform: translateX(-22px);
    }

    #carteiras .item &gt; h3 {
        margin-top: 19px;
        font-size: 31px;
    }

    #carteiras .item &gt; .overlay {
        padding: 40px 28px 15px 28px;
    }

    #carteiras .item &gt; .overlay &gt; h4 {
        font-size: 13px;
        letter-spacing: 4.75px;
        line-height: 16px;
    }

    #carteiras .item &gt; .overlay &gt; p {
        margin-top: 11px;
        font-size: 22px;
        letter-spacing: -0.24px;
        line-height: 26px;
    }
}

@media (min-width: 1062px) {
    #carteiras .row {
        width: 903px;
    }
}

#detalhes {
    padding: 70px 0;
}

#detalhes .details h3 {
    color: #1A1A66;
}

#detalhes .details h2 &gt; strong {
    color: #F25611;
}

#detalhes .details p {
    color: #9E9E9E;
    line-height: 1.3;
}

#detalhes .details .included {
    list-style: none;
    padding: 0;
}

#detalhes .details .included &gt; .item {
    position: relative;
    padding-left: 31px;
    color: #9E9E9E;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 16px;
}

#detalhes .details .included &gt; .item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    background-image: url(../img/list-check.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

#detalhes .subscription-card {
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 8px 19px #00000029;
    padding: 25px;
    max-width: 286px;
    display: block;
    margin: 0 auto;
}

#detalhes .subscription-card .selectors {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
}

#detalhes .subscription-card .selectors &gt; .select {
    flex: 1 1 auto;
    text-align: center;
    background-color: #F3F3F3;
    border-radius: 4px;
    padding: 7px 10px;
    color: #C8C8C8;
    letter-spacing: 3.36px;
    text-transform: uppercase;
    cursor: pointer;
}

#detalhes .subscription-card .selectors &gt; .select.active {
    background-color: #F25611;
    color: #fff;
    box-shadow: 0px 8px 19px #00000029;
}

#detalhes .subscription-card .split {
    font-size: 13px;
    color: #AEAEAE;
}

#detalhes .subscription-card .pricing &gt; span {
    color: #00003F;
    font-size: 22px;
    display: block;
}

#detalhes .subscription-card .pricing &gt; span.big {
    font-size: 59px;
}

#detalhes .subscription-card hr {
    background-color: #D4D4D4;
    height: 1px;
    width: 100%;
}

#detalhes .subscription-card .warranty .title {
    font-size: 18px;
    color: #000000;
}

#detalhes .subscription-card .warranty .title &gt; strong {
    color: #F25611;
}

#detalhes .subscription-card .warranty .text {
    color: #9E9E9E;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 300;
}

@media (min-width: 992px) {
    #detalhes .details .included &gt; .item {
        font-size: 19px;
        font-weight: 400;
    }

    #detalhes .subscription-card {
        padding: 40px;
        max-width: initial;
    }

    #detalhes .subscription-card .pricing &gt; span {
        color: #F25611;
        font-size: 25px;
    }

    #detalhes .subscription-card .pricing &gt; span.big {
        font-size: 61px;
    }

    #detalhes .subscription-card .warranty .title {
        font-size: 24px;
    }

    #detalhes .subscription-card .warranty .text {
        line-height: 1.3;
        font-weight: 400;
    }
}

#assinaturas .price-card {
    background-color: #00003F;
    border-radius: 10px;
    padding: 30px;
}

#assinaturas .price-card.recommended {
    background-color: #F25611;
    position: relative;
}

#assinaturas .price-card.recommended::before {
    content: 'Recomendado';
    text-transform: uppercase;
    font-family: 'Lexend Deca', sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 10px;
    padding: 7px 30px;
    border-radius: 17px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    z-index: 1;
    background-color: #00003F;
    letter-spacing: 3.02px;
}

#assinaturas .price-card * {
    color: #fff;
}

#assinaturas .price-card .period {
    font-size: 14px;
}

#assinaturas .price-card .split {
    font-size: 12px;
}

#assinaturas .price-card .included {
    list-style: none;
    padding: 0;
}

#assinaturas .price-card .included &gt; .item {
    padding: 12px 0;
    border-top: 1px solid #fff;
}

#assinaturas .price-card .included &gt; .item i {
    font-size: 17px;
    color: #F25611;
}

#assinaturas .price-card.recommended .included &gt; .item i {
    color: #FFF;
}

#assinaturas .price-card .included &gt; .item span {
    font-size: 16px;
}

#assinaturas .price-card:not(.recommended) .assinatura {
    border: 1px solid #fff;
    background-color: #00003F;
}

#assinaturas .price-card .pricing &gt; span {
    color: #fff;
    font-size: 22px;
    display: block;
}

#assinaturas .price-card .pricing &gt; span.big {
    font-size: 59px;
}

#assinaturas .section-title {
    margin-top: -240px!important;
}

#assinaturas .section-title &gt; strong {
    color: #F25611;
}

@media (min-width: 992px) {
    #assinaturas .price-card.recommended::before {
        font-size: 13px;
    }

    #assinaturas .price-card {
        background-color: #00003F;
        border-radius: 10px;
        padding: 45px;
    }

    #assinaturas .price-card .included &gt; .item span {
        font-size: 20px;
    }

    #assinaturas .price-card .period,
    #assinaturas .price-card .split {
        font-size: 17px;
    }

    #assinaturas .price-card .pricing &gt; span {
        font-size: 29px;
    }

    #assinaturas .price-card:not(.recommended) .pricing &gt; span {
        color: #F25611;
    }

    #assinaturas .price-card .pricing &gt; span.big {
        font-size: 69px;
    }
}


#beneficios {
    background-color: #F25611;
    border-radius: 100px 0px;
    margin-top: 0;
}

.vg-vip #beneficios {
    margin-top: 125px;
}

#beneficios&gt;.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    position: relative;
    padding: 69px 37px 114px;
}

#beneficios&gt;.container&gt;.row:nth-of-type(1) {
    max-width: 286px;
}


#beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;h4 {
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 12px;
    letter-spacing: 3.36px;
    margin-top: 0;
}

#beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;h2 {
    font-size: 22px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 26px;
    letter-spacing: 0px;
    margin-top: 6px;
}

#beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;h2&gt;strong {
    font-weight: 700;
}

#beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;p:nth-of-type(1) {
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 20px;
    letter-spacing: 0px;
    margin-top: 10px;
}

#beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;p:nth-of-type(2) {
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 18px;
    letter-spacing: 0px;
    margin-top: 17px;
    padding-left: 9px;
    border-left: 2px solid #1A91FF;
}

#beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;p:nth-of-type(2)&gt;strong {
    font-weight: 700;
}

#beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(2) {
    display: none !important;
}


@media (min-width: 400px) {
    #beneficios&gt;.container&gt;.row:nth-of-type(1) {
        max-width: 360px;
    }
}

@media (min-width: 450px) {
    #beneficios&gt;.container&gt;.row:nth-of-type(1) {
        max-width: 410px;
    }
}

@media (min-width: 500px) {
    #beneficios&gt;.container&gt;.row:nth-of-type(1) {
        max-width: 460px;
    }
}

@media (min-width: 550px) {
    #beneficios&gt;.container&gt;.row:nth-of-type(1) {
        max-width: 510px;
    }
}

@media (min-width: 600px) {
    #beneficios&gt;.container&gt;.row:nth-of-type(1) {
        max-width: 560px;
    }
}

@media (min-width: 992px) {

    #beneficios&gt;.container&gt;.row:nth-of-type(1) {
        max-width: 904px;
        min-width: 904px;
        justify-content: space-between;
        margin-bottom: -116px;
    }

    #beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col {
        padding: 0;
        margin: 0;
    }

    #beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1) {
        width: 42.5%;
    }

    #beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;h4 {
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 3.92px;
    }

    #beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;h2 {
        font-size: 34px;
        line-height: 40px;
    }

    #beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;p:nth-of-type(1) {
        font-size: 22px;
        line-height: 26px;
    }

    #beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;p:nth-of-type(2) {
        font-size: 20px;
        line-height: 24px;
    }


    #beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(2) {
        display: block !important;
        width: 57.3%;
    }

    #beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(2)&gt;img {
        transform: translateY(-115px);
    }
}

#beneficios&gt;.container&gt;.row.ganha {
    padding: 0;
    flex-direction: column;
    align-items: center;
    max-width: 286px;
}

#beneficios&gt;.container&gt;.row.ganha&gt;.col.item {
    padding: 0;
}

#beneficios&gt;.container&gt;.row.ganha&gt;.col.item:first-child {
    margin-top: 20px;
}

#beneficios&gt;.container&gt;.row.ganha&gt;.col.item:last-child {
    margin-top: 31px;
}

#beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.img-wrapper&gt;img:nth-of-type(1) {
    display: none !important;
}

#beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.img-wrapper&gt;img:nth-of-type(2) {
    display: block !important;
}

#beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.text-wrapper {
    padding-left: 11px;
    border-left: 3px solid #1A91FF;
    margin-top: 17px;
}

#beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.text-wrapper&gt;h2 {
    font-size: 22px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 26px;
    letter-spacing: 0px;
}

#beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.text-wrapper&gt;h2&gt;strong {
    font-weight: 700;
}

#beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.text-wrapper&gt;p {
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 20px;
    letter-spacing: 0px;
    margin-top: 6px;
}


@media (min-width: 992px) {
    #beneficios&gt;.container&gt;.row.ganha {
        flex-direction: row;
        max-width: 904px;
        min-width: 904px;
        justify-content: space-between;
    }

    #beneficios&gt;.container&gt;.row.ganha&gt;.col.item {
        flex-basis: calc(50% - 15px) !important;
        width: calc(50% - 15px) !important;
        min-width: calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
    }


    #beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.img-wrapper&gt;img {
        margin: 0 !important;
        padding: 0 !important;
    }

    #beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.img-wrapper&gt;img:nth-of-type(1) {
        display: block !important;
    }

    #beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.img-wrapper&gt;img:nth-of-type(2) {
        display: none !important;
    }

    #beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.text-wrapper {
        padding-left: 24px;
        margin-top: 33px;
    }

    #beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.text-wrapper&gt;h2 {
        font-size: 34px;
        line-height: 40px;
    }

    #beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.text-wrapper&gt;p {
        font-size: 22px;
        line-height: 26px;
        margin-top: 6px;
    }
}

#beneficios&gt;.container&gt;.row.planilha {
    max-width: 311px;
    width: 100%;
}



#beneficios&gt;.container&gt;.row.planilha&gt;.col&gt;h2 {
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 20px;
    letter-spacing: 0px;
    margin-top: 15px;
}

#beneficios&gt;.container&gt;.row.planilha&gt;.col&gt;h2&gt;strong {
    font-weight: 900;
}



@media (min-width: 400px) {
    #beneficios&gt;.container&gt;.row.planilha {
        max-width: 360px;
    }
}

@media (min-width: 450px) {
    #beneficios&gt;.container&gt;.row.planilha {
        max-width: 410px;
    }
}

@media (min-width: 500px) {
    #beneficios&gt;.container&gt;.row.planilha {
        max-width: 460px;
    }
}

@media (min-width: 550px) {
    #beneficios&gt;.container&gt;.row.planilha {
        max-width: 510px;
    }
}

@media (min-width: 600px) {
    #beneficios&gt;.container&gt;.row.planilha {
        max-width: 560px;
    }
}

@media (min-width: 992px) {
    #beneficios&gt;.container&gt;.row.planilha {
        max-width: 984px;
        width: 984px;
    }

    #beneficios&gt;.container&gt;.row.planilha&gt;.col {
        position: relative;
    }

    #beneficios&gt;.container&gt;.row.planilha&gt;.col&gt;h2 {
        font-size: 22px;
        line-height: 22px;
        position: absolute;
        left: 0;
        top: 0;
        transform: translate(65px, 0);
    }


}

#beneficios&gt;.container&gt;.row.decisoes {
    max-width: 306px;
}

#beneficios&gt;.container&gt;.row.decisoes&gt;.col {
    padding: 0 !important;
    margin: 0 !important;
}

#beneficios&gt;.container&gt;.row.decisoes&gt;.col&gt;h2 {
    font-size: 22px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 33px;
}

#beneficios&gt;.container&gt;.row.decisoes&gt;.col&gt;h2&gt;strong {
    font-weight: 900;
}

@media (min-width: 400px) {
    #beneficios&gt;.container&gt;.row.decisoes {
        max-width: 360px;
    }
}

@media (min-width: 450px) {
    #beneficios&gt;.container&gt;.row.decisoes {
        max-width: 410px;
    }
}

@media (min-width: 500px) {
    #beneficios&gt;.container&gt;.row.decisoes {
        max-width: 460px;
    }
}

@media (min-width: 550px) {
    #beneficios&gt;.container&gt;.row.decisoes {
        max-width: 510px;
    }
}

@media (min-width: 600px) {
    #beneficios&gt;.container&gt;.row.decisoes {
        max-width: 560px;
    }
}

@media (min-width: 992px) {
    #beneficios&gt;.container&gt;.row.decisoes {
        max-width: 934px;
    }

    #beneficios&gt;.container&gt;.row.decisoes&gt;.col&gt;h2 {
        font-size: 34px;
        line-height: 40px;
        margin-top: 81px;
    }

}

#beneficios&gt;.container&gt;.row.anchor-assinaturas {
    max-width: 286px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 77px);
    width: 100%;
}

#beneficios&gt;.container&gt;.row.anchor-assinaturas&gt;.col {
    background-color: #00003F;
    border-radius: 7px;
    padding: 17px 24px 22px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

#beneficios&gt;.container&gt;.row.anchor-assinaturas&gt;.col&gt;p {
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    margin: 0;
}

#beneficios&gt;.container&gt;.row.anchor-assinaturas&gt;.col&gt;p&gt;strong {
    font-weight: 300;
}

#beneficios&gt;.container&gt;.row.anchor-assinaturas&gt;.col&gt;a {
    padding: 10px 26px;
    background-color: #14DF65;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 17px;
}

#beneficios&gt;.container&gt;.row.anchor-assinaturas&gt;.col&gt;a&gt;.desktop {
    display: none;
}

#beneficios&gt;.container&gt;.row.anchor-assinaturas&gt;.col&gt;a&gt;.mobile {
    display: inline;
}

@media (min-width: 400px) {
    #beneficios&gt;.container&gt;.row.anchor-assinaturas {
        max-width: 360px;
    }
}

@media (min-width: 450px) {
    #beneficios&gt;.container&gt;.row.anchor-assinaturas {
        max-width: 410px;
    }
}

@media (min-width: 500px) {
    #beneficios&gt;.container&gt;.row.anchor-assinaturas {
        max-width: 460px;
    }
}

@media (min-width: 550px) {
    #beneficios&gt;.container&gt;.row.anchor-assinaturas {
        max-width: 510px;
    }
}

@media (min-width: 600px) {
    #beneficios&gt;.container&gt;.row.anchor-assinaturas {
        max-width: 560px;
    }
}

@media (min-width: 992px) {
    #beneficios&gt;.container&gt;.row.anchor-assinaturas {
        max-width: 905px;
        min-width: 905px;
        transform: translate(-50%, 50px);
    }

    #beneficios&gt;.container&gt;.row.anchor-assinaturas&gt;.col {
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        padding: 28px 56px;
    }

    #beneficios&gt;.container&gt;.row.anchor-assinaturas&gt;.col&gt;p&gt;strong {
        font-weight: 700;
        font-style: italic;
    }

    #beneficios&gt;.container&gt;.row.anchor-assinaturas&gt;.col&gt;a {
        margin-left: 95px;
        margin-top: 0px;
    }

    #beneficios&gt;.container&gt;.row.anchor-assinaturas&gt;.col&gt;a&gt;.desktop {
        display: inline;
    }

    #beneficios&gt;.container&gt;.row.anchor-assinaturas&gt;.col&gt;a&gt;.mobile {
        display: none;
    }
}

#perfil .row:nth-of-type(1)&gt;.col&gt;h2 {
    font-size: 22px;
    font-weight: 300;
    color: #00003F;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 115px;
}

#perfil .row:nth-of-type(1)&gt;.col&gt;h2&gt;strong {
    font-weight: 900;
    color: #F25611;
}

@media (min-width: 992px) {
    #perfil .row:nth-of-type(1)&gt;.col&gt;h2 {
        font-size: 34px;
        line-height: 40px;
        margin-top: 130px;
    }
}

#perfil&gt;.container&gt;.row:nth-of-type(2) {
    flex-wrap: wrap;
    width: min(286px, 100%);
    margin: auto;
}

#perfil&gt;.container&gt;.row:nth-of-type(2)&gt;.col {
    flex-basis: 100%;
    padding: 47px 29px 48px 38px;
    background-color: #FFFFFF;
    box-shadow: 0px 8px 19px #00000029;
    border-radius: 8px;
    margin-top: 30px;
    position: relative;
}

#perfil&gt;.container&gt;.row:nth-of-type(2)&gt;.col:hover {
    background-color: #00003F;
}

#perfil&gt;.container&gt;.row:nth-of-type(2)&gt;.col&gt;.border-style {
    position: absolute;
    height: 54px;
    width: 3px;
    border-radius: 2px;
    background-color: #F25611;
    top: 47px;
    left: 0;
    transform: translate(-50%, 0);
}

#perfil&gt;.container&gt;.row:nth-of-type(2)&gt;.col&gt;img {
    width: 55px;
    height: 55px;
}

#perfil&gt;.container&gt;.row:nth-of-type(2)&gt;.col&gt;p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #00003F;
    margin-top: 17px;
}

#perfil&gt;.container&gt;.row:nth-of-type(2)&gt;.col:hover&gt;p {
    color: #FFFFFF;
}

@media (min-width: 992px) {
    #perfil&gt;.container&gt;.row:nth-of-type(2) {
        flex-wrap: nowrap;
        justify-content: space-between;
        width: 904px;
    }

    #perfil&gt;.container&gt;.row:nth-of-type(2)&gt;.col {
        flex-basis: calc(33.3333% - 21.33px);
        max-width: calc(33.3333% - 21.33px);
        margin-top: 30px;
    }
}
#depoimentos {
    margin-top: 0px;
}

#depoimentos&gt;.container {
    display: flex;
    align-items: center;
    flex-direction: column;
}


#depoimentos&gt;.container&gt;.row:nth-of-type(1)&gt;.col {
    padding: 0 !important;
}

#depoimentos&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1) {
    display: flex;
    justify-content: center;
}

#depoimentos&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;h4 {
    font-size: 12px;
    font-weight: 500;
    color: #00003F;
    letter-spacing: 3.36px;
    text-align: center;
}

#depoimentos&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(2)&gt;h2 {
    font-size: 22px;
    font-weight: 400;
    color: #00003F;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
}

#depoimentos&gt;.container&gt;.row:nth-of-type(1)&gt;.col&gt;h2&gt;strong {
    font-weight: 900;
    color: #F25611;
}


@media (min-width: 992px) {
    #depoimentos&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;h4 {
        font-size: 14px;
        letter-spacing: 3.92px;
    }

    #depoimentos&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(2)&gt;h2 {
        font-size: 34px;
        line-height: 40px;
    }
}


#depoimentos&gt;.container&gt;.row:nth-of-type(2) {
    max-width: 266px;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 300px;
}

#depoimentos&gt;.container&gt;.row:nth-of-type(2)&gt;.col {
    display: flex;
    flex-direction: column;
    justify-content: start;
    background-color: #F5F5F5;
    border-radius: 10px;
    margin: 0;
    padding: 0;
    flex-basis: 100%;
    margin-top: 21px;
    overflow: hidden;
}

#depoimentos&gt;.container&gt;.row:nth-of-type(2)&gt;.col&gt;.video-wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
}

#depoimentos&gt;.container&gt;.row:nth-of-type(2)&gt;.col&gt;.video-wrapper&gt;iframe {
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#depoimentos&gt;.container&gt;.row:nth-of-type(2)&gt;.col&gt;.text-wrapper {
    padding: 22px 27px 23px;
}

#depoimentos&gt;.container&gt;.row:nth-of-type(2)&gt;.col&gt;.text-wrapper p {
    margin: 0;
}

#depoimentos&gt;.container&gt;.row:nth-of-type(2)&gt;.col&gt;.text-wrapper&gt;.depoimento {
    font-size: 14px;
    font-weight: 700;
    color: #9B9B9B;
    line-height: 18px;
    letter-spacing: 0;
}

#depoimentos&gt;.container&gt;.row:nth-of-type(2)&gt;.col&gt;.text-wrapper&gt;.about {
    font-size: 12px;
    font-weight: 400;
    color: #9B9B9B;
    line-height: 18px;
    letter-spacing: 0;
    margin-top: 18px;
}

#depoimentos&gt;.container&gt;.row:nth-of-type(2)&gt;.col&gt;.text-wrapper&gt;.name {
    font-size: 12px;
    font-weight: 700;
    color: #F25611;
    line-height: 18px;
    letter-spacing: 0px;
    margin-top: 18px;
}

#depoimentos&gt;.container&gt;.row:nth-of-type(2)&gt;.col&gt;.text-wrapper&gt;.ocupacao {
    font-size: 12px;
    font-weight: 400;
    color: #9B9B9B;
    line-height: 18px;
    letter-spacing: 0;
    margin-top: 6px;
}

@media (min-width: 400px) {
    #depoimentos&gt;.container&gt;.row:nth-of-type(2) {
        max-width: 310px;
    }
}

@media (min-width: 450px) {
    #depoimentos&gt;.container&gt;.row:nth-of-type(2) {
        max-width: 360px;
    }
}

@media (min-width: 500px) {
    #depoimentos&gt;.container&gt;.row:nth-of-type(2) {
        max-width: 410px;
    }
}

@media (min-width: 550px) {
    #depoimentos&gt;.container&gt;.row:nth-of-type(2) {
        max-width: 460px;
    }
}

@media (min-width: 600px) {
    #depoimentos&gt;.container&gt;.row:nth-of-type(2) {
        max-width: 510px;
    }
}

@media (min-width: 992px) {
    #depoimentos&gt;.container&gt;.row:nth-of-type(2) {
        max-width: 904px;
        margin-bottom: 336px;
        flex-wrap: nowrap;
        justify-content: space-between !important;
        flex-direction: row;
    }

    #depoimentos&gt;.container&gt;.row:nth-of-type(2)&gt;.col {
        //flex-basis: calc(33.3333% - 13px);
        //width: calc(33.3333% - 13px);
        //max-width: calc(33.3333% - 13px);
        flex-basis: calc(50% - 13px);
        width: calc(50% - 13px);
        max-width: calc(50% - 13px);
    }
}

#end-section {
    background-color: #F1F1F1;
    border-radius: 100px 0px 0px 0px;
    padding: 1px 0 60px 0;
}

@media (min-width: 992px) {
    #end-section {
        padding: 1px 0 100px 0;
    }
}

#garantia {
    max-width: 286px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 15px;
}

#garantia &gt; .row &gt; .col {
    padding: 0 !important;
}
#garantia &gt; .row &gt; .col:nth-of-type(1) &gt; p:nth-of-type(1) {
    font-size: 189px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    color: #F25611;
    text-align: left;
}
#garantia &gt; .row &gt; .col:nth-of-type(1) &gt; p:nth-of-type(2) {
    font-size: 60px;
    font-weight: 400;
    line-height: 64px;
    letter-spacing: 0;
    color: #00003F;
    text-align: left;
    margin-top: -15px;
}
#garantia &gt; .row &gt; .col:nth-of-type(1) &gt; p:nth-of-type(2) &gt; strong {
    color: #F25611;
}
#garantia &gt; .row &gt; .col:nth-of-type(1) &gt; div {
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 3px 10px #CBCBCB;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    margin-top: 35px;
}
#garantia &gt; .row &gt; .col:nth-of-type(1) &gt; div &gt; i {
    color: #F25611;
    font-size: 21px;
}
#garantia &gt; .row &gt; .col:nth-of-type(1) &gt; div &gt; p {
    font-size: 14px;
    font-weight: 400;
    color: #0A0A0A;
    line-height: 1;
    letter-spacing: 1.96px;
    text-transform: uppercase;
    margin: 0;
    margin-left: 12px;
    height: auto;
}
#garantia &gt; .row &gt; .col:nth-of-type(1) &gt; div &gt; p &gt; strong {
    font-weight: 700;
}

#garantia &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(1) {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0;
    color: #9E9E9E;
    text-align: left;
    margin-top: 18px;
}
#garantia &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(2) {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0;
    color: #FFFFFF;
    text-align: center;
    padding: 21px 18px;
    border-radius: 10px;
    background-color: #F25611;
    margin-top: 15px;
}
#garantia &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(3) {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0;
    color: #9E9E9E;
    text-align: left;
    margin-top: 13px;
}
#garantia &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(3) &gt; strong {
    font-weight: 700;
}
@media (min-width: 400px) { #garantia { max-width: 360px; } }
@media (min-width: 450px) { #garantia { max-width: 410px; } }
@media (min-width: 500px) { #garantia { max-width: 460px; } }
@media (min-width: 550px) { #garantia { max-width: 510px; } }
@media (min-width: 600px) { #garantia { max-width: 560px; } }
@media (min-width: 992px) {
    #garantia {
        max-width: 904px;
        width: 904px;
        margin-top: 114px;
        margin-bottom: 100px;
    }
    #garantia &gt; .row &gt; .col {
        padding: 0 !important;
    }
    #garantia &gt; .row &gt; .col:nth-of-type(1) {
        padding-right: 65px !important;
        width: 35%;
    }
    #garantia &gt; .row &gt; .col:nth-of-type(1) &gt; p:nth-of-type(1) {
        font-size: 156px;
    }
    #garantia &gt; .row &gt; .col:nth-of-type(1) &gt; p:nth-of-type(2) {
        font-size: 54px;
        line-height: 58px;
    }
    #garantia &gt; .row &gt; .col:nth-of-type(1) &gt; div {
        padding: 8px 0;
    }
    #garantia &gt; .row &gt; .col:nth-of-type(1) &gt; div &gt; i {
        font-size: 18px;
        line-height: 18px;
    }
    #garantia &gt; .row &gt; .col:nth-of-type(1) &gt; div &gt; p  {
        font-size: 13px;
        line-height: 13px;
    }
    #garantia &gt; .row &gt; .col:nth-of-type(2) {
        width: 65%;
    }
    #garantia &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(1) {
        font-size: 22px;
        line-height: 26px;
        margin-top: 0px;
    }

    #garantia &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(2) {
        font-size: 22px;
        line-height: 26px;
        margin-top: 21px;
        text-align: left;
    }

    #garantia &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(3) {
        font-size: 22px;
        line-height: 26px;
        margin-top: 21px;
    }

}

#vicente {
    max-width: 304px;
    margin: auto;
    background: #00003F linear-gradient(180deg, #1A91FF00 0%, #1262C14D 31%, #00003F 100%);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    border-radius: 70px 30px 30px 101px;
    overflow: hidden;
    margin-bottom: 56px;
}
#vicente &gt; .row {
    flex-flow: column-reverse;
}

#vicente &gt; .row &gt; .col:nth-of-type(1) {
    padding: 0;
}

#vicente &gt; .row &gt; .col:nth-of-type(1) &gt; img:nth-of-type(1) { display: none !important; }
#vicente &gt; .row &gt; .col:nth-of-type(1) &gt; img:nth-of-type(2) {
    display: block !important;
    margin-top: 20px;
    width: 100%;
    margin-bottom: 0;
}
#vicente &gt; .row &gt; .col:nth-of-type(2) {
    padding: 0 31px 0 15px;
}
#vicente &gt; .row &gt; .col:nth-of-type(2) &gt; p {
    text-align: left;
}
#vicente &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(1) {
    font-size: 7px;
    font-weight: 500;
    line-height: 7px;
    letter-spacing: 4.58px;
    color: #F25611;
    text-transform: uppercase;
    margin-top: 75px;
}
#vicente &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(2) {
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-top: 6px;
}
#vicente &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(2) &gt; strong {
    font-weight: 900;
    color: #F25611;
}
#vicente &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(3) {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    color: #F1F1F1;
    margin-top: 10px;
}
#vicente &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(4) {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    color: #F1F1F1;
    margin-top: 20px;
}
#vicente &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(5) {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    color: #F1F1F1;
    margin-top: 20px;
}
@media (min-width: 400px) { #vicente { max-width: 378px; } }
@media (min-width: 450px) { #vicente { max-width: 428px; } }
@media (min-width: 500px) { #vicente { max-width: 478px; } }
@media (min-width: 550px) { #vicente { max-width: 528px; } }
@media (min-width: 600px) { #vicente { max-width: 578px; } }
@media (min-width: 992px) {
    #vicente {
        max-width: 907px;
        width: 907px;
        overflow: visible !important;
        margin-bottom: 80px;
    }
    #vicente &gt; .row {
        flex-flow: row;
        justify-content: space-between;
    }

    #vicente &gt; .row &gt; .col:nth-of-type(1) { width: calc(43% - 18px); }
    #vicente &gt; .row &gt; .col:nth-of-type(1) &gt; img:nth-of-type(1) {
        display: block !important;
        height: 100% !important;
        width: auto;
    }
    #vicente &gt; .row &gt; .col:nth-of-type(1) &gt; img:nth-of-type(2) { display: none !important; }
    #vicente &gt; .row &gt; .col:nth-of-type(2) { width: calc(54% - 18px); }
    #vicente &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(1) {
        font-size: 18px;
        line-height: 18px;
        letter-spacing: 11.79px;
        margin-top: 78px;
    }
    #vicente &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(2) {
        font-size: 40px;
        line-height: 44px;
        margin-top: 5px;
    }
    #vicente &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(3) {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0px;
        margin-top: 20px;
    }
    #vicente &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(4) {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0px;
        margin-top: 26px;
    }
    #vicente &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(5) {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0px;
        margin-top: 26px;
    }
}

/* PÃ¡gina de Assinaturas - InÃ­cio */

.vg-assinaturas .site-banner {
    background-image: url(../img/planos/banner-topo-assinaturas-mb.png);
}

.vg-assinaturas .site-banner .section-title {
    max-width: 210px;
    font-size: 28px;
    line-height: 1.1;
}

.vg-assinaturas .site-banner .section-title &gt; strong {
    color: #F25611;
}

@media (min-width: 992px) {
    .vg-assinaturas .site-banner .section-title {
        max-width: 615px;
        font-size: 40px;
        line-height: 1.3;
    }

    .vg-assinaturas .site-banner {
        background-image: url(../img/planos/banner-topo-assinaturas.png);
    }
}

.planos .so {
    background-color: #F25611;
    border-radius: 80px 0px 100px 0px;
    padding: 53px 0 114px 0;
}
.planos .so .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1000px !important;
    padding: 0;
    margin: auto;
}
.planos .so .container * {
    padding: 0;
    margin: 0;
}

@media (min-width: 992px) {
    .planos .so {
        border-radius: 100px 0px;
        padding: 80px 0 103px 0;
    }
}

.planos div.rline {
    display: flex;
    margin: auto;
    width: auto;
    justify-content: center;
}

.planos div.rline &gt; h4 {
    display: inline-block;
    position: relative;
    width: auto;
    padding-right: 45px !important;
}

.planos div.rline &gt; h4::after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 36px;
    height: 2px;
    background-color: black;
    border-radius: 2px;
}

.planos div.rline.white &gt; h4::after {
    background-color: #FFFFFF;
}

.planos div.rline.orange &gt; h4::after {
    background-color: #F25611;
}

/* Sub-Section - Liberdade Financeira */
.planos .so &gt; .lf &gt; .container &gt; .row {
    max-width: 375px;
    width: 100%;
    padding: 0 37px;
}

.planos .so &gt; .lf &gt; .container &gt; .row &gt; .col:nth-of-type(1) &gt; img {
    width: 100%;
    margin-top: 49px;
}

.planos .so &gt; .lf &gt; .container &gt; .row &gt; .col:nth-of-type(2) &gt; h2 {
    font-size: 22px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 26px;
    letter-spacing: 0;
    text-align: center;
}
.planos .so &gt; .lf &gt; .container &gt; .row &gt; .col:nth-of-type(2) &gt; h2 &gt; strong {
    font-weight: 700;
}
.planos .so &gt; .lf &gt; .container &gt; .row &gt; .col:nth-of-type(2) &gt; p {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
    letter-spacing: 0;
    margin-top: 29px;
}
@media (min-width: 768px) {
    .planos .so &gt; .lf &gt; .container &gt; .row {
        max-width: 475px;
    }
}
@media (min-width: 992px) {
    .planos .so &gt; .lf &gt; .container &gt; .row {
        justify-content: space-between;
        max-width: 989px;
    }

    .planos .so &gt; .lf &gt; .container &gt; .row &gt; .col:nth-of-type(1) {
        width: 47.8%;
    }

    .planos .so &gt; .lf &gt; .container &gt; .row &gt; .col:nth-of-type(2) {
        width: 48.8%;
    }
    .planos .so &gt; .lf &gt; .container &gt; .row &gt; .col:nth-of-type(2) &gt; h2 {
        font-size: 34px;
        line-height: 40px;
        text-align: left;
    }

    .planos .so &gt; .lf &gt; .container &gt; .row &gt; .col:nth-of-type(2) &gt; p {
        font-size: 22px;
        line-height: 26px;
        margin-top: 16px;
    }
}


/* Sub-Section - Carteiras */
.planos .so &gt; .carteiras {
    margin-top: 80px;
}

.planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(1) {
    max-width: 360px;
    width: 100%;
    padding: 0 28px;
}

.planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; h2 {
    font-size: 22px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 26px;
    letter-spacing: 0;
    text-align: center;
}
.planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; h2 &gt; strong {
    font-weight: 700;
}
.planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(2) {
    max-width: 199px;
}
.planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(2) &gt; .item:nth-of-type(1) {
    margin-top: 31px;
}
.planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(2) &gt; .item:nth-of-type(n+2) {
    margin-top: 14px;
}
.planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(2) &gt; .item &gt; h2 {
    font-family: "Archivo", sans-serif;
    font-size: 64px;
    font-weight: 900;
    color: #B93900;
    line-height: 64px;
    letter-spacing: 0;
}
.planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(2) &gt; .item &gt; h3 {
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 27px;
    letter-spacing: 0;
    margin-top: 4px;
}
.planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(2) &gt; .item &gt; ul {
    list-style-image: url("../img/planos-desktop-check.png");
    margin-top: 18px;
}
.planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(2) &gt; .item &gt; ul &gt; li {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 34px;
    letter-spacing: 0;
    margin-left: 25px;
}
@media (min-width: 768px) {
    .planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(1) {
        max-width: 565px;
    }
    .planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(2) {
        max-width: 500px;
        margin-top: 16px;
    }
    .planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(2) &gt; .item {
        margin-top: 14px !important;
    }
}
@media (min-width: 992px) {

    .planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(1) {
        max-width: 802px;
    }

    .planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .planos .so &gt; .carteiras &gt; .container &gt; .row:nth-of-type(2) {
        max-width: 904px;
    }
}



/* Sub-Section - Ajuda para escolher o seu plano */
.planos .so &gt; .comparar-ancora {
    margin-top: 60px;
}

.planos .so &gt; .comparar-ancora .bg {
    background-image: url(../img/banner-man-mb.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.planos .so &gt; .comparar-ancora &gt; .container &gt; .row {
    max-width: 285px;
    width: 100%;
    background-color: #193064;
    overflow: hidden;
    border-radius: 7px;
    padding: 19px 29px 249px 29px;
}
.planos .so &gt; .comparar-ancora &gt; .container &gt; .row &gt; .col {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.planos .so &gt; .comparar-ancora &gt; .container &gt; .row &gt; .col &gt; h2 {
    font-size: 18px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    max-width: 209px;
}
.planos .so &gt; .comparar-ancora &gt; .container &gt; .row &gt; .col &gt; h2 &gt; strong {
    font-weight: 900;
}
.planos .so &gt; .comparar-ancora &gt; .container &gt; .row &gt; .col &gt; p {
    font-size: 12px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 18px;
    letter-spacing: 0;
    margin-top: 7px;
    text-align: center;
    max-width: 234px;
}
.planos .so &gt; .comparar-ancora &gt; .container &gt; .row &gt; .col &gt; a {
    font-size: 11px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 11px;
    letter-spacing: 1.98px;
    padding: 11px 35px;
    background-color: #14DF65;
    border-radius: 23px;
    margin-top: 14px;
    display: block;
}

.planos .so &gt; .comparar-ancora &gt; .container &gt; .row &gt; .col &gt; img {
    width: 100%;
    margin-top: 3px;
}
@media (min-width: 992px) {
    .planos .so &gt; .comparar-ancora {
        margin-top: 80px;
    }

    .planos .so &gt; .comparar-ancora &gt; .container &gt; .row {
        max-width: 915px;
        background-image: url(../img/planos-desktop-comparar-ancora.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 77px 439px 76px 78px;

    }
    .planos .so &gt; .comparar-ancora &gt; .container &gt; .row &gt; .col {
        align-items: start;
    }
    .planos .so &gt; .comparar-ancora &gt; .container &gt; .row &gt; .col &gt; h2 {
        text-align: left;
        font-size: 34px;
        line-height: 38px;
        max-width: 393px;
    }

    .planos .so &gt; .comparar-ancora &gt; .container &gt; .row &gt; .col &gt; p {
        text-align: left;
        margin-top: 10px;
        font-size: 22px;
        line-height: 26px;
        max-width: 371px;
    }
    .planos .so &gt; .comparar-ancora &gt; .container &gt; .row &gt; .col &gt; a {
        margin-top: 25px;
        max-width: 282px;
        padding: 14px 43px;
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 2.52px;
    }
}

/* Sub-Section - Pilares */
.planos .so &gt; .pilares {
    margin-top: 45px;
}
.planos .so &gt; .pilares &gt; .container {
    padding: 0 37px;
}
.planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(1) {
    max-width: 286px;
    width: 100%;
}

.planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; div &gt; h4 {
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 15px;
    letter-spacing: 3.36px;
    text-align: center;
}
.planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; h2 {
    font-size: 22px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
}
.planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; h2 &gt; strong {
    font-weight: 700;
}
.planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(2) {
    margin-top: -9px;
    max-width: 285px;
}
.planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(2) &gt; .item {
    margin-top: 42px;
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 41px 51px 44px 39px;
}
.planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(2) &gt; .item:hover {
    background-color: #00003F;
}
.planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(2) &gt; .item &gt; img {
    width: 55px;
    height: 55px;
}
.planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(2) &gt; .item &gt; h2 {
    font-size: 22px;
    font-weight: 400;
    color: #00003F;
    line-height: 24px;
    letter-spacing: 0;
    margin-top: 17px;
}
.planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(2) &gt; .item:hover &gt; h2 {
    color: #FFFFFF;
}
.planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(2) &gt; .item &gt; h2 &gt; strong {
    font-weight: 900;
    color: #F25611;
}
.planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(2) &gt; .item &gt; p {
    font-size: 16px;
    font-weight: 400;
    color: #010130;
    line-height: 20px;
    letter-spacing: 0;
    margin-top: 13px;
}
.planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(2) &gt; .item:hover &gt; p {
    color: #FFFFFF;
}
@media (min-width: 992px) {
    .planos .so &gt; .pilares {
        margin-top: 60px;
    }

    .planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(1) {
        max-width: 556px;
    }

    .planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; div &gt; h4 {
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 3.92px;
    }
    .planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; h2 {
        font-size: 34px;
        line-height: 40px;
        margin-top: 10px;
    }

    .planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(2) {
        margin-top: 40px;
        max-width: 904px;
        justify-content: space-between;
    }
    .planos .so &gt; .pilares &gt; .container &gt; .row:nth-of-type(2) &gt; .item {
        flex-basis: calc(33.3333% - 22px);
        margin-top: 0;
        padding: 40px 39px;
    }
}


/* Sub-Section - Analistas */
.planos .so &gt; .analistas {
    margin-top: 40px;
}

.planos .so &gt; .analistas &gt; .container &gt; .row {
    width: 100%;
}

.planos .so &gt; .analistas &gt; .container &gt; .row &gt; .col &gt; div &gt; h4 {
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 12px;
    letter-spacing: 3.36px;
    text-align: center;
    margin: auto;
}
.planos .so &gt; .analistas &gt; .container &gt; .row &gt; .col &gt; h2 {
    font-size: 22px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 26px;
    letter-spacing: 0;
    text-align: center;
    max-width: 286px;
    margin: auto;
    margin-top: 7px;
}
.planos .so &gt; .analistas &gt; .container &gt; .row &gt; .col &gt; h2 &gt; strong {
    font-weight: 700;
}
.planos .so &gt; .analistas &gt; .container &gt; .row &gt; .col &gt; img {
    max-width: 500px;
    width: 100%;
    margin: auto;
    margin-top: 57px;
}
@media (min-width: 992px) {
    .planos .so &gt; .analistas {
        margin-top: 80px;
    }
    .planos .so &gt; .analistas &gt; .container {
        max-width: 1088px !important;
    }

    .planos .so &gt; .analistas &gt; .container &gt; .row &gt; .col &gt; div &gt; h4 {
        font-size: 14px;
        line-height: 14px;
        margin-top: 5px;
        max-width: 631px;
    }
    .planos .so &gt; .analistas &gt; .container &gt; .row &gt; .col &gt; h2 {
        font-size: 34px;
        line-height: 40px;
        max-width: 631px;
        margin-top: 5px;
    }
    .planos .so &gt; .analistas &gt; .container &gt; .row &gt; .col &gt; img {
        max-width: 1088px;
    }
}


/* Section - Depoimentos */

.planos .depoimentos &gt; .container * {
    margin: 0;
    padding: 0;
}
.planos .depoimentos &gt; .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 37px;
}

.planos .depoimentos &gt; .container &gt; .row:nth-of-type(1) {
    max-width: 286px;
    width: 100%;
    margin-top: 72px;
}

.planos .depoimentos &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; div &gt; h4 {
    font-size: 12px;
    font-weight: 500;
    color: #00003F;
    line-height: 12px;
    letter-spacing: 3.36px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    margin: auto;
}
.planos .depoimentos &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; h2 {
    font-size: 22px;
    font-weight: 300;
    color: #00003F;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 8px;
}
.planos .depoimentos &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; h2 &gt; strong {
    font-weight: 700;
    color: #F25611;
}
.planos .depoimentos &gt; .container &gt; .row:nth-of-type(2) {
    max-width: 286px;
    width: 100%;
    margin-top: 10px;
}

.planos .depoimentos &gt; .container &gt; .row:nth-of-type(2) &gt; .col &gt; .item {
    position: relative;
    padding-bottom: 56.25%;
}
.planos .depoimentos &gt; .container &gt; .row:nth-of-type(2) &gt; .col &gt; .item &gt; iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-width: 992px) {
    .planos .depoimentos &gt; .container &gt; .row:nth-of-type(1) {
        max-width: 826px;
        margin-top: 97px;
    }

    .planos .depoimentos &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; div &gt; h4 {
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 3.92px;
    }
    .planos .depoimentos &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; h2 {
        font-size: 34px;
        line-height: 40px;
        margin-top: 10px;
    }

    .planos .depoimentos &gt; .container &gt; .row:nth-of-type(2) {
        max-width: 906px;
        margin-top: 20px;
    }
}

/* Section - Garantia */
.planos #garantia {
    padding-left: 15px;
    padding-right: 15px;
}

/* Section - Comparar Planos */

.tabs .selectors {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0;
    padding: 0;
}

.tabs .selectors &gt; .selector {
    flex: 1 1 auto;
    color: #AEAEAE;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    outline: none;
    margin: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #AEAEAE;
}

.tabs .selectors &gt; .selector.active {
    color: #00003F;
    font-weight: 900;
    position: relative;
}

.tabs .selectors &gt; .selector.active::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    top: initial;
    right: initial;
    width: 100%;
    height: 5px;
    border-radius: 1000px 1000px 0 0;
    background-color: #F25611;
}

@media (min-width: 992px) {
    .tabs .selectors &gt; .selector {
        font-size: 18px;
    }
}

/* Sub-Section - Nossos planos - Detalhes */
#nossos-planos .detalhes {
    display: none;
}

#nossos-planos .detalhes.active {
    display: block;
}

#nossos-planos .conteudo .carteira,
#investimentos .conteudo .carteira {
    position: relative;
}

#nossos-planos .conteudo .resumo,
#investimentos .conteudo .resumo {
    position: absolute;
    bottom: 45px;
    left: 45px;
    width: calc(100% - 90px);
}

#nossos-planos .section-title-rline {
    color: #00003F;
    font-size: 12px;
}

#nossos-planos .section-title {
    font-size: 22px;
}

#nossos-planos .section-title &gt; strong {
    color: #F25611;
}

@media (min-width: 992px) {
    #nossos-planos .section-title-rline {
        color: #00003F;
        font-size: 14px;
    }

    #nossos-planos .section-title {
        font-size: 34px;
    }
}

#nossos-planos .carteiras .btn-collapse {
    background-color: #14DF65;
}

#nossos-planos .carteiras .btn-collapse.show &gt; span,
#investimentos .carteira .btn-collapse.show &gt; span {
    width: 80px;
}

#nossos-planos .conteudo .resumo .title,
#investimentos .conteudo .carteira .title {
    color: #FFFFFF;
    font-size: 28px;
    line-height: 1.1;
    padding-bottom: 10px;
    border-bottom: 1px solid #F25611;
    position: relative;
}

#nossos-planos .conteudo .resumo .title::before,
#investimentos .conteudo .carteira .title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1.5px;
    width: 25%;
    height: 3px;
    background-color: #F25611;
    transition: all .3s ease-in-out;
}

#nossos-planos .carteira:hover .title::before {
    left: 75%;
}

#nossos-planos .carteiras .carteira {
    background: #FCFCFC 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 14px #00000029;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}

#nossos-planos .carteiras .carteira .image {
    display: block;
    width: 100%;
    border-radius: 8px 8px 0 0;
    position: relative;
}

#nossos-planos .carteiras .carteira .image &gt; img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

#nossos-planos .carteiras .carteira .image::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 1px);
    width: 70%;
    height: 3px;
    background-color: #F25611;
    border-radius: 2px;
    z-index: 1;
}

#nossos-planos .carteiras .carteira .image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15%;
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background-color: #F25611;
    transform: translate(0, 1.2px);
    z-index: 2;
}

#nossos-planos .carteiras .carteira .about {
    padding: 1.9rem;
}

#nossos-planos .carteiras .carteira .about .name {
    color: #F25611;
    font-size: 18px;
}

#nossos-planos .carteiras .carteira .about .name span:first-child {
    font-weight: 300;
    color: #00003F;
}

#nossos-planos .carteiras .carteira .about .description {
    color: #9E9E9E;
    margin-bottom: 15px;
    font-size: 14px;
    min-height: 126px;
}

#nossos-planos .carteiras .carteira .about .more {
    color: #00003F;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 31px;
    display: block;
}

#nossos-planos .carteiras .carteira .about .more &gt; span {
    color: #F25611;
    font-size: 14px;
}

#nossos-planos .carteiras .carteira .about .split {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #00003F;
    margin-bottom: 0;
}

#nossos-planos .carteiras .carteira .about .pricing {
    line-height: 1;
    margin-bottom: 15px;
}

#nossos-planos .carteiras .carteira .about .checkout {
    background-color: #14DF65;
    border-radius: 23px;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 40px;
    text-decoration: none;
    font-size: 14px;
}

#investimentos .tipos .section-title {
    padding-left: 25px;
    position: relative;
}

#investimentos .tipos .section-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 25px;
    background-color: #F25611;
    transform: translate(0, -50%);
}

#investimentos .tipos .splide__arrow {
    background-color: #F25611;
    opacity: 1;
}

#investimentos .tipos .splide__arrow.splide__arrow--next {
    right: -.5em;
}

#investimentos .tipos .splide__arrow.splide__arrow--prev {
    left: -.5em;
}


@media (min-width: 768px) {
    #investimentos .tipos .splide__arrow.splide__arrow--next {
        right: -2.5em;
    }

    #investimentos .tipos .splide__arrow.splide__arrow--prev {
        left: -2.5em;
    }
}

#investimentos .tipos .splide__arrow svg {
    fill: #fff;
    width: 1.5rem;
    height: 1.5rem;
}

#nossos-planos .detalhes .description &gt; .name {
    color: #00003F;
    font-size: 30px;
}

#nossos-planos .detalhes .description &gt; .description {
    color: #9E9E9E;
    font-size: 18px;
    margin-bottom: 37px;
    line-height: 1.2;
}

#nossos-planos .detalhes .description &gt; .split {
    color: #00003F;
    font-size: 13px;
    margin-bottom: 0;
}

#nossos-planos .pricing {
    color: #F25611;
    font-size: 24px;
}

#nossos-planos .pricing &gt; .big {
    font-size: 56px;
}

#nossos-planos .detalhes .profile &gt; h2,
#nossos-planos .detalhes .access &gt; h2 {
    font-size: 22px;
    color: #00003F;
    margin-bottom: 20px;
}

#nossos-planos .detalhes .access &gt; h2 {
    margin-bottom: 0;
}

#nossos-planos .detalhes .access ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#nossos-planos .detalhes .profile &gt; p,
#nossos-planos .detalhes .access li {
    position: relative;
    font-size: 18px;
    color: #9E9E9E;
    font-weight: 400;
    line-height: 1.2;
}

#nossos-planos .detalhes .access li {
    padding: 20px 0 20px 25px;
}

#nossos-planos .detalhes .access li:not(:last-child) {
    border-bottom: 1px solid #ECECEC;
}

#nossos-planos .detalhes .access li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(../img/orange-check.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#nossos-planos .detalhes .col.description,
#nossos-planos .detalhes .col.profile {
    position: relative;
    border-bottom: 1px solid #9E9E9E;
}

#nossos-planos .detalhes .col.description::after,
#nossos-planos .detalhes .col.profile::after {
    content: '';
    width: 60px;
    height: 3px;
    border-radius: 2px;
    position: absolute;
    right: 0;
    bottom: -1.5px;
    background-color: #F25611;
}

@media (min-width: 992px) {
    #nossos-planos .carteiras .btn-collapse {
        background-color: transparent;
    }

    #nossos-planos .detalhes .col.description,
    #nossos-planos .detalhes .col.profile {
        position: relative;
        border-bottom: none;
        border-right: 1px solid #9E9E9E;
    }

    #nossos-planos .detalhes .col.description::after,
    #nossos-planos .detalhes .col.profile::after {
        top: 0;
        left: initial;
        right: -1.5px;
        bottom: initial;
        width: 3px;
        height: 60px;
    }
}

#nossos-planos .subs h4 {
    color :#000000;
    font-size: 12px;
    letter-spacing: 3.36px;
    line-height: 1.2;
}

#nossos-planos .subs .sub {
    background-color: #F5F5F5;
    border-radius: 8px;
    padding: 50px 25px;
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
}

#nossos-planos .subs .sub * {
    color: #AEAEAE;
}

#nossos-planos .subs .sub.recommended {
    background-color: #F25611;
}

#nossos-planos .subs .sub.recommended * {
    color: #fff;
}

#nossos-planos .subs .sub .name {
    font-size: 22px;
    line-height: 1.1;
}

#nossos-planos .subs .sub .period {
    position: relative;
    font-size: 12px;
}

#nossos-planos .subs .sub .period::after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 3px;
    border-radius: 2px;
    background-color: #AEAEAE;
    margin-left: 6px;
}

#nossos-planos .subs .sub .split {
    font-size: 16px;
    margin-bottom: 0;
}

#nossos-planos .subs .sub .pricing {
    font-size: 26px;
}

#nossos-planos .subs .sub .pricing &gt; .big {
    font-size: 71px;
}

#nossos-planos .subs .sub .checkout {
    font-size: 12px;
    text-align: center;
    max-width: 235px;
}

#nossos-planos .subs .sub:not(.recommended) .checkout {
    background-color: #F5F5F5;
    border: 1px solid #AEAEAE;
    color: #AEAEAE;
}

#nossos-planos .subs .sub.recommended .period::after {
    background-color: #fff;
}

@media (min-width: 992px) {
    #nossos-planos .subs .sub {
        padding: 30px 100px;
        max-width: initial;
    }

    #nossos-planos .subs .sub .name {
        font-size: 24px;
    }

    #nossos-planos .subs .sub .split {
        font-size: 11px;
    }

    #nossos-planos .subs .sub .pricing {
        font-size: 20px;
    }

    #nossos-planos .subs .sub .pricing &gt; .big {
        font-size: 50px;
    }

    #nossos-planos .subs .sub .checkout {
        font-size: 13px;
    }
}

.vg-combos,
.vg-combos #end-section {
    background-color: #00003F;
}

.vg-combos #detalhes .details h3,
.vg-combos .section-title,
.vg-combos #detalhes .details p,
.vg-combos #detalhes .details .included &gt; .item,
.vg-combos #carteiras &gt; .container &gt; h2,
.vg-combos #depoimentos&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;h4,
.vg-combos #perfil .row:nth-of-type(1)&gt;.col&gt;h2,
.vg-combos #depoimentos&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(2)&gt;h2,
.vg-combos #garantia &gt; .row &gt; .col:nth-of-type(1) &gt; p:nth-of-type(2),
.vg-combos #garantia &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(1),
.vg-combos #garantia &gt; .row &gt; .col:nth-of-type(2) &gt; p:nth-of-type(3) {
    color: #fff;
}

.vg-combos #carteiras {
    margin-bottom: 80px;
}

.vg-combos #beneficios {
    background-color: #00003F;
    background-image: linear-gradient(32deg, #1A91FF5E 0%, #1A91FF00 30%, #1A91FF00 70%, #1A91FF5E 100%);
    border-radius: 0 100px 0 100px;
}

.vg-combos #beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;h2&gt;strong,
.vg-combos #beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.text-wrapper&gt;h2&gt;strong {
    color: #F25611;
}

.vg-combos #beneficios&gt;.container&gt;.row.anchor-assinaturas&gt;.col {
    background-color: #F25611;
}

.vg-combos #assinaturas .price-card {
    background-color: #01012B;
}

.vg-combos #assinaturas .price-card.recommended {
    background-color: #F25611;
}

.vg-combos #assinaturas .price-card.recommended::before {
    background-color: #1A91FF;
}

.vg-combos #assinaturas .price-card:not(.recommended) .assinatura {
    background-color: #01012B;
    border: 2px solid #14DF65;
}

.vg-combos #assinaturas .price-card:not(.recommended) .included &gt; .item {
    border-top: 1px solid #04041C;
}

.vg-combos #beneficios&gt;.container&gt;.row.ganha&gt;.col.item&gt;.text-wrapper,
.vg-combos #beneficios&gt;.container&gt;.row:nth-of-type(1)&gt;.col:nth-of-type(1)&gt;p:nth-of-type(2) {
    border-left: 3px solid #F25611;
}

.vg-combos #carteiras-vg .section-title {
    max-width: 600px;
    margin: 0 auto;
}

.vg-combos #carteiras-vg .section-title &gt; strong {
    color: #F25611;
}

.vg-combos #carteiras-vg .item {
    padding: 42px 15px;
    border-radius: 4px;
}

.vg-combos #carteiras-vg .item:hover {
    background-color: #F25611;
    position: relative;
}

.vg-combos #carteiras-vg .item:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 70px;
    height: 3px;
    border-radius: 2px;
    background-color: #fff;
    transform: translate(-50%, -1.5px);
    z-index: 1;
}

.vg-combos #carteiras-vg .name {
    color: #fff;
    font-size: 22px;
    margin-bottom: 30px;
    height: 53px;
}

.vg-combos #carteiras-vg .description {
    color: #8686AC;
    font-size: 22px;
    margin-bottom: 18px;
}

.vg-combos #carteiras-vg .included {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.vg-combos #carteiras-vg .included &gt; li {
    color: #8686AC;
    font-size: 18px;
    padding: 16px;
    border-top: 1px solid #04041C;
    position: relative;
}

.vg-combos #carteiras-vg .included &gt; li &gt; span {
    display: inline-block;
    margin-left: 15px;
}

.vg-combos #carteiras-vg .included &gt; li &gt; i {
    color: #00A344;
    font-size: 16px;
    margin-right: 6px;
    position: absolute;
    left: 0;
    top: 20px;
}

.vg-combos #carteiras-vg .value {
    font-size: 10px;
    color: #8686AC;
    margin-bottom: 0;
}

.vg-combos #carteiras-vg .pricing &gt; span {
    color: #8686AC;
    font-size: 20px;
}

.vg-combos #carteiras-vg .pricing &gt; span.big {
    font-size: 52px;
}

.vg-combos #carteiras-vg .item:hover .description,
.vg-combos #carteiras-vg .item:hover .included &gt; li,
.vg-combos #carteiras-vg .item:hover .value,
.vg-combos #carteiras-vg .item:hover .pricing &gt; span {
    color: #fff;
}

.vg-combos #carteiras-vg .item:hover .included &gt; li {
    border-top: 1px solid #B93900;
}

@media (min-width: 992px) {
    .vg-combos #carteiras-vg .item {
        padding: 35px 15px;
    }

    .vg-combos #carteiras-vg .description {
        font-size: 18px;
        height: 243px;
    }

    .vg-combos #carteiras-vg .included {
        height: 420px;
        margin-bottom: 15px;
    }

    .vg-combos #carteiras-vg .included &gt; li {
        font-size: 16px;
    }

    .vg-combos #carteiras-vg .pricing &gt; span.big {
        font-size: 48px;
    }
}

/* PÃ¡gina de Assinaturas - Fim */



.relatorio .banner {
    padding: 160px 0 0;
    border-radius: 0px 0px 80px 0px;
    background-image: linear-gradient(20deg, #00003F 70%, #09307E 100%);
}

.relatorio .banner .section-title-rline {
    font-size: 8px;
    color: #fff;
}

.relatorio .banner .section-title {
    font-size: 28px;
    color: #fff;
}

.relatorio .banner .section-title &gt; strong {
    color: #F25611;
}

.relatorio .banner .paragraph {
    color: #fff;
    font-size: 16px;
}

@media (min-width: 992px) {
    .relatorio .banner {
        padding: 200px 0 0 0;
    }

    .relatorio .banner .section-title-rline {
        font-size: 12px;
    }

    .relatorio .banner .section-title {
        font-size: 40px;
    }

    .relatorio .banner .paragraph {
        font-size: 22px;
    }
}

#fcontainer {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px 20px;
    transform: translate(0, 25%);
    box-shadow: 0px 0px 32px #78787852;
    display: block;
}

#fcontainer.efcontainer {
    background: transparent!important;
    width: 400px;
    margin-top: 20px!important;
}

#fcontainer.efcontainer form {
    background: transparent!important;
}

#fcontainer .subs .col {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

#fcontainer .subs img {
    display: inline-block;
}

#fcontainer  .subs span {
    display: inline-block;
    max-width: 107px;
    color: #9E9E9E;
    font-size: 14px;
    margin-left: 15px;
}

#fcontainer .subscribe {
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    color: #B9B9B9;
    letter-spacing: 3.1px;
    text-align: center;
    margin-bottom: 5px;
}

#fcontainer section,
#fcontainer div,
#fcontainer .bricks--column &gt; div {
    background: transparent!important;
    padding: 0!important;
    margin: 0!important;
}

#fcontainer input[type=text],
#fcontainer input[type=email] {
    font-family: 'Lato', sans-serif!important;
    font-weight: 400!important;
    color: #000!important;
    border-radius: 5px!important;
    background: #F0F0F0 0% 0% no-repeat padding-box!important;
    border: none!important;
    outline: none!important;
    font-size: 12px!important;
    padding: 12px 18px!important;
    margin-bottom: 25px!important;
    font-size: 16px!important;
}

#fcontainer input[type=text]::placeholder,
#fcontainer input[type=email]::placeholder {
    color: #B5B5B5!important;
}

#fcontainer label {
    display: none!important;
}

#fcontainer p {
    text-align: center!important;
    margin-top: 10px!important;
}

#fcontainer form ._submit {
    display: block!important;
    width: 100%!important;
    font-family: 'Lato', sans-serif!important;
    font-weight: 700!important;
    font-size: 16px!important;
    color: #fff!important;
    text-transform: uppercase!important;
    padding: 15px!important;
    text-align: center!important;
    background-color: #00D95F!important;
    border-radius: 40px!important;
    border: none!important;
    letter-spacing: 0.41px!important;
}

@media (min-width: 992px) {
    #fcontainer {
        display: block;
        margin: 0 auto;
        max-width: 536px;
        transform: none;
        padding: 75px 35px;
        margin-bottom: -50px;
    }

    #fcontainer .subscribe {
        font-size: 14px;
        letter-spacing: 4.83px;
        margin-bottom: 8px;
    }

    #fcontainer div[role=main] input[type=text],
    #fcontainer div[role=main] input[type=email] {
        font-size: 18px!important;
        height: 56px!important;
    }

    #fcontainer div[role=main] .rd-button {
        font-size: 18px!important;
    }

    #fcontainer .subs span {
        font-size: 22px;
        max-width: initial;
    }
}

.relatorio .encontrar {
    background-color: #fff;
    padding: 140px 0 150px 0;
}

.relatorio .encontrar .title {
    font-size: 22px;
    color: #00003F;
}

.relatorio .encontrar .title &gt; strong {
    font-weight: 900;
    color: #F25611;
}

.relatorio .encontrar p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9E9E9E;
}

.relatorio .encontrar p &gt; strong {
    font-weight: 900;
}

@media (min-width: 992px) {
    .relatorio .encontrar .title {
        font-size: 34px;
        color: #00003F;
    }

    .relatorio .encontrar .title &gt; strong {
        font-weight: 900;
    }

    .relatorio .encontrar p {
        font-size: 22px;
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
}

.relatorio .author {
    margin-bottom: 150px;
}

.relatorio .author .wrapper {
    border-radius: 10px;
    box-shadow: 0px 0px 32px #78787852;
    margin: 0;
    position: relative;
}

.relatorio .author .wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 130px;
    height: 4px;
    background-color: #F25611;
    border-radius: 2px;
    transform: translate(-50%, -2px);
}

.relatorio .author .name {
    font-size: 22px;
    color: #00003F;
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
    width: auto;
}

.relatorio .author .name &gt; strong {
    font-weight: 900;
}

.relatorio .author .name::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #F25611;
}

.relatorio .author .name::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 3px;
    border-radius: 2px;
    background-color: #F25611;
}

.relatorio .author .role {
    font-size: 14px;
    color: #00003F;
}

.relatorio .author .bio {
    font-size: 16px;
    color: #9E9E9E;
    line-height: 1.2;
}

@media (min-width: 992px) {
    .relatorio .encontrar {
        background-color: #F1F1F1;
        border-radius: 0 0 0 100px;
        padding: 100px 0 200px 0;
    }

    .relatorio .author {
        margin-bottom: 200px;
    }

    .relatorio .author .wrapper {
        border-radius: 50px;
        margin-top: -150px;
        z-index: 1;
        background-color: #fff;
    }

    .relatorio .author .wrapper::before {
        left: 0;
        top: 50%;
        transform: translate(-2px, -50%);
        width: 4px;
        height: 134px;
    }

    .relatorio .author .name {
        font-size: 30px;
    }

    .relatorio .author .role {
        font-size: 18px;
    }

    .relatorio .author .bio {
        font-size: 22px;
    }
}


/* PÃ¡gina de Obrigado - RelatÃ³rio - InÃ­cio */
.obrg-r #obrigado .col,
.obrg-r #telegram .col {
    flex: initial;
}
.obrg-r #obrigado,
.obrg-r #telegram,
.obrg-r #obrigado *,
.obrg-r #telegram * {
    padding: 0;
    margin: 0;
}
    /* SeÃ§Ã£o Obrigado - InÃ­cio */

.obrg-r #obrigado {
    background: linear-gradient(20deg, #00003F 70%, #09307E 100%);
    padding: 84px 56px 1px 56px;
    border-radius: 0px 0px 80px 0px;
}
.obrg-r #obrigado &gt; .container {
    max-width: 1304px;
    margin-right: auto;
    margin-left: auto;
}
.obrg-r #obrigado &gt; .container &gt; .row {
    display: flex;
    justify-content: start;
    width: 100%;
    flex-direction: row;
}
.obrg-r #obrigado &gt; .container &gt; .row:nth-of-type(1) {
    margin-top: 134px;
}
.obrg-r #obrigado &gt; .container &gt; .row:nth-of-type(1) &gt; .col {
    flex-basis: 100%;
    max-width: 360px;
}
.obrg-r #obrigado &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; h2 {
    font-family: "Lexend Deca", sans-serif;
    font-size: 28px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 30px;
    letter-spacing: 0;
}
.obrg-r #obrigado &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; h2 &gt; strong {
    font-weight: 700;
    color: #F25611;
}
.obrg-r #obrigado &gt; .container &gt; .row:nth-of-type(2) {
    margin-top: 10px;
    margin-bottom: 80px;
}
.obrg-r #obrigado &gt; .container &gt; .row:nth-of-type(2) &gt; .col {
    flex-basis: 100%;
    max-width: 360px;
}
.obrg-r #obrigado &gt; .container &gt; .row:nth-of-type(2) &gt; .col &gt; p {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
    letter-spacing: 0px;
}

@media (min-width: 992px) {
    .obrg-r #obrigado {
        background: linear-gradient(20deg, #00003F 70%, #09307E 100%);
        padding: 166px 139px 1px 139px;
    }
    .obrg-r #obrigado &gt; .container &gt; .row:nth-of-type(1) &gt; .col {
        max-width: 465px;
    }
    .obrg-r #obrigado &gt; .container &gt; .row:nth-of-type(1) &gt; .col &gt; h2 {
        font-size: 40px;
        line-height: 46px;
    }
    .obrg-r #obrigado &gt; .container &gt; .row:nth-of-type(2) {
        margin-bottom: 165px;
    }
    .obrg-r #obrigado &gt; .container &gt; .row:nth-of-type(2) &gt; .col {
        max-width: 523px;
    }
    .obrg-r #obrigado &gt; .container &gt; .row:nth-of-type(2) &gt; .col &gt; p {
        font-size: 22px;
        font-weight: 300;
        line-height: 26px;
    }
}

    /* SeÃ§Ã£o Obrigado - Fim */

    /* SeÃ§Ã£o Telegram - InÃ­cio */

.obrg-r #telegram {
    background-color: #FFFFFF;
    margin-top: -80px;
    padding: 0px 37px;
    z-index: -1;
}
.obrg-r #telegram &gt; .container {
    position: relative;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) {
    margin-top: 120px;
    padding-bottom: 194px;
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(1) &gt; p {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9E9E9E;
    line-height: 20px;
    letter-spacing: 0;
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(1) &gt; h2 {
    font-family: "Lexend Deca", sans-serif;
    font-size: 22px;
    font-weight: 300;
    color: #00003F;
    line-height: 26px;
    letter-spacing: 0;
    margin-top: 20px;
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(1) &gt; h2 &gt; strong {
    font-weight: 900;
    color: #F25611;
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(1) &gt; ul {
    margin-top: 10px;
    padding-left: 24px;
    list-style-image: url(../img/orange-check.png);
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(1) &gt; ul &gt; li {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #9E9E9E;
    line-height: 16px;
    letter-spacing: 0;
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(1) &gt; ul &gt; li:nth-of-type(n + 2) {
    margin-top: 20px !important;
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(2) {
    margin-top: 41px;
    max-width: 285px;
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) {
    z-index: 100000 !important;
    margin-top: 40px;
    max-width: 286px;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #1A91FF;
    border-radius: 7px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 5%);
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) &gt; .col:nth-of-type(1) {
    max-width: 189px;
    margin-top: 25px;
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) &gt; .col:nth-of-type(1) &gt; p {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) &gt; .col:nth-of-type(2) {
    max-width: 269px;
    width: 100%;
    display: block;
    margin-top: 14px;
    margin-bottom: 27px;
    padding-right: 15px;
    padding-left: 15px;
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) &gt; .col:nth-of-type(2) &gt; a {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 14px;
    letter-spacing: 0;
    text-align: center;
    background-color: #339DFF;
    border-radius: 7px;
    padding: 14px 33px;
    display: block;
    max-width: 260px;
    width: 100%;
}
.obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) &gt; .col:nth-of-type(2) &gt; a &gt; i {
    font-size: 15px;
    padding-right: 6px;
}
@media (min-width: 450px) {
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) {
        max-width: 400px;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) &gt; .col:nth-of-type(1) {
        max-width: 219px;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) &gt; .col:nth-of-type(2) {
        max-width: 299px;
    }
}
@media (min-width: 992px) {
    .obrg-r #telegram {
        margin-top: -100px;
    }
    .obrg-r #telegram &gt; .container {
        max-width: 905px;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) {
        margin-top: 180px;
        flex-direction: row;
        justify-content: space-between;
        max-width: 720px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 230px;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(1) {
        flex-basis: 364px;
        margin-top: 49px;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(1) &gt; p {
        font-size: 22px;
        line-height: 26px;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(1) &gt; h2 {
        font-size: 34px;
        line-height: 40px;
        margin-top: 30px;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(1) &gt; ul {
        margin-top: 14px;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(1) &gt; ul &gt; li {
        font-size: 22px;
        line-height: 26px;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(1) &gt; ul &gt; li:nth-of-type(n + 2) {
        margin-top: 26px !important;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(1) &gt; .col:nth-of-type(2) {
        flex-basis: 280px;
        margin-top: 0;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) {
        max-width: 905px;
        flex-direction: row;
        justify-content: space-between;
        padding: 26px;
        transform: translate(-50%, -50%);
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) &gt; .col:nth-of-type(1) {
        margin-top: 0;
        max-width: 500px;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) &gt; .col:nth-of-type(1) &gt; p {
        font-size: 16px;
        font-weight: 300;
        line-height: 16px;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) &gt; .col:nth-of-type(2) {
        margin-top: 0;
        margin-bottom: 0;
        max-width: 340px;

    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) &gt; .col:nth-of-type(2) &gt; a {
        font-size: 18px;
        line-height: 18px;
        max-width: 290px;
        padding: 15px 24px;
    }
    .obrg-r #telegram &gt; .container &gt; .row:nth-of-type(2) &gt; .col:nth-of-type(2) &gt; a &gt; i {
        font-size: 19px;
    }
}

    /* SeÃ§Ã£o Telegram - Fim */

/* PÃ¡gina de Obrigado - RelatÃ³rio - Fim */



/* Template de Cursos - InÃ­cio */
.curso {
    z-index: auto;
    background-color: #FFFFFF;
}
    /* Defaults - InÃ­cio */
.curso .col {
    flex: unset;
}

.curso .section-title {
    font-family: "Lexend Deca", sans-serif;
    font-size: 22px;
    font-weight: 300;
    color: #00003F;
    line-height: 26px;
    letter-spacing: 0;
    text-align: center;
}
.curso .section-title &gt; strong {
    font-weight: 900;
    color: #F25611;
}
@media (min-width: 992px) {
    .curso .section-title {
        font-size: 34px;
        line-height: 40px;
    }
}

    /* Defaults - fim */

    /* SeÃ§Ã£o "Site Banner" - InÃ­cio */
    .curso .site-banner, .curso .site-banner * { padding: 0; margin: 0; }
    .curso .site-banner {
        background-image: url(../img/cursos/sco/curso-sco-mobile-banner.png);
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 0px 0px 80px 0px;
        z-index: 100;
        position: relative;
    }

    .curso.seguro-com-opcoes .site-banner {
        background-image: url(../img/cursos/sco/curso-sco-mobile-banner.png);
    }

    .curso.investidor-faixa-preta .site-banner {
        background-image: url(../img/cursos/ifp/faixapreta-topo-mobile.jpg);
    }

    .curso.dividendos-turbinados .site-banner {
        background-image: url(../img/cursos/divturb/dividensosturb-topo-mobile.jpg);
    }

    @media (min-width: 992px) {
        .curso.seguro-com-opcoes .site-banner {
            background-image: url(../img/cursos/sco/curso-sco-desktop-banner.png);
        }

        .curso.investidor-faixa-preta .site-banner {
            background-image: url(../img/cursos/ifp/faixapreta-desktop.jpg);
        }

        .curso.dividendos-turbinados .site-banner {
            background-image: url(../img/cursos/divturb/dividensosturb-desktop.jpg);
        }
    }

    .curso .site-banner &gt; .ctr {
        padding: 60px 54px 1px 54px;
        display: flex;
        flex-wrap: wrap;
    }
    .curso .site-banner &gt; .ctr &gt; .row {
        flex-basis: 100%;
        display: flex;
    }
    .curso .site-banner &gt; .ctr &gt; .row:nth-child(1) {
        margin-top: 441px;
    }
    .curso .site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col {
        flex-basis: 100%;
        flex-basis: 334px;
    }
    .curso .site-banner &gt; .ctr &gt; .row:nth-child(2) {
        margin-top: 7px;
        margin-bottom: 55px;
    }
    .curso .site-banner &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
        flex-basis: 100%;
        flex-basis: 334px;
    }
    .curso .site-banner &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; p {
        font-family: "Lato", sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 20px;
        letter-spacing: 0;
    }
    .curso .site-banner &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; p::before {
        width: 0;
        height: 0;
    }
    @media (min-width: 768px) {
        .curso .site-banner {
            background-image: url(../img/cursos/sco/curso-sco-desktop-banner.png);
        }
    }
    @media (min-width: 992px) {
        .curso .site-banner {
            border-radius: 0px 0px 100px 0px;
            background-size: auto 100%;
            background-position: right center;
        }
        .curso .site-banner &gt; .ctr {
            max-width: 904px;
            margin-right: auto;
            margin-left: auto;
            padding: 104px 54px 1px 54px;
        }
        .curso .site-banner &gt; .ctr &gt; .row:nth-child(1) {
            margin-top: 110px;
        }
        .curso .site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col {
            flex-basis: 314px;
        }
        .curso .site-banner &gt; .ctr &gt; .row:nth-child(2) {
            margin-top: 10px;
            margin-bottom: 201px;
        }
        .curso .site-banner &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
            flex-basis: 314px;
        }
        .curso .site-banner &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; p {
            font-size: 22px;
            font-weight: 300;
            line-height: 26px;
        }
    }
    /* SeÃ§Ã£o "Site Banner" - Fim */

    /* SeÃ§Ã£o "DescriÃ§Ã£o" - InÃ­cio */
    .curso .description, .curso .description * { padding: 0; margin: 0; }
    .curso .description {
        background-color: #FFFFFF;
        margin-top: -80px;
        z-index: 99;
    }
    .curso .description &gt; .ctr {
        padding: 80px 37px 1px 37px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .curso .description &gt; .ctr &gt; .row {
        flex-basis: 100%;
        justify-content: center;
    }
    .curso .description &gt; .ctr &gt; .row:nth-child(1) {
        margin-top: 40px;
    }
    .curso .description &gt; .ctr &gt; .row:nth-child(2) {
        margin-top: 10px;
        margin-bottom: 40px;
        justify-content: center;
    }
    .curso .description &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
        flex-basis: 400px;
    }
    .curso .description &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; p {
        font-family: "Lato", sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #9E9E9E;
        line-height: 20px;
        letter-spacing: 0;
        text-align: left;
        max-width: 100%;
    }
    @media (min-width: 992px) {
        .curso .description {
            margin-top: -100px;
        }
        .curso .description &gt; .ctr {
            padding: 100px 37px 1px 37px;
        }
        .curso .description &gt; .ctr &gt; .row:nth-child(1) {
            margin-top: 80px;
        }
        .curso .description &gt; .ctr &gt; .row:nth-child(2) {
            margin-top: 10px;
            margin-bottom: 40px;
        }
        .curso .description &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
            flex-basis: 720px;
        }
        .curso .description &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; p {
            font-size: 22px;
            line-height: 26px;
        }
    }
    /* SeÃ§Ã£o "DescriÃ§Ã£o" - Fim */

    /* SeÃ§Ã£o "Descobrir" - InÃ­cio */
    .curso .discover, .curso .discover * { padding: 0; margin: 0; }
    .curso .discover &gt; .ctr {
        padding: 0px 37px 1px 37px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .curso .discover &gt; .ctr &gt; .row {
        flex-basis: 100%;
        justify-content: center;
    }
    .curso .discover &gt; .ctr &gt; .row:nth-child(1) {
        margin-top: 0;
    }
    .curso .discover &gt; .ctr &gt; .row:nth-child(2) {
        margin-top: 10px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .curso .discover &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
        flex-basis: min(100%, 460px);
    }
    .curso .discover &gt; .ctr &gt; .row:nth-child(2) &gt; .col:nth-child(2) {
        margin-top: 20px;
    }
    .curso .discover &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; ul {
        list-style-image: url(../img/orange-check.png);
        list-style-position: inside;

    }
    .curso .discover &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; ul &gt; li {
        font-family: "Lato", sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #9E9E9E;
        line-height: 20px;
        letter-spacing: 0;
    }
    .curso .discover &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; ul &gt; li:nth-child(n + 2) {
        margin-top: 20px;
    }
    @media (min-width: 992px) {
        .curso .discover &gt; .ctr {
            padding: 0px 37px 1px 37px;
        }
        .curso .discover &gt; .ctr &gt; .row:nth-child(1) {
            margin-top: 0;
        }
        .curso .discover &gt; .ctr &gt; .row:nth-child(2) {
            margin-top: 30px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap;
            flex-basis: 720px;
            margin-bottom: 53px;
        }
        .curso .discover &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
            flex-basis: calc(50% - 53px);
        }
        .curso .discover &gt; .ctr &gt; .row:nth-child(2) &gt; .col:nth-child(2) {
            margin-top: 0px;
        }
        .curso .discover &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; ul &gt; li {
            font-size: 20px;
            line-height: 22px;
            max-width: 310px;
        }
        .curso .discover &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; ul &gt; li:nth-child(n + 2) {
            margin-top: 22px;
        }
    }
    /* SeÃ§Ã£o "Descobrir" - Fim */

    /* SeÃ§Ã£o "Lista de Espera" - InÃ­cio */
    .curso .waitlist, .curso .waitlist * { padding: 0; margin: 0; }
    .curso .waitlist {
        background-image: url(../img/home/bg-nosso-foco.png);
        background-size: auto auto;
        background-position: center center;
    }

    .curso .waitlist &gt; .ctr {
        padding: 0px 37px 1px 37px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .curso .waitlist &gt; .ctr &gt; .row {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .curso .waitlist &gt; .ctr &gt; .row:nth-child(1) {
        margin-top: 43px;
    }
    .curso .waitlist &gt; .ctr &gt; .row:nth-child(1) &gt; .col {
        flex-basis: min(100%, 340px);
    }
    .curso .waitlist &gt; .ctr &gt; .row:nth-child(1) &gt; .col &gt; p {
        font-family: "Lato", sans-serif;
        font-size: 16px;
        font-weight: 700;
        color: #9E9E9E;
        line-height: 20px;
        letter-spacing: 0;
        text-align: center;
    }
    .curso .waitlist &gt; .ctr &gt; .row:nth-child(2) {
        margin-top: 10px;
        margin-bottom: 42px;
    }
    .curso .waitlist &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
        flex-basis: min(100%, 340px);
    }
    .curso .waitlist &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; div {
        background-color: #00D95F;
        border-radius: 30px;
        padding: 15px;
        cursor: pointer;
    }
    .curso .waitlist &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; div &gt; span {
        font-family: "Lato", sans-serif;
        font-size: 16px;
        font-weight: 700;
        color: #FFFFFF;
        line-height: 16px;
        letter-spacing: 0;
        text-align: center;
        display: inline-block;
        width: 100%;
    }
    @media (min-width: 992px) {
        .curso .waitlist &gt; .ctr {
            padding: 0px 37px 1px 37px;
        }
        .curso .waitlist &gt; .ctr &gt; .row:nth-child(1) {
            margin-top: 84px;
        }
        .curso .waitlist &gt; .ctr &gt; .row:nth-child(1) &gt; .col {
            flex-basis: min(100%, 567px);
        }
        .curso .waitlist &gt; .ctr &gt; .row:nth-child(1) &gt; .col &gt; p {
            font-size: 22px;
            line-height: 26px;
        }
        .curso .waitlist &gt; .ctr &gt; .row:nth-child(2) {
            margin-top: 10px;
            margin-bottom: 85px;
        }
        .curso .waitlist &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
            flex-basis: min(100%, 567px);
        }
        .curso .waitlist &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; div &gt; span {
            font-size: 20px;
            line-height: 20px;
        }
    }
    /* SeÃ§Ã£o "Lista de Espera" - Fim */

    /* SeÃ§Ã£o "Lista de Espera - FORM" - InÃ­cio */
    .curso .waitlist-form, .curso .waitlist-form * { padding: 0; margin: 0; }
    .curso .waitlist-form {
        width: 100vw;
        height: 100vh;
        top: 0;
        position: fixed;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 9000;
        display: none;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .curso .waitlist-form.on {
        display: flex;
    }
    .curso .waitlist-form &gt; .ctr {
        width: 100%;
        height: 100%;
        background-color: #FCFCFC;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
        max-width: 100%;
        border-radius: 0;
        box-shadow: 0px 0px 32px #78787852;
        align-content: center;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row {
        flex-basis: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(1) {
        margin-top: 20px;
        justify-content: end;
        padding-right: 33px;
        padding-left: 18px;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(1) &gt; .col {
        flex-basis: 15px;
        cursor: pointer;
        background-color: #FCFCFC;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(1) &gt; .col &gt; .popup-close {
        width: 100%;
        height: auto;
        padding-bottom: 100%;
        position: relative;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(1) &gt; .col &gt; .popup-close &gt; div {
        width: 21px;
        height: 2px;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #F25611;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(1) &gt; .col &gt; .popup-close &gt; div:nth-child(1) {
        transform: translate(-50%, 0) rotate(45deg);
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(1) &gt; .col &gt; .popup-close &gt; div:nth-child(2) {
        transform: translate(-50%, 0) rotate(-45deg);
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(2) {
        margin-top: 25px;
        justify-content: center;
        padding-right: 18px;
        padding-left: 18px;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
        flex-basis: min(100%, 400px);
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; h4 {
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #B9B9B9;
        line-height: 18px;
        letter-spacing: 5.52px;
        text-align: center;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) {
        margin-top: 16px;
        padding-right: 30px;
        padding-left: 30px;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .form-wrap,
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .form-wrap * {
        padding: 0 !important;
        margin: 0 !important;
        background-color: transparent !important;
        border: none !important;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .form-wrap form {
        width: 100% !important;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .form-wrap form label {
        display: none !important;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .form-wrap form input {
        background-color: #F0F0F0 !important;
        border: 1px solid #E9E9E9 !important;
        border-radius: 7px !important;
        padding: 23px 26px !important;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .form-wrap form input,
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .form-wrap form input::placeholder {
        font-family: "Lato", sans-serif !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        color: #B5B5B5 !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .form-wrap form .bricks-form__fieldset &gt; .bricks-form__field:nth-of-type(n + 2) {
        margin-top: 10px !important;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .form-wrap form button {
        background-color: #00D95F !important;
        border-radius: 34px !important;
        padding: 17px !important;
        width: 100% !important;
        font-family: "Lato", sans-serif !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #FFFFFF !important;
        line-height: 16px !important;
        letter-spacing: 0.9px !important;
        text-transform: uppercase;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .form-wrap form .select2-choice,
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .form-wrap form  .select2-container {
        display: flex !important;
        align-items: center !important;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(4) {
        margin-top: 29px;
        margin-bottom: 55px;
        padding-right: 30px;
        padding-left: 30px;
        justify-content: space-between;
        flex-basis: 580px;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(4) &gt; .col {
        flex-basis: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(4) &gt; .col &gt; i {
        flex-basis: 19px;
        font-size: 25px;
        color: #F25611;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(4) &gt; .col &gt; p {
        flex-basis: calc(100% - 33px);
        font-family: "Lato", sans-serif;
        font-size: 22px;
        font-weight: 400;
        color: #9E9E9E;
        line-height: 24px;
        letter-spacing: 0;
        text-align: left;
        display: inline-block;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(4) &gt; .col &gt; p &gt; br {
        display: none;
    }
    .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(4) &gt; .col:nth-child(2) {
        margin-top: 10px;
    }
    @media (min-width: 500px) {
        .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(4) &gt; .col {
            flex-basis: calc(50% - 37px);
        }
        .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(4) &gt; .col &gt; p &gt; br {
            display: initial;
        }
        .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(4) &gt; .col:nth-child(2) {
            margin-top: 0px;
        }
    }
    @media (min-width: 768px) {
        .curso .waitlist-form &gt; .ctr {
            width: 100%;
            height: auto;
            max-width: 674px;
            border-radius: 10px;
        }
        .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(1) {
            padding-right: 18px;
        }
        .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) {
            padding-right: 70px;
            padding-left: 70px;
        }
        .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .form-wrap form button {
            border-radius: 40px !important;
            padding: 28px !important;
            font-size: 20px !important;
            line-height: 20px !important;
        }
        .curso .waitlist-form &gt; .ctr &gt; .row:nth-child(4) {
            padding-right: 50px;
            padding-left: 50px;
        }
    }

    .curso .bonus .section-title {
        font-size: 25px;
    }

    .curso .bonus .item {
        background-color: #fff;
        box-shadow: 0px 8px 19px #00000029;
        border-radius: 8px;
        padding: 30px;
        position: relative;
        max-width: 280px;
        margin: 0 auto;
    }

    .curso .bonus .item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -1px);
        width: 82px;
        height: 3px;
        border-radius: 2px;
        background-color: #F25611;
        z-index: 1;
    }

    .curso .bonus .item .number {
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        font-size: 59px;
        color: #F25611;
    }

    .curso .bonus .item .bonus {
        line-height: 1.2;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: 20px;
        color: #9E9E9E;
    }
    @media (min-width: 992px) {
        .curso .bonus .section-title {
            font-size: 34px;
        }
    }
    /* SeÃ§Ã£o "Lista de Espera - FORM" - Fim */

    /* SeÃ§Ã£o "Depoimentos" - InÃ­cio */
    .curso .depoimentos, .curso .depoimentos * { padding: 0; margin: 0; }
    .curso .depoimentos {
        padding-bottom: 80px;
        border-radius: 80px 0px 0px 0px;
        background-color: #F25611;
        margin-top: 42px;
    }
    .curso .depoimentos &gt; .ctr {
        display: flex;
        flex-wrap: wrap;
        padding: 0px 47px 1px 47px;
    }
    .curso .depoimentos &gt; .ctr &gt; .row {
        flex-basis: 100%;
        display: flex;
        justify-content: center;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(1) {
        margin-top: 91px;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(1) &gt; .col {
        flex-basis: 180px;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(1) &gt; .col &gt; div {
        padding-right: 45px;
        position: relative;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(1) &gt; .col &gt; div::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 36px;
        height: 2px;
        background-color: #FFFFFF;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(1) &gt; .col &gt; div &gt; h4 {
        font-family: "Lato", sans-serif;
        font-size: 12px;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 12px;
        letter-spacing: 3.36px;
        max-width: 130px;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(2) {
        margin-top: 5px;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
        flex-basis: min(100%, 430px);
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; p {
        font-family: "Lexend Deca", sans-serif;
        font-size: 22px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 26px;
        letter-spacing: 0px;
        text-align: center;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; p &gt; strong {
        font-weight: 900;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) {
        margin-top: 21px;
        margin-bottom: 61px;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col {
        flex-basis: min(100%, 500px);
        background-color: #F5F5F5;
        border-radius: 10px;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col:nth-child(n + 2) {
        margin-top: 21px;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; .video-wrapper &gt; iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; p {
        padding-right: 28px;
        padding-left: 28px;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; p:nth-of-type(1) {
        font-family: "Lato", sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #9B9B9B;
        line-height: 18px;
        letter-spacing: 0;
        margin-top: 22px;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; p:nth-of-type(2) {
        font-family: "Lato", sans-serif;
        font-size: 12px;
        font-weight: 700;
        color: #F25611;
        line-height: 14px;
        letter-spacing: 0;
        margin-top: 18px;
    }
    .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; p:nth-of-type(3) {
        font-family: "Lato", sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #9B9B9B;
        line-height: 14px;
        letter-spacing: 0;
        margin-top: 4px;
        margin-bottom: 23px;
    }
    @media (min-width: 992px) {
        .curso .depoimentos {
            padding-bottom: 100px;
            border-radius: 100px 0px 0px 0px;
        }
        .curso .depoimentos &gt; .ctr {
            justify-content: center;
        }
        .curso .depoimentos &gt; .ctr &gt; .row:nth-child(1) {
            margin-top: 81px;
        }
        .curso .depoimentos &gt; .ctr &gt; .row:nth-child(1) &gt; .col &gt; div &gt; h4 {
            font-size: 14px;
            line-height: 14px;
            max-width: 150px;
        }
        .curso .depoimentos &gt; .ctr &gt; .row:nth-child(2) {
            margin-top: 7px;
        }
        .curso .depoimentos &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
            flex-basis: min(100%, 700px);
        }
        .curso .depoimentos &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; p {
            font-size: 34px;
            line-height: 40px;
        }
        .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) {
            justify-content: space-between;
            flex-basis: 904px;
            margin-top: 21px;
            margin-bottom: 80px;
        }
        .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col {
            //flex-basis: calc(33.3333% - 12px);
            flex-basis: calc(50% - 12px);
        }
        .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col:nth-child(n + 2) {
            margin-top: 0px;
        }

        .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; p {
            padding-right: 30px;
            padding-left: 30px;
        }
        .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; p:nth-of-type(1) {
            font-size: 14px;
            line-height: 18px;
            margin-top: 24px;
        }
        .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; p:nth-of-type(2) {
            font-size: 12px;
            line-height: 18px;
            margin-top: 18px;
        }
        .curso .depoimentos &gt; .ctr &gt; .row:nth-child(3) &gt; .col &gt; p:nth-of-type(3) {
            font-size: 12px;
            line-height: 18px;
            margin-top: 0;
        }
    }
    /* SeÃ§Ã£o "Depoimentos" - Fim */



    /* Curso - Seguro com OpÃ§Ãµes - InÃ­cio */
    /* Curso - Seguro com OpÃ§Ãµes - Fim */

/* Template de Cursos - Fim */

/* Template de PÃ¡gina de Download de Ebooks - InÃ­cio */

    .eb, .eb #site-banner, .eb #find, .eb #site-banner *, .eb #find *, .eb #ebf * { margin: 0; padding: 0; }
    .eb #site-banner .row &gt; *, .eb #find .row &gt; *, .eb #ebf .row &gt; * { max-width: unset; width: unset; min-width: unset; }
    .eb #site-banner .col, .eb #find .col, .eb #ebf .col { flex: unset; }
    .eb {
        z-index: auto;
        position: relative;
    }
    .eb #vicente {
        margin-top: 111px;
        margin-bottom: 200px;
    }
    .eb footer.site-footer {
        display: none;
    }

    /* SeÃ§Ã£o "site-banner" - InÃ­cio */
    .eb #site-banner {
        background: linear-gradient(43deg, #00003F 0%, #1A91FF 100%);
        border-radius: 0px 0px 100px 0px;
        z-index: 101;
        position: relative;
        background-image: url(../img/ebooks/bg-principal-mobile.png);
        background-size: auto 100%;
        background-position: right center;
        background-repeat: no-repeat;
    }

    .eb #site-banner &gt; .ctr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 1px 37px;
    }
    .eb #site-banner &gt; .ctr &gt; .row {
        flex-basis: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) {
        margin-top: 91px;
        justify-content: space-between;
        flex-basis: min(100%, 420px);
        align-items: center;

    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(1) {
        flex-basis: 381px;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(1) &gt; img:nth-of-type(1) {
        display: none;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(1) &gt; img:nth-of-type(2) {
        display: block;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(1) &gt; .sb-title {
        margin-top: 11px;
        width: auto;
        padding-right: 45px;
        position: relative;
        max-width: 103px;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(1) &gt; .sb-title::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
        height: 2px;
        width: 36px;
        background-color: #F25611;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(1) &gt; .sb-title &gt; h4 {
        font-family: "Archivo", sans-serif;
        font-size: 12px;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 12px;
        letter-spacing: 3.36px;
        text-align: left;
        max-width: 58px;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(1) &gt; h2 {
        margin-top: 10px;
        font-family: "Lexend Deca", sans-serif;
        font-size: 40px;
        font-weight: 300;
        color: #FFFFFF;
        line-height: 46px;
        letter-spacing: 0px;
        text-align: left;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(1) &gt; h2 &gt; strong {
        font-weight: 700;
        color: #F25611;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) {
        flex-basis: 444px;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; h3 {
        font-family: "Lexend Deca", sans-serif;
        font-size: 30px;
        font-weight: 300;
        color: #FFFFFF;
        line-height: 40px;
        letter-spacing: 0px;
        text-align: left;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; h3 &gt; strong {
        font-weight: 700;
        color: #F25611;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; p {
        margin-top: 4px;
        font-family: "Lato", sans-serif;
        font-size: 17px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 21px;
        letter-spacing: 0px;
        text-align: left;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .form-wrap {
        margin-top: 16px;
        flex-basis: 100% !important;
    }
    .eb .form-wrap,
    .eb .form-wrap * {
        max-width: unset !important;
        min-width: unset !important;
        background-color: unset !important;
        border: unset !important;
        border-radius: unset !important;
        color: unset !important;
        border-radius: unset !important;
        padding: unset !important;
        margin: unset !important;
        flex: unset !important;
    }
    .eb .form-wrap .rd-section &gt; .rd-row &gt; .rd-column {
        width: 100% !important;
    }

    .eb form .bricks-form__fieldset &gt; .bricks-form__field &gt; label {
        display: none !important;
    }
    .eb form .bricks-form__fieldset,
    .eb form .bricks-form__fieldset &gt; .bricks-form__field {
        width: 100% !important;
    }
    .eb form .bricks-form__fieldset &gt; .bricks-form__field &gt; input {
        margin-top: 17px !important;
    }
    .eb form .bricks-form__fieldset &gt; .bricks-form__field &gt; input {
        width: 100% !important;
        border-radius: 7px !important;
        border: 1px solid #E9E9E9 !important;
        background-color: #F0F0F0 !important;
        padding: 23px 27px !important;
    }
    .eb form .bricks-form__fieldset &gt; .bricks-form__field &gt; input,
    .eb form .bricks-form__fieldset &gt; .bricks-form__field &gt; input::placeholder {
        font-family: "Lato", sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #B5B5B5 !important;
        line-height: 16px !important;
    }
    .eb form .bricks-form__fieldset &gt; .bricks-form__field &gt; input[placeholder^=utm] {
        display: none !important;
    }
    .eb form .bricks-form__submit &gt; button {
        font-family: "Lato", sans-serif !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #FFFFFF !important;
        line-height: 18px !important;
        background-color: #00D95F !important;
        border-radius: 30px !important;
        width: 100% !important;
        padding: 19px !important;
        margin-top: 17px !important;
    }
    .eb .form-wrap .bricks--component.bricks--component-text.rd-text &gt; p {
        font-family: "Lato", sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #F0F0F0 !important;
        line-height: 16px !important;
        text-align: center !important;
        margin-top: 18px !important;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .row {
        margin-top: 41px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-basis: 220px;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .row &gt; .col {
        display: flex;
        justify-content: space-between;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .row &gt; .col &gt; i {
        font-size: 25px;
        color: #F25611;
        display: inline-block;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .row &gt; .col:nth-child(1) &gt; i {
        flex-basis: 19px;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .row &gt; .col:nth-child(2) &gt; i {
        flex-basis: 24px;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .row &gt; .col &gt; p {
        font-family: "Lato", sans-serif;
        font-size: 22px;
        font-weight: 400;
        color: #F0F0F0;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: left;
        display: inline-block;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .row &gt; .col &gt; p &gt; strong {
        font-weight: 900;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .row &gt; .col:nth-child(1) &gt; p {
        flex-basis: 168px;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .row &gt; .col:nth-child(2) &gt; p {
        flex-basis: 123px;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .row &gt; .col:nth-child(1) {
        flex-basis: 210px;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .row &gt; .col:nth-child(2) {
        flex-basis: 160px;
        margin-top: 20px;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(2) {
        margin-top: 47px;
        margin-bottom: 57px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .eb #site-banner &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
        flex-basis: 17px;
    }
    @media (min-width: 450px) {
        .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .row {
            flex-wrap: nowrap;
            flex-basis: unset;
        }
        .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) &gt; .col:nth-child(2) &gt; .row &gt; .col:nth-child(2) {
            margin-top: 0px;
        }
    }
    @media (min-width: 600px) {
        .eb #site-banner {
            background-size: 100% 100%;
        }
    }
    @media (min-width: 768px) {
        .eb #site-banner {
            background-image: url(../img/ebooks/bg.jpg);
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat;
        }
    }
    @media (min-width: 992px) {
        .eb #site-banner {
            border-radius: 0px 0px 80px 0px;
        }
        .eb #site-banner &gt; .ctr &gt; .row {
            justify-content: start;
        }
        .eb #site-banner &gt; .ctr &gt; .row:nth-child(1) {
            flex-basis: min(100%, 904px);
        }
    }
    /* SeÃ§Ã£o "site-banner" - Fim */

    /* SeÃ§Ã£o "find" - InÃ­cio */
    .eb #find {
        background-color: #F25611;
        border-radius: 0px 0px 80px 0px;
        margin-top: -170px;
        z-index: 100;
        position: relative;
    }
    .eb #find &gt; .ctr {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1px 37px;
        flex-wrap: wrap;
    }
    .eb #find &gt; .ctr &gt; .row {
        display: flex;
        justify-content: center;
        flex-basis: min(100%, 420px);
    }
    .eb #find &gt; .ctr &gt; .row:nth-child(1) {
        margin-top: 257px;
        flex-basis: 100%;
    }
    .eb #find &gt; .ctr &gt; .row:nth-child(1) &gt; .col {
        flex-basis: 100%;
    }
    .eb #find &gt; .ctr &gt; .row:nth-child(1) &gt; .col &gt; h2 {
        font-family: "Lexend Deca", sans-serif;
        font-size: 34px;
        font-weight: 300;
        color: #FFFFFF;
        line-height: 40px;
        letter-spacing: 0px;
        text-align: center;
    }
    .eb #find &gt; .ctr &gt; .row:nth-child(1) &gt; .col &gt; h2 &gt; strong {
        font-weight: 900;
    }
    .eb #find &gt; .ctr &gt; .row:nth-child(2) {
        margin-top: 30px;
        margin-bottom: 108px;
        flex-basis: min(100%, 300px);
    }
    .eb #find &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
        flex-basis: min(210px, 100%);
    }
    .eb #find &gt; .ctr &gt; .row:nth-child(2) &gt; .col:nth-child(n + 2) {
        margin-top: 20px;
    }
    .eb #find &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; h1 {
        font-family: "Lexend Deca", sans-serif;
        font-size: 53px;
        font-weight: 900;
        color: #FFFFFF;
        line-height: 53px;
        letter-spacing: 0px;
        text-align: center;
    }
    .eb #find &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; h3 {
        font-family: "Lato", sans-serif;
        font-size: 18px;
        font-weight: 800;
        color: #FFFFFF;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 12px;
    }
    .eb #find &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; p {
        font-family: "Lato", sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: center;
    }
    @media (min-width: 450px) {
        .eb #find &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
            flex-basis: min(280px, 100%);
        }
    }
    @media (min-width: 992px) {
        .eb #find {
            border-radius: 0px 0px 100px 0px;
            margin-top: -100px;
        }
        .eb #find &gt; .ctr &gt; .row {
            justify-content: space-between;
            flex-basis: 100%;
        }
        .eb #find &gt; .ctr &gt; .row:nth-child(1) {
            margin-top: 187px;
        }
        .eb #find &gt; .ctr &gt; .row:nth-child(2) {
            flex-basis: min(100%, 782px);
        }
        .eb #find &gt; .ctr &gt; .row:nth-child(2) &gt; .col {
            flex-basis: min(210px, 100%);
        }
        .eb #find &gt; .ctr &gt; .row:nth-child(2) &gt; .col:nth-child(n + 2) {
            margin-top: 0px;
        }
        .eb #find &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; h1 {
            text-align: left;
        }
        .eb #find &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; h3 {
            text-align: left;
        }
        .eb #find &gt; .ctr &gt; .row:nth-child(2) &gt; .col &gt; p {
            text-align: left;
        }
    }
    /* SeÃ§Ã£o "find" - Fim */

    /* SeÃ§Ã£o "ebf" - InÃ­cio */
    .eb #ebf {
        background: transparent linear-gradient(77deg, #00003F 0%, #1A91FF 100%);
        border-radius: 0px 80px 0px 0px;
        margin-top: -80px;
    }
    .eb #ebf &gt; .ctr {
        padding: 64px 37px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .eb #ebf &gt; .ctr &gt; .row {
        display: flex;
        align-items: center;
        flex-basis: 420px;
        justify-content: center;
    }
    .eb #ebf &gt; .ctr &gt; .row &gt; .col {}
    .eb #ebf &gt; .ctr &gt; .row &gt; .col:nth-of-type(1) {
        flex-basis: 191px;
    }
    .eb #ebf &gt; .ctr &gt; .row &gt; .col:nth-of-type(1) &gt; img {}
    .eb #ebf &gt; .ctr &gt; .row &gt; .col:nth-of-type(2) {
        flex-basis: 370px;
        margin-top: 20px;
    }
    .eb #ebf &gt; .ctr &gt; .row &gt; .col:nth-of-type(2) &gt; p {
        font-family: "Lato", sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 17px;
        letter-spacing: 0;
        text-align: center;
        padding-right: 10px;
        padding-left: 10px;
    }
    .eb #ebf &gt; .ctr &gt; .row &gt; .col:nth-of-type(3) {
        flex-basis: 118px;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin-top: 20px;
    }
    .eb #ebf &gt; .ctr &gt; .row &gt; .col:nth-of-type(3) &gt; a {
        display: block;
    }
    .eb #ebf &gt; .ctr &gt; .row &gt; .col:nth-of-type(3) &gt; a &gt; img {
        width: 25px;
        height: 25px;
    }

    @media (min-width: 992px) {
        .eb #ebf &gt; .ctr &gt; .row {
            flex-basis: 904px;
            justify-content: space-between;
        }
        .eb #ebf &gt; .ctr &gt; .row &gt; .col:nth-of-type(2) {
            margin-top: 0px;
        }
        .eb #ebf &gt; .ctr &gt; .row &gt; .col:nth-of-type(3) {
            margin-top: 0px;
        }
    }
    /* SeÃ§Ã£o "ebf" - Fim */

/* Template de PÃ¡gina de Download de Ebooks - Fim */

/* Template de PÃ¡gina de Obrigado - Download de Ebooks - InÃ­cio */

.ebo, .ebo .sb, .ebo .sb *, .ebo .footer, .ebo .footer * { margin: 0; padding: 0; }
.ebo .sb .row &gt; *, .ebo .footer .row &gt; * { max-width: unset; width: unset; min-width: unset; }
.ebo .sb .col, .ebo .footer .col { flex: unset; }
.ebo {
    z-index: auto;
    position: relative;
}
.ebo .ctr {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1px 37px;
    align-content: space-between;
    width: 100%;
}
.ebo .ctr &gt; .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.ebo footer.site-footer {
    display: none;
}
    /* SeÃ§Ã£o "site-banner" - InÃ­cio */
    .ebo .sb {
        background-image: url(../img/ebooks/bg.jpg);
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
        min-height: 100vh;
        border-radius: 0;
    }
    .ebo .sb &gt; .ctr &gt; .row {
        flex-basis: min(100%, 380px);
        justify-content: center;
        margin-top: 50px;
        align-items: center;
    }
    .ebo .sb &gt; .ctr &gt; .row &gt; .col {}
    .ebo .sb &gt; .ctr &gt; .row &gt; .col:nth-child(1) {
        flex-basis: min(100%, 345px);
    }
    .ebo .sb &gt; .ctr &gt; .row &gt; .col:nth-child(1) &gt; img {}
    .ebo .sb &gt; .ctr &gt; .row &gt; .col:nth-child(2) {
        flex-basis: min(100%, 419px);
    }
    .ebo .sb &gt; .ctr &gt; .row &gt; .col:nth-child(2) &gt; img {}
    .ebo .sb &gt; .ctr &gt; .row &gt; .col:nth-child(2) &gt; p:nth-of-type(1) {
        margin-top: 15px;
        font-family: "Lexend Deca", sans-serif;
        font-size: 34px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 40px;
        letter-spacing: 0;
    }
    .ebo .sb &gt; .ctr &gt; .row &gt; .col:nth-child(2) &gt; p:nth-of-type(1) &gt; strong {
        font-weight: 800;
        color: #F25611;
    }
    .ebo .sb &gt; .ctr &gt; .row &gt; .col:nth-child(2) &gt; p:nth-of-type(2) {
        margin-top: 16px;
        font-family: "Lato", sans-serif;
        font-size: 20px;
        font-weight: 400;
        color: #F1F1F1;
        line-height: 26px;
        letter-spacing: 0;
    }
    .ebo .sb &gt; .ctr &gt; .row &gt; .col:nth-child(2) &gt; p:nth-of-type(2) &gt; strong {
        font-weight: 700;
    }
    @media (min-width: 992px) {
        .ebo .sb &gt; .ctr &gt; .row {
            flex-basis: min(100%, 800px);
            justify-content: space-between;
            margin-top: 150px;
        }
    }
    /* SeÃ§Ã£o "site-banner" - Fim */

    /* SeÃ§Ã£o "footer" - InÃ­cio */
    .ebo .footer {
        width: 100%;
        margin-top: 20px;
    }
    .ebo .footer &gt; .ctr {
        padding: 64px 37px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .ebo .footer &gt; .ctr &gt; .row {
        display: flex;
        align-items: center;
        flex-basis: 420px;
        justify-content: center;
    }
    .ebo .footer &gt; .ctr &gt; .row &gt; .col {}
    .ebo .footer &gt; .ctr &gt; .row &gt; .col:nth-of-type(1) {
        flex-basis: 191px;
    }
    .ebo .footer &gt; .ctr &gt; .row &gt; .col:nth-of-type(1) &gt; img {}
    .ebo .footer &gt; .ctr &gt; .row &gt; .col:nth-of-type(2) {
        flex-basis: 370px;
        margin-top: 20px;
    }
    .ebo .footer &gt; .ctr &gt; .row &gt; .col:nth-of-type(2) &gt; p {
        font-family: "Lato", sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 17px;
        letter-spacing: 0;
        text-align: center;
        padding-right: 10px;
        padding-left: 10px;
    }
    .ebo .footer &gt; .ctr &gt; .row &gt; .col:nth-of-type(3) {
        flex-basis: 118px;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin-top: 20px;
    }
    .ebo .footer &gt; .ctr &gt; .row &gt; .col:nth-of-type(3) &gt; a {
        display: block;
    }
    .ebo .footer &gt; .ctr &gt; .row &gt; .col:nth-of-type(3) &gt; a &gt; img {
        width: 25px;
        height: 25px;
    }

    @media (min-width: 992px) {
        .ebo .footer {
            margin-top: 60px;
        }
        .ebo .footer &gt; .ctr &gt; .row {
            flex-basis: 904px;
            justify-content: space-between;
        }
        .ebo .footer &gt; .ctr &gt; .row &gt; .col:nth-of-type(2) {
            margin-top: 0px;
        }
        .ebo .footer &gt; .ctr &gt; .row &gt; .col:nth-of-type(3) {
            margin-top: 0px;
        }
    }
    /* SeÃ§Ã£o "footer" - Fim */

/* Template de PÃ¡gina de Obrigado - Download de Ebooks - Fim */


#open-modal:not(.left) {
    right: 25px;
}
#open-modal:not(.left) &gt; .rwb-tooltip {
    right: 0;
    transform: translateX(10%);
}
#open-modal &gt; img {
    display: block;
    width: 34px;
    height: 34px;
}
#open-modal {
    /*background-color: #007bff;*/
    display: flex;
    z-index: 999999999999;
    position: fixed;
    background: #25d366;
    bottom: 25px;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    box-shadow: 2px 2px 12px rgba(22,124,60,.2);
    transition: .4s;
    align-items: center;
    justify-content: center;
}

button:hover {
    opacity: 1;
}

#fade {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 50000;
}

#modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    max-width: 90%;
    background-color: #fff;
    padding: 1.2rem;
    border-radius: 0.5rem;
    z-index: 100000;
}

#fade,
#modal {
    transition: 0.5s;
    opacity: 1;
    pointer-events: all;
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.modal-body p {
    margin-bottom: 1rem;
    font-size: 16px;
    color: #0A0A0A;
}

#modal.hide,
#fade.hide {
    opacity: 0;
    pointer-events: none;
}

.close {
    position: absolute;
    top: 0.3em;
    right: 0.2em;
    padding: 0.3em;
    cursor: pointer;
    font-size: 2em;
    height: 1em;
    width: 1em;
    text-indent: 10em;
    overflow: hidden;
    border: 0;
    background: transparent;
}

.close::after {
    position: absolute;
    line-height: 0.5;
    top: 0.2em;
    left: 0.1em;
    text-indent: 0;
    content: "\00D7";
}

#modal.hide {
    top: 0;
}
</pre></body></html>