@import url(accordions-investimentos.css);

a {
    text-decoration: none !important;
}

.mainHeader div.busca {
    margin-top: 0 !important;
}

.mainHeader .busca.theme-classic {
    top: 30px !important;
    right: 10vw !important;
}

body main {
    background-color: #fff;
}

/*Banner Styles*/

.banner-body {
    position: relative;
    width: 100vw;
    height: 44vw;
    display: flex !important;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.banner-wd-hg-100 {
    width: 100%;
    height: 100%;
}

.banner-img {
    width: 100vw;
    height: 44vw;
    background-repeat: no-repeat;
    background-size: contain;
}

.banner-img#banner-img-1 {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url("/assets/classic/img/portal-investimento/banner-portal.webp");
}

.banner-img#banner-img-2 {
    background-image: linear-gradient(360deg, rgba(255, 0, 0, 0) 77%, rgba(0, 0, 0, 0.63) 100%), url("/assets/classic/img/portal-investimento/banner-portal1.webp");
}

.banner-img#banner-img-3 {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url("/assets/classic/img/portal-investimento/banner-portal3.webp");
}

.banner-img#banner-img-4 {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url("/assets/classic/img/portal-investimento/banner-portal.webp");
}

.banner-img#banner-img-2 .banner-fade {
    background-image: none;
}

.banner-fade {
    width: 100%;
    height: 100%;
    background-image: url("/assets/classic/img/portal-investimento/banner-portal-fade.webp");
    background-repeat: no-repeat;
    background-size: contain;
}

.banner-text {
    max-width: 50vw;
    font-size: 2.53vw;
    padding: 24vw 0 0 10vw;
    color: white;
    user-select: none;
}

#banner-bold {
    font-weight: 600;
}

/* Produtos */

.home-produtos-section {
    display: flex;
    justify-content: center;
    background-color: transparent;
    position: relative;
    top: -75px;
}

.home-produtos-container {
    z-index: 2;
    width: 1220px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 8px #00000029;
    border: 1px solid #F0F1F5;
    border-radius: 8px;
    padding: 40px 40px 64px;
}

.home-produtos-header .header-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 36px;
    max-width: 370px;
}

.home-produtos-body {
    margin-top: 48px;
}

.carousel-home-produtos .owl-stage {
    margin: 10px
}

.rf-produtos-body .carousel-produtos .owl-stage {
    margin: 10px
}

.carousel-produtos .owl-stage-outer {
    overflow: visible;
}

.carousel-como-cadastrar .item img {
    width: auto;
    height: auto;
}

.carousel-como-cadastrar .owl-stage-outer {
    overflow: visible;
}

.produtos-cards {
    display: flex;
    flex-flow: nowrap;
    gap: 1px;
    gap: 16px;
    padding: 5px;
}

.produtos-card {
    padding: 24px;
    width: 266px;
    height: 300px;
    box-shadow: 0px 2px 8px 0 rgba(50, 50, 50, 0.22);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.produtos-card-title {
    background-color: red;
    width: fit-content;
    padding: 4px 8px;
    border-radius: 15px;
    font-size: 13px;
    color: #f4f4f4;
    background-image: linear-gradient(to right, #CC092F, #B81570);
    margin-bottom: 20px;
    font-weight: 500;
}

.produtos-card-desc {
    margin-top: 16px;
    margin-bottom: 16px;
    color: #47484C;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
}

.produtos-risco {
    align-items: right;
    justify-content: end;
    text-align: end;
    float: right;
}

.produtos-aplicacao {
    align-items: right;
    justify-content: start;
    float: left;
}

.produtos-p1 {
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 18px;
    color: #47484C;
    font-weight: 500;
}

.produtos-p2 {
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.produtos-card-container {
    align-items: right;
    justify-content: start;
    border-top: 1px solid #D3D3D3;
    padding-top: 10px;
}

.btn-carousel-produtos {
    background: transparent;
    border: 0;
}

.owl-carousel-produtos-nav {
    display: flex;
    justify-content: center;
    gap: 150px
}

.owl-carousel-produtos-nav .btn-carousel-produtos.disabled {
    filter: opacity(0.5);
    cursor: default;
}

.owl-carousel-produtos-dots {
    display: flex;
    gap: 8px;
    position: absolute;
    right: 44.5%;
    top: 92.5%;
}

.owl-carousel-produtos-dots .owl-carousel-produtos-dot {
    border: 0;
    background: transparent;
    display: flex;
    padding: 0;
}

.owl-carousel-produtos-dots .owl-carousel-produtos-dot span {
    background: #A7A8AC;
    width: 16px;
    height: 8px;
    border-radius: 99px;
    transition: all 0.5s ease-in-out;
}

.owl-carousel-produtos-dots .owl-carousel-produtos-dot.active span {
    background: #3B69FB;
    width: 96px;
    height: 8px;
    border-radius: 99px;
}


.btn-carousel-banner {
    background: transparent;
    border: 0;
    padding: 0;
}

.btn-carousel-banner-autoplay {
    background: transparent;
    border: 0;
    padding: 0;
    position: absolute;
    top: 81.3%;
    margin-right: 260px;
}

.owl-carousel-banner-nav {
    display: flex;
    justify-content: center;
    gap: 16px;
    position: absolute;
    top: 81.3%;
    padding-left: 300px;
}

.owl-carousel-banner-dots {
    display: flex;
    gap: 8px;
    position: absolute;
    top: 82.5%;
}

.owl-carousel-banner-dots .owl-carousel-banner-dot {
    border: 0;
    background: transparent;
    display: flex;
    padding: 0;
}

.owl-carousel-banner-dots .owl-carousel-banner-dot {
    background: transparent;
    border: #fff 1px solid;
    width: 8px;
    height: 8px;
    border-radius: 99px;
    transition: all 0.5s ease-in-out;
}

.owl-carousel-banner-dots .owl-carousel-banner-dot span {
    width: 100%;
    height: 100%;
}

.owl-carousel-banner-dots .owl-carousel-banner-dot.active {
    width: 126px;
    height: 8px;
    border-radius: 99px;
}

.owl-carousel-banner-dots .owl-carousel-banner-dot.active span {
    background: #fff;
    transition: all 0.5s ease-in-out;
}

/* Produtos */

/* Nossos Investimentos */

.nossos-investimentos-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
}

.nossos-investimentos-bg {
    width: 100%;
    height: 100%;
    padding-bottom: 8vw;
    background-image: url('/assets/classic/img/portal-investimento/nossos-investimentos-bg.webp');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

.nossos-investimento-container {
    width: 1220px;
    margin: 0 auto;
}

.nossos-investimentos-header {
    max-width: 558px;
}

.nossos-investimentos-body {
    width: 100%;
}

.divider {
    background-color: #C50030;
    height: 2px;
    width: 28px;
    margin-bottom: 8px;
}

.vantagem-investir-header .header-title label {
    display: block;
    /* width: 350px; */
}

.nossos-investimentos-header .header-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 36px;
}

.todo-pelo-app-body .header-title {
    font-weight: 400;
    font-size: 32px;
}

.nossos-investimentos-header .header-description {
    margin-top: 24px;
    margin-bottom: 48px;
}

.nossos-investimentos-header .header-description label {
    color: #47484C;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.nossos-investimentos-body .cards {
    display: flex;
    gap: 24px;
}

.nossos-investimentos-body .cards .card-investimento {
    border: 1px solid #F0F1F5;
    height: 336px;
    width: 267px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 8px 4px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0px 2px 8px 4px rgb(0 0 0 / 16%);
    box-shadow: 0px 2px 8px 4px rgb(0 0 0 / 16%);
    padding: 48px 40px;
    background-color: #FFF;
}

.nossos-investimentos-body .cards .card-investimento .card-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nossos-investimentos-body .cards .card-investimento .card-image {
    width: 48px;
    height: 48px;
}

.nossos-investimentos-body .cards .card-investimento .card-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    width: 189px;
    display: unset;
    z-index: unset;
    cursor: unset;
}

.nossos-investimentos-body .cards .card-investimento .card-description {
    width: 187px;
    color: #47484C;
    font-size: 14px;
    line-height: 22px;
}

.nossos-investimentos-body .cards .card-investimento #cd-1 {
    width: 165px;
}

.nossos-investimentos-body .cards .card-investimento .card-link {
    font-weight: 600;
    color: #3B69FF;
    text-decoration: none;
    font-size: 14px;
    margin-top: 24px;
    display: flex;
    align-items: flex-end;
}

.nossos-investimentos-body .cards .card-investimento .card-link .img-arrow {
    width: 16px;
    height: 16px;
}

/* Nossos Investimentos */

/* Aprenda Investir */

.aprenda-investir-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 36%, rgba(228, 229, 233, 1) 0%);
    margin-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

.aprenda-investir-container {
    width: 1220px;
}

.assessoria-header.agora br {
    display: none;
}

.aprenda-investir-header .header-title {
    font-size: 32px;
    /* font-weight: bold; */
}

.aprenda-investir-header .header-description {
    width: 558px;
    margin-top: 24px;
    margin-bottom: 48px;
}

.aprenda-investir-header .header-description label {
    font-size: 16px;
    color: #47484C;
}

.aprenda-investir-body {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.aprenda-investir-card {
    width: 928px;
    height: 470px;
    background-color: #C50030;
    border-radius: 1rem;
    display: flex;
}

.aprenda-investir-passos {
    width: 50px;
    height: 100%;
    background: linear-gradient(180deg, rgba(204, 9, 47, 1) 25%, rgba(184, 21, 112, 1) 100%);
    border-radius: 8px 0 0 8px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.aprenda-investir-passos label {
    color: #fff;
    font-size: 20px;
    transform: rotate(270deg);
    position: relative;
    bottom: 55px;
}

.aprenda-investir-carrossel-body {
    width: 100%;
    height: 73.5%;
    border-radius: 0 1rem 0 0;
}

.carrossel-passo {
    width: 100%;
    height: 100%;
    display: flex;
}

.img-passo {
    width: 50%;
    height: 100%;
    background-color: #47484C;
}

#passo-1 .img-passo {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.3) 100%), url('/assets/classic/img/portal-investimento/aprenda-investir-objetivo.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

#passo-2 .img-passo {
    background-image: url('/assets/classic/img/portal-investimento/aprenda-investir-tempo.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

#passo-3 .img-passo {
    background-image: url('/assets/classic/img/portal-investimento/aprenda-investir-perfil.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

#passo-4 .img-passo {
    background-image: url('/assets/classic/img/portal-investimento/aprenda-invesitr-opcoes.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

#passo-5 .img-passo {
    background-image: url('/assets/classic/img/portal-investimento/aprenda-investir-aplicar.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

#passo-6 .img-passo {
    background-image: url('/assets/classic/img/portal-investimento/aprenda-investir-aplicacao.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.body-passo {
    width: 50%;
    height: 100%;
    color: #fff;
    padding-left: 65px;
    padding-top: 70px;
    border-radius: 0 1rem 0 0;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.3) 100%), url('/assets/classic/img/portal-investimento/aprenda-investir-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.passo-titulo {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 6%;
}

.passo-texto {
    padding-right: 75px;
    font-size: 1rem;
}


.carrossel-botoes-numerados {
    display: flex;
    height: 125px;
}

.card-numero-passo {
    width: 146.5px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
}

.agora .card-numero-passo {
    width: 50%;
}

.card-numero-passo.active {
    justify-content: center;
    cursor: default;
    border-bottom: #C50030 solid 5px;
}

/* 
.card-numero-passo:hover {
  justify-content: center;
  cursor: default;
  border-bottom: #C50030 solid 3px;  
} */

.card-numero-passo.active label {
    color: #000;
    font-size: 4rem;
    font-weight: 300;
    padding-right: 0;
    cursor: default;
}

.card-numero-passo.dark {
    background-color: #e0e0e0;
}

.card-numero-passo.light {
    background-color: #F0F1F5;
}

.card-numero-passo label {
    font-size: 3rem;
    color: #5e5e5e;
    font-weight: 100;
    padding-right: 1rem;
    cursor: pointer;
}

.banner-container {
    position: relative;
}

.carrossel-botoes-back-next {
    width: 80px;
    position: relative;
    top: -180px;
    left: 775px;
}

.btn-passo {
    border-radius: 100%;
    border: none;
    width: 30px;
    height: 30px;
    padding: 0;
}

.btn-passo-back {
    margin-right: 13px;
}

.btn-passo img {
    width: 100%;
    height: 100%;
}

#passo-2,
#passo-3,
#passo-4,
#passo-5,
#passo-6 {
    display: none;
}

#btn-passo-6 {
    border-radius: 0 0 .8rem 0;
}

/* Aprenda Investir */

/* Sugestoes para Você*/

.sugestoes-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    margin-top: 100px;
}

.sugestao-container {
    width: 1220px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 8px #00000029;
    border: 1px solid #F0F1F5;
    border-radius: 8px;
    opacity: 1;
    padding: 40px 40px 64px;
}

.sugestao-linha {
    width: 24px;
    height: 2px;
    background-color: #C50030;
    margin: 24px 0 8px;
}

.sugestao-header .header-title {
    width: 461px;
    height: 39px;
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 24px;
}

.sugestao-header .header-desc {
    color: #47484C;
    font-size: 16px;
}

.sugestao-perfil {
    display: flex;
    align-items: center;
    font-weight: 600;
    margin-top: 48px;
}

.sugestao-perfil-desc {
    margin-left: 15px;
}

.sugestao-number {
    color: #E1173F;
    font-weight: normal;
    font-size: 40px;
}

.perfil-investidor-cards {
    display: flex;
    flex-flow: nowrap;
    gap: 35px;
    overflow: visible;
    justify-content: center;
}

.perfil-investidor-card {
    padding: 24px;
    margin: 20px 0 20px 0;
    width: 200px;
    height: 319px;
    border-radius: 8px;
    border: 1px solid #E0E1E3;
    display: inline-flex;
    flex-direction: column;
    /* cursor: pointer; */
}

.perfil-investidor-card-title {
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
    font-weight: 600;
}

.perfil-investidor-card-desc {
    color: #47484C;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.perfil-investidor-card .perfil-investidor-checkbox {
    display: block;
    position: relative;
    margin-left: 80%;
    padding: auto;
    font-size: 10px;
    width: 0;
    height: 0;
}

.perfil-investidor-card .perfil-investidor-checkbox .sugestao-input-check {
    display: none;
}

.perfil-investidor-card .perfil-investidor-checkbox .checkmark {
    position: absolute;
    left: 10px;
    width: 16px;
    height: 16px;
    background-color: white;
    border-radius: 15px;
    border: 1px solid #3B69FF;
}

.perfil-investidor-card .perfil-investidor-checkbox .checkmark.active {
    border: 2.50px solid #3B69FF;
}

.perfil-investidor-icon {
    width: 48px;
    height: 48px;
}

.sugestao-quanto-investir {
    display: flex;
    align-items: center;
    margin-top: 24px;
}

.sugestao-simulacao {
    position: relative;
    margin-left: 15px;
}

.sugestao-form-label {
    position: absolute;
    bottom: 10px;
    left: 0;
    color: rgb(100, 100, 100);
    cursor: text;
    transition: all 0.5s ease-in-out;
}

.sugestao-form-label-sifrao {
    position: absolute;
    bottom: 10px;
    left: 0;
    font-size: 17px;
    cursor: text;
    visibility: hidden;
}

.sugestao-investir {
    width: 350px;
    padding: 5px;
    border: 0;
    border-bottom: 2px solid rgb(200, 200, 200);
    outline: 0;
    font-size: 17px;
    transition: all 0.5s ease-in-out;
    padding-left: 24px;
}

.sugestao-investir:focus {
    border-bottom: 2px solid #3B69FF;
}

.sugestao-investir:focus~.sugestao-form-label {
    transform: translateY(-25px);
    font-size: 15px;
    color: #3B69FF;
}

.sugestao-investir:valid~.sugestao-form-label {
    transform: translateY(-25px);
    font-size: 15px;
}

.sugestao-investir:focus~.sugestao-form-label-sifrao {
    visibility: visible;
    -webkit-animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: text-focus-in .5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

.sugestao-investir:valid~.sugestao-form-label-sifrao {
    visibility: visible;
}

.sugestao-btn-simular {
    width: 149px;
    height: 40px;
    border-radius: 24px;
    color: white;
    border: none;
    background-color: #E1173F;
    margin: 0 30px;
}

.sugestao-btn-simular.disabled {
    background-color: #A7A8AC;
    cursor: no-drop;
}

/* Sugestoes para Você */

/* Como funciona */

.como-funciona-padrao {
    display: flex;
    font-size: 13px;
    color: #47484C;
    line-height: 16px;
    border-bottom: 1px solid #E4E5E9;
    font-weight: 500;
}

.como-funciona-padrao span:first-child {
    width: 50%;
}

.como-funciona-padrao .cf-meio {
    width: 20%;
}

.como-funciona-padrao span:last-child {
    text-align: right;
    width: 30%;
}

.como-funciona-inicio {
    padding-top: 40px;
    font-weight: 600;
}

.como-funciona-inicio span:last-child {
    position: relative;
    top: -16px;
}

.como-funciona-exemplo-1 {
    padding: 24px 0;
}

.como-funciona-exemplo-2 {
    padding: 24px 0;
}

.como-funciona-exemplo-3 {
    padding: 24px 0;
    border-bottom: 0;
}

.cf-black {
    color: #000;
    font-weight: 500;
}

.como-funciona-total {
    background-color: #E4E5E9;
    border-radius: 8px 8px 0 0;
    width: 115%;
    position: relative;
    left: -28px;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.como-funciona-total-container {
    display: flex;
    justify-content: space-between;
    padding: 16px 32px;
}

.cf-gray-line {
    background-color: #A7A8AC;
    height: 1px;
    width: 85%;
    margin: auto;
}

.como-funciona-valor {
    background-color: #e4e5e9;
    padding: 16px 32px;
    width: 115%;
    position: relative;
    left: -28px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}

.como-funciona-valor span:first-child {
    width: 50%;
}

.como-funciona-valor span:last-child {
    position: relative;
    top: 5px;
}

.como-funciona-footer {
    padding: 24px 32px;
    background: linear-gradient(90deg, rgba(204, 9, 47, 1) 25%, rgba(184, 21, 112, 1) 100%);
    width: 115%;
    position: relative;
    left: -28px;
    border-radius: 0 0 8px 8px;
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
}

.como-funciona-footer span:last-child {
    position: relative;
    top: 10px;
}


/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

/* Vantagem de investir */

.vantagem-investir-section {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    height: 280px;
}

.vantagem-investir-container {
    width: 1220px;
    height: 163px;
    display: grid;
    align-content: center;
    padding-left: 16px;
}

.vantagem-investir-body {
    margin-top: 48px;
}

.vantagem-investir-header .header-title {
    font-size: 32px;
}

.cards-vantagem {
    display: flex;
    justify-content: space-between;
}

.cards-vantagem .card-header {
    display: flex;
    font-weight: bold;
}

.card-vantagem {
    width: 270px;
}

.card-vantagem .card-header {
    margin-bottom: 16px;
}

.card-vantagem .card-header .text-header {
    margin-left: 16px;
}

.card-vantagem .card-informations {
    font-size: 14px;
    color: #47484C;
    width: 97%;
    display: inline-flex;
    line-height: 22px;
    font-weight: 500;
}

/* Vantagem de investir */

/* Card Tipos de Fundos*/

.fi-tipos-section {
    margin-top: 64px;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
}

.fi-tipos-container {
    width: 1220px;
}

.fi-tipos-body {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fi-tipos-header .header-title {
    font-size: 32px;
}

.fi-tipos-header .header-description {
    width: 558px;
    margin-top: 16px;
    color: #47484C;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.fi-tipos-body {
    display: flex;
    margin-top: 48px;
}

.cards-tipos {
    display: flex;
    gap: 24px;
}

.card-tipos {
    width: 267px;
    height: 264px;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 5px;
    padding: 28px 24px 32px 16px;
}

.card-title-part-1 {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
}

.card-title-part-1 .alert {
    color: #fff;
    padding: 4px 8px;
    border-radius: 15px;
    background-image: linear-gradient(to right, #CC092F, #B81570);
    font-size: 13px;
    font-weight: 600;
}

.card-tipos .card-body {
    height: 127px;
}

.card-tipos .card-body .card-informations-part-1 {
    color: #47484C;
    font-size: 14px;
    font-weight: 500;
}

.card-tipos .card-footer .card-informations-part-2 {
    text-decoration: none;
    color: #3B69FF;
    font-size: 14px;
    font-weight: 500;
}

/* Card Tipos de Fundos*/

/* Card Taxas*/
.fi-taxas-section {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    height: 280px;
}

.fi-taxas-container {
    width: 1220px;
    height: 237px;
    display: grid;
    align-content: center;
    padding-left: 16px;
}

.fi-taxas-body {
    margin-top: 16px;
    display: flex;
    justify-content: center;
}

.fi-taxas-header {
    font-size: 32px;
}

.card-taxas-information {
    color: #47484C;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-top: 16px;
}

.card-taxas {
    background-color: #fff;
    width: 461px;
    height: 199px;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 5px;
    padding: 24px;
    margin-left: 30px;
}

.card-taxas-title-part-1 .alert {
    font-weight: 600;
    font-size: 16px;
}

.card-taxas-title-part-2 .alert {
    font-weight: 600;
    font-size: 16px;
}

/* Card Taxas*/

/* Vida Previdencia*/

.prev-vida-previdencia-section {
    margin-top: 100px;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
}

.prev-vida-previdencia-container {
    width: 1220px;
}

.prev-vida-previdencia-body {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.prev-vida-previdencia-header .header-title {
    font-size: 32px;
}

.prev-vida-previdencia-header .header-description {
    margin-top: 16px;
    color: #47484C;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

/* Vida Previdencia*/

/* Tipos*/

.prev-tipos-section {
    margin-top: 128px;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.prev-tipos-background {
    position: absolute;
    height: 90vh;
    width: 102vw;
    background-image: url(/assets/classic/img/portal-investimento/tipos-bg@2x.webp);
    background-size: 100% 401px;
    background-repeat: no-repeat;
    background-position: top 10px left 10px;
    z-index: 1;
    top: 260px;
}

.prev-tipos-container {
    width: 1220px;
    z-index: 2;
}

.prev-tipos-body {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.prev-tipos-header .header-title {
    font-size: 32px;
}

.prev-tipos-header .header-description {
    margin-top: 16px;
    color: #47484C;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.prev-tipos-cards {
    display: flex;
    gap: 24px;
}

.card-prev {
    gap: 16px;
    width: 462px;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 5px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.title-tipos-1 {
    width: 49px;
    height: 24px;
    color: #fff;
    padding: 4px 8px;
    border-radius: 15px;
    background-color: #73308B;
    font-size: 13px;
    font-weight: 600;
}

.title-tipos-2 {
    width: 49px;
    height: 24px;
    color: #fff;
    padding: 4px 8px;
    border-radius: 15px;
    background-color: #24479F;
    font-size: 13px;
    font-weight: 600;
}

.prev-tipos-title-part-1 .alert {
    font-weight: 600;
    font-size: 14px;
}

.prev-tipos-title-part-2 .alert {
    font-weight: 600;
    font-size: 14px;
}

.btn-prev {
    width: 225px;
    height: 48px;
    background-color: #FFFFFF;
    border-radius: 24px;
    border: none;
    color: #E1173F;
    font-weight: bold;
    font-size: 14px;
}

.btn-prev a {
    text-decoration: none;
    color: #E1173F;
}

.link-prev {
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid white;
}

.card-prev-information {
    color: #47484C;
    font-size: 14px;
    font-weight: 500;
}

.botoes {
    margin-top: 24px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.previdencia-simulador-section {
    display: flex;
    justify-content: center;
}

.previdencia-simulador-container {
    position: relative;
    top: 100px;
    border: 1px solid #F0F1F5;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 8px;
    padding: 40px;
    background-color: #fff;
    z-index: 3;
}

.previdencia-simulador-card .previdencia-simulador-card-header {
    font-size: 32px;
}

.previdencia-simulador-card .previdencia-simulador-card-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.previdencia-simulador-card .previdencia-simulador-textos {
    max-width: 615px;
    margin-top: 24px;
}

.previdencia-simulador-card .previdencia-simulador-textos .previdencia-simulador-texto {
    font-size: 16px;
    color: #47484C;
    margin-bottom: 24px;
    font-weight: 500;
}

.previdencia-simulador-card .btn-previdencia-simulador {
    padding: 16px 48px;
    background-color: #E1173F;
    border-radius: 24px;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px
}

.assessoria-section.agora {
    background-color: #F0F1F5;
    background-image: none;
    color: black;
    height: 713px;
    display: flex;
    margin-top: 168px;
}

#assessoria-grafismo.grafismo-agora {
    background-image: url('/assets/classic/img/portal-investimento/conte-com-agora.webp');
    width: 514;
    height: 841px;
}

.assessoria-header #white-line.line-agora {
    width: 25px;
    border: 1px solid #E1173F;
}


.assessoria-body #telefones .phone-agora .phone-agora-img {
    width: 15px;
    height: 15px;
    filter: none;
}


.assessoria-body #telefones.telefones-agora-sac {
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}

.phone-agora {
    display: flex;
}

.assessoria-body.agora h3 {
    margin-bottom: 28px;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    color: #47484C;
}

.SAC {
    width: 558px;
    height: 140px;
}

/* Tudo pelo App */
.todo-pelo-app-body.agora .images p {
    color: #47484C;
    position: relative;
    top: 20px;
    left: 10px;
}

.todo-pelo-app-body.agora h1 {
    color: #1f1f1f;
    font-size: 32px;
}

.todo-pelo-app-imagens.agora {
    display: flex;
    position: relative;
    top: 60px;
}

.qr-code-app.agora {
    top: 0px;
    width: 150px;
    height: 150px;
}

.todo-pelo-app-imagens-buttons.agora {
    top: 10px;
}

.todo-pelo-app-device-imagens.agora {
    position: relative;
    bottom: 0px;
}

.app-bradesco.agora {
    position: absolute;
    bottom: -65px;
    right: 94px;
    z-index: 2;
}

.app-agora-grafismo {
    position: absolute;
    right: 0;
}

.assessoria-container.agora {
    margin: 64px 0 0 95px;
}

.info-cotista-adm-fudiciaria-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #F0F1F5;
    margin-top: 100px;
    padding: 64px 150px;
}

.info-cotista-adm-fudiciaria-container {
    width: 1220px;
}

.info-cotista-adm-fudiciaria-body {
    margin-top: 48px;
    display: flex;
    justify-content: space-around;
}

.info-cotista-adm-fudiciaria-header .header-title {
    font-size: 32px;
}

.info-cotista-adm-fudiciaria-header .header-description {
    margin-top: 24px;
}

.info-cotista-adm-fudiciaria-header .header-description p {
    font-size: 16px;
    color: #47484C;
    display: flex;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 24px;
}

/* info-cotista */

.info-cotista-assembleia-digital-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    margin-top: 100px;
}

.info-cotista-assembleia-digital-container {
    width: 1220px;
}

.info-cotista-assembleia-digital-body {
    margin-top: 48px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}

.info-cotista-assembleia-digital-card {
    border: 1px solid #F0F1F5;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 8px;
    padding: 40px;
}

.info-cotista-assembleia-digital-card-body {
    display: flex;
    align-items: flex-end;
    gap: 13px;
}

.info-cotista-assembleia-digital-card-header .header-title {
    font-size: 32px;
}

.info-cotista-assembleia-digital-card-header .header-description {
    margin-top: 24px;
    display: flex;
    gap: 13px;
}

.info-cotista-assembleia-digital-card-header .header-description label {
    font-size: 16px;
    color: #47484C;
    display: flex;
    line-height: 24px;
    font-weight: 500;
    max-width: 615px;
}

.info-cotista-assembleia-digital-textos {
    width: 558px;
    height: 92px;
    margin-top: 24px;
}

.info-cotista-assembleia-digital .info-cotista-assembleia-digital-texto {
    font-size: 16px;
    color: #47484C;
    margin-bottom: 24px;
}

.info-cotista-assembleia-digital-card .btn-info-cotista-assembleia-digital {
    background-color: #E1173F;
    border-radius: 24px;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 16px 48px;
}

/* documentos */

.info-cotista-documentos-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 100px 0 0 0;
}

.info-cotista-documentos-container {
    width: 1220px;
}

.info-cotista-documentos-body {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}

.documentos-card {
    background-color: #FFFFFF;
    width: 100%;
    max-width: 976px;
    border: 1px solid #F0F1F5;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 8px;
    padding: 24px;
    z-index: 2;
}

.documentos-card-header {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.documentos-card-header label {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.divider-documentos {
    border: 1px solid #E4E5E9;
}

.documentos-itens {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    gap: 24px;
}

.documentos-itens .item {
    width: 267px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.documentos-itens .item p {
    font-size: 16px;
    font-weight: 600;
}

.documentos-itens .item a {
    font-size: 14px;
    font-weight: 600;
    color: #3B69FF;
    text-decoration: none;
}

.accordion-panel-documentos-itens {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 16px;
}

.accordion-panel-documentos-itens .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 0 24px 0;
}

.accordion-panel-documentos-itens .item:last-child {
    margin: 0;
}

.accordion-panel-documentos-itens .item .item-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 0 0 8px 0;
}

.accordion-panel-documentos-itens .item a {
    color: #3B69FF;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.accordion-panel-documentos-itens .item a .pdf-img {
    width: 24px;
    height: 24px;
}

#textobusca.scrolled {
    z-index: 2;
    position: fixed;
    right: 150px;
}

a.logo img.scrolled {
    z-index: 2;
    position: fixed;
    width: 12%;
    top: 60px;
}

.menu__lateral nav {
    display: none;
}

.mainHeader ul.navSeg {
    display: none !important;
}

.menu__lateral {
    margin: 0 0 0 8vw !important;
}

.nav-container {
    position: absolute;
    width: 100%;
    margin-top: 40px;
    user-select: none;
}

.nav-background {
    display: none;
}

.nav-container.scrolled {
    position: fixed;
    z-index: 21;
    top: 40px;
}

.mainHeader button#textobusca.scrolled {
    top: 80px;
}


body.home-investimentos.mobile #wrapper {
    padding-top: 40px !important;
}

.nav-container.scrolled .nav-red-line {
    z-index: 2;
}

.nav-container.scrolled .cards-dropdown {
    z-index: 3;
}

.nav-container.scrolled ul li a,
.nav-container.scrolled ul li p {
    color: black;
    font-weight: bold;
    position: relative;
    z-index: 2;
}

.nav-container.scrolled ul li picture {
    filter: invert(1);
    position: relative;
    z-index: 2;
}

.nav-container.scrolled .nav-background {
    display: block;
    position: absolute;
    width: 100vw;
    height: 110px;
    top: -40px;
    background-color: white;
    z-index: 1;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
}

.nav-container.scrolled .menu__lateral {
    z-index: 2;
}


.nav-body {
    display: flex;
    justify-content: center;
    gap: 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    align-items: end;
    font-weight: 600;
    line-height: 15px;
}

.nav-produtos p:first-child,
.nav-assessoria a p:first-child,
.nav-perfil p:first-child,
.nav-guia p:first-child {
    font-size: 9px;
}

.nav-produtos p,
.nav-assessoria p,
.nav-perfil p,
.nav-guia p,
.nav-servicos p {
    margin: 0;
}

.nav-body img {
    width: 9px;
    height: 10px;
    position: relative;
    left: 4px;
    top: -1px;
}

.nav-body a {
    text-decoration: none;
    color: #fff;
}

.nav-inicio,
.nav-produtos,
.nav-assessoria,
.nav-assessoria,
.nav-perfil,
.nav-guia,
.nav-servicos {
    cursor: pointer;
}

.nav-red-line {
    margin-top: 10px;
    width: 38px;
    height: 3px;
    background-color: #E1173F;
    display: none;
    position: absolute;
}

.nav-produtos:hover .nav-red-line {
    display: block;
}

.nav-produtos .nav-arrow {
    transition: rotate .2s ease-in;
}

.nav-produtos.active .nav-arrow {
    rotate: 180deg;
}

.nav-assessoria:hover .nav-red-line {
    display: block;
}

.nav-perfil:hover .nav-red-line {
    display: block;
}

.nav-guia:hover .nav-red-line {
    display: block;
}

.nav-guia .nav-arrow {
    transition: rotate .2s ease-in;
}

.nav-guia.active .nav-arrow {
    rotate: 180deg;
}

.nav-servicos:hover .nav-red-line {
    display: block;
}

.nav-servicos .nav-arrow {
    transition: rotate .2s ease-in;
}

.nav-servicos.active .nav-arrow {
    rotate: 180deg;
}

.nav-inicio:hover .nav-red-line {
    display: block;
}

.nav-inicio.border .nav-red-line,
.nav-produtos.border .nav-red-line,
.nav-assessoria.border .nav-red-line,
.nav-assessoria.border .nav-red-line,
.nav-perfil.border .nav-red-line,
.nav-guia.border .nav-red-line,
.nav-servicos.border .nav-red-line {
    display: block;
}

.nav-dropdown {
    display: none;
    justify-content: center;
    font-size: 12px;
}

/*Cards Styles*/
.cards-dropdown {
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #fff;
    height: 100%;
    top: 25px;
    border-bottom: 3px solid #E1173F;
    font-weight: 500;
}

.cards-dropdown a {
    border-bottom: 1px solid #c6c7cc;
    padding: 14px 40px 14px 20px;
    margin: 0 5px;
    width: calc(100% - 10px);
    text-decoration: none;
    color: #47484C;
}

.produtos-dropdown {
    left: 39px;
    opacity: 0;
    width: 212.48px;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
}

.produtos-dropdown.active {
    opacity: 1;
    pointer-events: auto;
}

.guia-dropdown {
    left: 252px;
    opacity: 0;
    width: 228.5px;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
}

.guia-dropdown.active {
    opacity: 1;
    pointer-events: auto;
}

.servicos-dropdown {
    left: 177px;
    opacity: 0;
    width: 188.95px;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
}

.servicos-dropdown.active {
    opacity: 1;
    pointer-events: auto;
}

.assessoria-dropdown {
    left: -392px;
    opacity: 0;
    width: 188.95px;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
}

.assessoria-dropdown.active {
    opacity: 1;
    pointer-events: auto;
}

.assessoria-square {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    transform: rotate(45deg);
    right: 18px;
    top: -4px;
    z-index: -1;
}

.nav-assessoria.active .nav-arrow {
    rotate: 180deg;
}

.nav-assessoria .nav-arrow {
    transition: rotate .2s ease-in;
}

#pdRendaFixa:hover,
#pdCDB:hover,
#pdLCA:hover,
#pdLCI:hover,
#pdLIG:hover,
#pdPoupancaFacil:hover,
#pdFundosInvestimentos:hover,
#pdListaFundos:hover,
#pdAgoraInvestimentos:hover,
#pdPrevidenciaPrivada:hover,
#gdGuiaInvestidor:hover,
#gdSimuladorInvestimentos:hover,
#gdCenarioEconomico:hover,
#gdInformacoesCotistas:hover,
#gdCOE:hover,
#sdInvesteFacil:hover,
#sdPoupaTroco:hover,
#assessoriaPF:hover,
#assessoriaPJ:hover {
    background-color: #c6c7cc;
    margin: 0;
    padding-left: 23px;
    width: 100%;
    border-left: 2px solid #E1173F;
    cursor: pointer;
}

/*Assessoria Styles*/
.assessoria-section {
    height: 600px;
    background-image: url('/assets/classic/img/portal-investimento/assessoria-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    z-index: 2;
    position: relative;
}

#assessoria-grafismo {
    width: 540px;
    height: 755px;
    position: relative;
    top: -60px;
    background-image: url('/assets/classic/img/portal-investimento/assessoria-grafismo.webp');
    background-repeat: no-repeat;
}

.assessoria-container {
    width: 57%;
    margin: 55px 0 0 auto;
}

.assessoria-header #white-line {
    width: 25px;
    border: 1px solid #fff;
}

.assessoria-header h1 {
    margin: 8px 0 24px 0;
    font-size: 32px;
    font-weight: 400;
}

.assessoria-body h2 {
    margin: 0 0 28px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 450px;
}

.assessoria-body #ligue {
    padding: 12px 0 24px;
}

