#mainMenu{
    display: none !important;
}
#wrapper > section{
    width: 74%;
    right: 14%;
    border-radius: 23px;
  
}
#wrapper > header > ul{
    display: none;
}
#wrapper{
    background: transparent linear-gradient(180deg, #CC092F 0%, #CC092F 40%, #B81570 90%, #B81570 100%) 0% 0% no-repeat padding-box;
   width: 100%;
}
.container-1-contas{
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 10%;
}
.title-inicio{
    color: #fff;
}
.subtitle-inicio{
    color: #fff;
}
.separador{
    width: 86px;
    height: 0px;
    border: 2px solid #FFFFFF;
    opacity: 1;
    margin: 7px auto;
    border-radius: 5px;
}
.cards-tipos-de-conta {
    display: grid;
    grid-template-columns: repeat(4, 136px); 
    grid-template-rows: repeat(3, 188px); 
    gap: 15px;
    margin-left: 2%;
 }
 .cards-contas {
     cursor: pointer;
    box-shadow: 0px 3px 6px #00000029;
    width: 100%; 
    height: 100%;
    border-radius: 26px;
 }
 
 .cards-contas:hover, .cards-contas.active{
    background: transparent linear-gradient(180deg, #CC092F 0%, #CC092F 40%, #B81570 90%, #B81570 100%) 0% 0% no-repeat padding-box;
    color: #fafafa;
}
 .hidden {
    display: none;
   }
.sections-tipos-de-conta{
    display: flex;
    margin-top: 5%;
}
.img-card-contas {
    margin: 31px auto;
    display: flex;
}
.img-card-contas-hover{
    display: none;
}
.cards-contas:hover .img-card-contas-hover, .cards-contas.active img.img-card-contas-hover{
    display: block;
    margin: 31px auto;
}
.cards-contas:hover .img-card-contas, .cards-contas.active .img-card-contas{
    display: none;
}
.texto-contas {
    text-align: center;
    font: normal normal bold 16px/15px Bradesco Sans !important;
    padding: 0px 12px;
}
.cards-contas:hover .texto-contas{
    color: #fafafa;
} 
.cars-selecionados {
    margin-top: 14%;
    margin-left: 6%;
}
.titulo-img {
    display: flex;
}
.text-selecionados{
    text-align: left;
    margin: 0px 28px;
    font: normal normal bold 22px/66px Bradesco Sans;
    /* letter-spacing: 0px; */
    color: #000000;
}
.text-2-selecionado{
    margin: 21px 0;
}
.botao-ver-mais {
    padding: 11px 137px;
    background: #E1173F 0% 0% no-repeat padding-box;
    border-radius: 24px;
    text-align: center;
    text-decoration: none;
    color: #fafafa !important;
    margin: 13px 10px;
    position: absolute;
}
.txt-inicio{
    text-align: center;
    position: absolute;
    margin-left: 36%;
    color: #fafafa; 
    margin-top: 13%;

}
.cards-tipos-de-conta-mobile{
    display: none;
}
.cars-selecionados-mobile{
    display: none;
}
.grafismo-esquerda{
    position: absolute;
    left: 0;
    margin: 177px 0;
}
#wrapper > div.qr-code > p{
    text-align: center;
    color: #FFFFFF;
}
#wrapper > div.qr-code > img{
    margin: 3px 12px;
}
.qr-code{
    top: 29%;
    position: fixed;
    right: 0;
    z-index: 99;
    width: 157px;
height: 176px;
background: transparent linear-gradient(180deg, #b11636 0%, #CC092F 40%, #B81570 90%, #B81570 100%) 0% 0% no-repeat padding-box;
border-radius: 20px 0px 0px 20px;
opacity: 1;
backdrop-filter: blur(28px);
-webkit-backdrop-filter: blur(28px);
}


@media  (max-width: 1300px) {
   
    #wrapper > section{
        width: 80%;
    }
}
@media  (max-width: 1290px){
    .botao-ver-mais {
        padding: 11px 97px;
    }
}
@media  (max-width: 1024px) {
    #wrapper > section{
        width: 95%;
        right: 2%;
    }
    .botao-ver-mais{
        padding: 8px 111px;
    }
}
@media (max-width: 768px) {
    .subtitle-inicio{
      text-align: center;
    }
    .text-2-selecionado{
        padding: 0 12px;
    }
    div.comboSegmentos {
        display: none;
    }
    div.tablinks-pj.active {
        background: transparent linear-gradient(105deg, #F36279 0%, #CC092F 51%, #B41A83 100%) 0% 0% no-repeat padding-box;
        border-top: none!important;
        width: 50%;
    }
    .qr-code{
        display: none;
    }
    #wrapper > div.grafismo-esquerda > img{
        max-width: 75%;
    }
    .grafismo-esquerda {
        position: absolute;
        left: 0;
        margin: -18px -33px;
    }
    .cars-selecionados-mobile{
        display: block;
    }
    .titulo-img {
        display: flex;
        padding: 12px 38px
    }
    .botao-ver-mais {
        padding: 12px 91px;
        margin: 16px -114px;
    }
    .dark-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 998; /* Deve ser menor que o z-index do modal */
    }
    .modal {
        display: none;
        position: fixed !important;
        top: 50% !important;
        left: 0 !important;
        width: 100% !important;
        height: 50% !important;
        z-index: 99999;
        background: white;
        justify-content: center !important;
        align-items: center !important;
        box-sizing: border-box !important;
        border-radius: 20px 20px 0px 0px !important;
    }
    .modal-open{
        overflow: hidden;
    }
    /* Restante do código do modal... */
    .dark-overlay.active {
        display: block;
    }
      .modal-content {
        width: 100%;
        margin-top: -124px;
        height: 50%;
        background: white;
        text-align: center;
      }
      .close {
        position: absolute;
        top: 7px;
        right: 16px;
        cursor: pointer;
        max-width: 83%;
        font-size: 39px;
        color: #488ae6cc;
      }
    .cards-tipos-de-conta-mobile{
        display: block;
    }
    .cards-tipos-de-conta{
        display: none;
      
    }
    
    
    .txt-inicio{
        text-align: center;
    position: absolute;
    margin-left: 0%;
    color: #fafafa;
    margin-top: 7%;
    padding: 16px 27px;
    }
    .path-link{
        display: none;
    }
    #wrapper > section {
       
        width: 100%;
        right: 0%;
    }
    
    .cards-contas {
       display: none;
    }
    .cars-selecionados{
        display: none;
    }
  .cards-contas-mobile{
    height: 62px;
    /* UI Properties */
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 16px;
    opacity: 1;
    width: 300px;
    display: flex;
    margin: 12px 39px;
    padding: 0px 24px;
    cursor: pointer;
  }
  .img-card-contas{
      margin: 0;
      max-width: 14%;
  }
  .texto-contas {
    text-align: center;
    padding: 2px 18px;
    margin: 22px 0px;
}
.text-selecionados {
    text-align: left;
    margin: 15px 19px;
    color: var(--neutral-60-000000);
text-align: left;
font: normal normal bold 21px/29px Bradesco Sans;
}

   }

   @media (max-width: 420px){
    .cards-tipos-de-conta-mobile {
        
        margin: 0 24px;
    }
    }
    @media (max-width: 320px){

        
    }


    
