@charset "UTF-8";


/*CSS para a pagina conta-internacional ( remessa.php ) */


.conta-internacional-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 8px;
    margin-top: 5px;
    margin-bottom: -20px;
}

.como-funciona-v2-title {
    font: 700 32px/44px Montserrat !important;
    color: #858585 !important;
    background: none !important;
}

.como-funciona-v2-sub-title {
    font: 16px/28px Montserrat !important;
    margin-top: -10px !important;
    color: #858585 !important;
    padding: 5px 20px 20px;
}

.di-none {
    display: none !important;
}

.heading.fix-space {
    margin: -30px 0 30px !important;
}

.heading.fix-space.fix-2 {
    margin: 30px 0 -10px !important;
}

.mini-icons-v2 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    width: 48px;
    height: 48px;
}

.mini-icons-v3 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    width: 48px;
    height: 48px;
    cursor: pointer;
}

.mini-icons-v3.disabled {
    background: #D9D9D9 !important;
}

.mini-icons-v3 img.i1 {
    width: 85%;
    filter: brightness(1) invert(1);
}

.mini-icons-v3.disabled img.i1 {
    width: 85%;
    filter: none;
}

.mini-icons-v3 img.i2 {
    width: 80%;
}

.mini-icons-v3 img.i3 {
    width: 50%;
}

.mini-icons-v3 img.i4 {
    width: 70%;
}

.mini-icons-v3 img.i5 {
    width: 60%;
}

.mini-icons-v3 img.i6 {
    width: 85%;
}

.btn-call-div {
    display: flex;
    justify-content: center;
    margin-top: 5px;
}

.btn-call-contas {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    border-radius: 30px;
    padding: 13px 30px;
    font-weight: 500;
    color: #fff;
    font: 600 15px/24px 'MontSerrat', Arial, sans-serif;
}

.btn-call-contas:hover {
    color: #fff !important;
}

.btn-call-contas.nomad:hover {
    color: #000 !important;
}

.h-title {
    font-size: 30px !important;
    line-height: 40px !important;
}

@media (min-width: 992px) {

    .heading.fix-space {
        margin: 50px 0 30px !important;
    }

    .heading.fix-space.fix-2 {
        margin: 40px 0 -20px !important;
    }

    .h-title {
        font-size: 26px !important;
    }

    .heading.fix-2 h3 {
        padding-bottom: 10px;
    }

    .mini-icons-v2 {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 15px;
        width: 70px;
        height: 70px;
    }

    .mini-icons-v3 {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        width: 135px;
        height: 55px;
    }

    .mini-icons-v3 img.i1 {
        width: 75%;
    }

    .mini-icons-v3 img.i2 {
        width: 60%;
    }

    .mini-icons-v3 img.i3 {
        width: 30%;
    }

    .mini-icons-v3 img.i4 {
        width: 50%;
    }

    .mini-icons-v3 img.i5 {
        width: 40%;
    }

    .mini-icons-v3 img.i6 {
        width: 60%;
    }

}



/* Dobra - 2 */
.nav-bancos-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.nav-bancos-inside {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 8px;
    margin-top: 5px;
    margin-bottom: 40px;
}

.remessa-cv1-wrap {
    display: flex;
    margin: 0 auto 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.remessa-cv1-wrap-inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.remessa-box {
    width: 320px;
    padding: 10px 30px 10px;
    padding-left: 65px;
    position: relative;
    margin-bottom: 5px;
    border-radius: 16px;
}

.remessa-box .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 15px;
    text-align: center;
    font: 700 18px Saira;
    color: #fff;
}

.remessa-box .title {
    font: 600 20px/32px Montserrat;
}

.remessa-box .sub-title {
    font: 16px/28px Montserrat;
    color: #858585;
}

/* Cores Bancos */
.s-nomad-bg {
    background: #FFD401;
}

.s-nomad-bg:hover {
    background: #FFD401 !important
}

.s-nomad-color {
    color: #FFD401;
}

.s-inter-bg {
    background: #FB8B24;
}

.s-inter-bg:hover {
    background: #FB8B24 !important
}

.s-inter-color {
    color: #FB8B24;
}

.s-bs2-bg {
    background: #352DD4;
}

.s-bs2-bg:hover {
    background: #352DD4 !important
}

.s-bs2-color {
    color: #352DD4;
}

.s-c6-bg {
    background: #1F1F1F;
}

.s-c6-bg:hover {
    background: #1F1F1F !important
}

.s-c6-color {
    color: #1F1F1F;
}

.s-wise-bg {
    background: #5a9834;
}

.s-wise-bg:hover {
    background: #5a9834 !important
}

.s-wise-color {
    color: #5a9834;
}

.s-avenue-bg {
    background: #000000;
}

.s-avenue-bg:hover {
    background: #000000 !important
}

.s-avenue-color {
    color: #000000;
}



/* Ajuste Padding Bottom END */
.remessa-box.s-nomad-bg,
.remessa-box.s-inter-bg,
.remessa-box.s-bs2-bg,
.remessa-box.s-avenue-bg,
.remessa-box.s-c6-bg,
.remessa-box.s-wise-bg {
    padding-bottom: 20px;
}

@media (min-width: 992px) {

    .remessa-cv1-wrap {
        margin: 10px auto 70px;
    }

    .remessa-cv1-wrap-inside {
        flex-direction: row;
        justify-content: start;
        align-items: flex-start;
    }

    .remessa-box {
        width: 560px;
        padding: 10px 30px 10px;
        padding-left: 65px;
        position: relative;
        margin-bottom: 5px;
        border-radius: 16px;
    }

}

.doc-view h2 {
    margin: 0 0 0.8rem 0;
    font: 500 24px/1.2 montserrat, sans-serif;
    color: var(--color-primary);
}

.doc-view p {
    margin: 0 0 0.8rem 0;
    text-align: justify;
}