.assessoria-body #telefones {
    display: flex;
    margin-bottom: 24px;
    gap: 10%;
}

.assessoria-body #telefones p {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 8px 5px;
}

.assessoria-body #telefones label {
    font-size: 13px;
    font-weight: 500;
    line-height: 17px;
}

.assessoria-body h3 {
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 40px;
}

.assessoria-body #telefones .phone {
    display: flex;
}

.assessoria-body #telefones .phone .phone-img {
    width: 15px;
    height: 15px;
}

.assessoria-body a {
    display: flex;
    width: auto;
    text-decoration: none;
}

.assessoria-body #saiba-mais {
    padding: 16px 48px 15px;
    background-color: #fff;
    border-radius: 2rem;
    color: #E1173F;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    z-index: 20;
}

.space {
    width: 100vw;
    height: 40px;
    background-color: #fff;
}

/*Fale com especialista Styles*/
.fale-especialista-section {
    position: fixed;
    height: 72px;
    width: 300px;
    bottom: 25px;
    right: 25px;
    z-index: 9999;
}

.fale-especialista-body {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.fale-especialista-icon {
    background-image: url(/assets/classic/svg/portal-investimento/fale-especialista-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: right;
    min-width: 72px;
    height: 72px;
    cursor: pointer;
    z-index: 10;
    border-radius: 100px;
}

.fale-especialista-icon-text {
    display: none;
    width: 285px;
    height: 72px;
    cursor: pointer;
    border-radius: 100px;
    background-color: #3B69FF;
}

.fale-especialista-icon-text.active {
    display: flex;
}

.fale-especialista-icon-text p {
    width: 600px;
    padding: 15px 0 10px 30px;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
}

.fale-especialista-icon-text b {
    font-weight: 600;
}

/*Renda fixa Styles*/
.banner-body.renda-fixa {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/renda-fixa-bg.webp');
}

.banner-text.renda-fixa {
    padding: 28vw 0 0 10vw;
}

/*CDB Styles*/
.banner-body.cdb {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/cdb-bg.webp');
}

.banner-text.cdb {
    padding: 22vw 0 0 10vw;
}

.banner-button {
    background-color: #E1173F;
    padding: 14px 45px 15px;
    border-radius: 100px;
    color: #fff;
    position: relative;
    top: 40px;
    left: 10vw;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

/*LCA Styles*/
.banner-body.lca {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/lca-bg.webp');
}

.banner-text.lca {
    padding: 19vw 0 0 10vw;
}

.banner-text.lca span:first-child {
    font-weight: 600;
}

/*LCI Styles*/
.banner-body.lci {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/lci-bg.webp');
}

.banner-text.lci {
    padding: 19vw 0 0 10vw;
    max-width: 48vw;
}

.banner-text.lci span:first-child {
    font-weight: 600;
}

/*LIG Styles*/
.banner-body.lig {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/lig-bg.webp');
}

.banner-text.lig {
    padding: 24vw 0 0 10vw;
}

.banner-text.lig span:first-child {
    font-weight: 600;
}

/*Poupança Fácil Styles*/
.banner-body.poupanca-facil {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/poupanca-bg.webp');
}

.banner-text.poupanca-facil {
    padding: 19vw 0 0 10vw;
}

.banner-text.poupanca-facil span:first-child {
    font-weight: 600;
}

/*Fundos Investimento Styles*/
.banner-body.fundos-investimento {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/fundos-investimentos-bg.webp');
}

.banner-text.fundos-investimento {
    padding: 19vw 0 0 10vw;
}

.banner-text.fundos-investimento b {
    font-weight: 600;
}

/*Lista Fundos Styles*/
.banner-body.lista-fundos {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/fundos-investimentos-bg.webp');
}

.banner-text.lista-fundos {
    padding: 24vw 0 0 10vw;
}

.banner-text.lista-fundos b {
    font-weight: 600;
}

/*Ágora Styles*/
.banner-body.agora {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/agora-bg.webp');
}

.banner-text.agora {
    padding: 19vw 0 0 10vw;
    max-width: 40vw;
}

.banner-text.agora span:first-child {
    font-weight: 600;
}

/*Previdência Privada Styles*/
.banner-body.previdencia-privada {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/previdencia-privada-bg.webp');
}

.banner-text.previdencia-privada {
    padding: 24vw 0 0 10vw;
}

/*Assessoria Investimentos Styles*/
.banner-body.assessoria-investimentos {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/assessoria-investimentos-bg.webp');
}

.banner-text.assessoria-investimentos {
    padding: 19vw 0 0 10vw;
}

.banner-text.assessoria-investimentos span:last-child {
    display: block;
    width: 34vw;
}

/*Perfil de Investidor Styles*/
.banner-body.perfil-investidor {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/perfil-investidor-bg.webp');
}

.banner-text.perfil-investidor {
    padding: 28vw 0 0 10vw;
    max-width: 45vw;
}

/*Guia para Investidor Styles*/
.banner-body.guia-investidor {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/guia-investidor-bg.webp');
}

.banner-text.guia-investidor {
    padding: 28vw 0 0 10vw;
    max-width: 50vw;
}

/*Simulador de Investimentos Styles*/
.simulador-space {
    padding: 20px;
    width: 100%;
}

.banner-body.simulador-investimentos {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/simulador-bg.webp');
}

.banner-text.simulador-investimentos {
    padding: 28vw 0 0 10vw;
}

.banner-text.simulador-investimentos span:last-child {
    display: block;
    width: 33vw;
}

/*Cenário econômico Styles*/
.banner-body.cenario-economico {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/cenario-economico-bg.webp');
}

.banner-text.cenario-economico {
    padding: 32.5vw 0 0 10vw;
    max-width: 50vw;
}

/*Informações aos cotistas Styles*/
.banner-body.informacoes {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/informacoes-bg.webp');
}

.banner-text.informacoes {
    padding: 24vw 0 0 10vw;
}

.banner-text.informacoes b {
    font-weight: 600px;
}

/*Invest Fácil Bradesco Styles*/
.banner-body.invest {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/invest-facil-bg.webp');
}

.banner-text.invest {
    padding: 16vw 0 0 10vw;
}

/*Invest Fácil PJ Bradesco Styles*/
.banner-body.invest-pj {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/invest-facil-bg-pj.webp');
}

.banner-text.invest-pj {
    padding: 16vw 0 0 10vw;
}

/*Poupa Troco Styles*/
.banner-body.poupa-troco {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/poupa-troco-bg.webp');
}

.banner-text.poupa-troco {
    padding: 28vw 0 0 10vw;
}

.banner-text-mobile {
    display: none;
}

main .confiante-mobile-section {
    display: none;
}

.grafismo-mobile {
    display: block;
}

.produtos-dropdown.cards-dropdown {
    position: relative;
}

.guia-dropdown.cards-dropdown {
    position: relative;
}

.servicos-dropdown.cards-dropdown {
    position: relative;
}

.produtos-square {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    transform: rotate(45deg);
    right: 18px;
    top: -4px;
    z-index: -1;
}

.guia-square {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    transform: rotate(45deg);
    right: 18px;
    top: -4px;
    z-index: -1;
}

.servicos-square {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    transform: rotate(45deg);
    right: 18px;
    top: -4px;
    z-index: -1;
}

.banner-grafismo-esquerda {
    position: absolute;
    background-image: url("/assets/classic/svg/portal-investimento/banner-grafismo-esquerda.svg");
    background-repeat: no-repeat;
    width: 115px;
    height: 325px;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: none;
}

.banner-grafismo-direita {
    position: absolute;
    background-image: url("/assets/classic/img/portal-investimento/banner-grafismo-direita.png");
    background-image: -webkit-image-set(url("/assets/classic/img/portal-investimento/banner-grafismo-direita.webp")1x);
    background-repeat: no-repeat;
    width: 406px;
    height: 430px;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.aprenda-investir-grafismo {
    position: absolute;
    background-image: url("/assets/classic/svg/portal-investimento/aprenda-investir-grafismo.svg");
    background-repeat: no-repeat;
    width: 262px;
    height: 666px;
    right: 0;
    bottom: 50px;
}

.assessoria-grafismo-direita {
    position: absolute;
    background-image: url("/assets/classic/svg/portal-investimento/assessoria-investimentos-grafismo.svg");
    background-repeat: no-repeat;
    width: 208px;
    height: 122px;
    right: 0;
    bottom: 60px;
}

.assessoria-section .assessoria-container {
    position: relative;
}

.todo-pelo-app-section .app-bradesco-mobile {
    display: none;
}

.todo-pelo-app-section .divider {
    display: none;
}

.todo-pelo-app-section .tpa-title {
    display: none;
}

.todo-pelo-app-section .tpa-cards-mobile {
    display: none;
}

.tpa-img {
    display: none;
}

.tpa-header {
    margin-left: 180px;
}

.todo-pelo-app-body {
    position: relative;
}

.todo-pelo-app-grafismo {
    position: absolute;
    background-image: url("/assets/classic/svg/portal-investimento/todo-pelo-app-grafismo.svg");
    background-repeat: no-repeat;
    width: 285px;
    height: 360px;
    left: 0;
    bottom: 50px;
}

.vc-mais-confiante-section .fundos-investimento br {
    display: none;
}

.abra-sua-conta-section {
    display: block;
    position: fixed;
    left: -580px;
    top: 250px;
    z-index: 100;
    transition: all 0.3s ease-in-out;
}

.abra-sua-conta-section:hover {
    left: 0;
}

.abra-sua-conta-section .abra-sua-conta-body {
    border-radius: 0 30px 30px 0;
    background: linear-gradient(220deg, rgba(204, 9, 47, 1) 0%, rgba(184, 21, 112, 1) 50%);
    display: flex;
    color: #fff;
    align-items: center;
}

.abra-sua-conta-section .asc-text {
    padding: 24px 24px 64px 32px;
    width: 377px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
}

.abra-sua-conta-section .asc-text .asc-saiba-mais {
    text-decoration: none;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 2rem;
    width: 170px;
    padding: 12px 0 11px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}

.abra-sua-conta-section .asc-qr-code {
    background-image: url('/assets/classic/svg/portal-investimento/abra-sua-conta-qr-code.svg');
    width: 156px;
    height: 156px;
    margin-right: 100px;
}

.abra-sua-conta-section .abra-sua-conta-body span {
    position: absolute;
    right: -40px;
    transform: rotate(-90deg);
    font-size: 20px;
    font-weight: 500;
}

.banner-body.coe {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url(/assets/classic/img/portal-investimento/coe-bg.webp);
}

.vc-mais-confiante-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 100px 0;
}

.vc-mais-confiante-container {
    width: 1220px;
}

.vc-mais-confiante-header .header-title {
    font-size: 32px;
    width: 300px;
}

.vc-mais-confiante-header .header-description {
    width: 558px;
    margin-top: 24px;
}

.vc-mais-confiante-header .header-description span {
    font-size: 16px;
    color: #47484C;
    width: 500px;
    display: flex;
    line-height: 24px;
    font-weight: 500;
}

.vc-mais-confiante-body {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 40px;
}

.vc-mais-confiante-body .vc-mais-confiante-cards {
    justify-content: center;
    align-content: center;
    display: grid;
    grid-gap: 24px;
    grid-template-areas:
        "card-investimentos card-renda-fixa card-fundos-investimento"
        "card-investimentos card-glossario card-acoes"
        "card-investimentos card-tesouro-direto card-acoes";
}

.card-investimentos {
    height: 558px;
    width: 461px;
    border-radius: 8px 0 0 8px;
    grid-area: card-investimentos;
    grid-row: card-investimentos;
}

.card-renda-fixa {
    height: 170px;
    width: 170px;
    grid-area: card-renda-fixa;
}

.card-fundos-investimento {
    height: 170px;
    width: 267px;
    border-radius: 0 8px 0 0;
    grid-area: card-fundos-investimento;
}

.card-glossario {
    height: 170px;
    width: 170px;
    grid-area: card-glossario;
}

.card-acoes {
    height: 364px;
    width: 267px;
    border-radius: 0 0 8px 0;
    grid-area: card-acoes;
    grid-row: card-acoes;
}

.card-tesouro-direto {
    height: 170px;
    width: 170px;
    grid-area: card-tesouro-direto;
}

.vc-mais-confiante-body .vc-mais-confiante-cards .card {
    background-color: #343434;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 20px;
    opacity: 0.6;
    transition: background-color 1s ease 0s;
    transition: opacity 1s ease 0s;
    overflow: hidden;
}

.vc-mais-confiante-body .vc-mais-confiante-cards .card:hover {
    opacity: 1;
    background-color: #000;
}

.vc-mais-confiante-body .vc-mais-confiante-cards .card .card-title-left {
    color: #fff;
    padding: 0 24px;
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 30px;
    z-index: 2;
    cursor: pointer;
    font-weight: bold;
}

.vc-mais-confiante-body .vc-mais-confiante-cards .card .card-title-left label {
    cursor: pointer;
}


.vc-mais-confiante-body .vc-mais-confiante-cards .card .card-title {
    color: #fff;
    padding: 0 16px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
}

.vc-mais-confiante-body .card-investimentos .card-title {
    font-size: 1.25rem;
}

.vc-mais-confiante-body .card-investimentos .header-divider {
    border-bottom: #fff solid 1px;
    width: 180px;
    margin-top: 10px;
}

.vc-mais-confiante-body .card-investimentos .card-description {
    color: #fff;
    padding-left: 24px;
    font-size: 1rem;
}

.vc-mais-confiante-body .card-renda-fixa .header-divider {
    border-bottom: #fff solid 1px;
    width: 80px;
    margin-top: 10px;
}

.vc-mais-confiante-body .card-fundos-investimento .card-title {
    width: 150px;
}

.vc-mais-confiante-body .card-fundos-investimento .header-divider {
    border-bottom: #fff solid 1px;
    width: 95px;
    margin-top: 10px;
}

.vc-mais-confiante-body .card-glossario .header-divider {
    border-bottom: #fff solid 1px;
    width: 70px;
    margin-top: 10px;
}

.vc-mais-confiante-body .card-acoes .header-divider {
    border-bottom: #fff solid 1px;
    width: 52px;
    margin-top: 10px;
}

.vc-mais-confiante-body .card-acoes .card-description {
    color: #fff;
    padding-left: 24px;
    font-size: .9rem;
    width: 220px;
}

.vc-mais-confiante-body .card-tesouro-direto .header-divider {
    border-bottom: #fff solid 1px;
    width: 115px;
    margin-top: 10px;
}

/* Tudo pelo App */

.todo-pelo-app-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 100px;
}

.todo-pelo-app-container {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.todo-pelo-app-container .header-description p {
    color: #47484c;
    font-size: 16px;
}

.qr-code-app {
    position: relative;
    top: 270px;
    filter: grayscale(1);
}

.app-bradesco {
    margin-left: 10px;
}

.todo-pelo-app-body .images {
    width: 100vw;
    display: flex;
    justify-content: center;
}

.todo-pelo-app-body .images a:first-child {
    width: 34vw;
    text-decoration: none;
    margin-left: 150px;
}

.todo-pelo-app-body .images p {
    color: #47484C;
    position: relative;
    top: 200px;
    left: 10px;
}

.todo-pelo-app-device-imagens {
    position: relative;
    top: -80px;
    width: 70vw;
    height: 750px;
}

.todo-pelo-app-imagens {
    display: flex;
}

.todo-pelo-app-imagens-buttons {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 270px;
    gap: 20px;
    padding-left: 20px;
}

.todo-pelo-app-voltar {
    width: 164px;
    height: 56px;
    background-color: #3B69FF;
    padding: 19px 16px 20px;
    border-radius: 200px;
    display: flex;
    gap: 10px;
    margin: 20px auto;
    text-decoration: none;
    position: relative;
    z-index: 20;
}

.todo-pelo-app-voltar span {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}

.todo-pelo-app-voltar picture {
    display: flex;
    align-items: center;
}

#tpa-arrow {
    transform: rotate(180deg);
    width: 100%;
    height: 100%;
}

/* Tudo pelo App */

/* Disclaimer */
.disclaimer-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #F0F1F5;
    margin-top: 40px;
}

.disclaimer-container {
    width: 1220px;
}

.disclaimer-body {
    width: 100%;
    padding: 64px 0;
    max-width: 1220px;
    margin: auto;
}

.disclaimer-texto {
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    color: #47484C;
}

.disclaimer-texto.previdencia {
    width: 88%;
}

.selo-anbima {
    margin-top: 40px;
    background-image: url('/assets/classic/svg/portal-investimento/anbima-logo.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    display: flex;
    width: 100px;
    height: 75px;
}


/* Renda Fixa */
.card-principal-section {
    display: flex;
    justify-content: center;
    background-color: transparent;
    position: relative;
    top: -30px;
    z-index: 2;
}

.card-principal-container {
    width: 1220px;
    display: grid;
    align-content: center;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 0 5px 5px 0;
    padding: 40px 24px;
    background: #fff;
}

.card-principal-header .header-title {
    font-size: 32px;
    color: #000;
    line-height: 36px;
}

.card-principal-info {
    font-size: 16px;
    line-height: 24px;
    padding-top: 24px;
    color: #47484C;
    font-weight: 500;
}

.card-principal-border {
    width: 8px;
    background-image: linear-gradient(to bottom, #CC092F, #B81570);
    border-radius: 1rem 0 0 1rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.card-principal-info.fundo-investimentos {
    display: flex;
    align-items: center;
    gap: 88px;
}

.card-principal-info.fundo-investimentos label {
    max-width: 752px;
}

.btn-card-fundo-investimentos {
    background-color: #E1173F;
    padding: 16px 48px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 2rem;
    border: none;
}

.rf-como-funciona-section {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    height: 280px;
}

.rf-como-funciona-container {
    width: 1220px;
    height: 237px;
    display: grid;
    align-content: center;
    padding-left: 16px;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 5px;
    padding: 40px;
}

.rf-como-funciona-body {
    margin-top: 16px;
}

.rf-como-funciona-header .header-title {
    font-size: 32px;
}

.como-funciona-informations {
    color: #47484C;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

/* Produtos de renda fixa */
.rf-produtos-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    margin-top: 100px;
}

.rf-produtos-container {
    width: 1220px;
}

.rf-produtos-header .header-title {
    font-size: 32px;
}

.rf-produtos-body {
    margin-top: 48px;
}

.cards-produtos {
    display: flex;
    gap: 24px;
}

.card-produto {
    width: 267px;
    height: 230px;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 5px;
    padding: 16px;
    cursor: pointer;
}

.card-produto * {
    cursor: pointer;
}

.card-title-part-1 {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
}

.card-title-part-1 .alert {
    color: #fff;
    padding: 4px 8px;
    border-radius: 15px;
    background-image: linear-gradient(to right, #CC092F, #B81570);
    font-size: 13px;
}

.card-title-part-2 label {
    font-weight: bold;
    font-size: 20px;
}

.card-produto .card-body {
    padding-top: 16px;
}

.card-produto .card-body .card-informations {
    color: #47484C;
    font-size: 14px;
}

/* Renda Fixa */

/* CDB */

/* Vantagem de investir */

.cdb-vantagem-investir-section {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    height: 280px;
}

.cdb-vantagem-investir-container {
    width: 1220px;
    height: 163px;
    display: grid;
    align-content: center;
    padding-left: 16px;
}

.cdb-vantagem-investir-body {
    margin-top: 48px;
}

.cdb-vantagem-investir-header .header-title {
    font-size: 32px;
}

.cdb-cards-vantagem {
    display: flex;
    justify-content: space-around;
}

.cdb-cards-vantagem .card-header {
    display: flex;
    font-weight: bold;
}

.cdb-card-vantagem {
    width: 270px;
}

.cdb-card-vantagem .card-header {
    margin-bottom: 16px;
}

.cdb-card-vantagem .card-header .text-header {
    margin-left: 16px;
}

.cdb-card-vantagem .card-informations {
    font-size: 15px;
    color: #47484C;
}

/* Vantagem de investir */

/* Perguntas Frequentes */

.cdb-perguntas-frequentes-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 80px 0;
}

.cdb-perguntas-frequentes-container {
    width: 1220px;
}

.cdb-perguntas-frequentes-header .header-title {
    font-size: 32px;
}

.cdb-perguntas-frequentes-body {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

/* Perguntas Frequentes */

.cdb-tipos-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-image: url('/assets/classic/img/portal-investimento/tipos-bg@2x.webp');
    background-size: 100% 55%;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-top: 100px;
    min-height: 1000px;
}

.cdb-tipos-container {
    width: 1220px;

}

.cdb-tipos-header .header-title {
    font-size: 32px;
}

.cdb-tipos-body {
    margin-top: 48px;
}

.cards-tipo {
    display: flex;
    justify-content: space-between;
    min-height: 180px;
}

.card-tipo {
    width: 364px;
    height: 551px;
    border: 1px solid #F0F1F5;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 8px;
    padding: 30px;
    background-color: #fff;
}

.card-tipo .header-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.card-tipo .header-title .label-title {
    font-weight: bold;
    font-size: 20px;
}

.card-tipo .header-title .label-description {
    font-weight: bold;
    font-size: 14px;
}

.card-tipo .header-title .dot {
    height: 11px;
    width: 11px;
    background-color: #00CCFF;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.card-tipo .header-title .dot.yellow {
    background-color: #FEBD04;
}

.card-tipo .header-description label {
    color: #47484C;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.card-tipo .card-body {
    margin-top: 16px;
}

.card-tipo .tipo-content .cards-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.card-tipo .tipo-content .cards-row div {
    display: flex;
    flex-direction: column;
    width: 114px;
}


.card-tipo .tipo-content .cards-row .card-title {
    display: block;
    cursor: default;
    color: #47484C;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
}

.card-tipo .tipo-content .cards-row .card-info {
    color: #000;
    font-size: 13px;
    font-weight: bold;
}

.card-tipo .tipo-content .cards-row .card-info .link {
    color: #3B69FF;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.card-tipo .tipo-content .cards-row .tooltip-tipos {
    color: #fff;
    background-color: #3B69FF;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    align-items: center;
    position: relative;
    margin-bottom: -20px;
    z-index: 2;
}

#tooltip-liquidez {
    color: #fff;
    background-color: #3B69FF;
    padding: 16px;
    border-radius: 4px;
    width: 269px;
    height: 48px;
    font-size: 13px;
    position: relative;
    left: -20px;
    top: -75px;
    margin-bottom: -48px;
    display: none;
}

#tooltip-remuneracao {
    color: #fff;
    background-color: #3B69FF;
    padding: 16px;
    border-radius: 4px;
    width: 263px;
    height: 84px;
    font-size: 13px;
    position: relative;
    left: -140px;
    top: -110px;
    margin-bottom: -84px;
    display: none;
}

#tooltip-risco {
    color: #fff;
    background-color: #3B69FF;
    padding: 16px;
    border-radius: 4px;
    width: 273px;
    height: 66px;
    font-size: 13px;
    position: relative;
    left: -140px;
    top: -90px;
    margin-bottom: -66px;
    display: none;
}

.card-tipo .tipo-content .cards-row .tooltip-tipos.liquidez {
    left: 60px;
    top: -20px;
}

.card-tipo .tipo-content .cards-row .tooltip-tipos.remuneracao {
    left: 85px;
    top: -20px;
}

.card-tipo .tipo-content .cards-row .tooltip-tipos.risco {
    left: 35px;
    top: -20px;
}

.footer-tipos {
    margin-top: 24px;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.footer-tipos-link {
    margin-top: 16px;
    text-decoration: none;
}

.footer-tipos .footer-tipos-text {
    color: #fff;
    font-size: 14px;
    margin-bottom: 16px;
    /* text-align: center; */
}

.footer-tipos .footer-tipos-text a {
    color: #fff;
    font-size: 14px;
}

.footer-tipos .btn-footer-tipos {
    color: #E1173F;
    background-color: #fff;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    border: none;
    border-radius: 24px;
    margin: 0 auto;
    display: block;
    padding: 16px 48px;
}

/* CDB */

/* LCA */

.footer-tipos .btn-footer-tipos-lca {
    color: #E1173F;
    background-color: #fff;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    border: none;
    border-radius: 24px;
    margin: 0 auto;
    display: block;
    padding: 16px 48px;
}

/* Perguntas Frequentes */

.lca-perguntas-frequentes-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 80px 0;
}

.lca-perguntas-frequentes-container {
    width: 1220px;
}

.lca-perguntas-frequentes-header .header-title {
    font-size: 32px;
}

.lca-perguntas-frequentes-body {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

/* Perguntas Frequentes */

.lca-tipos-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 100px;
    background-image: url('/assets/classic/img/portal-investimento/tipos-bg@2x.webp');
    background-size: 100% 55%;
    background-repeat: no-repeat;
    background-position: bottom;
    min-height: 1000px;
}

.lca-tipos-container {
    width: 1220px;

}

.lca-tipos-header .header-title {
    font-size: 32px;
}

.lca-tipos-body {
    margin-top: 48px;
}

.lca-tipos-body .cards-tipo {
    justify-content: center;
    gap: 24px;
}

/* LCA */

/* LCI */

/* Perguntas Frequentes */

.lci-perguntas-frequentes-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 80px 0;
}

