html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

@font-face {
    font-family: "SantanderText-Regular";
    src: url("./fonts/SantanderText-Regular.ttf") format("truetype");
    src: url("./fonts/SantanderText-Regular.eot"), url('./fonts/SantanderText-Regular.woff') format('woff'), url('./fonts/SantanderText-Regular.woff2') format('woff2'), url('./fonts/SantanderText-Regular.svg#SantanderText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SantanderMicroText";
    src: url("./fonts/SantanderMicroText.ttf") format("truetype"), url("./fonts/SantanderMicroText.eot"), url('./fonts/SantanderMicroText.woff') format('woff'), url('./fonts/SantanderMicroText.woff2') format('woff2'), url('./fonts/SantanderMicroText.svg#SantanderMicroText') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SantanderHeadline-Regular';
    src: url('./fonts/SantanderHeadline-Regular.eot');
    src: url('./fonts/SantanderHeadline-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/SantanderHeadline-Regular.woff2') format('woff2'), url('./fonts/SantanderHeadline-Regular.woff') format('woff'), url('./fonts/SantanderHeadline-Regular.ttf') format('truetype'), url('./fonts/SantanderHeadline-Regular.svg#SantanderHeadline-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SantanderText-Bold';
    src: url('./fonts/SantanderHeadline-Bold.eot');
    src: url('./fonts/SantanderHeadline-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/SantanderHeadline-Bold.woff2') format('woff2'), url('./fonts/SantanderHeadline-Bold.woff') format('woff'), url('./fonts/SantanderHeadline-Bold.ttf') format('truetype'), url('./fonts/SantanderHeadline-Bold.svg#SantanderHeadline-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: "SantanderText-Regular";
    margin: 0;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

h1,
h2 {
    font-family: 'SantanderHeadline-Regular';
    font-weight: normal;
    margin: 0;
}

p {
    font-family: "SantanderText-Regular";
    font-size: 1.375rem;
}

.d-flex {
    display: flex;
    justify-content: center;
}


/* Hero Banner */
.mobile-only {
    display: none !important;
}
.primeira-dobra {
    background-size: cover;
    background-position: right;
    min-height: 29rem;
    height: 36rem;
    color: #ffffff;
    position: relative;
    background-image: url("./axxxx_super_banner_desktop_1366x569_230721.jpg");
}
.primeira-dobra .bg-black{
    padding: 1.5rem;
    margin: 2.5rem 0;
}
.sub-description-banner{
    margin-top: 2rem;
}
.bg-black a{
    color: #fff;
}
.btn-aproveite .bg-black p{
    font-size: 18px;
}

.abrir-conta p, .abrir-conta a{
    font-size: 1rem;
    color: #fff;
    font-family: 'SantanderText-Regular';
    line-height: 1.5;
    margin-bottom: 0.2rem;
}
.sub-description-banner .separator{
    margin: 4rem 0 5.5rem 0;
}

.menu-snt svg{
    cursor: pointer
}
.align-center {
    text-align: center;
    width: 62%;
    font-size: 18px;
}

.text-block .align-center p {
    margin: 0.5rem;
}

.text-block .align-center a {
    color: #fff;
}

.align-center-pj {
    text-align: center;
    width: 70%;
    font-size: 18px;
}

.text-block .align-center-pj p {
    margin: 0.5rem;
}

.text-block .align-center-pj a {
    color: #fff;
}

.link-banner {
    /* display: block; */
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
}

.menu-snt {
    padding: 2rem 0rem 0rem 2rem;
}

#Camada_1 {
    position: relative;
    z-index: -1;
}

.text-block {
    max-width: 32rem;
    position: relative;
    top: 1.5rem;
}

.text-block h1 {
    font-size: 3.5rem;
}

.text-block h2 {
    font-size: 2.15rem;
}

.text-block p {
    margin: 1rem 0 1.5rem 0;
    font-weight: normal;
    font-size: 1.2rem;
}

.btn-banner {
    position: relative;
    z-index: 9;
    color: #cc0000;
    background: #ffffff;
    border-radius: 4px;
    padding: 0.7rem 2.6rem;
    font-family: "SantanderText-Regular";
    font-size: 1.2rem;
    display: inline-block;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
    border: none;
}
.primeira-dobra .btn-banner {
    position: relative;
    z-index: 9;
    color: #000;
    background: #fff;
    border-radius: 4px;
    padding: 0.7rem 2.6rem;
    font-family: "SantanderText-Regular";
    font-size: 1.2rem;
    display: inline-block;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
    border: none;
    text-align: center;
}
.btn-default {
    color: #ffffff;
    background: #cc0000;
    border-radius: 4px;
    padding: 1rem 2.9rem;
    font-family: "SantanderText-Regular";
    font-size: 1.2rem;
    display: inline-block;
    text-decoration: none;
}

.bottons-banner p{
    font-size: 18px;
    margin: 2rem 0 0.3rem 0 !important;
}
.bottons-banner a{
    color: #fff;
}
/* DESCRICAO POS BANER */

.sub-description-banner p {
    color: #222222;
    line-height: 1.55;
    margin: 2.5rem 0 1.5rem 0;
}

ul li {
    color: #222222;
    font-family: "SantanderText-Regular";
    font-size: 20px;
    display: flex;
    margin-bottom: 1.125rem;
    padding-right: 15px;
}

ul li svg {
    margin-right: 1rem;
}

ul {
    list-style: none;
    padding: 0;
}

.sub-description-banner h3 {
    font-family: "SantanderText-Regular";
    font-size: 1.5rem;
    line-height: 1.31;
    color: #222222;
    margin-top: 2.7rem;
    margin-bottom: 2rem;
    font-weight: normal;
}

.sub-description-banner ul {
    padding-top: 1rem;
}

.text-center {
    text-align: center;
}

.bg-ganb {
    background-image: url(./fill-4-desktop.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 12rem;
    background-position: center;
    border-radius: 4px;
}

.bg-ganb-2{
    background-image: url(./fill-empresas.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 12rem;
    background-position: center;
    border-radius: 4px;
}

.separator {
    margin: 2.5rem 0;
}

.ajustment-display {
    align-items: center;
    justify-content: center;
    min-height: 12rem;
    padding-left: 15px;
    padding-right: 15px;
}

.sub-description-banner .titulo-empresa,
.sub-description-banner .descricao-empresa {
    color: #fff;
    margin: 0;
}

.sub-description-banner .titulo-empresa {
    font-family: 'SantanderHeadline-Regular';
    font-size: 2.25rem;
    text-decoration: none;
}

.sub-description-banner .descricao-empresa {
    font-family: "SantanderText-Regular";
    font-size: 1.375rem;
}

.href-link {
    display: flex;
    width: 100%;
    min-height: 11rem;
    position: relative;
    float: left;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 3rem 0;
}

button.btn-banner {
    cursor: pointer;
    border: none;
}


/* BLOCO VIDEO */

.bg-video {
    background-image: url("./bg-image-video-pj.jpg");
    background-size: contain;
    background-position: center;
    min-height: 34rem;
    background-repeat: no-repeat;
    margin-top: 5rem;
}

.facil-usar {
    margin: 72px 0;
    color: #444444;
}

.facil-usar .title-section {
    font-size: 40px;
}

.facil-usar .subtitle-section {
    font-size: 22px;
    margin-bottom: 3rem;
    margin-top: 1rem;
}
.custom-btn{
    width: 80% !important;
    padding: 1rem 1rem !important;
}
.facil-usar .texto-facil {
    margin: 0 0 2rem 0;
}

.facil-usar .texto-facil h4 {
    font-size: 23px;
    margin-top: 16px;
    font-family: 'SantanderText-Bold';
    font-weight: bold;
}

.separator .pj-size {
    font-size: 1.55rem;
    margin-bottom: 0.8rem;
}

.separator .sub-description-banner .descricao-empresa .pj-description {
    font-size: 1.25rem;
}

.facil-usar .texto-facil p {
    font-size: 1.1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.facil-usar .btn-default {
    font-size: 16px;
    padding: 0.8rem;
    width: 100%;
    padding-left: 2.2rem;
    padding-right: 2.0rem;
}
button{
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
}
.desktop-only {
    display: block;
}

.bg-red {
    background-color: #cc0000;
    margin: 2rem 0 0;
    position: relative;
    padding-bottom: 5rem;
}

.imagem-left {
    height: 115.3%;
    position: relative;
    left: -44%;
    float: left;
    display: none;
}

.w-100 {
    width: 100%;
}

.btn-cadastre {
    display: flex;
    justify-content: center;
}

.btn-cadastre-pj {
    display: flex;
    justify-content: center;
}

.btn-cadastre-pj .btn-default {
    width: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.pix-details-title {
    font-size: 28px;
    font-family: "SantanderHeadline-Regular";
    letter-spacing: -0.2px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
}

.pix-details h4 {
    font-size: 24px;
}

.text-quer-saber .pix-details p {
    font-size: 18px;
}

.quer-saber .text-quer-saber-pj {
    padding-left: 1rem;
}

.text-quer-saber {
    color: #fff;
    margin-top: 5rem;
    padding-left: 6rem;
}

.text-quer-saber img {
    margin-bottom: 2rem;
}

.text-quer-saber h2 {
    font-size: 28px;
    margin-bottom: 2rem;
}

.text-quer-saber p {
    font-size: 22px;
    margin-bottom: 2rem;
}

.text-quer-saber a {
    font-size: 20px;
}

.duvidas-title {
    margin-bottom: 3rem;
    color: #222222;
    margin-top: 3rem;
    font-size: 24px;
}

.duvidas-accordion {
    background-color: #f5f9fb;
}

.accordion__item {
    margin: 16px 0 16px 0px;
}

.accordion {
    background: #fff;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
    padding: 1rem 2rem;
}

.accordion__item__header {
    position: relative;
    font-size: 17px;
    padding-right: 3rem;
}

.accordion__item__header.active {
    background-color: #fff;
    transition: .4s;
}

.accordion__item__header.active::before {
    transform: rotate(0deg);
    top: 2px;
    cursor: pointer;
}

.accordion__item__header::before {
    height: 24px;
    width: 24px;
    content: "";
    position: absolute;
    right: 10px;
    top: 2px;
    transition: .2s all;
    transform: rotate(180deg);
    background: url(./ic-small-arrow-top.png);
    cursor: pointer;
}

.divider_duvidas {
    background-color: #cccccc;
    height: 1px;
    position: relative;
    top: 0px;
    width: 100%;
}

.accordion__item__content {
    display: none;
    overflow-y: hidden;
}

.accordion__item:first-child {
    margin-top: 5px;
}

.accordion__item:last-child {
    margin-bottom: 5px;
}

.resposta {
    color: #222222;
    font-family: SantanderTextRegular;
    font-size: 18px;
    line-height: 1.56;
    margin: 0 1rem;
    position: relative;
    width: 100%;
    padding-right: 4rem;
}

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

.number-strong {
    padding-right: 15px;
}

.duvidas-cta {
    margin: 3rem 0 56px;
}

.duvidas-cta h4 {
    color: #222222;
    font-size: 24px;
    margin-bottom: 0.5rem;
    font-family: 'SantanderText-Regular';
    font-weight: 500;
}

.duvidas-cta a {
    color: #cc0000;
    font-size: 22px;
}

.disclaimer-faq {
    border-radius: 2px;
    border: solid 1px #dddddd;
    background-color: #ffffff;
    padding: 1rem 2rem 1rem 2rem;
    margin-bottom: 72px;
}

.disclaimer-text {
    font-size: 15px;
}

.cadastre-agora {
    background: url(./group-16-copy.png);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 270px;
    height: 100%;
    background-position: center bottom;
}

.cadastre-agora .row {
    align-items: center;
    padding-top: 5rem;
}

.cadastre-agora .btn-default {
    padding: 0.8rem 2.6rem;
    width: 265px;
    font-size: 18px;
    padding-left: 2.4rem;
}

.cadastre-agora-pj .btn-aproveite .btn-default {
    padding: 0.8rem 1.5rem;
    font-size: 18px;
    padding-left: 1.5rem;
}

.cadastre-agora .btn-banner {
    font-size: 18px;
    padding: 0.8rem 4.3rem;
    padding-left: 4.3rem;
    width: 265px;
}

.cadastre-agora-pj .btn-aproveite .btn-banner {
    padding: 0.8rem 1.8rem;
    padding-left: 1.8rem;
}

.text-aproveite h4 {
    color: #fff;
    font-weight: 100;
    font-family: "SantanderHeadline-Regular";
    margin: 0.8rem 0;
}

.text-aproveite .first-text {
    font-size: 30px;
}

.text-aproveite .second-text {
    font-size: 27px;
}

.footer {
    margin: 1rem 0;
}

.bank-name {
    font-size: 16px;
    color: #222222;
    margin-bottom: 0;
}

.bank-address {
    color: #444444;
    font-size: 14px;
    font-family: "SantanderMicroText";
    margin-top: 0;
}

.links {
    margin: 1rem 0;
}

.footer-links {
    color: #444444;
    font-size: 16px;
    margin: 0.5rem;
}

.footer-links:nth-child(1) {
    margin-left: 0;
}

button {
    -webkit-appearance: none;
}

.btn-default:hover {
    background-color: #900;
    transition: all 0.3s;
}

.btn-banner:hover {
    background-color: #fde5e5;
    transition: all 0.3s;
}
.primeira-dobra .btn-banner:hover {
    /* background-color: #ccc;
    transition: all 0.3s; */
}

.just-mobile-only {
    display: none;
}

.mobile-only {
    display: none;
}
.desktop-only {
    display: block;
}

.desktop-tablet-only {
    display: block;
}

@media(max-width: 1270px){
    .text-block{
        max-width: 31rem;
    }
    .bg-black h3{
        font-size: 1.3rem;
    }
}

@media(max-width: 1200px) {
    .cadastre-agora .row {
        padding-top: 0rem;
    }
    .bg-right{
        background-image: url(./bg-sx-tablet.png);
        height: 35.72rem;
        width: 26rem;
    }
    .sub-description-banner .descricao-empresa {
        font-size: 1.125rem;
        margin-top: 0.5rem;
    }
    .bg-video {
        background-size: cover;
        background-position: center;
        min-height: 25rem;
        background-image: url("./bg-image-video-pj.jpg");
    }
    .sub-description-banner .titulo-empresa {
        font-size: 1.2rem;
    }
    .facil-usar {
        margin: 52px 1rem;
    }
    .bg-red {
        height: 100%;
        padding: 0 1rem 3rem;
    }
    .imagem-left {
        height: 100%;
        position: relative;
        left: -56%;
        float: left;
    }
    .text-quer-saber {
        color: #fff;
        margin-top: 3rem;
        margin-bottom: 3rem;
        padding-left: 2rem;
    }
    .cadastre-agora {
        background: url(./banner-1-pj-1214-x-240-v-0-copy-2.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left;
        text-align: center;
        padding: 1rem 0;
    }
    .cadastre-agora .row {
        padding-top: 0rem;
    }
    .cadastre-agora a {
        text-align: center;
    }
    .cadastre-agora .second-text {
        font-size: 18px;
        margin-bottom: 3rem;
    }
    .btn-aproveite {
        margin-bottom: 1.5rem;
    }
    .desktop-tablet-only {
        display: inline-block;
    }
    .just-mobile-only {
        display: none;
    }
}

@media(max-width: 767px) {
    .desktop-only-flex{
        display: none !important;
    }
    .mobile-only {
        display: block !important;
    }
    .desktop-only{
        display: none !important;
    }
    .facil-usar {
        margin-left: 0;
        margin-right: 0;
    }
    .sub-description-banner ul {
        border: 0;
        padding-top: 0;
    }
    .mobile-only {
        display: block;
    }
    .bg-ganb svg {
        width: 50px;
        height: 50px;
    }
    .bg-ganb-2 svg {
        width: 75px;
        height: 75px;
    }
    .bg-ganb .btn-banner {
        font-size: 1rem;
        padding: 0.7rem 2.3rem;
    }
    .bg-ganb-2 .btn-banner {
        font-size: 1rem;
        padding: 0.7rem 2.3rem;
    }
    .sub-description-banner .titulo-empresa {
        font-size: 1.25rem;
    }
    .sub-description-banner .descricao-empresa {
        font-size: 1rem;
    }
    .sub-description-banner h3 {
        margin-top: 1.7rem;
    }
    .facil-usar img {
        width: 100%;
    }
    .imagem-bloco-red {
        display: none;
    }
    .text-quer-saber {
        padding: 0;
    }
    .cadastre-agora-pj .btn-aproveite a {
        width: 100%;
    }
}

@media(max-width: 992px) and (min-width: 769px) {
    .sub-description-banner ul {
        border: 0;
    }
    .sub-description-banner h3 br {
        display: none;
    }
    .sub-description-banner h3 {
        margin-top: 1.7rem;
    }
    .separator {
        margin: 3.5rem 0;
    }
    .primeira-dobra {
        background-position: center;
        background-position-x: 75rem;
    }
    .bg-video {
        min-height: 20rem;
    }
    .imagem-left {
        display: none;
    }
    .imagem-bloco-red {
        display: none;
    }
    .text-quer-saber {
        padding: 1rem;
    }
    .facil-usar .mb-2 {
        margin-bottom: 4rem;
    }
    .bg-black .container{
        padding-left: 15px;
    }
    .text-block {
        max-width: 22rem;
    }
    .text-block p{
        font-size: 1rem;
    }
    .text-block h2 {
        font-size: 1.5rem !important;
    }
    .text-block h1 {
        font-size: 2.8rem;
        line-height: 1.29;
    }
    .bg-black h3{
        font-size: 1.25rem;
        width: 21rem;
    }
    .btn-aproveite .bg-black h3{
        width: auto;
    }
}

.bold{
    font-weight: bold;
}

@media (min-width: 576px) and (max-width: 767px){
    .container {
        max-width: 100%;
        padding: 0 20px;
    }
    .bg-black .container{
        padding-left: 0px;
    }
    .primeira-dobra .text-block h1 {
        font-size: 2.5rem;
        line-height: 1.29;
    }
    .primeira-dobra .text-block h2 {
        font-size: 1.5rem;
    }
    .primeira-dobra .text-block p {
        font-size: 1rem;
    }
    .primeira-dobra  .menu-snt {
        padding-left: 1rem;
    }
    .primeira-dobra .bg-right {
        background-image: url(./bg-sx-tablet.png);
        height: 34.72rem;
        width: 26rem;
    }
    .text-block {
        max-width: 21rem;
    }
    .primeira-dobra{
        height: 34.625rem;
    }
    .bg-black h3{
        width: 23rem;
    }
    .btn-aproveite .bg-black h3{
        width: auto;
    }
    div#contador p{
        width: 4.5rem;
        font-size: 30px;
        line-height: 32px;
        margin: 1.5rem 0 0 0;
    }
    div#contador-footer p{
        width: 4.5rem;
        font-size: 30px;
        line-height: 32px;
        margin: 1.5rem 0 0 0;
    }
}

.btn-cadastre-pj{
    margin-top: 1rem;
}

.desktop-only-flex{
    display: flex;
}

@media(min-width: 700px) and (max-width:768px) {
    .text-aproveite h4{
        margin: 2.8rem 0 !important;
    }
    .facil-usar .texto-facil h4{
        font-size: 20px;
    }
    .cadastre-agora-pj.cadastre-agora .btn-banner{
        width: 100% !important;
    }
    .cadastre-agora-pj.cadastre-agora .btn-default{
        width: 100% !important;
    }
    .cadastre-agora{
        background-position-y: -12rem;
    }
    .custom-btn{
        width: 95% !important;
        padding: 0.8rem 0.2rem !important;
        font-size: 0.9rem !important;
        color: #cc0000;
        background: #ffffff;
        
    }
}


@media(min-width: 533px) and (max-width:768px) {
    .facil-usar img {
        width: 100%;
    }
    .text-aproveite .first-text br {
        display: none;
    }
    .duvidas-cta {
        margin: 4rem 0;
    }
    .sub-description-banner ul {
        border: 0;
    }
    .bg-ganb svg {
        width: 70px;
        height: 70px;
    }
    .bg-ganb-2 svg {
        width: 70px;
        height: 70px;
    }
    .sub-description-banner h3 br {
        display: none;
    }
    .sub-description-banner h3 {
        margin-top: 1.7rem;
    }
    .separator {
        margin: 3.5rem 0;
    }
    .primeira-dobra {
        background-position: center;
    }
    .align-center a {
        text-decoration: underline;
    }
    .dobra-pj {
        height: 36rem;
    }
    .menu-snt {
        padding-left: 2.1rem;
    }
    .bg-video {
        min-height: 17rem;
    }
    .bg-ganb .btn-banner {
        font-size: 1rem;
        padding: 0.7rem 1.8rem;
    }
    .bg-ganb-2 .btn-banner {
        font-size: 1rem;
        padding: 0.7rem 1.8rem;
    }
    .imagem-bloco-red {
        display: none;
    }
    .bg-ganb-2 svg{
        width: 75px;
        height: 75px;
    }
}

.banner-video img {
    display: none;
}

@media(max-width: 532px) {
    .bottons-banner p {
        margin: 1rem 0 0.3rem 0 !important;
    }
    .bg-ganb .col-7,
    .bg-ganb .col-sm-2 {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 0;
        max-width: 100%;
    }
    .bg-video {
        min-height: 22rem;
        background-image: url(./group-31@2x.png);
        display: none !important;
    }
    .banner-video img {
        max-width: 100%;
        width: 100%;
        display: block;
        margin-top: 2rem;
    }
    .primeira-dobra {
        background-image: url(./axxxx_super_banner_mobile_375x588_230721.jpg);
        /* background-image: none;
        background-color: #000000; */
        background-position: right;
        min-height: 40rem;
    }
    .dobra-pj {
        height: 44rem;
    }
    .align-center {
        width: 100%;
    }
    .align-center-pj {
        width: 100%;
    }
    .align-center a {
        text-decoration: underline;
    }
    .text-block h2 {
        font-size: 1.5rem;
    }
    .text-block h1 {
        font-size: 2.5rem;
    }
    .text-block p {
        margin: 0.8rem 0 2rem 0;
        font-size: 1.1rem;
    }
    .text-block {
        top: 5rem;
    }
    .container {
        padding-left: 24px;
        padding-right: 24px;
    }
    .menu-snt {
        padding: 2rem 0rem 0rem 1.2rem;
    }
    .btn-banner {
        color: #fff;
        background-color: #cc0000;
        font-weight: normal;
        font-size: 1.125rem;
        width: 100%;
    }
    .sub-description-banner p {
        font-size: 1.125rem;
        margin: 2rem 0;
    }
    ul li {
        font-size: 1.125rem;
        padding-right: 0;
        margin-bottom: 1.2rem;
    }
    ul li svg path {
        width: 40px;
    }
    .sub-description-banner h3 {
        font-size: 1.5rem;
        text-align: left;
        margin-bottom: 2.5rem;
    }
    .btn-default {
        width: 100%;
        font-size: 1.125rem;
        padding: 0.6rem 2rem;
    }
    .bg-ganb {
        background-image: url(./fill-4.png);
        min-height: 24rem;
        background-position: bottom center;
    }
    .href-link {
        display: block;
        flex-direction: column;
        justify-content: initial;
        min-height: 24rem;
        text-align: center;
        padding-top: 2rem;
    }
    .ajustment-display {
        min-height: 24rem;
    }
    .separator {
        margin: 4rem 0;
    }
    .bg-ganb svg {
        width: 70px;
        height: 70px;
    }
    .sub-description-banner .titulo-empresa {
        text-align: center;
        font-size: 1.5rem;
        margin: 1rem 0;
    }
    .sub-description-banner .descricao-empresa {
        font-size: 1.1rem;
        margin-bottom: 2rem;
    }
    .bg-ganb .btn-banner {
        color: #cc0000;
        background-color: #fff;
        font-weight: normal;
    }
    .facil-usar .title-section {
        font-size: 32px;
    }
    .facil-usar .subtitle-section {
        font-size: 18px;
    }
    .facil-usar .texto-facil h4 {
        margin: 16px 0;
    }
    .facil-usar .btn-default {
        text-align: center;
        width: 100%;
    }
    .bg-red {
        height: 100%;
        padding: 2rem 0;
    }
    .quer-saber .btn-banner {
        background: #fff;
        color: #cc0000;
        text-align: center;
    }
    .pix-details h4 {
        font-size: 24px;
        margin: 0.5rem 0;
    }
    .text-quer-saber {
        padding: 0 1rem;
        margin: 0 0 1rem 0;
    }
    .text-quer-saber img {
        margin: 15px 0 30px;
    }
    .text-quer-saber h2 {
        font-size: 22px;
    }
    .text-quer-saber p {
        font-size: 18px;
        margin: 25px 0;
    }
    .text-quer-saber a {
        font-size: 18px;
        margin: 30px 0;
    }
    .duvidas-title {
        font-size: 20px;
    }
    .cadastre-agora .btn-banner {
        color: #cc0000;
        background-color: #fff;
        font-size: 1.125rem;
        width: 100%;
    }
    .cadastre-agora .btn-default {
        width: 100%;
    }
    .resposta {
        margin: 0;
        padding-right: 0;
    }
    .duvidas-cta h4 {
        font-size: 22px;
    }
    .duvidas-cta a {
        font-size: 18px;
    }
    .cadastre-agora-pj .btn-aproveite .btn-default {
        padding: 0.8rem 1rem;
        padding-left: 1rem;
    }
    .cadastre-agora-pj .btn-aproveite .btn-banner {
        padding: 0.8rem 1.8rem;
        padding-left: 1.8rem;
    }
    .text-aproveite .first-text {
        font-size: 24px !important;
        margin-bottom: 2rem;
    }
    .cadastre-agora{
        background-position-y: -3rem !important;
    }
    .bank-name {
        margin-bottom: 0;
    }
    .bank-address {
        margin: 0;
    }
    .links {
        margin: 32px 0 0;
    }
    .links .footer-links:first-child {
        margin: 0;
    }
    .links .footer-links {
        font-size: 14px;
    }
    .just-mobile-only {
        display: block;
    }
    .desktop-tablet-only {
        display: none;
    }
}

@media(max-width: 350px) {
    .sub-description-banner .titulo-empresa {
        font-size: 1.5rem !important;
    }
    .text-block h1 {
        font-size: 2.2rem;
    }
    .text-block h2 {
        font-size: 1.2rem;
    }
    .text-block p {
        margin: 0.8rem 0 1.3rem 0;
        font-size: 1.1rem;
    }
    .btn-banner {
        font-size: 1rem !important;
        padding: 0.7rem 2.2rem !important;
    }
    .text-block {
        top: 5rem !important;
        min-height: 36.5rem !important;
    }
    .sub-description-banner.facil-usar .btn-default{
        font-size: 16px !important;
    }
}

@media (min-width: 765px) and (max-width: 992px) {
    .primeira-dobra {
        background-position: right;
        background-image: url(./axxxx_super_banner_tablet_768x608_230721.jpg);
	    /* background-image: none;
	    background-color: #000000; */
    }
    .container {
        max-width: 100% !important;
        padding: 0px 40px !important;
    }
}

@media (min-width: 765px) and (max-width: 1200px) {
    .primeira-dobra {
        background-position: right;
    }
    .dobra-pj {
        height: 34rem;
    }
    .text-block h2 {
        font-size: 1.85rem;
    }
    .text-block p {
        margin: 1.7rem 2rem 2rem 0;
    }
    .facil-usar .mb-2 {
        margin-bottom: 2rem;
    }
    .facil-usar .mb-4 {
        margin-bottom: 4rem;
    }
}

@media (min-width: 1200px) {
    .facil-usar .mb-5 {
        margin-bottom: 4rem;
    }
    .btn-aproveite .bg-black{
        margin-top: 2rem;
    }
    .pergunta{
        display: flex;
    }
    .sub-description-banner.facil-usar .texto-facil h4{
        margin-bottom: 1.125rem;
    }
    .texto-facil a{
        font-size: 18px;
    }
}
.bold{
    margin-top: 2rem;
}
.mt-3{
    margin-top: 3rem;
}
@media(max-width: 532px) {
    .facil-usar .texto-facil p{
        margin: 1rem 0 !important;
    }
    #contador {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .primeira-dobra .bg-black h3{
        width: auto;
    }
    #contador{
        text-align: center;
    }
    #contador-footer{
        text-align: center;
    }
    .primeira-dobra .container.abrir-conta{
        text-align: center;
    }
    .bg-ganb .col-7,
    .bg-ganb .col-sm-2 {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 0;
        max-width: 100%;
    }
    .bg-ganb-2 .col-7,
    .bg-ganb-2 .col-sm-2 {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 0;
        max-width: 100%;
    }
    .no-webp .bg-video {
        min-height: 22rem;
        background-image: url(./group-31@2x.png);
        display: none !important;
    }
    .webp-sup .bg-video {
        min-height: 22rem;
        background-image: url(./webimg/group-312x.webp);
        display: none !important;
    }
    .bg-video {
        min-height: 22rem;
        display: none !important;
    }
    .banner-video img {
        max-width: 100%;
        width: 100%;
        display: block;
    }
    .primeira-dobra {
        background-image: url(./axxxx_super_banner_mobile_375x588_230721.jpg);
	/* background-image: none;
	background-color: #000000; */
        background-position: right;
        min-height: 37.5rem;
    }
    .dobra-pj {
        height: 43rem;
    }
    .align-center {
        width: 100%;
    }
    .align-center-pj {
        width: 100%;
    }
    .align-center a {
        text-decoration: underline;
    }
    .text-block h2 {
        font-size: 1.4rem;
    }
    .text-block h1 {
        font-size: 2.5rem;
    }
    .text-block p {
        margin: 0.8rem 0 2rem 0;
    }
    .text-block {
        top: 5rem;
    }
    .container {
        padding-left: 24px;
        padding-right: 24px;
    }
    .menu-snt {
        padding: 2rem 0rem 0rem 1.2rem;
    }
    .bottons-banner {
        text-align: center;
    }
    .btn-banner {
        color: #fff;
        background-color: #cc0000;
        font-weight: normal;
        font-size: 1.125rem;
        width: 100%;
    }
    .sub-description-banner p {
        font-size: 1.125rem;
        margin: 2rem 0;
    }
    ul li {
        font-size: 1.125rem;
        padding-right: 0;
        margin-bottom: 1.2rem;
    }
    ul li svg path {
        width: 40px;
    }
    .sub-description-banner h3 {
        font-size: 1.5rem;
        text-align: left;
        margin-bottom: 2.5rem;
    }
    .btn-default {
        width: 100%;
        font-size: 1.125rem;
        padding: 0.6rem 2rem;
    }
    .bg-ganb{
        min-height: 24rem;
        background-position: bottom center;
    }
    .bg-ganb-2{
        min-height: 24rem;
        background-position: bottom center;
        background-image: url(./fill-empresas-mobile.png);
    }
    .no-webp .bg-ganb {
        background-image: url(./fill-4.png);
    }
    .webp-sup .bg-ganb{
        background-image: url(./webimg/fill-4.webp);
    }
    .href-link {
        display: block;
        flex-direction: column;
        justify-content: initial;
        min-height: 24rem;
        text-align: center;
        padding-top: 2rem;
    }
    .ajustment-display {
        min-height: 24rem;
    }
    .separator {
        margin: 4rem 0;
    }
    .bg-ganb svg {
        width: 70px;
        height: 70px;
    }
    .sub-description-banner .titulo-empresa {
        text-align: center;
        font-size: 2rem;
        margin: 1rem 0;
    }
    .sub-description-banner .descricao-empresa {
        font-size: 1.125rem;
        margin-bottom: 2rem;
    }
    .bg-ganb .btn-banner {
        color: #cc0000;
        background-color: #fff;
        font-weight: normal;
    }
    .facil-usar .title-section {
        font-size: 32px;
    }
    .facil-usar .subtitle-section {
        font-size: 18px;
    }
    .facil-usar .texto-facil h4 {
        margin: 16px 0;
    }
    .facil-usar .btn-default {
        text-align: center;
        width: 100%;
        margin-top: 1rem;
    }
    .sub-description-banner.facil-usar .bg-ganb-2 .btn-default{
        color: #cc0000;
        background-color: #fff;
        width: 90% !important;
        padding: 0.8rem !important;
        font-size: 18px;
    }
    .img-facil-1, .img-facil-2, .img-facil-3{
        margin: 1rem 0rem;
    }
    .bg-red {
        height: 100%;
        padding: 2rem 0;
    }
    .quer-saber .btn-banner {
        background: #fff;
        color: #cc0000;
        text-align: center;
    }
    .pix-details h4 {
        font-size: 24px;
        margin: 0.5rem 0;
    }
    .text-quer-saber {
        padding: 0 1rem;
        margin: 0 0 1rem 0;
    }
    .text-quer-saber img {
        margin: 15px 0 30px;
    }
    .text-quer-saber h2 {
        font-size: 22px;
    }
    .text-quer-saber p {
        font-size: 18px;
        margin: 25px 0;
    }
    .text-quer-saber a {
        font-size: 18px;
        margin: 30px 0;
    }
    .duvidas-title {
        font-size: 20px;
    }
    .cadastre-agora .btn-banner {
        color: #cc0000;
        background-color: #fff;
        font-size: 1.125rem;
        width: 100%;
    }
    .cadastre-agora .btn-default {
        width: 100%;
    }
    .resposta {
        margin: 0;
        padding-right: 0;
    }
    .duvidas-cta h4 {
        font-size: 22px;
    }
    .duvidas-cta a {
        font-size: 18px;
    }
    .cadastre-agora-pj .btn-aproveite .btn-default {
        padding: 0.8rem 1rem;
        padding-left: 1rem;
    }
    .cadastre-agora-pj .btn-aproveite .btn-banner {
        padding: 0.8rem 1.8rem;
        padding-left: 1.8rem;
    }
    .text-aproveite .first-text {
        font-size: 28px;
    }
    .bank-name {
        margin-bottom: 0;
    }
    .bank-address {
        margin: 0;
    }
    .links {
        margin: 32px 0 0;
    }
    .links .footer-links:first-child {
        margin: 0;
    }
    .links .footer-links {
        font-size: 14px;
    }
    .just-mobile-only {
        display: block;
    }
    .desktop-tablet-only {
        display: none;
    }
}
@media(max-width: 700px) and (min-width: 533px) {
    .primeira-dobra {
        background-image: url(./axxxx_super_banner_tablet_768x608_230721.jpg) !important;
	    /* background-image: none;
	    background-color: #000000; */
        background-position: center right;
        background-size: cover;
        background-repeat: no-repeat;
    }
}


@media(max-width: 370px) {
    .btn-cadastre-pj .btn-default{
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .text-block h1 {
        font-size: 2.2rem;
    }
    .text-block h2 {
        font-size: 1.2rem;
    }
    .text-block p {
        margin: 0.8rem 0 1.3rem 0;
        font-size: 1.1rem;
    }
    .btn-banner {
        font-size: 1rem !important;
        padding: 0.7rem 2.2rem !important;
    }
    .primeira-dobra #contador p{
        font-size: 38px;
        width: 4rem;
    }
    #contador-footer p{
        font-size: 38px;
        width: 4rem;
    }
    .primeira-dobra #contador span{
        font-size: 14px;
    }
    #contador-footer span{
        font-size: 14px;
    }
    #contador{
        left: -0.5rem;
    }
    #contador-footer{
        left: -0.5rem;
    }
    div#contador-footer p {
        width: 4rem;
        font-size: 35px;
    }
    div#contador-footer span {
        font-size: 14px;
    }

}

@media(min-width: 1600px) {
    .primeira-dobra{
        background-image: url(./axxxx_super_banner_desktop_1366x569_230721.jpg);
    }
    .bg-video {
        background-size: contain;
        background-repeat: no-repeat;
        max-width: 1140px;
        margin: 0 auto;
    }
    .banner-video a {
        max-width: 1140px;
        margin: 0 auto;
        display: block;
    }
    .facil-usar {
        margin-top: 0;
    }
}

.accordion__item__header{
    cursor: pointer;
}