@media (min-width: 320px){
    .cards-tipos-de-conta-mobile {
        
        margin: 0 -26px;
    }
   }
   
  
   @media (min-width: 360px){
    .cards-tipos-de-conta-mobile {
        margin: 0px auto;
    }
   }
    @media (min-width: 390px){
    .cards-tipos-de-conta-mobile {
        margin: 0 auto;
    }
   }
   @media (min-width: 768px){
    .txt-inicio {
        margin-left: 21%;
        margin-top: 19%;
    }
    
   }
   @media  (min-width: 1366px){
    .cards-tipos-de-conta{
        display: grid;
        grid-template-columns: repeat(4, 128px);
        grid-template-rows: repeat(3, 183px);
        gap: 15px;
        margin-left: 2%;
    }
    .txt-inicio {
        margin-left: 34%;
        margin-top: 9%;
    }
  
}
@media  (min-width: 1600px){
    div.busca{
        right: -243px;
    }
    .botao-ver-mais{
        margin: 13px 19px;
    }
}


@media  (min-width: 1900px){
    .cards-tipos-de-conta {
        display: grid;
        grid-template-columns: repeat(4, 136px); 
        grid-template-rows: repeat(3, 188px); 
        gap: 15px;
        margin-left: 2%;
     }
    .cars-selecionados {
        margin-top: 13%;
        margin-left: 16%;
    }
    .txt-inicio {
        margin-left: 38%;
    }
    button#textobusca{
        margin: 0 211px;
        position: absolute;
    }
    .botao-ver-mais {
        margin: 13px 18px;
    }
}