.lci-perguntas-frequentes-container {
    width: 1220px;
}

.lci-perguntas-frequentes-header .header-title {
    font-size: 32px;
}

.lci-perguntas-frequentes-body {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

/* Perguntas Frequentes */

.lci-tipos-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 100px;
    background-image: url('/assets/classic/img/portal-investimento/tipos-bg@2x.webp');
    background-size: 100% 55%;
    background-repeat: no-repeat;
    background-position: bottom;
    min-height: 1000px;
}

.lci-tipos-container {
    width: 1220px;

}

.lci-tipos-header .header-title {
    font-size: 32px;
}

.lci-tipos-body {
    margin-top: 48px;
}

.lci-tipos-body .cards-tipo {
    justify-content: center;
    gap: 24px;
}

/* LCI */

/* LIG */

/* Perguntas Frequentes */

.lig-perguntas-frequentes-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 80px 0;
}

.lig-perguntas-frequentes-container {
    width: 1220px;
}

.lig-perguntas-frequentes-header .header-title {
    font-size: 32px;
}

.lig-perguntas-frequentes-body {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

/* Perguntas Frequentes */

.lig-tipos-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-image: url('/assets/classic/img/portal-investimento/tipos-bg@2x.webp');
    background-repeat: no-repeat;
    background-position: bottom;
}

.lig-tipos-container {
    width: 1220px;

}

.lig-tipos-header .header-title {
    font-size: 32px;
}

.lig-tipos-body {
    margin-top: 48px;
}

.lig-tipos-body .footer-tipos {
    height: 535px;
}

.footer-tipos-documentos {
    padding-left: 175px;
}

.footer-tipos-documentos .documentos-title {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
}

.footer-tipos-documentos .accordions {
    margin-top: 24px;
}

.footer-tipos-documentos .accordions .accordion-box .accordion-panel .accordion-documentos {
    padding: 24px 16px;
}

.footer-tipos-documentos .accordions .accordion-box .accordion-panel .accordion-documentos .accordion-documentos-row {
    display: flex;
    margin-bottom: 24px;
}

.footer-tipos-documentos .accordions .accordion-box .accordion-panel .accordion-documentos .accordion-documentos-row .box-documentos {
    width: 267px;
    height: 52px;
    display: flex;
    flex-direction: column;
}

.footer-tipos-documentos .accordions .accordion-box .accordion-panel .accordion-documentos .accordion-documentos-row .box-documentos .box-documentos-title {
    font-weight: bold;
    font-size: 16px;
}

.footer-tipos-documentos .accordions .accordion-box .accordion-panel .accordion-documentos .accordion-documentos-row .box-documentos .box-documentos-desc {
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: #3B69FF;
    margin-top: 8px;
}


/* LIG */

/* Poupança Facil */

/* Perguntas Frequentes */

.pp-perguntas-frequentes-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 80px 0;
}

.pp-perguntas-frequentes-container {
    width: 1220px;
}

.pp-perguntas-frequentes-header .header-title {
    font-size: 32px;
}

.pp-perguntas-frequentes-body {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}


/* Perguntas Frequentes */

/* Como funciona */

.pp-como-funciona-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    margin-top: 100px;
}

.pp-como-funciona-container {
    width: 1220px;
}

.pp-como-funciona-header .header-title {
    font-size: 32px;
}

.pp-como-funciona-body {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

.como-funciona-card {
    width: 946px;
    height: 357px;
    border: 1px solid #F0F1F5;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 8px;
}

.como-funciona-card-body {
    padding: 40px;
}

.como-funciona-card-body .como-funciona-texto {
    font-size: 16px;
    color: #47484C;
    margin-bottom: 32px;
}

.como-funciona-card-body .como-funciona-texto-link {
    color: #3B69FF;
    text-decoration: none;
}

.como-funciona-button {
    background: none;
    border: none;
    padding: 0;
}

.como-funciona-card-body .como-funciona-informacoes {
    width: 485px;
    height: 56px;
    margin-bottom: 32px;
    margin-left: 192px;
}

.como-funciona-card-body .como-funciona-informacoes .como-funciona-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.como-funciona-card-body .como-funciona-informacoes .como-funciona-col {
    width: 191px;
    height: 16px;
}

.como-funciona-card-body .como-funciona-informacoes .como-funciona-col .como-funciona-info-title {
    color: #47484C;
    font-size: 13px;
}

.como-funciona-card-body .como-funciona-informacoes .como-funciona-col .como-funciona-info-desc {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
}

/* Como funciona */

/* Como aplicar */

.pp-como-aplicar-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    margin-top: 100px;
}

.pp-como-aplicar-container {
    width: 1220px;
}

.pp-como-aplicar-body {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

.como-aplicar-card {
    width: 945px;
    height: 245px;
    border: 1px solid #F0F1F5;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 8px;
    padding: 40px;
}

.como-aplicar-card .como-aplicar-card-header {
    font-size: 32px;
}

.como-aplicar-card .como-aplicar-card-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.como-aplicar-card .como-aplicar-textos {
    width: 558px;
    height: 92px;
    margin-top: 24px;
}

.como-aplicar-card .como-aplicar-textos .como-aplicar-texto {
    color: #47484C;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 24px;
    font-weight: 500;
}

.como-aplicar-card .btn-como-aplicar {
    width: 186px;
    height: 48px;
    background-color: #E1173F;
    border-radius: 24px;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px
}

/* Como aplicar */

/* Poupança Facil */

/* Fundos Investimentos */

/* Perguntas Frequentes */

.fi-perguntas-frequentes-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 80px 0;
}

.fi-perguntas-frequentes-container {
    width: 1220px;
}

.fi-perguntas-frequentes-header .header-title {
    font-size: 32px;
}

.fi-perguntas-frequentes-body {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

/* Perguntas Frequentes */

/* Tributação */

.fi-tributacao-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    margin-top: 100px;
}

.fi-tributacao-container {
    width: 1220px;
}

.fi-tributacao-body {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fi-tributacao-header .header-title {
    font-size: 32px;
}

.fi-tributacao-header .header-description {
    margin-top: 24px;
}

.fi-tributacao-header .header-description label {
    font-size: 16px;
    color: #47484C;
    display: flex;
    line-height: 24px;
    font-weight: 500;
}

.fi-tributacao-header .header-description .link-tributacao {
    padding-top: 24px;
    font-size: 16px;
    color: #3B69FF;
    width: 528px;
    display: flex;
    line-height: 24px;
    font-weight: 500;
    text-decoration: none;
}

.simulador-iof {
    width: 80%;
    margin-top: 40px;
}

.simulador-iof .simulador-header .header-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 24px;
}

.simulador-iof .simulador-header .header-description label {
    color: #47484C;
}

.simulador-iof .simulador-body {
    margin: 24px 0;
}

/* Tributação */

/* Fundos Investimentos */

/* Tambem Renda Fixa */
.tbm-renda-fixa-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    margin-top: 100px;
}

.tbm-renda-fixa-container {
    width: 1220px;
}

.tbm-renda-fixa-header .header-title {
    font-size: 32px;
}

.tbm-renda-fixa-body {
    margin-top: 48px;
}

/* Tambem Renda Fixa */

.card-principal-info-agora-link {
    color: #3B69FF;
    text-decoration: none;
}

/* Invest Facil */

/* Perguntas Frequentes */

.invest-facil-perguntas-frequentes-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 80px 0;
}

.invest-facil-perguntas-frequentes-container {
    width: 1220px;
}

.invest-facil-perguntas-frequentes-header .header-title {
    font-size: 32px;
}

.invest-facil-perguntas-frequentes-body {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

/* Perguntas Frequentes */

/* Caracteristicas */

.invest-facil-caracteristicas-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    background-image: url('/assets/classic/img/portal-investimento/tipos-bg@2x.webp');
    background-size: 100% 332px;
    background-repeat: no-repeat;
    background-position: bottom;
    margin-top: 100px;
    height: 670px;
}

.invest-facil-caracteristicas-container {
    width: 1220px;
}

.invest-facil-caracteristicas-header .header-title {
    font-size: 32px;
}

.invest-facil-caracteristicas-body {
    margin-top: 48px;
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
    min-height: 550px;
}

.card-tipo.invest-facil {
    width: 364px;
    height: 436px;
}

.caracteristicas-termo-adesao {
    width: 461px;
    height: 120px;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 80px;
}

.caracteristicas-termo-adesao .termo-adesao-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.caracteristicas-termo-adesao .termo-adesao-header .termo-adesao-title {
    font-size: 16px;
    font-weight: 500;
}

.caracteristicas-termo-adesao .termo-adesao-info {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.invest-link {
    color: #FFF;
    text-decoration: none;
}

.invest-link-sub {
    color: #FFF;
}


/* Caracteristicas */

/* Invest Facil */

/* Poupa Troco */

/* Perguntas Frequentes */

.poupa-troco-perguntas-frequentes-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 80px 0;
}

.poupa-troco-perguntas-frequentes-container {
    width: 1220px;
}

.poupa-troco-perguntas-frequentes-header .header-title {
    font-size: 32px;
}

.poupa-troco-perguntas-frequentes-body {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

/* Perguntas Frequentes */

/* Como Cadastrar */

.poupa-troco-como-cadastrar-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
}

.poupa-troco-como-cadastrar-container {
    width: 1220px;
}

.poupa-troco-como-cadastrar-header .header-title {
    font-size: 32px;
}

.poupa-troco-como-cadastrar-body {
    margin-top: 48px;
}

.como-cadastrar-cards {
    display: flex;
    gap: 24px;
}

.como-cadastrar-card {
    width: 267px;
    height: 155px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}


/* Como Cadastrar */

/* Como Funciona */

.poupa-troco-como-funciona-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 50px;
    padding: 24px 0;
    background-image: url('/assets/classic/img/portal-investimento/tipos-bg@2x.webp');
    background-size: 100% 332px;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 900px;
}

.poupa-troco-como-funciona-container {
    width: 1220px;
}

.poupa-troco-como-funciona-header .header-title {
    font-size: 32px;
}

.poupa-troco-como-funciona-header .header-description {
    padding-top: 24px;
    color: #47484C;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
}

.poupa-troco-como-funciona-header .header-description p {
    margin-bottom: 24px;
}

.poupa-troco-como-funciona-body {
    margin-top: 48px;
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
}

.poupa-troco-como-funciona-card {
    width: 461px;
    height: 539px;
    box-shadow: 0px 2px 8px #00000029;
    background-color: #fff;
    border: 1px solid #F0F1F5;
    border-radius: 8px;
    padding: 40px;
}

.poupa-troco-como-funciona-card .poupa-troco-como-funciona-card-title {
    font-size: 20px;
    font-weight: 600;
}

.poupa-troco-como-funciona-info {
    width: 461px;
    height: 240px;
    padding-top: 60px;
}

.poupa-troco-como-funciona-info .poupa-troco-como-funciona-info-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.poupa-troco-como-funciona-info-list {
    color: #fff;
    list-style: disc;
}

.poupa-troco-como-funciona-info-list li {
    color: #fff;
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
}


/* Como Funciona */

/* Bom saber */

.poupa-troco-bom-saber-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 50px;
}

.poupa-troco-bom-saber-container {
    width: 1220px;
}

.poupa-troco-bom-saber-header .header-title {
    font-size: 32px;
}

.poupa-troco-bom-saber-header .header-description {
    padding-top: 24px;
    color: #47484C;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
}

.poupa-troco-bom-saber-header .header-description p {
    margin-bottom: 24px;
}

/* Bom saber */

/* Poupa Troco */

/* Agora */

/* Vantagens */

.agora-vantagens-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #F0F1F5;
    background-image: url('/assets/classic/img/portal-investimento/vantagens-agora.jpg');
    background-image: -webkit-image-set(url('/assets/classic/img/portal-investimento/vantagens-agora.webp')1x);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 595px;
}

.agora-vantagens-container {
    width: 1220px;
    margin-top: 64px;
}

.agora-vantagens-header {
    position: relative;
}

.agora-vantagens-header::after {
    content: '';
    background-image: url(/assets/classic/img/portal-investimento/vantagens-agora-mobile.png);
    /* background-image: -webkit-image-set(url(/assets/classic/img/portal-investimento/vantagens-agora.webp) 1x); */
    background-repeat: no-repeat;
    display: none;
    height: 435px;
    width: 100%;
}

.agora-vantagens-header .header-title {
    font-size: 32px;
}

.agora-vantagens-body {
    margin-top: 48px;
}

.agora-vantagens-cards {
    display: flex;
    width: 60%;
    gap: 24px;
}

.agora-vantagens-card {
    margin: 24px 0;
    width: 364px;
    height: 154px;
    background-color: #fff;
    box-shadow: 0px 2px 8px #00000029;
    border: 1px solid #F0F1F5;
    border-radius: 8px;
    padding: 24px 16px;
}

.agora-vantagens-card .agora-vantagens-card-header .header-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.agora-vantagens-card .agora-vantagens-card-body {
    margin-top: 15px;
}

.agora-vantagens-card-info {
    color: #47484C;
    font-size: 14px;
    font-weight: 500;
}

/* Vantagens */

/* Experiencia Completa */

.agora-experiencia-completa-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
}

.agora-experiencia-completa-container {
    width: 1220px;
    margin-top: 64px;
}

.agora-experiencia-completa-header .header-title {
    font-size: 32px;
}

.agora-experiencia-completa-body {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 100px;
}

.agora-experiencia-completa-card {
    width: 928px;
    height: 470px;
    background-color: #C50030;
    border-radius: 1rem;
    display: flex;
}

.agora-experiencia-completa-passos {
    width: 50px;
    height: 100%;
    background: linear-gradient(180deg, rgba(204, 9, 47, 1) 25%, rgba(184, 21, 112, 1) 100%);
    border-radius: 8px 0 0 8px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.agora-experiencia-completa-passos label {
    color: #fff;
    font-size: 20px;
    transform: rotate(270deg);
    position: relative;
    bottom: 55px;
}

.agora-experiencia-completa-carrossel-body {
    width: 100%;
    height: 73.5%;
    border-radius: 0 1rem 0 0;
}

.carrossel-passo {
    width: 100%;
    height: 100%;
    display: flex;
}

.img-passo {
    width: 50%;
    height: 100%;
    background-color: #47484C;
}

#passo-1 .img-passo.agora {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.3) 100%), url('/assets/classic/img/portal-investimento/agora-experiencia-completa.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

#passo-2 .img-passo.agora {
    background-image: url('/assets/classic/img/portal-investimento/agora-experiencia-completa.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

#passo-3 .img-passo.agora {
    background-image: url('/assets/classic/img/portal-investimento/agora-experiencia-completa.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

#passo-4 .img-passo.agora {
    background-image: url('/assets/classic/img/portal-investimento/agora-experiencia-completa.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

#passo-5 .img-passo.agora {
    background-image: url('/assets/classic/img/portal-investimento/agora-experiencia-aplicar.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

#passo-6 .img-passo.agora {
    background-image: url('/assets/classic/img/portal-investimento/agora-experiencia-aplicacao.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

.agora-experiencia-completa-conheca {
    display: flex;
    align-items: center;
    gap: 60px;
}

.agora-experiencia-completa-conheca-img {
    width: 280px;
}

.btn-agora-experiencia-completa {
    border: none;
    border-radius: 24px;
    background-color: #E1173F;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 16px 48px;
    max-height: 48px;
}

.btn-agora-experiencia-completa.coe {
    border: none;
    border-radius: 24px;
    background-color: #E1173F;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 16px 48px;
    max-height: 48px;
    width: 330px;
    margin: 10px auto 20px;
}

/* Vantagens */

/* Agora */

/* Perfil investidor */

/* Pq Investir */

.perfil-investidor-pq-investir-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #F0F1F5;
    background-image: url('/assets/classic/img/portal-investimento/perfil-investidor-back.jpg');
    background-image: -webkit-image-set(url('/assets/classic/img/portal-investimento/perfil-investidor-back.webp')1x);
    background-repeat: no-repeat;
    background-position: 90%;
    height: 618px;
}

.perfil-investidor-pq-investir-section-pj {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #F0F1F5;
    background-image: url('/assets/classic/img/portal-investimento/perfil-investidor-back-pj.png');
    /* background-image: -webkit-image-set(url('/assets/classic/img/portal-investimento/perfil-investidor-back-pj.webp')1x); */
    background-repeat: no-repeat;
    background-position: 0;
    height: 680px;
}

.perfil-investidor-pq-investir-container {
    /* width: 1220px; */
    margin-top: 128px;
}

.perfil-investidor-pq-investir-header .header-title {
    max-width: 461px;
    font-size: 32px;
}

.perfil-investidor-pq-investir-picture.mobile {
    display: none;
}

.perfil-investidor-pq-investir-body {
    margin-top: 48px;
}

.pq-investir-textos {
    width: 558px;
}

.pq-investir-texto {
    color: #47484C;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 24px;
}

.btn-solid {
    background-color: #E1173F;
    border-radius: 24px;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 20px;
    margin: 15px 0;
}

div.btn {
    margin: 20px 0;
}

/* Pq Investir */

/* Conheça Perfis */

.perfil-investidor-conheca-perfis-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    margin-top: 100px;
}

.perfil-investidor-conheca-perfis-container {
    width: 1220px;
}

.perfil-investidor-conheca-perfis-header .header-title {
    font-size: 32px;
}

.perfil-investidor-conheca-perfis-header .header-description {
    margin-top: 24px;
    font-size: 16px;
    color: #47484C;
    font-weight: 500;
}

.perfil-investidor-conheca-perfis-body {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

/* Conheça Perfis */


/* Vale lembrar */

.perfil-investidor-vale-lembrar-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    position: relative;
    margin-bottom: 50px;
}

.perfil-investidor-vale-lembrar-section::after {
    content: '';
    z-index: 1;
    position: absolute;
    bottom: -50px;
    width: 100%;
    height: 161px;
    background: url(/assets/classic/img/portal-investimento/vale-lembrar-background.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.perfil-investidor-vale-lembrar-container {
    width: 1220px;
}

.perfil-investidor-vale-lembrar-body {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

.vale-lembrar-card {
    background-color: #FFFFFF;
    width: 946px;
    height: 197px;
    background-color: #fff;
    border: 1px solid #F0F1F5;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 8px;
    padding: 40px;
    z-index: 2;
}

.vale-lembrar-card .vale-lembrar-card-header {
    font-size: 32px;
}

.vale-lembrar-card .vale-lembrar-card-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vale-lembrar-card .vale-lembrar-textos {
    width: 615px;
    margin-top: 24px;
}

.vale-lembrar-card .vale-lembrar-textos .vale-lembrar-texto {
    font-size: 16px;
    color: #47484C;
    margin-bottom: 24px;
    font-weight: 500;
    line-height: 24px;
}

.vale-lembrar-card .btn-vale-lembrar {
    width: 186px;
    height: 48px;
    background-color: #E1173F;
    border-radius: 24px;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px
}


/* Vale lembrar */

/* Perfil investidor */

/* Guia do investidor */
.main-guia-investidor {
    background-color: #F0F1F5;
}

/* Portabilidade de investimentos */

.guia-investidor-portabilidade-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #F0F1F5;
    padding: 64px 0;
}



.guia-investidor-portabilidade-container {
    width: 1220px;
}

.guia-investidor-portabilidade-header .header-title {
    font-size: 32px;
}

.guia-investidor-portabilidade-header .header-description {
    margin-top: 24px;
    font-size: 16px;
    color: #47484C;
    font-weight: 500;
}

.guia-investidor-portabilidade-body {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.portabilidade-row {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.portabilidade-row-title {
    color: #000;
    font-weight: 600;
    font-size: 20px;
}

.portabilidade-passos {
    display: flex;
    gap: 24px;
}

.portabilidade-passo {
    width: 364px;
    height: 133px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.portabilidade-passo-texto {
    color: #47484C;
    font-size: 14px;
    font-weight: 500;
}

.portabilidade-info {
    color: #47484C;
    font-size: 16px;
    font-weight: 500;
}

.link {
    color: #3B69FF;
    text-decoration: none;
    cursor: pointer;
}

/* Portabilidade de investimentos */

/* Portabilidade de investimentos */

.guia-investidor-regras-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    padding: 64px 0;
}

.guia-investidor-regras-container {
    width: 1220px;
}

.guia-investidor-regras-header .header-title {
    font-size: 32px;
}

.guia-investidor-regras-header .header-description {
    margin-top: 24px;
    font-size: 16px;
    color: #47484C;
    font-weight: 500;
}

.guia-investidor-regras-body {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.guia-investidor-regras-cards-mobile {
    display: none;
}

.regras-parametros-cards {
    display: flex;
    gap: 24px;
}

.regras-parametros-card {
    box-shadow: 0px 2px 8px #00000029;
    border: 1px solid #F0F1F5;
    border-radius: 8px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
    min-width: 558px;
}

.regras-parametros-card-title {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.regras-parametros-card-desc {
    color: #47484C;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.regras-parametros-card-link {
    font-size: 14px;
    font-weight: 500;
    margin-top: 8px;
    cursor: pointer;
}

.ultimas-noticias-link {
    text-decoration: none;
    color: #3B69FF;
}

.acoes-ibovespa-picture {
    display: flex;
    width: 100%;
    height: 100%;
}

/* Portabilidade de investimentos */

/* Guia do investidor */

/* Simulador de investimentos */

/* Primeiros passos */

.simulador-investimentos-primeiro-passo-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-image: url('/assets/classic/img/portal-investimento/perfil-investidor-back.jpg');
    background-image: -webkit-image-set(url('/assets/classic/img/portal-investimento/perfil-investidor-back.webp')1x);
    background-repeat: no-repeat;
    background-position: 75%;
    height: 618px;
}

.simulador-investimentos-primeiro-passo-container {
    width: 1220px;
    margin-top: 128px;
}

.simulador-investimentos-primeiro-passo-header .header-title {
    max-width: 558px;
}

.simulador-investimentos-primeiro-passo-header .header-title {
    font-size: 32px;
}

.simulador-investimentos-primeiro-passo-body {
    margin-top: 48px;
}

.primeiro-passo-textos {
    width: 558px;
}

.primeiro-passo-texto {
    color: #47484C;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 24px;
}

.primeiro-passo-picture.mobile {
    display: none;
}

.btn-primeiro-passo {
    padding: 16px 26px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 24px;
    background-color: #E1173F;
    position: relative;
    left: 154px;
}


/* Primeiros passos */

/* Simulador de investimentos */

/* Previdencia Privada */

.previdencia-faca-portabilidade-section {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.previdencia-faca-portabilidade-container {
    width: 1220px;
}

.previdencia-faca-portabilidade-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.previdencia-faca-portabilidade-header {
    position: relative;
    top: 240px;
    left: 130px;
}

.previdencia-faca-portabilidade-header .header-title {
    font-size: 32px;
}

.previdencia-faca-portabilidade-row {
    gap: 24px;
    display: flex;
    align-items: flex-end;
}

.previdencia-faca-portabilidade-cards {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 40px;
}

.previdencia-faca-portabilidade-card {
    max-width: 364px;
    max-height: 225px;
    background-color: #fff;
    box-shadow: 0px 2px 8px #00000029;
    border: 1px solid #F0F1F5;
    border-radius: 8px;
    padding: 24px 16px;
}

.previdencia-faca-portabilidade-card .previdencia-faca-portabilidade-card-header .header-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.previdencia-faca-portabilidade-card .previdencia-faca-portabilidade-card-body {
    margin-top: 16px;
}

.previdencia-faca-portabilidade-card-info {
    color: #47484C;
    font-size: 14px;
    font-weight: 500;
}

.previdencia-faca-portabilidade-img {
    position: relative;
    top: 104px;
    left: 36px;
}

.btn-previdencia-faca-portabilidade {
    display: block;
    margin: 10px auto 15px;
    border: none;
    background-color: #E1173F;
    padding: 16px 48px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-radius: 24px;
    text-decoration: none;
}

.previdencia-faca-portabilidade-image.desk {
    display: block;
}

.previdencia-faca-portabilidade-image.mobile {
    display: none;
}

.coe-consultar-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
}

.coe-consultar-container {
    width: 1220px;
}

.coe-consultar-body {
    margin-top: 48px;
    max-width: 912px;
    display: block;
    /* margin: 0 auto; */
}

.coe-consultar-body .selects {
    display: flex;
    justify-content: space-between;
}

.coe-consultar-doc-encontrados {
    max-width: 900px;
    display: inline-flex;
    gap: 24px;
}

.coe-consultar-doc-encontrado-resultados .resultado {
    font-size: 16px;
    font-weight: 600;
}

.coe-consultar-doc-encontrado-resultados .link {
    color: #3B69FF;
    font-size: 16px;
    font-weight: 600;
}

.coe-consultar-header .header-title {
    font-size: 32px;
}

.coe-consultar-header .header-description {
    margin-top: 24px;
}

.coe-consultar-header .header-description label {
    font-size: 16px;
    color: #47484C;
    display: flex;
    line-height: 24px;
    font-weight: 500;
}

.coe-consultar-doc-encontrado-info {
    font-size: 13px;
    line-height: 17px;
    margin: 24px 0;
}

.coe-consultar-doc-encontrado-resultados {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.coe-resultados-busca {
    transition: opacity .5s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.coe-resultados-busca.visible {
    opacity: 1;
    height: auto;
}

.info-cotista-resultados-busca {
    transition: opacity .5s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.info-cotista-resultados-busca.visible {
    opacity: 1;
    height: auto;
}

.form-group-autocomplete {
    display: inline-block;
}

.form-autocomplete {
    position: relative;
    padding: 40px 0;
    max-height: 100px;
}

.label-icon {
    position: absolute;
    top: 45px;
    left: 5px;
    cursor: text;
}

.label-icon svg {
    width: 20px;
    height: 20px;
}

.label-autocomplete {
    position: absolute;
    top: 45px;
    left: 30px;
    cursor: text;
    transition: all 0.5s ease-in-out;
    color: #47484C;
}

.btn-show-items {
    position: absolute;
    top: 45px;
    left: 360px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.btn-show-items svg {
    width: 24px;
    height: 24px;
}

.btn-hide-items {
    position: absolute;
    top: 45px;
    left: 360px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: none;
}

.btn-hide-items svg {
    width: 24px;
    height: 24px;
}

.input-autocomplete {
    width: 391px;
    padding: 5px;
    border: 0;
    border-bottom: 2px solid rgb(200, 200, 200);
    outline: 0;
    font-size: 17px;
    transition: all 0.5s ease-in-out;
    padding-left: 28px;
    color: #47484C;
}

.input-autocomplete:focus {
    border-color: #3B69FF;
}

.input-autocomplete:focus~.label-autocomplete {
    transform: translateY(-25px);
    color: #3B69FF;
    font-size: 13px;
}

.input-autocomplete:valid~.label-autocomplete {
    transform: translateY(-25px);
    color: #A7A8AC;
    font-size: 13px;
}

.list {
    list-style: none;
    width: 100%;
    background-color: #fff;
    max-height: 0px;
    padding-left: 0;
    margin: 2px 0 0 0;
    box-shadow: 0px 4px 8px #00000029;
    border-radius: 0.3rem;
    overflow-y: scroll;
    transition: max-height .3s;
}

.list-item {
    cursor: pointer;
    padding: 10px 5px;
}

.list-item:hover {
    background-color: #F0F1F5;
}


/* width */
.list::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.list::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 1rem;
}

/* Handle */
.list::-webkit-scrollbar-thumb {
    background: #5078ff;
    border-radius: 1rem;
}

/* Handle on hover */
.list::-webkit-scrollbar-thumb:hover {
    background: #0f47ff;
}

/* AutoComplete */


.info-cotista-documentos-fundos-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
}

.info-cotista-documentos-fundos-container {
    width: 1220px;
}

.info-cotista-documentos-fundos-body {
    max-width: 912px;
    display: block;
    margin: 0 auto;
}

.info-cotista-documentos-fundos-body .selects {
    display: flex;
    justify-content: space-between;
}

.info-cotista-documentos-fundos-header .header-title {
    font-size: 32px;
}

.info-cotista-documentos-fundos-header .header-description {
    margin-top: 24px;
}

.info-cotista-documentos-fundos-header .header-description label {
    font-size: 16px;
    color: #47484C;
    display: flex;
    line-height: 24px;
    font-weight: 500;
}

.info-cotista-doc-encontrados {
    max-width: 900px;
    display: inline-flex;
    gap: 24px;
}

.info-cotista-doc-encontrado-info {
    font-size: 13px;
    line-height: 17px;
    margin: 24px 0;
}

.info-cotista-doc-encontrado-resultados {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.info-cotista-doc-encontrado-resultados .resultado {
    font-size: 16px;
    font-weight: 600;
}

.info-cotista-doc-encontrado-resultados .link {
    color: #3B69FF;
    font-size: 16px;
    font-weight: 600;
}

.consulte-especialistas-section {
    height: 490px;
    background-color: #F0F1F5;
    display: flex;
    margin-top: 168px;
}

#consulte-especialistas-grafismo {
    width: 416px;
    height: 618px;
    position: relative;
    top: -60px;
    background-image: url('/assets/classic/img/portal-investimento/agendar-grafism.webp');
    background-repeat: no-repeat;
}

.consulte-especialistas-container {
    width: 558px;
    margin: 55px 0 0 200px;
}


.consulte-especialistas-header p {
    margin: 8px 0 24px 0;
    font-size: 22px;
    font-weight: 700;
    width: 461px;
}

.consulte-especialistas-body #ligue {
    font-weight: 700;
    padding: 12px 0 24px;
    margin-top: 40px;
}

.consulte-especialistas-body #telefones {
    display: flex;
    margin-bottom: 24px;
    gap: 10%;
}

.consulte-especialistas-body #telefones p {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 8px 5px;
    font-weight: 700;
}

.consulte-especialistas-body #telefones label {
    font-size: 13px;
    font-weight: 700;
    line-height: 17px;
}

.consulte-especialistas-body .consulte-especialistas-hours {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 40px;
}

.consulte-especialistas-body #telefones .phone {
    display: flex;
}

.consulte-especialistas-body #telefones .phone .phone-img {
    width: 15px;
    height: 15px;
}

.consulte-especialistas-body a {
    display: flex;
    width: auto;
    text-decoration: none;
}

.hora-marcada {
    display: flex;
    gap: 48px;
    margin-top: 48px;
}

.hora-marcada-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hora-marcada-title {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.hora-marcada-desc {
    font-size: 14px;
    color: #47484C;
}

.hora-marcada-link {
    font-size: 14px;
    color: #3B69FF;
    font-weight: 600;
    text-decoration: none;
    margin-top: 8px;
}

.consulte-especialistas-mobile {
    display: none;
}

.consulte-especialistas-contents {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.consulte-especialistas-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.consulte-especialistas-content-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.consulte-especialistas-content-desc {
    color: #47484C;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
}

.consulte-especialistas-content-desc strong {
    color: #000;
}

.consulte-especialistas-content-link {
    color: #3B69FF;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
}

.consulte-especialistas-content-img {
    width: 16px;
    height: 16px;
}

.consulte-especialistas-mobile-information {
    color: #47484C;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
}

/* É correntista */

.fixed-correntista {
    position: fixed;
    display: flex;
    flex-wrap: wrap-reverse;
    flex-direction: row-reverse;
    bottom: 0;
    right: 0;
    z-index: 1000;
}

.correntista-box {
    width: 72px;
    height: 72px;
    position: absolute;
    background-color: #3B69FF;
    transition: all .4s ease-in-out;
    bottom: 25px;
    right: 25px;
    border-radius: 3rem;
    padding: 16px;
}

.correntista-icon {
    position: absolute;
    top: 16px;
    right: 16px;
}

.correntista-box .correntista-texto {
    position: absolute;
    top: 16px;
    right: 80px;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    width: 189px;
    visibility: hidden;
    transition: visibility .3s ease-in;
    padding-left: 16px;
}

.correntista-texto a {
    color: #fff;
}

.correntista-box:hover {
    width: 285px;
}

.correntista-box:hover>.correntista-texto {
    visibility: visible;
}

.badge-title {
    width: fit-content;
    padding: 4px 8px;
    border-radius: 15px;
    font-size: 13px;
    color: #f4f4f4;
    background-image: linear-gradient(to right, #CC092F, #B81570);
    font-weight: 500;
    margin-top: 24px;
}

.detalhe-documentos-importantes-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 64px 0 0 0;
}

.detalhe-documentos-importantes-container {
    width: 80vw;
    max-width: 1220px;
}

.detalhe-documentos-importantes-body {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    margin-top: 48px;
}

.detalhe-documentos-importantes-header .header-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
}

.detalhe-info-cotista-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    position: relative;
    margin-bottom: 164px;
}

.detalhe-info-cotista-section::after {
    content: '';
    position: absolute;
    top: -100px;
    width: 100%;
    height: 335px;
    background-color: #F0F1F5;
    z-index: 1;
}

.detalhe-info-cotista-container {
    width: 80vw;
    max-width: 1220px;
    z-index: 2;
}

.detalhe-info-cotista-body {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

.detalhe-info-cotista-card {
    background-color: #fff;
    border: 1px solid #F0F1F5;
    box-shadow: 0px 2px 8px #00000029;
    border-radius: 8px;
    padding: 24px;
    width: 100%;
    max-width: 976px;
}

.detalhe-info-cotista-card .detalhe-info-cotista-card-header {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.detalhe-info-cotista-card .detalhe-info-cotista-card-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.detalhe-info-cotista-card .detalhe-info-cotista-textos {
    max-width: 632px;
    margin-top: 24px;
}

.detalhe-info-cotista-card .detalhe-info-cotista-textos .detalhe-info-cotista-texto {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.detalhe-info-cotista-card .btn-detalhe-info-cotista {
    background-color: #E1173F;
    border-radius: 24px;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 16px 48px;
    text-decoration: none;
}

.detalhe-caracteristica-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    margin-top: 100px;
}

.detalhe-caracteristica-section::before {
    content: '';
    position: absolute;
    left: 0;
    width: 126px;
    height: 379px;
    background-image: url('/assets/classic/svg/portal-investimento/grafismo-detalhe-fundo-esquerda.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.detalhe-caracteristica-container {
    width: 80vw;
    max-width: 1220px;
}

.detalhe-caracteristica-header .header-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
}

.detalhe-caracteristica-header .header-description {
    font-size: 16px;
    color: #47484C;
    line-height: 24px;
    font-weight: 500;
    margin-top: 24px;
}

.detalhe-caracteristica-body {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.panel-detalhes-body {
    padding: 16px 24px;
}

.detalhes-itens {
    display: flex;
    flex-wrap: wrap;
    gap: 24px
}

.detalhes-itens .item {
    display: flex;
    flex-direction: column;
}

.detalhes-itens .item .item-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #47484C;
    position: relative;
    display: flex;
    gap: 8px;
}

.detalhes-itens .item .item-value {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #000;
    width: 267px;
}

.btn-detalhe-fundos {
    background-color: none;
    border: none;
    color: #3B69FF;
    font-weight: 600;
    padding: 0;
}

.tooltip-detalhe-fundo.taxa-dist {
    color: #fff;
    background-color: #3B69FF;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    margin: 2px 0 0 0;
}

.tooltip-detalhe-fundo.taxa-dist:hover~#tooltip-taxa-dist {
    display: block !important;
}

.tooltip-detalhe-fundo-body.taxa-dist {
    min-width: 297px;
    top: -98px;
    left: 84px;
}

.tooltip-detalhe-fundo-body.aplicacao {
    min-width: 273px;
    top: -80px;
    left: 39px;
}

.tooltip-detalhe-fundo-body.cotizacao-aplicacao {
    min-width: 290px;
    top: -80px;
    left: 23px;
}

.tooltip-detalhe-fundo-body.liquidacao-resgate {
    min-width: 273px;
    top: -80px;
    left: 25px;
}

.tooltip-detalhe-fundo-body.cotizacao-resgate {
    min-width: 285px;
    top: -80px;
    left: 12px;
}

.tooltip-detalhe-fundo-body.barreira-resgate {
    min-width: 295px;
    top: -100px;
    left: 14px;
}

.tooltip-detalhe-fundo-body {
    position: absolute;
    display: none;

    color: #fff;
    background-color: #3B69FF;
    padding: 16px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    z-index: 10;
}

.tooltip-detalhe-fundo-body::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -7px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    background: #3B69FF 0% 0% no-repeat padding-box;
}

.accordions .accordion-box.active .accordion-panel {
    overflow: unset;
}



.informacoes-caracteristica-fundo {
    max-width: 976px;
    margin-top: 24px;
}

.informacoes-caracteristica-fundo p {
    color: #47484C;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 24px;
}

.detalhe-historico-retorno-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    margin-top: 32px;
    position: relative;
}

.detalhe-historico-retorno-section::before {
    content: '';
    position: absolute;
    right: 0;
    width: 126px;
    height: 379px;
    background-image: url('/assets/classic/svg/portal-investimento/grafismo-detalhe-fundo.svg');
    background-size: contain;
}

.detalhe-historico-retorno-container {
    width: 80vw;
    max-width: 1220px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.detalhe-historico-retorno-header {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.detalhe-historico-retorno-header .header-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 36px;
}

.detalhe-historico-retorno-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.detalhe-historico-retorno-description {
    display: flex;
    justify-content: space-between;
}

.detalhe-historico-retorno-description .detalhe-historico-retorno-information {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.detalhe-historico-retorno-description .information-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.detalhe-historico-retorno-description .information-rows {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.detalhe-historico-retorno-description .information-rows .information-row {
    display: flex;
    justify-content: space-between;
}

.detalhe-historico-retorno-description .information-rows .information-row .information-row-title {
    width: 50%;
    color: #47484C;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
}

.detalhe-historico-retorno-description .information-rows .information-row .information-row-text {
    width: 50%;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: end;
}

.detalhe-historico-retorno-description .information-link {
    color: #3B69FF;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-decoration: none;
}

.btn-grafico-historico-type {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #3B69FF;
    color: #3B69FF;
    font-size: 13px;
    line-height: 22px;
    font-weight: 700;
}

.btn-grafico-historico-type.actived {
    background-color: #3B69FF;
    color: #fff;
}

.rentabilidade {
    border: 1px solid #D9DCDD;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 13px;
    color: #000;
    display: inline-block;
    margin: 0 20px;
}

.rentabilidade span:before {
    content: '';
    background: #576DB5;
    width: 8px;
    height: 9px;
    border-radius: 50px;
    display: inline-block;
    margin: 0 5px;
}

.grafico-mobile {
    display: none;
}

.table-retorno-mensal {
    width: 100%;
}

.table-retorno-mensal td {
    padding: 8px;
    text-align: center;
}

.table-retorno-mensal tbody tr:first-child {
    background-color: #F0F1F5;
}

.table-retorno-mensal tbody tr:last-child {
    background-color: #F0F1F5;
}

.table-retorno-mensal th {
    padding: 12px 24px;
    text-align: left;
    background-color: transparent;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
}

.table-retorno-mensal .title {
    padding: 12px 24px;
    text-align: left;
    background-color: transparent;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
}

.detalhe-historico-retorno-body .accordions {
    width: 100%;
}

.detalhe-historico-retorno-body .accordions .accordion-panel {
    background-color: #fff;
}

/* Últimas notícias */

.nav-container {
    z-index: 2;
}

/* Boletim Diário */

.card .card-link {
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    height: 100%;
    justify-content: end;
}

.card-artigo-group {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.banner-button.agora {
    text-decoration: none;
}

.btn-agora-experiencia-completa a {
    text-decoration: none;
    color: #fff;
}

.vantagem-investir-header .header-title label br {
    display: none;
}

.card-text-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.modal-regras-rentabilidade-container {
    display: flex;
    flex-direction: column;
    padding: 0 56px 56px 56px;
    gap: 16px;
}

.modal-regras-rentabilidade-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.modal-regras-rentabilidade-title {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.modal-regras-rentabilidade-description {
    font-size: 16px;
    line-height: 24px;
}

.modal-regras-rentabilidade-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 22px;
}

.modal-regras-rentabilidade-item::before {
    content: '';
    display: flex;
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background-color: #CC092F;
}

.card-text-group .card-description {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.card-text-group .card-description label {
    width: 90%;
    cursor: pointer;
}

/* Tela de Filtros - Indexadores */

.card-nossos-investimentos-description {
    color: #47484C;
    font-size: 14px;
    line-height: 22px;
    padding: 0;
}

.correntista-box {
    display: none;
}

.correntista-box,
.pagina-especialista {
    display: flex;
}

.tooltip-tipos.liquidez {
    position: relative;
}

#tooltip-liquidez {
    color: #fff;
    background-color: #3B69FF;
    padding: 16px;
    border-radius: 4px;
    width: 269px;
    height: 48px;
    font-size: 13px;
    position: absolute;
    left: -70px;
    top: -55px;
    margin-bottom: -48px;
    display: none;
    z-index: 3;
}

.tooltip-tipos.liquidez:hover>#tooltip-liquidez {
    display: block;
}

.tooltip-tipos.remuneracao {
    position: relative;
}

#tooltip-remuneracao {
    color: #fff;
    background-color: #3B69FF;
    padding: 16px;
    border-radius: 4px;
    width: 273px;
    height: 76px;
    font-size: 13px;
    position: absolute;
    left: -220px;
    top: -84px;
    margin-bottom: -76px;
    display: none;
    z-index: 3;
}

.tooltip-tipos.risco:hover>#tooltip-risco {
    display: block;
}

.tooltip-tipos.risco {
    position: relative;
}

#tooltip-risco {
    color: #fff;
    background-color: #3B69FF;
    padding: 16px;
    border-radius: 4px;
    width: 263px;
    height: 84px;
    font-size: 12px;
    position: absolute;
    left: -160px;
    top: -90px;
    margin-bottom: -84px;
    display: none;
    z-index: 3;
}

.accordion-box .tooltip-tipos {
    color: #fff;
    background-color: #3B69FF;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    align-items: center;
    position: relative;
    margin-bottom: -20px;
    z-index: 2;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* tool liquidacao */

#tooltip-liquidacao {
    color: #fff;
    background-color: #3B69FF;
    padding: 16px;
    border-radius: 4px;
    width: 263px;
    height: 84px;
    font-size: 13px;
    position: absolute;
    left: -122px;
    top: -100px;
    margin-bottom: -84px;
    display: none;
    z-index: 3;
    text-align: left;
}

#tooltip-liquidacao::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -7px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    background: #3B69FF 0% 0% no-repeat padding-box;
}

.tooltip-tipos.liquidacao:hover>#tooltip-liquidacao {
    display: block;
}

.tooltip-tipos.liquidacao {
    position: relative;
}

/* tool cotizacao */

#tooltip-cotizacao {
    color: #fff;
    background-color: #3B69FF;
    padding: 10px;
    border-radius: 4px;
    width: 303px;
    height: 90px;
    font-size: 13px;
    position: absolute;
    left: -142px;
    top: -106px;
    margin-bottom: -84px;
    display: none;
    z-index: 3;
    text-align: left;
}

#tooltip-cotizacao::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -7px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    background: #3B69FF 0% 0% no-repeat padding-box;
}

.tooltip-tipos.cotizacao:hover>#tooltip-cotizacao {
    display: block;
}

.tooltip-tipos.cotizacao {
    position: relative;
}

/* tool barreira */

#tooltip-barreira {
    color: #fff;
    background-color: #3B69FF;
    padding: 10px;
    border-radius: 4px;
    width: 303px;
    height: 70px;
    font-size: 13px;
    position: absolute;
    left: -142px;
    top: -86px;
    margin-bottom: -84px;
    display: none;
    z-index: 3;
    text-align: left;
}

#tooltip-barreira::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -7px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    background: #3B69FF 0% 0% no-repeat padding-box;
}

.tooltip-tipos.barreira:hover>#tooltip-barreira {
    display: block;
}

.tooltip-tipos.barreira {
    position: relative;
}



/* tool liquida-resgate */

#tooltip-liquida-resgate {
    color: #fff;
    background-color: #3B69FF;
    padding: 10px;
    border-radius: 4px;
    width: 303px;
    height: 70px;
    font-size: 13px;
    position: absolute;
    left: -142px;
    top: -86px;
    margin-bottom: -84px;
    display: none;
    z-index: 3;
    text-align: left;
}

#tooltip-liquida-resgate::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -7px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    background: #3B69FF 0% 0% no-repeat padding-box;
}

.tooltip-tipos.liquida-resgate:hover>#tooltip-liquida-resgate {
    display: block;
}

.tooltip-tipos.liquida-resgate {
    position: relative;
}

/* tool resgate */

#tooltip-resgate {
    color: #fff;
    background-color: #3B69FF;
    padding: 10px;
    border-radius: 4px;
    width: 303px;
    height: 70px;
    font-size: 13px;
    position: absolute;
    left: -142px;
    top: -86px;
    margin-bottom: -84px;
    display: none;
    z-index: 3;
    text-align: left;
}

#tooltip-resgate::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -7px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    background: #3B69FF 0% 0% no-repeat padding-box;
}

.tooltip-tipos.resgate:hover>#tooltip-resgate {
    display: block;
}

.tooltip-tipos.resgate {
    position: relative;
}

.tooltip-tipos.remuneracao:hover>#tooltip-remuneracao {
    display: block;
}

.banner-button .lci {
    display: none;
}

.link-tributacao {
    border: none;
    background: none;
}

.banner-button.lca {
    display: none;
}

.banner-button.lci {
    display: none;
}

.banner-button.invest {
    display: none;
}

.scroll-indicator {
    display: none;
    margin: 20px 0 0 0;
    position: absolute;
    right: 11px;
    width: 60%;
    height: 8px;
    background-color: #ccc;
    border-radius: 4px;
    overflow: hidden;
}

.scroll-bar {
    width: 65px;
    height: 100%;
    background: linear-gradient(270deg, #cc092f 40%, #b81570 90%);
    border-radius: 4px;
    position: relative;
    transition: left 0.1s;
}

.detalhe-historico-retorno-body .panel-detalhes-body {
    background-color: #fff;
}

.panel-detalhes-body {
    background-color: #F0F1F5;
    font-size: 14px;
}

.table-fixed {
    width: 100%;
}

.coluna {
    border-radius: 10px;
}

.coluna:nth-child(odd) {
    background-color: #fff;
}

.texto-mobile {
    padding: 10px 20px;
    font-weight: 600;
}

.resultado-mobile {
    text-align: center;
}

.titulo-mobile {
    text-align: center;
    padding: 20px 0;
    font-weight: 700;
}

#pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px;
    margin-top: 20px;
    width: 92%;
}

#pagination span {
    margin-right: 15px;
    color: #666;
}

.pagination-btn {
    background-color: #007bff;
    border: 1px solid #007bff;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    margin: 0 5px;
    cursor: pointer;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease;
}

.pagination-btn:hover {
    background-color: #e0e0e0;
    border: 1px solid #cccccc;
    color: #fff;
}

.pagination-btn.disabled {
    background-color: #fff;
    border: 1px solid #eee;
    color: #eee;
    pointer-events: none;
    cursor: not-allowed;
}

#nextPage,
#prevPage {
    font-size: 20px;
}

.pagination-btn svg {
    width: 15px;
    height: 15px;
}

.pagination-btn.active {
    background-color: #007bff;
    color: #ffffff;
    border: none;
}

.pagination-btn.active:hover {
    background-color: #0056b3;
}

#pagination .pagination-icon {
    width: 16px;
    height: 16px;
    fill: #007bff;
}

#pagination .pagination-icon.disabled {
    fill: #cccccc;
}

.iframe-cotista {
    width: 60%;
    margin: 0 auto;
    margin-top: 60px;
    text-align: center;
}

.home-investimentos .grafismo-mobile {
    display: none;
}

@media (max-width: 1500px) {
    .banner-text.simulador-investimentos {
        padding: 25vw 0 0 10vw;
    }
}

@media (max-width: 1380px) {
    .vantagem-investir-section {
        padding: 0 24px;
    }

    .vantagem-investir-container {
        width: 100%;
        padding: 0;
    }

    .card-vantagem.item {
        width: 232px;
    }

    .rf-produtos-section {
        margin-top: 0;
        flex-direction: row;
    }

    .rf-produtos-container {
        padding: 24px 24px;
    }

    .tbm-renda-fixa-section {
        margin-top: 0;
        flex-direction: row;
    }

    .tbm-renda-fixa-container {
        padding: 24px;
    }

    .cdb-tipos-section {
        margin: 0;
    }

    .cdb-tipos-container {
        width: 100%;
        padding: 24px;
    }

    .lca-tipos-section {
        margin: 0;
    }

    .lca-tipos-container {
        width: 100%;
        padding: 24px;
    }

    .lci-tipos-section {
        margin: 0;
    }

    .lci-tipos-container {
        width: 100%;
        padding: 24px;
    }

    .lig-tipos-section {
        margin: 0;
    }

    .lig-tipos-container {
        width: 100%;
        padding: 24px;
    }

    .carousel-tipos .owl-stage-outer {
        overflow: visible;
    }

    .carousel-fundos-investimentos-tipos .owl-stage-outer {
        overflow: visible;
    }

    .carousel-previdencia-tipos .owl-stage-outer {
        overflow: visible;
    }

    .carousel-nossos-investimentos .owl-stage-outer {
        overflow: visible;
    }

    .carousel-regras .owl-stage-outer {
        overflow: visible;
    }


    .produtos-cards {
        width: 100%;
    }

    .footer-tipos {
        height: auto;
        min-height: 180px;
    }

    .footer-tipos-text {
        font-size: 13px;
        line-height: 18px;
        padding-left: 0;
        font-weight: 500;
    }

    .lig-tipos-body .footer-tipos-documentos {
        padding-left: 0;
    }

    .footer-tipos .btn-footer-tipos {
        margin: 32px auto;
    }

    .cdb-perguntas-frequentes-container {
        width: 100%;
    }

    .cdb-perguntas-frequentes-header {
        padding-left: 24px;
    }

    .lca-perguntas-frequentes-container {
        width: 100%;
    }

    .lca-perguntas-frequentes-header {
        padding-left: 24px;
    }

    .lci-perguntas-frequentes-container {
        width: 100%;
    }

    .lci-perguntas-frequentes-header {
        padding-left: 24px;
    }

    .lig-perguntas-frequentes-container {
        width: 100%;
    }

    .lig-perguntas-frequentes-header {
        padding-left: 24px;
    }

    .pp-perguntas-frequentes-container {
        width: 100%;
    }

    .pp-perguntas-frequentes-header {
        padding-left: 24px;
    }

    .fi-perguntas-frequentes-container {
        width: 100%;
    }

    .fi-perguntas-frequentes-header {
        padding-left: 24px;
    }

    .invest-facil-perguntas-frequentes-container {
        width: 100%;
    }

    .invest-facil-perguntas-frequentes-header {
        padding-left: 24px;
    }

    .poupa-troco-perguntas-frequentes-container {
        width: 100%;
    }

    .poupa-troco-perguntas-frequentes-header {
        padding-left: 24px;
    }

    .pp-como-funciona-section {
        display: block;
        margin-top: 64px;
    }

    .pp-como-funciona-container {
        padding: 0 24px;
        width: 100%;
    }

    .pp-como-funciona-container .pp-como-funciona-body {
        display: block;
    }

    .pp-como-funciona-container .pp-como-funciona-body .como-funciona-card {
        width: auto;
        height: auto;
    }

    .pp-como-funciona-container .pp-como-funciona-body .como-funciona-card .como-funciona-card-body {
        padding: 24px;
    }

    .pp-como-funciona-container .pp-como-funciona-body .como-funciona-card .como-funciona-card-body .como-funciona-texto {
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        margin-bottom: 24px;
    }

    .pp-como-funciona-container .pp-como-funciona-body .como-funciona-card .como-funciona-card-body .como-funciona-texto.last {
        margin-top: 48px;
    }

    .pp-como-funciona-container .pp-como-funciona-body .como-funciona-card .como-funciona-card-body .como-funciona-informacoes {
        width: auto;
        height: auto;
        margin: 0;
    }

    .pp-como-funciona-container .pp-como-funciona-body .como-funciona-card .como-funciona-card-body .como-funciona-informacoes .como-funciona-col {
        display: flex;
        flex-direction: column;
    }

    .pp-como-aplicar-section {
        display: block;
        margin-top: 64px;
    }

    .pp-como-aplicar-container {
        padding: 0 24px;
        width: 100%;
    }

    .pp-como-aplicar-container .pp-como-aplicar-body {
        display: block;
    }

    .pp-como-aplicar-container .pp-como-aplicar-body .como-aplicar-card {
        width: auto;
        height: auto;
        box-shadow: none;
        border: none;
        padding: 0;
    }

    .pp-como-aplicar-container .pp-como-aplicar-body .como-aplicar-card .como-aplicar-card-header {
        font-size: 24px;
    }

    .pp-como-aplicar-container .pp-como-aplicar-body .como-aplicar-card .como-aplicar-card-header {
        font-size: 24px;
    }

    .pp-como-aplicar-container .pp-como-aplicar-body .como-aplicar-card .como-aplicar-card-body {
        display: block;
    }

    .pp-como-aplicar-container .pp-como-aplicar-body .como-aplicar-card .como-aplicar-card-body .como-aplicar-textos {
        width: auto;
        height: auto;
    }

    .pp-como-aplicar-container .pp-como-aplicar-body .como-aplicar-card .como-aplicar-card-body .btn-como-aplicar {
        min-width: 100%;
        max-height: 48px;
    }

    .fi-tipos-section {
        display: block;
        margin-top: 64px;
    }

    .fi-tipos-container {
        padding: 0 24px;
        width: 100%;
    }

    .fi-tipos-container .fi-tipos-body {
        display: block;
    }

    .fi-tributacao-section {
        display: block;
        margin-top: 64px;
    }

    .fi-tributacao-container {
        padding: 0 24px;
        width: 100%;
    }

    .fi-tributacao-container .fi-tributacao-body {
        display: block;
    }

    .fi-taxas-section {
        background-color: #F0F1F5;
        display: block;
        height: 100%;
        padding: 24px 0;
        margin-top: 64px;
    }

    .fi-taxas-container {
        padding: 0 24px;
        width: 100%;
        height: 100%;
    }

    .fi-taxas-container .fi-taxas-body {
        display: block;
    }

    .fi-taxas-container .fi-taxas-body .card-taxas {
        width: auto;
        height: auto;
        margin: 24px 16px;
    }

    .fi-taxas-container .fi-taxas-body .card-taxas .card-taxas-information {
        line-height: 18px;
    }

    .agora-experiencia-completa-section {
        /* background: none; */
        width: 100%;
        height: 100%;
        display: block;
        margin-top: 64px;
    }

    .agora-experiencia-completa-container {
        padding: 0 24px;
        width: 100%;
    }

    .agora-experiencia-completa-container .agora-experiencia-completa-body {
        gap: 64px;
    }

    .agora-experiencia-completa-body .agora-experiencia-completa-conheca {
        gap: 48px;
        flex-direction: column;
        margin: 80px 0 25px;
    }

    .prev-vida-previdencia-section {
        background: none;
        width: 100%;
        height: 100%;
        display: block;
        margin-top: 64px;
    }

    .prev-vida-previdencia-container {
        padding: 0 24px;
        width: 100%;
    }

    .prev-vida-previdencia-container .prev-vida-previdencia-body {
        display: block;
        margin-top: 0;
    }

    .prev-tipos-section {
        width: 100%;
        height: 100%;
        margin-top: 64px;
    }

    .prev-tipos-container {
        padding: 24px 24px;
        width: 100%;
    }

    .prev-tipos-background {
        top: 320px;
    }

    .card-prev {
        width: 275px;
        min-height: 540px;
    }

    .prev-tipos-title-part-1 .alert {
        font-weight: 600;
        font-size: 20px;
    }

    .prev-tipos-title-part-2 .alert {
        font-weight: 600;
        font-size: 20px;
    }

    .perfil-investidor-conheca-perfis-section {
        padding: 64px 24px;
        margin-top: 0
    }

    .perfil-investidor-conheca-perfis-container {
        width: 100%;
        margin-top: 0;
    }
}

@media (max-width: 1366px) {
    .tpa-phone {
        width: 60%;
    }

    .aprenda-investir-section .aprenda-investir-grafismo {
        display: none;
    }

    .app-agora-grafismo {
        width: 557px;
    }

    .app-bradesco.agora {
        width: 672px;
        top: 190px;
    }

    .todo-pelo-app-device-imagens {
        height: 650px;
    }

    .todo-pelo-app-body .images a:first-child {
        width: 41vw;
    }
}

@media (max-width: 1300px) {
    .detalhe-historico-retorno-body .panel-detalhes-body {
        background-color: #F0F1F5;
    }

    .detalhe-info-cotista-section::after {
        display: none;
    }

    .detalhe-documentos-importantes-section {
        background-color: #F0F1F5;
    }

    .detalhe-info-cotista-section {
        background-color: #F0F1F5;
    }

    .mm-page.mm-slideout .clearfix .menu__lateral {
        margin: 0 0 0 4vw !important;
    }

    .mm-page.mm-slideout .clearfix .menu__lateral .logo {
        left: -20px;
        bottom: 20px;
    }

    #wrapper .mainHeader .busca.theme-classic {
        right: 20px !important;
    }

    .assessoria-section .assessoria-container {
        width: 50%;
    }
}

@media (max-width: 1250px) {

    .scroll-indicator {
        display: block;
    }

    .app-agora-grafismo {
        width: 457px;
    }

    .app-bradesco.agora {
        width: 572px;
        top: 170px;
    }

    .todo-pelo-app-device-imagens {
        width: 50%;
    }

    .todo-pelo-app-body .images a:first-child {
        width: 50%;
    }

    .banner-text.perfil-investidor {
        padding: 22vw 0 0 10vw;
    }

    .home-produtos-section {
        display: block;
        position: static;
    }

    .home-produtos-container {
        border: none;
        box-shadow: none;
        margin: 0 auto;
        padding: 44px 44px 0;
        width: auto;
    }

    .rf-como-funciona-container {
        width: 90%;
    }

    .btn-card-fundo-investimentos {
        margin-top: 40px;
        margin-left: 0;
    }

    .perfil-investidor-pq-investir-section {
        background-image: none;
        height: auto;
        padding: 48px 24px;
    }

    .perfil-investidor-pq-investir-section-pj {
        background-image: none;
        height: auto;
        padding: 48px 24px;
    }

    .perfil-investidor-pq-investir-container {
        width: auto;
        margin-top: 0;
    }

    .perfil-investidor-pq-investir-container .pq-investir-textos {
        width: auto;
    }

    .simulador-investimentos-primeiro-passo-section {
        background-image: none;
        background-color: #F0F1F5;
        height: auto;
        padding: 48px 24px;
    }

    .simulador-investimentos-primeiro-passo-header .header-title {
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
    }

    .simulador-investimentos-primeiro-passo-container {
        width: auto;
        margin-top: 0;
    }

    .primeiro-passo-textos {
        width: auto;
    }

    .primeiro-passo-textos .primeiro-passo-texto {
        font-size: 14px;
        line-height: 18px;
    }

    .btn-primeiro-passo {
        width: auto;
        display: block;
        margin: 0 auto;
        position: static;
    }

    .primeiro-passo-textos .primeiro-passo-picture.mobile .primeiro-passo-img {
        width: 312px;
        margin: 24px auto;
        display: block;
    }

}

@media (max-width: 1225px) {

    .home-produtos-section {
        align-items: start;
        padding: 44px 0;
    }

    .card-principal-container {
        width: 90%;
    }

    .card-principal-info.fundo-investimentos label {
        width: auto;
    }

    .card-principal-info.fundo-investimentos {
        gap: 0;
        align-items: normal;
        flex-direction: column;
    }

    main .nossos-investimentos-section {
        align-items: start;
        padding: 44px 0;
    }

    .nossos-investimentos-bg .nossos-investimento-container {
        padding: 0 44px;
        width: auto;
    }

    main .aprenda-investir-section {
        margin: 0;
        padding: 44px 0 100px;
    }

    .aprenda-investir-section .aprenda-investir-container {
        padding: 0 44px;
    }

    main .sugestoes-section {
        align-items: start;
        margin: 0;
        padding: 44px 0;
    }

    .sugestoes-section .sugestao-container {
        width: 100%;
        box-shadow: none;
        border: none;
        padding: 0 44px;
    }

    main .vc-mais-confiante-section {
        align-items: start;
        margin: 0;
    }

    .vc-mais-confiante-section .vc-mais-confiante-container {
        padding: 0 24px;
    }

    .banner-grafismo-esquerda {
        display: none;
    }

    .banner-grafismo-direita {
        display: none;
    }

    .abra-sua-conta-section {
        display: none;
    }

    .correntista-box {
        display: none;
    }

    .guia-investidor-portabilidade-section {
        padding: 24px;
    }

    .guia-investidor-portabilidade-container {
        width: 100%;
    }

    .guia-investidor-regras-section {
        padding: 64px 24px;
    }

    .guia-investidor-regras-container {
        width: 100%;
    }

    .regras-parametros-card {
        width: 50%;
        min-width: auto;
    }

    .regras-parametros-card.linha {
        width: 100%;
    }


    .invest-facil-caracteristicas-section {
        padding: 24px;
        height: auto;
    }

    .invest-facil-caracteristicas-container {
        width: 100%;
    }

    .poupa-troco-como-cadastrar-section {
        padding: 24px;
    }

    .poupa-troco-como-cadastrar-container {
        width: 100%;
        padding: 0;
    }

    .poupa-troco-como-funciona-section {
        padding: 24px;
        height: auto;
    }

    .poupa-troco-como-funciona-container {
        width: 100%;
    }

    .poupa-troco-bom-saber-section {
        padding: 24px;
        height: auto;
    }

    .poupa-troco-bom-saber-container {
        width: 100%;
    }

    .coe-consultar-section {
        padding: 24px;
    }

    .coe-consultar-container {
        width: 100%;
    }

    .info-cotista-documentos-fundos-section {
        padding: 24px;
    }

    .info-cotista-documentos-fundos-container {
        width: 100%;
    }

    .input-autocomplete {
        width: 312px;
    }

    .btn-show-items {
        left: 275px;
    }

    .btn-hide-items {
        left: 275px;
    }

    .info-cotista-adm-fudiciaria-section {
        margin: 0;
        padding: 32px 24px;
    }

    .info-cotista-adm-fudiciaria-container {
        width: 100%;
    }

    .info-cotista-assembleia-digital-section {
        margin: 0;
        padding: 32px 24px;
    }

    .info-cotista-assembleia-digital-container {
        width: 100%;
    }

    .info-cotista-assembleia-digital-body {
        margin: 0;
    }

    .info-cotista-documentos-section {
        margin: 0;
        padding: 0;
    }

    .info-cotista-documentos-container {
        width: 100%;
    }

    .info-cotista-documentos-body {
        margin: 0;
    }

    .agora-vantagens-section {
        width: 100%;
        display: block;
        margin-top: 64px;
    }

    .agora-vantagens-container {
        padding: 24px 24px;
        width: 100%;
        margin: 0;
    }

    .agora-vantagens-container .agora-vantagens-body {
        display: block;
        margin-top: 0;
    }

    .agora-vantagens-cards .agora-vantagens-card {
        margin: 24px 0 0 0;
        max-width: 312px;
    }

    .detalhe-documentos-importantes-section {
        padding: 24px;
    }

    .detalhe-documentos-importantes-container {
        width: 100%;
    }

    .agora-vantagens-cards .agora-vantagens-card {
        margin: 24px 0 0 0;
        max-width: 312px;
    }

    .detalhe-info-cotista-section {
        padding: 0 24px;
    }

    .detalhe-info-cotista-container {
        width: 100%;
    }

    .detalhe-caracteristica-section {
        padding: 64px 24px;
        margin: unset;
    }

    .detalhe-caracteristica-container {
        width: 100%;
    }
}

@media (max-width: 1150px) {

    .todo-pelo-app-body .images a:first-child {
        margin-left: 50px;
    }

    .banner-text.poupa-troco {
        padding: 26vw 0 0 10vw;
    }

    .banner-text.previdencia-privada {
        padding: 20vw 0 0 10vw;
    }

    .aprenda-investir-section .aprenda-investir-container {
        width: auto;
    }

    .nav-container .nav-body {
        gap: 20px;
    }

    .nav-dropdown .produtos-dropdown {
        left: -21px;
    }

    .nav-dropdown .guia-dropdown {
        left: 122px;
    }

    .nav-dropdown .servicos-dropdown {
        left: 28px;
    }

    main .aprenda-investir-section {
        align-items: start;
    }

    .aprenda-investir-body .aprenda-investir-card {
        background-color: unset;
    }

    .aprenda-investir-section #passo-3 .img-passo {
        background-position: center;
    }

    main .assessoria-section {
        position: relative;
    }

    .assessoria-grafismo-direita {
        display: none;
    }

    .assessoria-section .assessoria-container {
        width: 60%;
    }

    .assessoria-section #assessoria-grafismo {
        background-size: contain;
        width: 300px;
        height: 400px;
    }

    .tpa-phone img {
        width: 100%;
        padding-bottom: 50px;
    }

    .todo-pelo-app-grafismo {
        display: none;
    }

    .disclaimer-section .disclaimer-container {
        width: unset;
    }

    .disclaimer-section .disclaimer-body {
        max-width: unset;
        padding: 64px 24px;
    }

    .agora-vantagens-section {
        background-image: none;
    }
}

@media (max-width: 1050px) {
    .vc-mais-confiante-container .vc-mais-confiante-body {
        align-items: start;
    }

    .todo-pelo-app-section .divider {
        display: block;
        position: relative;
        left: 24px;
    }

    .todo-pelo-app-section .tpa-header .tpa-title {
        display: block;
        font-size: 24px;
        font-weight: 500;
        padding: 0 0 0 24px;
    }

    .todo-pelo-app-body .images .tpa-header p {
        top: unset;
        left: unset;
        padding: 16px 0 0 24px;
    }

    .todo-pelo-app-imagens .qr-code-app {
        padding: 0 0 0 14px;
        top: 30px;
    }

    .todo-pelo-app-imagens .todo-pelo-app-imagens-buttons {
        top: 40px;
    }


    .aprenda-investir-card .aprenda-investir-passos {
        display: none;
    }

    .carrossel-passo .img-passo {
        border-radius: 1rem 0 0 0;
    }

    .carrossel-botoes-numerados #btn-passo-1 {
        border-radius: 0 0 0 1rem;
    }

    .aprenda-investir-card .aprenda-investir-carrossel-body {
        width: 94.6%;
    }

    .previdencia-faca-portabilidade-section {
        display: block;
    }

    .previdencia-faca-portabilidade-header {
        left: 230px !important;
    }

    .portabilidade-passo {
        width: 248px;
    }

    .carousel-portabilidade .item img {
        width: auto;
        height: auto;
    }

    .previdencia-faca-portabilidade-card .previdencia-faca-portabilidade-card-body {
        margin-top: 8px;
    }
}

@media (max-width: 1024px) {

    .app-agora-grafismo {
        width: 357px;
    }

    .app-bradesco.agora {
        width: 472px;
        top: 130px;
        right: 64px;
    }

    .nav-container {
        display: none;
    }

    .banner-container {
        margin-top: 100px;
    }

    .home-investimentos .banner-container {
        margin-top: 80px;
    }

    .banner-text.assessoria-investimentos {
        padding: 15vw 0 0 10vw;
    }

    .banner-text.cdb {
        padding: 18vw 0 0 10vw;
    }

    .banner-text.lca {
        padding: 15vw 0 0 10vw;
    }

    .banner-text.lci {
        padding: 15vw 0 0 10vw;
    }

    .banner-text.agora {
        padding: 15vw 0 0 10vw;
    }

    .banner-text.poupanca-facil {
        padding: 15vw 0 0 10vw;
    }

    .banner-text.fundos-investimento {
        padding: 15vw 0 0 10vw;
    }

    .banner-text.invest {
        padding: 13vw 0 0 10vw;
    }

    .perfil-investidor-vale-lembrar-container {
        width: 90% !important;
    }

    .perfil-investidor-vale-lembrar-body {
        margin-top: 0 !important;
    }

    .vale-lembrar-card {
        width: 100% !important;
        height: 100% !important;
        padding: 32px 24px !important;
        position: relative;
        overflow: hidden;
    }

    .vale-lembrar-card::after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        background: transparent linear-gradient(178deg, #CC092F 0%, #CC092F 40%, #B81570 90%, #B81570 100%) 0% 0% no-repeat padding-box;
        width: 6px;
        height: 100%;
    }

    .poupa-troco-como-funciona-body {
        align-items: center;
        flex-direction: column;
    }

    .documentos-card {
        display: none;
    }
}

@media (max-width: 950px) {

    .carrossel-passo .img-passo {
        border-radius: 1rem 1rem 0 0;
    }

    .body-passo {
        border-radius: 0;
        background: linear-gradient(145deg, rgba(204, 9, 47, 1) 50%, rgba(184, 21, 112, 1) 100%);
        width: 476px;
        height: 180px;
        padding: 10px 24px;
    }

    .img-passo {
        width: 476px;
        height: 250px;
    }

    .card-numero-passo {
        width: 80px;
    }

    .carrossel-botoes-numerados {
        height: 80px;
        position: relative;
        left: 200px;
    }

    .carrossel-passo {
        flex-direction: column;
        align-items: center;
        height: auto;
    }

    .carrossel-botoes-back-next {
        top: -130px;
        left: 575px;
    }

    .agora-experiencia-completa-passos {
        display: none;
    }

    .agora-experiencia-completa-card {
        width: 879px;
        background-color: unset;
    }

    .agora-experiencia-completa-carrossel-body .passo-titulo {
        margin-bottom: 10px;
    }

    .agora-experiencia-completa-carrossel-body .passo-texto {
        padding-right: 100px;
    }
}

@media (max-width: 900px) {

    .owl-carousel-produtos-dots {
        right: 40.5%;
    }

    .agora-experiencia-completa-carrossel-body .carrossel-passo {
        flex-direction: column;
        height: 120%;
    }

    .carrossel-passo .img-passo.agora {
        border-radius: 1rem 1rem 0 0;
    }

    .img-passo.agora {
        width: 100%;
    }

    .agora-experiencia-completa-carrossel-body .carrossel-botoes-back-next {
        top: -130px;
        left: 375px;
    }

    .agora-experiencia-completa-carrossel-body .carrossel-passo .body-passo {
        width: 100%;
        padding-top: 10px;
        height: 40%;
        padding-bottom: 32px;
    }

    .agora-experiencia-completa-body .agora-experiencia-completa-card {
        width: 476px;
        height: 450px;
        background: linear-gradient(145deg, rgba(204, 9, 47, 1) 50%, rgba(184, 21, 112, 1) 100%);
    }

    .agora-experiencia-completa-carrossel-body .carrossel-botoes-numerados {
        left: 0;
    }

    .detalhe-historico-retorno-container {
        width: 100%;
        padding: 64px 24px;
    }

    .detalhe-historico-retorno-header .header-title {
        font-size: 24px;
        line-height: 28px;
    }

    .detalhe-historico-retorno-description {
        flex-direction: column;
        gap: 24px;
    }

    .grafico-desk {
        display: none;
    }

    .grafico-mobile {
        display: block;
    }
}

@media (max-width: 870px) {
    .caracteristicas-termo-adesao {
        margin-bottom: 0;
    }

    .todo-pelo-app-section .tpa-cards-mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 36px;
    }

    .todo-pelo-app-device-imagens {
        height: 500px;
    }

    .todo-pelo-app-body.agora .todo-pelo-app-voltar {
        display: none;
    }

    .todo-pelo-app-section {
        margin-top: 64px;
    }

    .todo-pelo-app-body.agora h1 {
        font-size: 24px;
        line-height: 28px;
        font-weight: 500;
    }

    .todo-pelo-app-body.agora .images p {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        color: #47484C;
    }

    .todo-pelo-app-imagens .qr-code-app,
    .todo-pelo-app-imagens .todo-pelo-app-imagens-buttons {
        display: none;
    }

    .todo-pelo-app-body .images a:first-child {
        width: 100%;
    }

    .todo-pelo-app-device-imagens {
        width: 100%;
    }

    .app-agora-grafismo {
        top: 80px;
    }

    .app-bradesco.agora {
        top: 200px;
    }

    .todo-pelo-app-body .images {
        flex-direction: column;
        align-items: center;
    }

    .tpa-header {
        margin: 0;
    }

    .assessoria-container.agora {
        margin: 64px 0 0 0;
    }

    .rf-como-funciona-section {
        height: 100%;
    }

    .rf-como-funciona-section .rf-como-funciona-container {
        box-shadow: none;
        border-radius: none;
        padding: 24px;
        width: 100%;
        height: 100%;
        background-color: #FFF;
    }

    .como-funciona-informations {
        line-height: 20px;
    }

    .previdencia-simulador-section {
        display: block;
        margin-top: -100px;
    }

    .previdencia-simulador-container {
        border: none;
        box-shadow: none;
        border-radius: 0;
        padding: 64px 24px;
    }

    .previdencia-simulador-card .previdencia-simulador-card-body {
        flex-direction: column;
        align-items: normal;
    }

    .prev-tipos-section {
        background: linear-gradient(180deg, #cc092f 40%, #b81570 90%);
        display: block;
    }

    .prev-tipos-container {
        padding: 24px 24px;
        width: 100%;
    }

    .prev-tipos-header {
        margin-bottom: 32px;
    }

    .prev-tipos-header .header-title {
        font-weight: 400;
        font-size: 24px;
        color: #fff;
    }

    .prev-tipos-header .header-title .divider {
        background-color: #fff;
    }

    .prev-tipos-header .header-description {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        color: #fff;
    }

    .prev-tipos-background {
        display: none;
    }

    .card-prev {
        width: 275px;
        /* height: 312px; */
    }

    .prev-tipos-container .botoes {
        flex-direction: column;
    }

    .previdencia-faca-portabilidade-container {
        width: auto;
        padding: 0 24px;
    }

    .previdencia-faca-portabilidade-header {
        margin-top: 100px;
        position: static;
        top: 240px;
        left: 130px;
    }

    .previdencia-faca-portabilidade-header .header-title {
        font-size: 24px;
        line-height: 28px;
        font-weight: 500;
    }

    .previdencia-faca-portabilidade-card {
        width: 100%;
    }

    .previdencia-faca-portabilidade-image.desk {
        display: none;
    }

    .previdencia-faca-portabilidade-image.mobile {
        display: block;
    }

    .previdencia-faca-portabilidade-row {
        align-items: normal;
        flex-direction: column;
    }

    .previdencia-faca-portabilidade-img {
        width: 200px;
        left: 110px;
        top: 20px;
    }

    .vale-lembrar-card .vale-lembrar-card-body {
        flex-direction: column;
        align-items: normal;
    }

    .vale-lembrar-card-header .header-title {
        font-size: 20px;
        line-height: 24px;
        font-weight: 600;
    }

    .vale-lembrar-card-header .header-title .divider {
        display: none;
    }

    .vale-lembrar-card .vale-lembrar-textos {
        width: auto;
    }

    .vale-lembrar-card .vale-lembrar-textos .vale-lembrar-texto {
        font-size: 14px;
    }

    .vale-lembrar-card .vale-lembrar-textos {
        width: auto;
    }

    .vale-lembrar-texto {
        font-size: 16px !important;
    }

    .vale-lembrar-card .btn-vale-lembrar {
        width: auto;
        height: auto;
        padding: 16px;
    }

    .invest-facil-caracteristicas-body {
        margin: 32px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: end;
    }

    .card-tipo.invest-facil {
        width: auto;
        height: auto;
    }

    .caracteristicas-termo-adesao {
        width: auto;
        height: auto;
        padding: 24px 0;
    }

    .btn-agora-experiencia-completa {
        width: 305px;
    }

    .footer-tipos-documentos .documentos-title {
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
    }

    .footer-tipos {
        width: 100%;
        padding: 0 24px;
    }

    .footer-tipos-documentos {
        padding: 0;
    }

    .position-text {
        padding: 0vw 0 178px 10vw;
    }

}

@media (max-width: 820px) {
    .carrossel-passo {
        align-items: start;
    }

    .carrossel-botoes-numerados {
        left: 0;
    }

    .carrossel-botoes-back-next {
        left: 375px;
    }

    .position-text {
        padding: 0vw 0 178px 10vw;
    }
}

@media (max-width: 768px) {

    .selo-anbima {
        margin: 40px auto 0;
    }

    .nossos-investimentos-bg {
        background-image: url('/assets/classic/img/portal-investimento/nossos-investimentos-bg-m.webp');
    }

    .vc-mais-confiante-container,
    .vc-mais-confiante-header .header-title,
    .vc-mais-confiante-header .header-description,
    .vc-mais-confiante-header .header-description span {
        width: 100%;
    }

    body main {
        background-color: #F0F1F5;
    }

    .owl-carousel-produtos-dots {
        right: 39.5%;
    }

    .owl-carousel-banner-nav {
        top: 85.3%;
    }

    .owl-carousel-banner-dots {
        top: 87.5%;
    }

    .btn-carousel-banner-autoplay {
        top: 85.3%;
    }

    .tpa-img {
        display: block;
    }

    .banner-body .banner-fade.agora {
        flex-direction: column;
    }

    .banner-img {
        height: unset;
        background-size: cover;
        background-position: center;
    }

    .banner-body .banner-fade .banner-text.agora {
        display: block;
        padding: 155px 0 0 8vw;
        font-size: 32px;
        position: relative;
        top: -120px;
    }

    .banner-body .banner-fade.lista-fundos {
        flex-direction: column;
        justify-content: flex-end;
    }

    .banner-body .banner-fade .banner-text.lista-fundos {
        display: block;
        font-size: 32px;
        padding: 0 0 0 8vw;
        position: relative;
        top: -80px;
        max-width: 500px;
    }

    .banner-body .banner-button {
        top: -60px;
    }

    .banner-body br {
        display: none;
    }

    .banner-text-mobile.assessoria-investimentos br {
        display: block;
    }

    .banner-fade .banner-text.previdencia-privada br {
        display: none;
    }

    .banner-fade .banner-text.previdencia-privada {
        display: block;
        font-size: 32px;
        padding: 0 0 0 4vw;
        position: relative;
        top: -100px;
        max-width: 400px;
    }

    .banner-body .banner-text.poupa-troco {
        display: block;
        font-size: 32px;
        padding: 0 0 0 8vw;
        position: relative;
        top: 150px;
        max-width: 500px;
    }

    .banner-body .banner-text.renda-fixa {
        display: block;
        font-size: 32px;
        padding: 0 0 0 8vw;
        position: relative;
        top: -100px;
        max-width: 400px;
    }

    .banner-body .banner-text-mobile.simulador-investimentos {
        margin: 0px 0 100px 8vw;
        width: 300px;
    }

    .banner-body .banner-text-mobile.poupanca-facil {
        margin: 0 0 120px 8vw;
    }

    .banner-body .banner-button.poupanca-facil {
        top: -100px;
    }

    .banner-body .banner-fade .banner-text.informacoes {
        display: block;
        font-size: 32px;
        padding: 0 0 0 8vw;
        position: relative;
        top: -100px;
        max-width: 500px;
    }

    .banner-body .banner-fade .banner-text.informacoes br {
        display: none;
    }

    .banner-body .banner-fade .banner-text.cenario-economico {
        display: block;
        font-size: 32px;
        padding: 0 0 0 8vw;
        position: relative;
        top: -50px;
        max-width: 500px;
    }

    .banner-body .banner-fade.perfil-investidor {
        flex-direction: column;
        justify-content: flex-end;
    }

    .banner-body .banner-fade .banner-text.perfil-investidor {
        display: block;
        padding: 0 0 0 8vw;
        position: relative;
        top: -80px;
    }

    .banner-body .banner-fade .banner-text.guia-investidor {
        display: block;
        font-size: 32px;
        padding: 0 0 0 8vw;
        position: relative;
        top: -100px;
        max-width: 420px;
    }

    .banner-body .banner-fade .banner-text.guia-investidor br {
        display: none;
    }

    .banner-body .banner-fade.fundos-investimento {
        flex-direction: column;
        justify-content: flex-end;
    }

    .banner-body .banner-fade .banner-text.fundos-investimento {
        display: block;
        font-size: 32px;
        padding: 0 0 0 8vw;
        position: relative;
        top: -120px;
        max-width: 400px;
    }

    .banner-body .banner-fade .banner-text.fundos-investimento br {
        display: none;
    }

    .banner-body .banner-fade .banner-text.coe {
        display: block;
        font-size: 32px;
        padding: 0 0 0 8vw;
        position: relative;
        top: -100px;
        max-width: 400px;
    }

    .banner-body .banner-fade .banner-text.cenario-economico br {
        display: none;
    }

    .banner-body .banner-fade .banner-text-mobile.invest {
        margin: 0px 0 120px 8vw;
    }

    .banner-body .banner-fade .banner-text-mobile.lca {
        margin: 0px 0 120px 8vw;
    }

    .banner-body .banner-fade .banner-text-mobile.lci {
        margin: 0px 0 120px 8vw;
    }

    .banner-body .banner-fade .banner-text-mobile.lig {
        margin: 0px 0 120px 8vw;
    }

    .banner-body .banner-fade.cdb {
        background-image: url("/assets/classic/svg/portal-investimento/banner-fade-mobile.svg");
    }

    .banner-body .banner-fade.lca {
        background-image: url("/assets/classic/svg/portal-investimento/banner-fade-mobile.svg");
    }

    .banner-body .banner-fade.lci {
        background-image: url("/assets/classic/svg/portal-investimento/banner-fade-mobile.svg");
    }

    .banner-body .banner-fade.lig {
        background-image: url("/assets/classic/svg/portal-investimento/banner-fade-mobile.svg");
    }

    .banner-body .banner-fade.poupanca-facil {
        background-image: url("/assets/classic/svg/portal-investimento/banner-fade-mobile.svg");
    }

    .banner-body .banner-fade {
        display: flex;
        flex-direction: column-reverse;
    }

    .banner-body .banner-text {
        display: none;
    }

    .banner-body .banner-text-mobile {
        display: block;
        width: 240px;
        font-size: 18px;
        margin: 0 0 80px 24px;
        color: white;
        user-select: none;
    }

    .banner-body .text-position {
        margin: -285px 0 165px 40px !important;
    }

    .banner-body .banner-text-mobile.cdb {
        margin: 0px 0 120px 8vw;
    }

    .banner-body .banner-text-mobile.assessoria-investimentos {
        margin: 0 0 80px 8vw;
    }

    .banner-container .banner-body {
        min-height: 356px;
        background-size: cover;
        background-position: center;
    }

    .banner-container .banner-fade {
        min-height: 356px;
        background-size: cover;
        background-position: center;
    }

    .banner-fade .banner-text {
        max-width: 300px;
        font-size: 20px;
        padding: 180px 0 0 8vw;
    }

    .banner-fade .banner-text.guia-investidor {
        max-width: 500px;
    }

    .banner-fade .banner-text.cenario-economico {
        max-width: 600px;
        padding: 260px 0 0 8vw;
    }

    .banner-fade .banner-text.assessoria-investimentos {
        max-width: 240px;
        font-size: 20px;
        padding: 80px 0 0 8vw;
    }

    .banner-fade .banner-text.cdb {
        padding: 120px 0 0 8vw;
        max-width: 309px;
    }

    .banner-fade .banner-text.lca {
        padding: 105px 0 0 8vw;
        max-width: 280px;
    }

    .banner-fade .banner-text.lci {
        padding: 105px 0 0 8vw;
        max-width: 300px;
    }

    .banner-fade .banner-text.agora {
        padding: 105px 0 0 8vw;
        max-width: 300px;
    }

    .banner-fade .banner-text.poupanca-facil {
        padding: 105px 0 0 8vw;
        max-width: 300px;
    }

    .banner-fade .banner-text.fundos-investimento {
        padding: 105px 0 0 8vw;
        max-width: 300px;
    }

    .banner-button {
        left: 8vw;
        width: 213px;
        top: -100px;
        text-align: center;
    }

    .banner-grafismo-esquerda {
        position: absolute;
        background-image: url("/assets/classic/img/portal-investimento/banner-grafismo-mobile.png");
        background-repeat: no-repeat;
        width: 200px;
        height: 370px;
        left: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        bottom: 210px;
    }

    main .todo-pelo-app-section {
        align-items: start;
        margin-bottom: 64px;
    }

    .todo-pelo-app-section .todo-pelo-app-container {
        align-items: start;
    }

    .todo-pelo-app-section .todo-pelo-app-body .images {
        width: 100vw;
        display: block;
    }

    .todo-pelo-app-section .todo-pelo-app-body.agora .images {
        display: flex;
    }

    .todo-pelo-app-section .todo-pelo-app-body.agora .images p {
        top: 20px;
    }

    .todo-pelo-app-section .app-bradesco.agora {
        display: block;
    }

    .tpa-img picture {
        display: flex;
        justify-content: center;
    }

    .todo-pelo-app-section .qr-code-app {
        top: unset;
        display: none;
    }

    .todo-pelo-app-section .todo-pelo-app-imagens-buttons {
        top: unset;
        display: none;
    }

    .todo-pelo-app-section .todo-pelo-app-voltar {
        display: none;
    }

    .todo-pelo-app-section .todo-pelo-app-body .images p {
        top: unset;
        left: unset;
        padding: 0;
    }

    .todo-pelo-app-section .app-bradesco {
        display: none;
    }

    .todo-pelo-app-section .app-bradesco-mobile {
        display: block;
    }

    .todo-pelo-app-section .tpa-header {
        padding: 0 24px 32px;
    }

    .todo-pelo-app-section .divider {
        display: block;
        left: unset;
    }

    .todo-pelo-app-section .tpa-header .tpa-title {
        display: block;
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 16px;
        padding: 0;
    }

    .todo-pelo-app-section .google-play-mobile {
        margin: 32px 0 16px;
    }

    .todo-pelo-app-section .app-store-mobile {
        margin: 0 0;
    }

    .tpa-cards-mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .todo-pelo-app-section .tpa-cards-mobile {
        display: flex;
    }

    .assessoria-section #assessoria-grafismo {
        display: none;
    }

    .assessoria-section .assessoria-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .assessoria-header.agora {
        width: 461px;
    }

    .vc-mais-confiante-section .vc-mais-confiante-body .vc-mais-confiante-cards {
        grid-template-areas:
            "card-investimentos card-renda-fixa card-renda-fixa card-tesouro-direto card-acoes"
            "card-investimentos card-glossario card-fundos-investimento card-fundos-investimento card-acoes";
        grid-gap: 8px;
    }

    .vc-mais-confiante-section .card-investimentos {
        width: 232px;
        height: 312px;
    }

    .vc-mais-confiante-section .card-renda-fixa {
        width: 233px;
        height: 152px;
        grid-area: card-renda-fixa;
    }

    .vc-mais-confiante-section .card-tesouro-direto {
        width: 153px;
        height: 153px;
    }

    .vc-mais-confiante-section .card-glossario {
        width: 153px;
        height: 152px;
    }

    .vc-mais-confiante-section .card-acoes {
        width: 153px;
        height: 313px;
        border-radius: 0 8px 8px 0;
    }

    .vc-mais-confiante-section .card-fundos-investimento {
        width: 233px;
        height: 152px;
        grid-area: card-fundos-investimento;
        border-radius: unset;
    }

    .vc-mais-confiante-section .vc-mais-confiante-body .card-fundos-investimento .header-divider {
        width: 125px;
    }

    .vc-mais-confiante-section .vc-mais-confiante-body .vc-mais-confiante-cards .card .card-title {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        padding-left: 16px;
    }

    .vc-mais-confiante-section .vc-mais-confiante-body .card-investimentos .card-description {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        padding-left: 16px;
        width: 100%;
    }

    .vc-mais-confiante-section .vc-mais-confiante-body .card-acoes .card-description {
        padding-left: 16px;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        width: 90%;
    }

    .vc-mais-confiante-section .vc-mais-confiante-body .card-glossario .card-description {
        padding-left: 16px;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        width: 100%;
    }

    .vc-mais-confiante-section .vc-mais-confiante-body .card-investimentos .card-description br {
        display: none;
    }

    .vc-mais-confiante-section .card-fundos-investimento br {
        display: block;
    }

    .sugestoes-section .sugestao-investir {
        width: auto;
    }

    .lig-tipos-body .footer-tipos-documentos .accordions .accordion-box .accordion-panel .accordion-documentos .accordion-documentos-row {
        flex-direction: column;
        margin: 0;
    }

    .lig-tipos-body .footer-tipos-documentos .accordions .accordion-box .accordion-panel .accordion-documentos .accordion-documentos-row .box-documentos {
        width: auto;
        height: auto;
    }

    .lig-tipos-body .footer-tipos-documentos .documentos-title {
        font-size: 14px;
        line-height: 20px;
    }

    .lig-tipos-body .footer-tipos {
        height: auto;
    }

    .lig-tipos-body .footer-tipos .btn-footer-tipos {
        width: auto;
        height: auto;
    }

    .banner-button .lci {
        display: inline;
    }

    .banner-button.lca {
        display: block;
    }

    .banner-button.lci {
        display: block;
    }

    .banner-button.invest {
        display: block;
    }

    .consulte-especialistas-section {
        background-color: #fff;
        display: block;
        height: unset;
        margin-top: 48px;
    }

    #consulte-especialistas-grafismo {
        display: none;
    }

    .consulte-especialistas-header .divider {
        display: none;
    }

    .consulte-especialistas-header p {
        color: #47484C;
        font-weight: 500;
        font-size: 16px;
        width: unset;
    }

    .consulte-especialistas-desk {
        display: none;
    }

    .consulte-especialistas-mobile {
        display: block;
    }

    .consulte-especialistas-section {
        padding: 64px 16px;
    }

    .consulte-especialistas-container {
        margin: unset;
        width: unset;
    }

    .detalhe-historico-retorno-section::before {
        display: none;
    }

    .detalhe-caracteristica-section::before {
        display: none;
    }

    .position-text {
        padding: 0vw 0 178px 10vw;
    }
}

@media (max-width: 670px) {
    .agora-vantagens-header::after {
        display: block;
    }

    .owl-carousel-produtos-dots {
        right: 37.5%;
    }

    .card-principal-header .header-title {
        line-height: 32px;
    }

    .card-principal-info {
        max-width: 72vw;
        font-size: 14px;
        line-height: 18px;
    }

    .home-produtos-header .header-title {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
        max-width: 312px;
    }

    .pp-como-funciona-header .header-title {
        font-weight: 500;
        font-size: 24px;
        max-width: 312px
    }

    .vantagem-investir-header .header-title {
        font-weight: 500;
        font-size: 24px;
        max-width: 312px
    }

    .fi-tipos-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .fi-tipos-header .header-description {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        width: auto;
    }

    .rf-como-funciona-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .rf-produtos-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .tbm-renda-fixa-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .cdb-tipos-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .cdb-vantagem-investir-header .header-title {
        font-weight: 500;
        font-size: 24px;
        max-width: 312px
    }

    .lca-tipos-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .lci-tipos-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .lig-tipos-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .lig-tipos-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .cdb-perguntas-frequentes-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .lca-perguntas-frequentes-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .lci-perguntas-frequentes-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .lig-perguntas-frequentes-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .pp-perguntas-frequentes-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .fi-perguntas-frequentes-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .info-cotista-adm-fudiciaria-header .header-title {
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
    }

    .invest-facil-perguntas-frequentes-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .fi-tributacao-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .fi-taxas-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .fi-taxas-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .simulador-header .header-title {
        font-weight: 500;
        font-size: 16px;
    }

    .agora-vantagens-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .agora-experiencia-completa-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .prev-vida-previdencia-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .perfil-investidor-pq-investir-header .header-title {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
    }

    .perfil-investidor-conheca-perfis-header .header-title {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
    }

    .perfil-investidor-conheca-perfis-header .header-description {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
    }

    .guia-investidor-portabilidade-header .header-title {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
    }

    .guia-investidor-portabilidade-header .header-description {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
    }

    .poupa-troco-como-funciona-header .header-title {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
    }

    .poupa-troco-como-funciona-header .header-description {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
    }

    .poupa-troco-bom-saber-header .header-title {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
    }

    .poupa-troco-bom-saber-header .header-description {
        line-height: 20px;
    }

    .info-cotista-documentos-fundos-header .header-title {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
    }

    .info-cotista-documentos-fundos-header .header-description {
        line-height: 20px;
    }

    .coe-consultar-header .header-title {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
    }

    .coe-consultar-header .header-description {
        line-height: 20px;
    }

    .poupa-troco-como-cadastrar-header .header-title {
        font-weight: 500;
        font-size: 24px;
    }

    .perfil-investidor-pq-investir-header {
        display: flex;
        justify-content: center;
    }

    .perfil-investidor-pq-investir-body {
        margin-top: 32px;
    }

    .perfil-investidor-pq-investir-body .pq-investir-texto {
        line-height: 20px;
    }

    .perfil-investidor-pq-investir-picture.mobile {
        margin-top: 32px;
        display: flex;
        justify-content: center;
    }

    .perfil-investidor-pq-investir-img {
        width: 312px;
    }

    .prev-vida-previdencia-container .prev-vida-previdencia-header .header-description {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        color: #47484C;
    }

    .previdencia-simulador-card .previdencia-simulador-card-header {
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
    }

    .simulador-iof {
        width: 100%;
    }

    .simulador-iof .simulador-header .header-description {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        color: #47484C;
    }

    .guia-investidor-regras-cards-mobile {
        display: block;
    }

    .guia-investidor-regras-cards-desk {
        display: none;
    }

    .regras-parametros-card {
        width: 267px;
        height: 331px;
        padding: 32px 24px;
    }

    .guia-investidor-regras-header .header-title {
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
    }

    .invest-facil-caracteristicas-header .header-title {
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
    }

    .primeiro-passo-textos .primeiro-passo-picture.mobile {
        display: block;
    }

    .poupa-troco-como-funciona-section {
        position: relative;
        background-image: none;
    }

    .poupa-troco-como-funciona-container {
        z-index: 2;
    }

    .poupa-troco-como-funciona-background {
        position: absolute;
        height: 64vh;
        width: 110vw;
        background-image: url(/assets/classic/img/portal-investimento/tipos-bg@2x.webp);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: top 10px left 10px;
        z-index: 1;
        bottom: 0;
    }

    .poupa-troco-como-funciona-card {
        width: auto;
        height: auto;
        padding: 24px;
    }

    .poupa-troco-como-funciona-info {
        width: auto;
        max-width: 312px;
        height: auto;
    }

    .poupa-troco-como-funciona-info-list li {
        font-size: 14px;
    }

    .poupa-troco-como-funciona-info .poupa-troco-como-funciona-info-title {
        font-size: 14px;
        font-weight: 700;
    }

    .como-funciona-total {
        width: 112%;
        left: -17px;
    }

    .como-funciona-total-container {
        padding: 16px;
    }

    .como-funciona-valor {
        width: 112%;
        left: -17px;
        padding: 16px;
    }

    .como-funciona-footer {
        background: transparent linear-gradient(105deg, #CC092F 0%, #CC092F 40%, #B81570 90%, #B81570 100%) 0% 0% no-repeat padding-box;
        width: 112%;
        left: -17px;
        padding: 16px;
    }

    .coe-consultar-body .selects {
        flex-direction: column;
    }

    .info-cotista-documentos-fundos-body .selects {
        flex-direction: column;
    }

    .form-autocomplete {
        max-height: none;
    }

    .coe-consultar-doc-encontrados {
        flex-direction: column;
    }

    .info-cotista-doc-encontrados {
        flex-direction: column;
    }

    .info-cotista-assembleia-digital-section {
        background-color: #F0F1F5;
    }

    .info-cotista-assembleia-digital-card {
        background-color: #fff;
        width: 90%;
        padding: 32px 24px;
    }

    .info-cotista-assembleia-digital-card-header .header-title {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
    }

    .info-cotista-assembleia-digital-card-header .header-description {
        flex-direction: column;
    }

    .info-cotista-assembleia-digital-card-header .header-description label {
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
    }

    .info-cotista-assembleia-digital-card .btn-info-cotista-assembleia-digital {
        padding: 16px 24px;
    }

    .agora-vantagens-section {
        height: 100%;
        margin: 0;
    }

    .agora-vantagens-cards {
        gap: 0;
        flex-direction: column;
    }

    .detalhe-documentos-importantes-header .header-title {
        font-size: 24px;
        line-height: 28px;
    }

    .detalhe-documentos-importantes-body {
        margin-top: 0;
    }

    .detalhe-info-cotista-card .detalhe-info-cotista-card-body {
        align-items: normal;
        flex-direction: column;
        gap: 24px;
    }

    .detalhe-caracteristica-header .header-title {
        font-size: 24px;
        line-height: 28px;
    }

    .detalhe-caracteristica-header .header-description {
        font-size: 16px;
        line-height: 20px;
        color: #000;
    }

    .detalhe-caracteristica-body {
        margin-top: 24px;
    }

    .informacoes-caracteristica-fundo p {
        color: #6D6E71;
        font-size: 13px;
        font-weight: 600;
        line-height: 18px;
        margin-bottom: 24px;
    }

    .detalhe-info-cotista-card {
        padding: 24px;
    }

    .detalhe-info-cotista-card .detalhe-info-cotista-card-header {
        font-size: 24px;
        line-height: 32px;
    }

    .vantagem-investir-header .header-title label br {
        display: block;
    }

    .card-tipo {
        width: 296px;
        height: 551px;
        padding: 24px;
    }

    .prev-vida-previdencia-section {
        background-color: #fff;
        padding: 64px 0;
    }

    .prev-tipos-section {
        margin: unset;
    }

    .previdencia-faca-portabilidade-section {
        background-color: #fff;
    }
}

@media (max-width: 630px) {

    .owl-carousel-produtos-nav {
        gap: 250px;
    }

    .owl-carousel-produtos-dots {
        right: 30.5%;
    }
}

@media (max-width: 570px) {

    main .aprenda-investir-section {
        align-items: start;
        padding: 0 24px;
    }

    .aprenda-investir-section .aprenda-investir-container {
        width: 100%;
        padding: 0;
    }

    .aprenda-investir-section .aprenda-investir-header .header-title {
        font-size: 24px;
        line-height: 28px;
        font-weight: 400;
        width: 70%;
    }

    .aprenda-investir-section .aprenda-investir-header .header-description {
        margin: 15px 0 60px;
    }

    .aprenda-investir-section .carrossel-passo {
        flex-direction: column;
        position: relative;
    }

    .aprenda-investir-section .aprenda-investir-passos {
        display: none;
    }

    .aprenda-investir-section .carrossel-botoes-numerados {
        height: 40px;
        position: relative;
        left: -20px;
        top: -20px;
    }

    .aprenda-investir-section .card-numero-passo {
        width: 40px;
    }

    .aprenda-investir-section .card-numero-passo.active label {
        font-size: 40px;
        font-weight: 300;
    }

    .aprenda-investir-section .card-numero-passo.active {
        width: 80px;
        height: 80px;
        position: relative;
        top: -50%;
        border-bottom: #C50030 solid 2px;
    }

    .aprenda-investir-section #btn-passo-6 {
        border-radius: unset;
    }

    .aprenda-investir-section .numero-passo-texto {
        font-size: 16px;
        font-weight: 300;
    }

    .aprenda-investir-section .aprenda-investir-card {
        height: auto;
        width: auto;
        background-color: unset;
    }

    .aprenda-investir-section .img-passo {
        width: 112px;
        height: 92px;
        position: absolute;
        top: -40px;
        right: -40px;
        transform: rotateY(180deg);
        border-radius: 1rem 0 0 0;
    }

    .aprenda-investir-section .body-passo {
        width: 280px;
        height: 251px;
        padding: 24px;
        border-radius: 8px;
        opacity: 0.9;
        background-image: url(/assets/classic/img/portal-investimento/aprenda-investir-bg.webp);
    }

    .aprenda-investir-section .passo-titulo {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
    }

    .aprenda-investir-section .passo-texto {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        padding: 0 2px;
    }

    .aprenda-investir-section .carrossel-botoes-back-next {
        padding: 32px 0;
        right: 18px;
        left: unset;
        top: unset;
        position: absolute;
    }

    .aprenda-investir-section .aprenda-investir-body {
        margin-bottom: 88px;
    }

    .aprenda-investir-section .aprenda-investir-carrossel-body {
        position: relative;
    }

    .agora-experiencia-completa-header .header-title {
        width: 280px;
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
    }

    main .agora-experiencia-completa-section {
        position: relative;
        margin: unset;
        padding: 64px 0
    }

    .agora-experiencia-completa-container {
        z-index: 2;
        position: relative;
        margin: unset;
    }

    .agora-bg-gray {
        position: absolute;
        width: 100vw;
        height: 194px;
        background-color: #e4e5e9;
        top: 265px;
        z-index: 1;
    }

    .agora-vantagens-section {
        background-color: #fff;
    }

    .sugestoes-section .sugestao-simulacao {
        top: 30px;
    }

    .sugestoes-section .sugestao-investir {
        width: 93%;
    }

    .sugestoes-section .sugestao-form-label {
        bottom: 30px;
        position: relative;
    }

    .sugestoes-section .sugestao-btn-simular {
        width: 105%;
        position: relative;
        top: 10px;
        left: -65px;
        height: 45px;
    }

    .sugestao-investir:focus~.sugestao-form-label {
        bottom: 50px;
    }

    .sugestao-investir:valid~.sugestao-form-label {
        bottom: 50px;
    }

    .sugestao-investir:focus~.sugestao-form-label-sifrao {
        visibility: visible;
        bottom: 72px;
    }

    .sugestao-investir:valid~.sugestao-form-label-sifrao {
        visibility: visible;
        bottom: 72px;
    }

    .agora-experiencia-completa-card .agora-experiencia-completa-carrossel-body {
        position: relative;
    }

    .agora-experiencia-completa-carrossel-body .carrossel-passo {
        position: relative;
    }

    .img-passo.agora {
        display: none;
    }

    .agora-experiencia-completa-carrossel-body .carrossel-passo .body-passo {
        height: 115%;
        padding-bottom: 0;
        border-radius: 1rem;
        padding: 24px;
        background-image: none;
    }

    .agora-experiencia-completa-carrossel-body .carrossel-botoes-back-next {
        top: 90px;
        left: 180px;
    }

    .agora-experiencia-completa-container .agora-experiencia-completa-body {
        gap: 100px;
    }

    .agora-experiencia-completa-carrossel-body .passo-texto {
        padding: 0;
    }

    .agora-experiencia-completa-body .agora-experiencia-completa-card {
        width: 280px;
        height: 251px;
        background: linear-gradient(145deg, rgba(204, 9, 47, 1) 25%, rgba(184, 21, 112, 1) 100%);
    }

    .agora-experiencia-completa-carrossel-body .carrossel-botoes-numerados {
        height: 40px;
        position: absolute;
        bottom: -90px;
        left: -20px;
    }

    .agora-experiencia-completa-carrossel-body .card-numero-passo.active {
        width: 80px;
        height: 80px;
        position: relative;
        top: -20px;
    }

    .agora-experiencia-completa-carrossel-body .carrossel-botoes-numerados #btn-passo-1,
    #btn-passo-6 {
        border-radius: 0;
    }

    .agora-experiencia-completa-carrossel-body .card-numero-passo {
        width: 40px;
    }

    .agora-experiencia-completa-carrossel-body .passo-titulo {
        font-size: 16px;
        font-weight: 600px;
        line-height: 20px;
    }

    .agora-experiencia-completa-carrossel-body .passo-texto {
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
    }

    .agora-experiencia-completa-carrossel-body .card-numero-passo label {
        font-size: 16px;
        font-weight: 300;
        line-height: 20px;
    }

    .agora-experiencia-completa-carrossel-body .card-numero-passo.active label {
        font-size: 40px;
    }
}

@media (max-width: 550px) {
    .banner-img#banner-img-2 {
        height: 456px;
        width: 100%;
        background-image: url(/assets/classic/img/portal-investimento/banner-portal-mobile2.webp) !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .owl-carousel-produtos-dots {
        right: 25.5%;
    }
}

@media (max-width: 500px) {

    .btn-carousel-banner-autoplay {
        top: unset;
        bottom: 29px;
        margin-right: 220px;
    }

    .owl-carousel-banner-nav {
        top: unset;
        bottom: 28px;
        padding-left: 265px;
    }

    .todo-pelo-app-body .images a:first-child {
        width: 90%;
        margin-left: 24px;
    }

    .todo-pelo-app-section .app-bradesco.agora {
        left: 0;
    }

    .app-agora-grafismo {
        left: 170px;
    }

    main .assessoria-section {
        height: auto;
        flex-direction: column;
        position: relative;
        background-image: none;
        background: linear-gradient(180deg, rgba(204, 9, 47, 1) 0%, rgba(184, 21, 112, 1) 100%);
    }


    .assessoria-section #assessoria-grafismo {
        height: 430px;
        width: 431px;
        background-image: url('/assets/classic/img/portal-investimento/assessoria-grafismo-mobile.webp');
        background-size: contain;
        top: -138px;
        position: absolute;
        right: -146px;
        display: block;
    }

    .assessoria-section #assessoria-grafismo.grafismo-agora {
        background-image: url('/assets/classic/img/portal-investimento/conte-com-agora-mobile.webp');
        width: 146px;
        height: 170px;
        right: 0;
        top: -65px;
    }

    .assessoria-body #telefones.telefones-agora label b {
        font-weight: 600;
    }

    .assessoria-section .assessoria-container {
        position: relative;
        margin: 40px 24px;
        width: 85%;
        display: block;
    }

    .assessoria-section .assessoria-header h1 {
        font-size: 24px;
        width: 60%;
    }

    .assessoria-section .assessoria-header h1 span {
        display: block;
    }

    .assessoria-section .assessoria-body h2 {
        width: auto;
        line-height: 20px;
    }

    .assessoria-section .assessoria-body.agora h2 {
        margin: 0 0 16px 0;
        color: #47484C;
    }

    .assessoria-body.agora #ligue {
        color: #47484C;
    }

    .assessoria-body #telefones.telefones-agora label {
        color: #47484C;
    }

    .assessoria-section .assessoria-body h3 {
        margin-bottom: 32px;
    }

    .assessoria-section .assessoria-body.agora h3 {
        margin-bottom: 16px;
    }

    .assessoria-section .assessoria-body #telefones {
        flex-direction: column;
        gap: 32px;
    }

    .assessoria-section .assessoria-body #telefones.telefones-agora-sac {
        gap: 14px;
        margin-bottom: 16px;
    }

    .assessoria-section .assessoria-body #telefones.telefones-agora {
        margin-bottom: 16px;
    }

    .assessoria-section .assessoria-body a {
        width: 100%;
    }

    .assessoria-section .assessoria-body #saiba-mais {
        width: 100%;
        text-align: center;
    }

    .banner-fade .banner-text {
        max-width: 300px;
        font-size: 20px;
        padding: 180px 0 0 8vw;
    }

    .banner-fade .banner-text.assessoria-investimentos {
        max-width: 230px;
        font-size: 20px;
        padding: 82px 0 0 8vw;
    }

    .banner-button {
        left: 8vw;
    }


    .card-img {
        width: 88px;
        height: 88px;
    }
}

@media (max-width: 446px) {

    .owl-carousel-produtos-dots {
        right: 18.5%;
    }

    .agora-bg-gray {
        top: 350px;
    }
}

@media (max-width: 430px) {

    .app-agora-grafismo {
        left: 130px;
    }

    .todo-pelo-app-section .app-bradesco.agora {
        left: -50px;
    }

    .home-produtos-header .header-title {
        font-size: 24px;
        font-weight: 500;
    }

    .vantagem-investir-header .header-title {
        width: 286px;
    }

    .input-autocomplete {
        width: 270px;
    }

    .btn-show-items {
        left: 235px;
    }

    .btn-hide-items {
        left: 235px;
    }
}

@media (max-width: 400px) {

    .owl-carousel-produtos-dots {
        display: none;
    }

    .owl-carousel-produtos-nav {
        display: none;
    }

    .assessoria-header.agora {
        width: 150px;
    }

    .assessoria-header.agora br {
        display: block;
    }

    .card-img {
        width: 88px;
        height: 88px;
    }

    .position-text {
        padding: 0vw 0 178px 10vw;
    }
}

@media (max-width: 360px) {

    .owl-carousel-banner-dots .owl-carousel-banner-dot.active {
        width: 64px;
    }

    .owl-carousel-banner-nav {
        padding-left: 0;
        gap: 150px;
        bottom: 23px;
    }

    .owl-carousel-banner-dots {
        top: 91.5%;
    }

    .btn-carousel-banner-autoplay {
        display: none;
    }

    .todo-pelo-app-section .app-bradesco.agora {
        left: -80px;
    }

    .app-agora-grafismo {
        left: 100px;
    }


    main .fale-especialista-section {
        display: none;
    }

    .nav-container {
        display: none;
    }

    .banner-container {
        margin-top: 0;
    }

    .banner-body .banner-fade {
        background-image: url("/assets/classic/svg/portal-investimento/banner-portal-mobile.svg");
        background-size: cover;
    }

    .banner-body .banner-fade .banner-text.agora {
        display: block;
        padding: 170px 0 0 8vw;
        font-size: 32px;
        top: 0;
    }

    .banner-body .banner-fade.agora {
        flex-direction: column;
    }

    .banner-button.agora {
        top: 20px;
    }

    .banner-fade .banner-text.previdencia-privada {
        top: -60px;
    }

    .banner-body .banner-text.poupa-troco {
        top: 250px;
        max-width: 250px;
    }

    .banner-body .banner-text.renda-fixa {
        top: -60px;
    }

    .banner-body .banner-fade .banner-text.cenario-economico {
        display: block;
        padding: 0 0 0 8vw;
        position: relative;
        top: -32px;
        font-size: 32px;
        max-width: 270px;
    }

    .banner-body .banner-fade .banner-text.coe {
        display: block;
        padding: 0 0 0 8vw;
        max-width: 250px;
        font-size: 32px;
        position: relative;
        top: -52px;
    }

    .banner-body .banner-fade .banner-text.fundos-investimento {
        display: block;
        padding: 0 0 0 8vw;
        position: relative;
        top: -92px;
        font-size: 32px;
    }

    .banner-body .banner-fade .banner-text.guia-investidor {
        display: block;
        font-size: 32px;
        padding: 0 0 0 8vw;
        position: relative;
        top: -50px;
        max-width: 300px;
    }

    .banner-body .banner-fade .banner-text.informacoes {
        display: block;
        font-size: 32px;
        position: relative;
        top: -50px;
        padding: 0 0 0 8vw;
        max-width: 260px;
    }

    .banner-body .banner-text-mobile.poupanca-facil {
        margin: 0 0 80px 8vw;
    }

    .banner-body .banner-button.poupanca-facil {
        top: -60px;
    }

    .banner-body .banner-fade .banner-text-mobile.lca {
        margin: 0 0 80px 8vw;
    }

    .banner-body .banner-text.informacoes br {
        display: none;
    }

    .banner-button.invest {
        display: none;
    }

    .banner-body .banner-text-mobile.cdb {
        margin: 0px 0 80px 8vw;
    }

    .banner-body .banner-text-mobile.simulador-investimentos {
        margin: 0px 0 60px 8vw;
        width: 200px;
    }

    .banner-body .banner-fade .banner-text-mobile.lci {
        margin: 0px 0 80px 8vw;
    }

    .banner-body .banner-fade .banner-text-mobile.lig {
        margin: 0px 0 80px 8vw;
    }

    .banner-body .banner-text-mobile.assessoria-investimentos {
        margin: 0 0 90px 8vw;
    }

    .banner-body .banner-fade .banner-text-mobile.invest {
        margin: 0 0 80px 24px;
    }

    .banner-body .banner-fade .banner-text.lista-fundos {
        top: -60px;
    }

    .banner-body .banner-button.lista-fundos {
        top: -40px;
    }

    .banner-container .banner-body {
        height: 456px;
        width: 100%;
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url(/assets/classic/img/portal-investimento/banner-portal-mobile.webp);
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 37px;
    }

    .banner-img#banner-img-1 {
        height: 456px;
        width: 100%;
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url(/assets/classic/img/portal-investimento/banner-portal-mobile.webp) !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .banner-img#banner-img-2 {
        height: 456px;
        width: 100%;
        background-image: url(/assets/classic/img/portal-investimento/banner-portal-mobile2.webp) !important;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .banner-body .banner-img b {
        display: unset;
    }

    .banner-body .banner-fade {
        display: flex;
        flex-direction: column-reverse;
    }

    .banner-container .banner-body.cdb {
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url(/assets/classic/img/portal-investimento/banner-cdb-mobile.webp);
    }

    .banner-container .banner-body.lca {
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url(/assets/classic/img/portal-investimento/banner-lca-mobile.webp);
    }

    .banner-container .banner-body.lci {
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url(/assets/classic/img/portal-investimento/banner-lci-mobile.webp);
    }

    .banner-container .banner-body.lig {
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url(/assets/classic/img/portal-investimento/banner-lig-mobile.webp);
    }

    .banner-container .banner-body.poupanca-facil {
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url(/assets/classic/img/portal-investimento/banner-poupanca-mobile.webp);
    }

    .banner-container .banner-body.renda-fixa {
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url(/assets/classic/img/portal-investimento/banner-renda-fixa-mobile.webp);
    }

    .banner-container .banner-body.simulador-investimentos {
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url(/assets/classic/img/portal-investimento/banner-simulacao-mobile.webp);
    }

    .banner-button {
        top: -66px;
        left: 0;
        width: 85%;
        margin: 0 auto;
        text-align: center;
    }

    main .home-produtos-section {
        align-items: start;
        margin: 0;
        padding: 0;
    }

    .home-produtos-section .home-produtos-container {
        box-shadow: none;
        padding: 40px 0 64px 24px;
        width: 100%;
    }

    main .nossos-investimentos-section {
        align-items: start;
    }

    .nossos-investimentos-section .nossos-investimento-container {
        width: 100%;
        margin: 0 24px;
        padding: 0;
    }

    .nossos-investimentos-section .nossos-investimentos-bg {
        margin: 0;
        background-size: auto;
        padding-bottom: 70px;
        background-position-y: 325px;
    }

    .nossos-investimentos-section .nossos-investimentos-header {
        width: 310px;
    }

    .nossos-investimentos-section .nossos-investimentos-header .header-title {
        font-size: 24px;
        font-weight: 500;
    }

    .nossos-investimentos-section .nossos-investimentos-header .header-description {
        width: 100%;
        font-size: 16px;
        color: #47484C;
        font-weight: 500;
    }

    .nossos-investimentos-section .nossos-investimentos-body .cards .card-investimento {
        padding: 32px 24px;
        height: 276px;
    }

    .nossos-investimentos-section .nossos-investimentos-body .cards .card-investimento .card-description {
        line-height: 18px;
        font-weight: 500;
    }

    .nossos-investimentos-section .nossos-investimentos-body .cards .card-investimento .card-image {
        width: 40px;
        height: 40px;
        max-width: unset;
    }

    .nossos-investimentos-section .nossos-investimentos-body .cards .card-investimento .card-title {
        margin-top: 10px;
    }

    .nossos-investimentos-section .nossos-investimentos-body .cards {
        gap: 16px;
    }

    main .sugestoes-section {
        align-items: start;
        margin: 0;
        padding: 0;
    }

    .sugestoes-section .sugestao-container {
        box-shadow: none;
        padding: 40px 0 64px 24px;
        width: 100%;
    }

    .sugestoes-section .sugestao-header .header-title {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .sugestoes-section .sugestao-header .header-desc {
        font-size: 16px;
        line-height: 20px;
        color: black;
    }

    .sugestoes-section .perfil-investidor-card {
        height: 300px;
        min-width: 185px;
        padding: 32px 16px;
    }

    .sugestoes-section .perfil-investidor-icon {
        width: 40px;
        height: 40px;
    }

    .sugestoes-section .perfil-investidor-card-desc {
        line-height: 18px;
    }

    .sugestoes-section .sugestao-perfil-desc {
        width: 80%;
        font-size: 16px;
    }

    .sugestoes-section .perfil-investidor-cards {
        justify-content: start;
        gap: 16px;
        overflow: hidden;
    }

    main .vc-mais-confiante-section {
        align-items: start;
        padding: 24px 24px 100px;
    }

    .vc-mais-confiante-section .vc-mais-confiante-body {
        align-items: start;
    }

    .vc-mais-confiante-section .vc-mais-confiante-container {
        padding: 0;
    }

    .vc-mais-confiante-section .vc-mais-confiante-header .header-title {
        font-size: 24px;
        font-weight: 400;
        line-height: 28px;
        padding-right: 50px;
    }

    .vc-mais-confiante-section .vc-mais-confiante-header .header-description {
        width: unset;
    }

    .vc-mais-confiante-section .vc-mais-confiante-header .header-description span {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        width: 90vw;
    }

    main .assessoria-section {
        height: auto;
        flex-direction: column;
        position: relative;
        background-image: none;
        background: linear-gradient(180deg, rgba(204, 9, 47, 1) 0%, rgba(184, 21, 112, 1) 100%);
    }

    .assessoria-section #assessoria-grafismo {
        height: 430px;
        width: 431px;
        background-image: url('/assets/classic/img/portal-investimento/assessoria-grafismo-mobile.webp');
        background-size: contain;
        top: -138px;
        position: absolute;
        right: -146px;
        display: block;
    }

    .assessoria-section .assessoria-container {
        position: relative;
        margin: 40px 24px;
        width: 85%;
        display: block;
    }

    .assessoria-section .assessoria-header h1 {
        font-size: 24px;
    }

    .assessoria-section .assessoria-header h1 span {
        display: block;
    }

    .assessoria-section .assessoria-body h2 {
        width: auto;
        line-height: 20px;
    }

    .assessoria-section .assessoria-body h3 {
        margin-bottom: 32px;
    }

    .assessoria-section .assessoria-body #telefones {
        flex-direction: column;
        gap: 32px;
    }

    .assessoria-section .assessoria-body a {
        width: 100%;
    }

    .assessoria-section .assessoria-body #saiba-mais {
        width: 100%;
        text-align: center;
    }

    main .todo-pelo-app-section {
        align-items: start;
        margin-bottom: 64px;
    }

    .todo-pelo-app-section .todo-pelo-app-container {
        align-items: start;
    }

    .todo-pelo-app-section .todo-pelo-app-body .images {
        width: unset;
        display: block;
    }

    .todo-pelo-app-section .qr-code-app {
        top: unset;
        display: none;
    }

    .todo-pelo-app-section .todo-pelo-app-imagens-buttons {
        top: unset;
        display: none;
    }

    .todo-pelo-app-section .todo-pelo-app-voltar {
        display: none;
    }

    .todo-pelo-app-section .todo-pelo-app-body .images p {
        top: unset;
        left: unset;
        padding: 0;
    }

    .todo-pelo-app-section .app-bradesco {
        display: none;
    }

    .todo-pelo-app-section .app-bradesco-mobile {
        display: block;
    }

    .todo-pelo-app-section .tpa-header {
        padding: 0 24px 32px;
    }

    .todo-pelo-app-section .divider {
        display: block;
        left: unset;
    }

    .todo-pelo-app-section .tpa-header .tpa-title {
        display: block;
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 16px;
        padding: 0;
    }

    .todo-pelo-app-section .google-play-mobile {
        margin: 32px 0 16px;
    }

    .todo-pelo-app-section .app-store-mobile {
        margin: 0 0;
    }

    .tpa-cards-mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .divider {
        margin: 0 0 8px 0;
    }

    .agora-experiencia-completa-body .agora-experiencia-completa-conheca {
        margin: 64px 0 40px;
    }

    .todo-pelo-app-section .tpa-cards-mobile {
        display: flex;
    }

    .scroll-indicator {
        display: block;
    }

    main .disclaimer-section {
        margin: 0;
        width: auto;
    }

    .disclaimer-section .disclaimer-container {
        width: auto;
    }

    .disclaimer-section .disclaimer-body {
        padding: 24px;
    }

    .disclaimer-section .disclaimer-texto {
        color: #6D6E71;
        font-size: 13px;
        line-height: 18px;
    }


    footer .c-uteis {
        display: none;
    }

    .abra-sua-conta-section {
        display: none;
    }

    .position-text {
        padding: 0vw 0 178px 10vw;
    }
}


.cards-row.baixa {
    margin-top: -30px;
}

.disclaimer-texto a {
    color: #3B69FF;
}

.position-text {
    max-width: 50vw;
    font-size: 2.53vw;
    padding: 8vw 0 0 10vw;
    color: white;
    user-select: none;
}

/*Assessoria Investimentos PJ Styles*/
.banner-body.assessoria-investimentos-pj {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 77%, rgba(0, 12, 49, 0.83) 100%), url('/assets/classic/img/portal-investimento/assessoria-investimentos-pj.webp');
}

.banner-text.assessoria-investimentos-pj {
    padding: 19vw 0 0 10vw;
}

.banner-text.assessoria-investimentos-pj span:last-child {
    display: block;
    width: 34vw;
}

.abra-sua-conta-section .asc-qr-code-pj {
    background-image: url('/assets/classic/img/portal-investimento/qr-code-PJ.webp');
    background-repeat: no-repeat;
    width: 125px;
    height: 156px;
    margin-right: 100px;
}

#wrapper>main>section.todo-pelo-app-section>div>div>div.images>div.tpa-phone>picture>img {
    position: relative;
    left: 70px;
    top: 100px;
}