header.mainHeader .logo-main,
header.mainHeader .logo-main img,
header.mainHeader ul.navSeg {
    display: none !important;
}

img#img_hash_MD5 {
    display: none;
}

body {
    background-color: #fff !important;
    font-style: normal;
}

:root {
    font-family: Bradesco, sans-serif;
}

.menuMobileSol .headerMobileUpgrade {
    align-items: center;
    height: 80px;
    display: flex;
    justify-content: space-between;
}

.menuMobileSol .headerMobileUpgrade .imgMenuMobile.active {
    background-image: red;
}

.menuMobileSol .containerIcon.active {
    justify-content: flex-end;
}

.menuMobileSol .containerIcon {
    display: flex;
    width: 220px;
    justify-content: space-between;
}

.menuMobileSol .headerMobileUpgrade a.mobileMenu.close {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background: url(/projetos/html/pessoajuridica/solucoes-integradas/cartoes/assets/img/conheca-cartoes/menu-close.webp);
}

.menuMobileSol .headerMobileUpgrade a.mobileMenu {
    display: block;
    margin-right: 30px;
    height: 30px;
    width: 30px;
    background: url(/projetos/html/pessoajuridica/solucoes-integradas/cartoes/assets/img/pessoajuridica/menu-icon-new.webp);
}

.menuMobileSol .headerMobileUpgrade a.buscaMobile {
    display: block;
    margin-left: 110px;
    width: 30px;
    height: 30px;
    margin-top: 4px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28.5px' height='28.6px' viewBox='0 0 18.5 18.6' enable-background='new 0 0 18.5 18.6' xml:space='preserve'%3e%3cg id='Camada_2' display='none'%3e%3crect x='-7' y='-11.5' display='inline' fill='%23DD8B14' width='40.1' height='41'/%3e%3c/g%3e%3cg id='Lupa'%3e%3ccircle fill='none' stroke='%23FFFFFF' stroke-width='2.5' cx='8.6' cy='8.3' r='6.7'/%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='square' stroke-linejoin='bevel' d='M13.5,12.9l2.8,3.5'/%3e%3c/g%3e%3c/svg%3e ") 0 0 no-repeat;
}

.menuMobileSol .imgMenuMobile {
    margin-left: 20px;
    margin-bottom: 10px;
    width: 135px;
    height: 49px;
}

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    background: linear-gradient(151deg,
            #cc092f 0,
            #cc092f 40%,
            #333b8f 90%,
            #333b8f 100%) 0 0 no-repeat padding-box;
    overflow-y: hidden;
    transition: 0.5s;
}

body.home div.busca {
    display: none;
}

#myNav .iconAcessibilidade p {
    text-align: left;
    font: normal normal bold 14px/17px Bradesco;
    color: #fff;
    padding-left: 10px;
    margin-bottom: unset;
}

.containerQrAndP img {
    width: 100%;
}

#myNav .iconAcessibilidade {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 40px;
    margin-left: 30px;
}

#myNav.active {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.overlay-content {
    position: relative;
    height: 200px;
    justify-content: space-around;
    display: flex;
    flex-direction: column;
    top: 10%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.menuMobileSol.active {
    background: #cc092f;
}

.buscaMobile.active {
    display: none !important;
}

.overlay a {
    text-decoration: none;
    font: normal normal bold 20px/47px Bradesco;
    letter-spacing: 1.6px;
    color: #fff;
    transition: 0.3s;
}

.overlay a:focus,
.overlay a:hover {
    outline: 0;
}

.overlay.active~.headerMobileUpgrade {
    background: red;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

.nav-link-mobile {
    text-align: left !important;
    padding-left: 20px;
}

.nav-link-mobile.active {
    outline: 0;
    color: #333b8f;
}

::-webkit-input-placeholder {
    color: #fff;
}

:-moz-placeholder {
    color: #fff;
}

::-moz-placeholder {
    color: #fff;
}

:-ms-input-placeholder {
    color: #fff;
}

.mfp-content {
    text-align: center !important;
}

.text_transparent {
    color: transparent !important;
    display: none;
}

div#topBar {
    background-image: -webkit-linear-gradient(90deg,
            #cc092f 0,
            #c7105b 23%,
            #333b8f 100%) 0 0 no-repeat padding-box;
    background-image: -moz-linear-gradient(left, #002a3a, #335973);
    background-image: -o-linear-gradient(left, #002a3a, #335973);
    background-image: linear-gradient(left, #002a3a, #335973);
    background-image: -ms-linear-gradient(left, #002a3a, #335973);
    border: none;
    height: 40px;
}

div#topBar div.holder {
    width: calc(100% - 120px);
}

div#topBar div.holder div.top-bar-center span {
    text-transform: uppercase;
    display: block;
}

div#topBar div.holder div.top-bar-center #webLibrasCNT {
    display: block;
}

div#topBar div.holder div.ico-cadeado {
    height: 20px;
}

div#topBar div.holder div.area-restrita a {
    width: 167px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    padding: 0 8px;
    border: 0;
    background: #e1173f;
    border-bottom: 1px solid #334147;
    border-right: 1px solid #334147;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    position: relative;
    border-radius: 30px;
    font-family: Bradesco, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

div#topBar div.holder div.como-usar:after {
    content: "";
    display: block;
    height: 20px;
    width: 2px;
    background: #afafaf;
    position: relative;
    top: -29px;
    left: -17px;
}

header.mainHeader {
    height: 110px;
    width: 100%;
    display: unset;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.7) 0,
            rgba(0, 0, 0, 0) 100%) !important;
    background: -o-linear-gradient(rgba(0, 0, 0, 0.7) 0,
            rgba(0, 0, 0, 0) 100%) !important;
    background: linear-gradient(rgba(0, 0, 0, 0.7) 0,
            rgba(0, 0, 0, 0) 100%) !important;
}

header.mainHeader h1 {
    width: 188px;
    background: #335973;
    text-align: center;
    height: auto;
    padding: 5px 15px;
    margin-top: 50px;
    top: 1px;
}

header.mainHeader h1 img {
    padding: 0;
    margin: 0 auto;
    display: block;
    width: 106px;
    height: auto;
}

ul.navSeg {
    transform: translate(-22%, 21%);
    padding: 27px 0 0;
}

ul.navSeg>li.ajust {
    margin-top: 11px;
}

ul.navSeg>li div.navCnt {
    border-bottom: 3px solid #cc092f;
    border-top: none;
    box-shadow: none;
    top: 63px;
    right: -26px;
}

ul.navSeg>li div.navCnt ul.nav {
    padding: 0;
}

ul.navSeg>li div.navCnt ul.nav>li {
    border-top: none;
}

ul.navSeg>li div.navCnt ul.nav>li:after {
    content: "";
    width: calc(100% - 32px);
    height: 1px;
    display: block;
    background-color: #ebebeb;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

ul.navSeg>li div.navCnt ul.nav>li a {
    font-size: 13px;
    font-weight: 600;
    padding: 10.5px 0;
    color: #3c3c3c;
    text-align: center;
    text-transform: unset;
    opacity: 1;
}

ul.navSeg>li div.navCnt ul.nav>li a:hover {
    color: #3c3c3c !important;
    background-color: #ebebeb !important;
    text-decoration: none;
}

ul.navSeg>li div.navCnt ul.nav:after {
    content: "";
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-top: none;
    position: absolute;
    top: -6px;
    right: 9px;
    z-index: -1;
}

ul.navSeg>li div.navCnt.emp a.maisperfis {
    color: #cc092f;
    border-top: 2px solid #cc092f;
    text-align: center;
    width: 240px;
    display: block;
    position: relative;
    left: -10px;
}

ul.navSeg>li.sub {
    margin-right: 32px;
}

ul.navSeg>li.sub.active_arrow a:after {
    content: "";
    transform: rotate(-180deg);
}

ul.navSeg>li.sub>a:after {
    background: url(../img/pessoajuridica/icon-seta-01.svg) center center no-repeat;
    content: "";
    border: none;
    width: 9px;
    height: 7px;
    transition: all ease 0.4s;
    right: -13px;
}

ul.navSeg>li.sub>a:before {
    display: none;
}

ul.navSeg>li.sub:hover a:after {
    content: "" !important;
    display: block !important;
}

ul.navSeg>li:hover>a {
    color: #fff !important;
    opacity: 1;
}

ul.navSeg>li.active>a {
    color: #fff !important;
    opacity: 1;
    line-height: 0;
    margin-top: 18px;
}

ul.navSeg>li>a {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    border: none;
    opacity: 0.6;
    letter-spacing: 0.6px;
    border: none !important;
    text-align: center;
}

nav#mainMenu {
    display: none;
    width: 188px;
    padding-top: 1px;
    z-index: 998;
    clear: left;
    position: relative;
}

nav#mainMenu>h2>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: 0 0;
}

nav#mainMenu>h2>ul>li {
    background: #335973 !important;
    margin-bottom: 0 !important;
}

nav#mainMenu>h2>ul>li:hover {
    background: #194459 !important;
}

nav#mainMenu>h2>ul>li:hover>a {
    color: #fff !important;
}

nav#mainMenu>h2>ul>li:hover>a::before {
    border-left: 0;
}

nav#mainMenu>h2>ul>li:before {
    content: "";
    display: block;
    height: 1px;
    margin: 0 auto;
    width: 150px;
    background: #d8d8d8;
}

nav#mainMenu>h2>ul>li.active>a {
    color: #fff !important;
}

nav#mainMenu>h2>ul>li.active>a::before {
    content: "";
    left: -10px;
    top: 0;
    height: 100%;
    position: absolute;
}

nav#mainMenu>h2>ul>li>a {
    color: #fff;
    display: block;
    font-size: 14px;
    margin-left: 10px;
    text-decoration: none;
    padding: 20px 0 20px 55px !important;
    box-sizing: border-box;
    text-transform: capitalize;
    font-weight: 500;
    text-align: left !important;
}

nav#mainMenu>h2>ul>li>a::after {
    display: none !important;
}

nav#mainMenu>h2>ul>li>a span {
    display: block;
}

nav#mainMenu>h2>ul>li.active>.wlautoHover a,
nav#mainMenu>h2>ul>li.active>a,
nav#mainMenu>h2>ul>li.active>wlauto a {
    color: #cc092f;
}

div.busca.busca-desk {
    right: 35px;
    top: 70px;
    z-index: 999;
}

div.busca.busca-desk fieldset {
    margin: 23px 40px;
}

div.busca.busca-desk fieldset input[type="text"] {
    background: 0 0;
    border-bottom: 1px solid #fff;
    font-style: normal;
    color: #dfe2e7;
    font-weight: 700;
    width: 140px !important;
    font-size: 11px !important;
}

div.busca.busca-desk fieldset input[type="button"] {
    background: transparent url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18.5px' height='18.6px' viewBox='0 0 18.5 18.6' enable-background='new 0 0 18.5 18.6' xml:space='preserve'%3e%3cg id='Camada_2' display='none'%3e%3crect x='-7' y='-11.5' display='inline' fill='%23DD8B14' width='40.1' height='41'/%3e%3c/g%3e%3cg id='Lupa'%3e%3ccircle fill='none' stroke='%23FFFFFF' stroke-width='2.5' cx='8.6' cy='8.3' r='6.7'/%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='square' stroke-linejoin='bevel' d='M13.5,12.9l2.8,3.5'/%3e%3c/g%3e%3c/svg%3e") 0 0 no-repeat;
    border-bottom: 1px solid #fff;
}

.home nav#mainMenu .botaoAbraConta {
    bottom: -69px;
    top: auto;
    left: 0;
    background: #cc092f;
    border: none;
    font-weight: 700;
    letter-spacing: 0.6px;
    font-size: 12px;
    padding-left: 30px;
    position: absolute;
    margin: 0 15px 15px 0;
    line-height: 54px;
    float: left;
    clear: left;
    filter: none;
}

.home nav#mainMenu .botaoAbraConta:after {
    content: "";
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 200 200'%3e%3ccircle fill='none' stroke='white' stroke-width='15' opacity='0.3' cx='100.5' cy='97.5' r='89.5'/%3e%3cpath fill='white' d='M85.633,112.337l24.692-21.4a7.763,7.763,0,0,1,9.878,0,5.506,5.506,0,0,1,0,8.567l-24.693,21.4a7.759,7.759,0,0,1-9.876,0A5.507,5.507,0,0,1,85.633,112.337Z'/%3e%3cpath fill='white' d='M85.633,76.984l24.692,21.41a7.762,7.762,0,0,0,9.878,0,5.506,5.506,0,0,0,0-8.567L95.51,68.413a7.782,7.782,0,0,0-9.876,0A5.509,5.509,0,0,0,85.633,76.984Z'/%3e%3c/svg%3e ") center center no-repeat;
    display: block;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 11px;
    left: 20px;
}

.home nav#mainMenu .botaoAbraConta:hover {
    background: #cc092f !important;
}

.menuMobileSol {
    display: none;
}

.home #boxServicosCartoes.semWrapper {
    width: 85%;
    margin: 20px auto 40px auto;
}

.home #boxServicosCartoes {
    margin: 0 auto 40px;
    width: 1300px;
    display: block;
    padding: 0 25px;
}

.home #boxServicosCartoes .box {
    background: #f0f1f5 0 0 no-repeat padding-box;
    box-shadow: none;
    border-radius: 20px;
    opacity: 1;
    padding: 60px 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

.cardServices {
    position: relative;
    display: grid;
    justify-content: space-around;
    justify-items: center;
    align-content: space-between;
}

.cardServices .containerServicos {
    position: relative;
    top: 30px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: 400px;
}

.cardServices .cardIconButtom {
    transition: right 0.3s;
    width: 314px;
    height: 162px;
    display: flex;
    align-items: flex-start;
    position: relative;
    background-color: #fff;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 4px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.cardServices .iconCard {
    border-radius: 24px;
    position: absolute;
    transition: 0.3s;
}

.cardServices .iconCard img {
    width: 80px;
    height: 80px;
}

.cardServices .seta {
    opacity: 0;
}

.cardServices .title {
    text-align: center;
    font: normal normal 600 16px/24px Bradesco;
    letter-spacing: 0;
    color: #e1173f;
    text-transform: uppercase;
    opacity: 1;
}

.cardServices .subtitle {
    text-align: center;
    font: normal normal 600 28px/30px Bradesco;
    letter-spacing: 0;
    color: #000;
    opacity: 1;
}

.cardServices .container {
    width: 100%;
    gap: 5rem;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    margin-bottom: 25px;
}

.home #containerBackgroundTop .imgBackgroundTop.mobile {
    display: none;
}

.containerHover a {
    text-decoration: none !important;
}

.containerHover:hover .cardIconButtom {
    cursor: pointer;
}

.containerHover:hover .titulo {
    color: #e1173f;
}

.containerHover:hover .iconCard {
    left: 260px;
    opacity: 0;
}

.containerHover:hover .iconCard img {
    width: 80px;
    height: 80px;
}

.containerHover:hover .seta {
    opacity: 1;
}

.containerHover:hover p {
    left: 30px;
}

.cardIconButtom .texto {
    width: 180px;
    position: relative;
    left: 85px;
    font: normal normal normal 16px/20px Bradesco;
    letter-spacing: 0;
    color: #505050;
    opacity: 1;
    transition: 0.3s;
    text-align: initial;
    margin-top: 8px;
}

.cardIconButtom .titulo {
    width: 160px;
    text-align: initial;
    position: relative;
    left: 85px;
    font: normal normal 600 20px/25px Bradesco;
    letter-spacing: 0;
    color: #505050;
    opacity: 1;
    transition: 0.3s;
}

footer {
    background: #ebebeb;
    color: #fff;
    display: block;
    width: 100%;
    bottom: 0;
}

body.home.cartoes {
    overflow-x: hidden;
    background-image: url(../img/portal-pj/bckg-portal-pj.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 300px;
}

.home h2.bra-h2 {
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    letter-spacing: 0;
    color: #2b516a;
    text-transform: uppercase;
    opacity: 1;
    text-align: center;
}

.home #facilidadesBox .conteudoTab h3 {
    text-transform: unset !important;
}

.home .bra-h2-custom {
    font: normal normal 600 16px/24px Bradesco !important;
    letter-spacing: 0 !important;
    color: var(---e1173f-brand-primary);
    text-align: left;
    letter-spacing: 0 !important;
    color: #e1173f;
    text-transform: uppercase;
    opacity: 1;
    text-align: center;
}

.home h2.bra-custom {
    font: normal normal 600 26px/30px Bradesco;
    letter-spacing: 0;
    color: #47484c;
    opacity: 1;
    text-align: center;
}

.home h3.bra-h3 {
    color: #3c3c3c;
    font-size: 25px;
    padding-bottom: 10px;
    letter-spacing: 0.5px;
    font-weight: 400;
    text-align: center;
}

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    background: linear-gradient(151deg,
            #cc092f 0,
            #cc092f 40%,
            #333b8f 90%,
            #333b8f 100%) 0 0 no-repeat padding-box;
    overflow-y: hidden;
    transition: 0.5s;
}

#myNav.active {
    height: 100%;
    z-index: 9 !important;
}

.overlay-content {
    position: relative;
    height: 170px;
    justify-content: space-around;
    display: flex;
    flex-direction: column;
    top: 10%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.menuMobileSol.headerMobileUpgrade.active {
    background: #cc092f;
}

.buscaMobile.active {
    display: none !important;
}

.overlay a {
    text-decoration: none;
    font: normal normal bold 16px/47px Bradesco;
    letter-spacing: 1.6px;
    color: #fff;
    transition: 0.3s;
}

.overlay a:focus,
.overlay a:hover {
    text-decoration: none;
    outline: 0;
}

.overlay.active~.headerMobileUpgrade {
    background: red;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

.nav-link-mobile {
    text-align: left !important;
    padding-left: 20px;
}

.nav-link-mobile.active {
    outline: 0;
    color: #333b8f;
}

.home h3.bra-h3:after {
    content: " ";
    width: 50px;
    height: 4px;
    display: block;
    background: #80a7b6;
    position: relative;
    bottom: 0;
    left: 50%;
    top: 14px;
    transform: translate(-50%, 50%);
}

.home .btn-saiba-mais {
    color: #335973;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.2px;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
    display: block;
    height: 20px;
}

.home .btn-saiba-mais::before {
    content: "";
    background: url(../img/pessoajuridica/seta-saiba-mais-slick.png) no-repeat;
    background-size: 100%;
    display: block;
    height: 20px;
    width: 21px;
    left: 0;
    position: absolute;
    top: 0;
}

.home .btn-saiba-mais:hover {
    color: #335973;
}

.home #background-home {
    background-size: cover;
    position: absolute;
    z-index: -1;
    top: 20px;
    width: 100%;
    min-height: 600px;
    left: 0;
    z-index: auto;
    overflow: hidden;
}

.home #containerBackgroundTop {
    height: 82%;
    top: 700px;
    position: absolute;
    width: 100%;
    z-index: auto;
    opacity: 1;
    left: 0;
}

.home #containerBackgroundFooter {
    bottom: -60px;
    position: absolute;
    width: 100%;
    height: 1175px;
    z-index: auto;
    opacity: 1;
    left: 0;
}

.home #lightT {
    top: 0;
    width: 100%;
    position: fixed;
    height: 120px;
    z-index: 999;
    background-color: #fff;
    display: flex;
    justify-content: center;
}

.home #background-home .swiper-pagination {
    padding-bottom: 3%;
}

@media (max-width: 720px) {
    .home #background-home .swiper-pagination {
        padding-bottom: 0%;
    }
}

.home #background-home .swiper-button-next {
    margin-right: 5rem;
    color: #fff;
}

.home #background-home .swiper-button-prev {
    margin-left: 5rem;
    color: #fff;
}

.home #background-home #lightT .img-logo {
    width: 200px;
    display: flex;
    align-items: center;
    height: 65px;
    margin-right: 50px;
}

.home #background-home .swiper-pagination {
    color: #fff;
}

.home #background-home img {
    width: 100%;
    height: auto;
}

.home #background-home .mySwiper img {
    padding-top: 80px;
}

.home #background-home .swiper-container .swiper-zoom-container>img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.home #background-home #lightT .navbar-nav>.active>a {
    padding-bottom: 20px;
    text-align: center;
    outline: 0;
    color: #cc092f;
    font-weight: 600;
}

.home #background-home #lightT .navbar-nav>.active>.borderLi {
    border-bottom: 5px solid red;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #cc092f;
    min-width: auto;
    transition: color 1s;
}

.home #background-home #lightT .navbar-nav .nav-link {
    font-size: 14px;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(---47484c-grayscale-dg);
    text-align: center;
    font: normal normal 500 14px/18px Bradesco;
    padding-bottom: 25px;
    font-weight: 500;
    width: 200px;
    letter-spacing: 0;
    color: #47484c;
    opacity: 1;
}

.home #background-home #lightT .navbar-nav {
    width: 900px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
}

.home #boxGrey .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.home #background-home>a {
    display: block;
    height: 70%;
    position: absolute;
    text-decoration: none;
    width: 100%;
}

.home #background-home .banner-texto {
    position: relative;
    left: 15%;
    top: 180px;
    text-align: left;
    display: table;
    transform: translate(40%, 10%);
}

.home #background-home .banner-texto span {
    display: block;
    position: relative;
    font-size: 34px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-style: italic;
    color: #fff;
}

.home #background-home .banner-texto span:after {
    margin-top: 15px;
    display: block;
    content: "";
    background: #80a7b6;
    height: 4px;
    width: 50px;
}

.home #background-home .banner-texto p {
    display: block;
    position: relative;
    font-size: 14px;
    color: #fff;
    margin-top: 20px;
}

.home #background-home .banner-texto .btn-contrateja::after {
    content: "";
    display: block;
    width: 135px;
    height: 1px;
    left: 0;
    margin-top: 0;
    top: 25px;
    position: absolute;
    background-color: #d2d2d2;
}

.home .img-title-home {
    width: 100%;
}

.home .title-home {
    width: 300px;
}

.home .title-home h1 {
    margin-top: -10px !important;
    margin-left: 75px !important;
}

.home .title-home p {
    color: #fff;
    margin-left: 75px;
}

.home .title-home p:before {
    display: block;
    width: 65px;
    position: relative;
    top: 96px;
    left: 3px;
    content: "";
    height: 1px;
    background-color: #cc092f;
    text-align: center;
}

.home #boxGrey .swiper-button-next-unique {
    left: 50px;
    width: 32px;
    height: 32px;
}

.home #boxGrey .swiper-button-prev-unique img {
    filter: invert(0.5) sepia(1) saturate(0) hue-rotate(175deg);
}

.home #boxGrey .swiper-button-prev-unique {
    left: 50px;
    width: 32px;
    height: 32px;
    transform: matrix(-1, 0, 0, -1, 0, 0);
}

.home #boxGrey .mySwiper2 {
    position: relative;
    width: 100%;
    height: 100%;
}

.home #boxGrey .corpoSlide {
    width: 1320px;
    margin: 0 auto;
    height: 520px;
}

.home #boxGrey .box {
    box-shadow: 0 3px 6px #00000029;
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    padding: 60px 0;
    text-align: center;
    position: relative;
    height: 52rem;
    z-index: 1;
}

.home #boxGrey .box h3 p {
    font-size: 16px;
    color: #3c3c3c;
    line-height: 23px;
    letter-spacing: 0.5px;
    font-weight: 400;
}

.home #facilidadesBox {
    display: flex;
    align-items: center;
    margin-top: 6%;
    flex-direction: column;
    justify-content: space-around;
    height: 400px;
    width: 100%;
    flex-wrap: nowrap;
}

.home #facilidadesBox .containerBox {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 200px;
    flex-direction: column;
}

.home #facilidadesBox .containerBoxMobile {
    display: none;
}

.card,
.home #facilidadesBox .containerBoxMobile .card-header {
    padding: 0 !important;
    background-color: transparent !important;
    border-bottom: none !important;
    border: none !important;
}

.home #facilidadesBox .containerBoxMobile .tablinksMobile {
    width: 95%;
    border: none;
    left: 18px;
    margin: 10px;
    height: 88px;
    border-radius: 16px;
    text-decoration: none;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 0 2px 8px #00000029;
    font: normal normal 600 13px/18px Bradesco;
    letter-spacing: -0.13px;
    color: #2b516a;
    opacity: 1;
}

.home #facilidadesBox .conteudoTab {
    margin-top: 3%;
    margin-bottom: 0.5%;
}

.home #facilidadesBox .containerBoxMobile .tabcontentMobile {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.home #facilidadesBox .containerBoxMobile .textCard {
    text-align: center;
    font: normal normal 500 14px/24px Bradesco;
    letter-spacing: 0;
    color: #47484c;
    opacity: 1;
}

.home #facilidadesBox .containerBox .tab .tab1 .card1 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.home #facilidadesBox .containerBox .tab .tab1 .card1 .imgCard1 {
    cursor: pointer;
    background-repeat: no-repeat;
    width: 45%;
    height: 30%;
    background: url("../img/pessoajuridica/logo-cielo.webp") no-repeat center;
    position: absolute;
    top: 50px;
}

.home #facilidadesBox .containerBox .tab .tab1 .card2 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.home #facilidadesBox .containerBox .tab .tab1 .card2 .imgCard2 {
    background-repeat: no-repeat;
    cursor: pointer;
    width: 45%;
    height: 31%;
    background: url("../img/pessoajuridica/logo-veloe.webp");
    position: absolute;
    top: 32px;
}

.home #facilidadesBox .containerBox .tab .tab1 .card3 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.home #facilidadesBox .containerBox .tab .tab1 .card3 .imgCard3 {
    cursor: pointer;
    width: 45%;
    height: 30%;
    background: url("../img/pessoajuridica/logo-parcelamento.webp");
    position: absolute;
    top: 32px;
}

.home #facilidadesBox .containerBox .tab .tab1 .card1.active .imgCard1 {
    background: url("../img/pessoajuridica/logo-cielo-active.webp") no-repeat center;
}

.home #facilidadesBox .containerBox .tab .tab1 .card2.active .imgCard2 {
    background: url("../img/pessoajuridica/logo-veloe-active.webp");
}

.home #facilidadesBox .containerBox .tab .tab1 .card3.active .imgCard3 {
    background: url("../img/pessoajuridica/logo-parcelamento-active.webp");
}

.home #facilidadesBox .containerBox .tab .tab1 .card4.active .imgCard4 {
    background: url("../img/pessoajuridica/logo-alelo-active.webp");
}

.home #facilidadesBox .containerBox .tab .tab1 .card4 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.home #facilidadesBox .containerBox .tab .tab1 .card4 .imgCard4 {
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    width: 45%;
    height: 30%;
    background: url("../img/pessoajuridica/logo-alelo.webp");
    position: absolute;
    top: 32px;
}

.home #facilidadesBox .containerBox .tablinks1.active {
    transition: 1s;
    border: none;
    padding-top: 50px;
    margin: 10px;
    width: 180px;
    height: 180px;
    border-radius: 16px;
    opacity: 1;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow:
        5px 5px 15px #00000029,
        -5px -5px 16px #00000029;
    font: normal normal 600 13px/18px Bradesco;
    letter-spacing: -0.13px;
    color: #2b516a;
    opacity: 1;
}

.home #facilidadesBox .containerBox .active .tablinks {
    transition: 1s;
    outline: 0;
    font: normal normal 600 13px/18px Bradesco;
    background: transparent linear-gradient(50deg, #cc092f 0, #cc092f 40%, #333b8f 90%, #333b8f 100%) 0 0 no-repeat padding-box;
    opacity: 1;
    color: #fff;
    letter-spacing: -0.13px;
    padding: 30px 0 0;
}

.home #facilidadesBox .containerBox .tablinks:hover {
    cursor: pointer;
}

.home #facilidadesBox .containerBox .tablinks:focus {
    outline: thin dotted;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

.home #facilidadesBox .tab .tab1 {
    display: flex;
}

.home #facilidadesBox .tablinks {
    border: none;
    margin: 10px;
    width: 160px;
    height: 160px;
    border-radius: 16px;
    opacity: 1;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow:
        5px 5px 15px #00000029,
        -5px -5px 16px #00000029;
    font: normal normal 600 13px/18px Bradesco;
    letter-spacing: -0.13px;
    color: #6d6e71;
    opacity: 1;
}

.home #facilidadesBox .tablinks:hover {
    background: transparent linear-gradient(50deg, #cc092f 0, #cc092f 40%, #333b8f 90%, #333b8f 100%) 0 0 no-repeat padding-box;
    color: #fff;
}

.home #facilidadesBox .tablinks1 {
    border: none;
    padding-top: 50px;
    margin: 10px;
    width: 180px;
    height: 180px;
    border-radius: 16px;
    font: normal normal 600 13px/18px Bradesco;
    letter-spacing: -0.13px;
    opacity: 1;
    transition: 1s;
    outline: 0;
    background: url("../img/conheca-cartoes/lorem-img.svg");
    opacity: 1;
    color: #fff;
}

.home .mySwiper .swiper-button-next::after,
.home .mySwiper-banner .swiper-button-next::after {
    content: "";
    position: absolute;
    padding: 20px;
    box-shadow: 2px -2px 0 1px #fff inset;
    border: solid transparent;
    border-width: 0 0 2px 2px;
    transform: rotate(225deg);
}

.home .mySwiper .swiper-button-prev::after,
.home .mySwiper-banner .swiper-button-prev::after {
    content: "";
    position: absolute;
    padding: 20px;
    box-shadow: 2px -2px 0 1px #fff inset;
    border: solid transparent;
    border-width: 0 0 2px 2px;
    transform: rotate(45deg);
}

.home .mySwiperPj .swiper-button-prev::after {
    content: "";
    position: absolute;
    padding: 7px;
    box-shadow: 2px -2px 0 1px red inset;
    border: solid transparent;
    border-width: 0 0 2px 2px;
    transform: rotate(45deg);
}

.home .mySwiperPj .swiper-button-next::after {
    content: "";
    position: absolute;
    padding: 7px;
    box-shadow: 2px -2px 0 1px red inset;
    border: solid transparent;
    border-width: 0 0 2px 2px;
    transform: rotate(225deg);
}

.home #facilidadesBox .tabcontent {
    height: 90px;
    text-align: center;
    padding: 6px 12px;
    border-top: none;
}

.home #facilidadesBox .tabcontent h3 {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0;
    color: #000 !important;
    font: normal normal 600 20px/28px Bradesco;
    text-align: center;
    opacity: 1;
    padding-bottom: 10px;
}

.home #facilidadesBox .tabcontent h3::before {
    display: none;
}

.home footer {
    z-index: 10;
    position: relative;
}

.home #facilidadesBox .tabcontent p {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    font: normal normal 600 16px/24px Bradesco;
    text-align: center;
    color: #47484c;
    opacity: 1;
}

.home .buttonTab {
    cursor: pointer;
    letter-spacing: var(--unnamed-character-spacing-0);
    font: normal normal bold 14px/18px Bradesco;
    background: #ffffff00;
    margin: 25px;
    height: 48px;
    border: 2px solid #e1173f;
    border-radius: 24px;
    opacity: 1;
    color: #e1173f;
    letter-spacing: 0;
    padding: 0 48px;
}

.home .buttonTab1 {
    padding: 15px;
    background: #e1173f;
    font: normal normal bold 14px/18px Bradesco;
    margin: 5px 15px;
    width: 240px;
    border-radius: 24px;
    opacity: 1;
    color: #fff;
    letter-spacing: 0;
}

.home .buttonTab:hover {
    text-decoration: none;
}

button:focus {
    outline: 0 !important;
}

.home #facilidadesBox .buttonTabMobile {
    letter-spacing: var(--unnamed-character-spacing-0);
    font: normal normal bold 14px/18px Bradesco;
    background: #fff;
    margin: 15px;
    width: 169px;
    height: 48px;
    border: 1.5px solid var(---e1173f-brand-primary);
    border: 2px solid #e1173f;
    border-radius: 24px;
    opacity: 1;
    color: #e1173f;
    letter-spacing: 0;
}

#collapseFive,
#collapseFour,
#collapseThree,
#collapseTwo,
.home #facilidadesBox #collapseOne {
    width: 95% !important;
    background-color: #fff;
    margin-left: 28px !important;
    opacity: 0.8;
    border-radius: 12px;
}

.home #facilidadesBox .tablinksMobile.active {
    transition: 1s;
    outline: 0;
    font: normal normal 600 13px/18px Bradesco;
    background: transparent linear-gradient(90deg, #002a3b 0, #325872 100%) 0 0 no-repeat padding-box;
    opacity: 1;
    color: #fff;
    letter-spacing: -0.13px;
}

.home .containerError {
    color: red;
    margin: 0 auto;
    padding-top: 150px;
    font: normal normal 600 23px/18px Bradesco;
}

.home .containerErrorBeneficios {
    color: #fff;
    margin: 0 auto;
    padding-top: 150px;
    font: normal normal 600 23px/18px Bradesco;
}

.home #facilidadesBox .containerBoxMobile .card1 .tablinksMobile.active+.imgCard1 {
    background-color: #fff;
}

.home #facilidadesBox .containerBoxMobile .card3 .tablinksMobile.active+.imgCard3 {
    background-color: #fff;
}

.home #facilidadesBox .containerBoxMobile .card4 .tablinksMobile.active+.imgCard4 {
    background-color: #fff;
}

.home #boxOfertas {
    background-color: transparent;
    height: 540px;
    margin-top: 8%;
    width: 100%;
}

.home #boxOfertas .titleImg {
    font: normal normal 600 16px/24px Bradesco;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
}

.home #boxOfertas .subtitleImg {
    text-align: center;
    font: normal normal 600 22px/30px Bradesco;
    letter-spacing: 0;
    color: #fff;
    opacity: 1;
}

.home #boxOfertas .boxImagens {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    height: 340px;
    width: 100%;
}

.home #boxOfertas .imagemCartõesPj {
    border-radius: 34px;
    background: url("../img/conheca-cartoes/img-cartoes-pj.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: 10px;
    height: 100%;
    width: 30%;
    text-decoration: none;
}

.home #boxOfertas .imagemCartõesPj:hover {
    background-color: #e1173f;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    color: #ffffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: 10px;
    height: 100%;
    width: 30%;
    transition: 1s;
}

.home #boxOfertas .imagemCartõesPj:hover>.imagemCartõesPj p {
    text-align: center;
    color: #fff;
}

.home #boxOfertas .imagemBeneficios {
    text-align: center;
    border-radius: 34px;
    background: url("../img/conheca-cartoes/img-beneficios.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    text-decoration: none;
    width: 34%;
}

.home #boxOfertas .imagemBeneficios:hover {
    background: url("../img/conheca-cartoes/img-beneficios.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    color: #ffffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    width: 34%;
    transition: 1s;
}

.home #boxOfertas .imagemBeneficios a {
    text-align: center;
    color: #fff;
}

.home #boxOfertas .containerArrows {
    display: flex;
    position: absolute;
    z-index: 1;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
    bottom: 45%;
}

.home #boxOfertas .containerSwiperOfertas {
    display: none;
    width: 70%;
    margin: 0 auto;
    height: 250px;
}

.home #boxOfertas .mySwiper3 {
    height: 100% !important;
}

.home #boxOfertas .mySwiper3 .swiper-pagination3 {
    position: absolute !important;
    z-index: 1;
    width: 50px !important;
    bottom: -5px;
    left: 45%;
}

.home #boxOfertas .mySwiper3 .swiper-pagination3 .swiper-pagination-bullet {
    color: #e1173f !important;
    background: #e1173f !important;
}

.home #boxOfertas .mySwiper3 .swiper-wrapper {
    height: 92% !important;
}

.home #boxOfertas .mySwiper3 .swiper-slide {
    border-radius: 20px !important;
}

.home #boxOfertas .containerSwiperOfertas .swiper-button-next-unique {
    right: 12% !important;
    position: absolute !important;
    z-index: 2 !important;
    bottom: 14% !important;
}

.home #boxOfertas .containerSwiperOfertas .swiper-button-prev-unique {
    left: 12% !important;
    position: absolute !important;
    z-index: 2 !important;
    bottom: 14% !important;
}

.home #background-home .test {
    display: none;
}

.home #boxGrey .containerBandeira .labelInput {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.home #boxGrey .containerBandeira .labelInput img {
    margin-right: 3px;
    height: 18px;
}

.home #boxGrey .containerSlide {
    width: 20%;
    margin: 0 auto;
}

.home #boxGrey .buttonTab {
    padding: 15px;
    background: #fff;
    font: normal normal bold 14px/18px Bradesco;
    margin: 5px 15px 35px;
    width: 240px;
    border: 2px solid #e1173f;
    border-radius: 24px;
    opacity: 1;
    color: #e1173f;
    letter-spacing: 0;
}

.home #boxGrey .buttonTab2 {
    padding: 15px;
    background: #fff;
    font: normal normal bold 14px/18px Bradesco;
    margin: 15px;
    width: 240px;
    border: 2px solid #e1173f;
    border-radius: 24px;
    opacity: 1;
    color: #e1173f;
    letter-spacing: 0;
}

.home #boxGrey .containerFilters {
    display: flex;
    width: 100%;
    height: 12%;
    margin-bottom: 0.5rem;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    margin: 30px 0;
}

.home #boxGrey #filterButtons {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    display: flex;
    justify-content: center;
    margin-left: 20px;
}

.home #boxGrey #filterButtons select {
    border: none;
    border-bottom: 1px solid #a7a8ac;
    padding: 8px;
}

.home #boxGrey .group1 {
    flex-wrap: wrap;
    display: flex;
}

.home #boxGrey .group2 {
    flex-wrap: wrap;
    display: flex;
}

.home #boxGrey .containerGroup {
    justify-content: space-around;
}

.home #boxGrey .containerGroup {
    flex-wrap: wrap;
    font: normal normal 600 14px/22px Bradesco;
    letter-spacing: 0;
    color: #47484c;
    opacity: 1;
    display: flex;
    justify-content: center;
    margin: 1%;
}

.home #boxGrey .label_item {
    right: 10px;
    text-align: right;
    font: normal normal 600 13px/22px Bradesco;
    letter-spacing: 0;
    color: #47484c;
    opacity: 1;
    width: auto;
    padding-left: 25px;
    border-radius: 100px;
    border: 2px solid #47484c;
}

.home #boxGrey .radio_item:checked+label {
    background-color: red;
}

.home #boxGrey #cheksContainer {
    font: normal normal 600 14px/22px Bradesco;
    letter-spacing: 0;
    color: #47484c;
    opacity: 1;
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin-left: 5px;
}

.home #boxGrey .material-symbols-outlined {
    color: #47484c;
    font-size: 40px;
    font-weight: 100;
    position: relative;
    left: -6px;
    top: -2px;
}

.home #boxGrey button {
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 100px;
    border: 1.5px solid #47484c;
    letter-spacing: 0;
    font: normal normal 600 13px/22px Bradesco;
    color: #47484c;
}

.home #boxGrey button:focus {
    outline: thin dotted;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

.home #boxGrey .cardCheck {
    display: flex;
    padding: 5px 15px;
    margin: 8px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid;
    border-radius: 20px;
}

.home #boxGrey .cardCheck img {
    height: 18px;
    margin-left: 5px;
}

.home #boxGrey .cardCheck input[type="checkbox"] {
    position: relative;
    width: 2em;
    height: 1em;
    border-radius: 4px;
    appearance: none;
    outline: 0;
    cursor: pointer;
    transition: 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}

.home #boxGrey .cardCheck input[type="checkbox"]::before {
    position: absolute;
    content: "+";
    display: block;
    left: -8px;
    top: -6px;
    width: 5px;
    height: 5px;
    opacity: 1;
    font-size: 40px;
    font-weight: 100;
}

.home #boxGrey .cardCheck input[type="checkbox"]:checked::before {
    position: absolute;
    content: "";
    display: block;
    left: 4px;
    top: -4px;
    width: 7px;
    height: 15px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
}

.home #boxGrey .cardGroup {
    padding: 2px;
    margin: 2px;
}

.home #boxGrey .cardCheck .labelInput {
    margin-left: 0.5rem;
    margin-bottom: 0 !important;
    font-size: 14px;
}

.home #boxGrey .radio_item {
    display: none !important;
}

.home #boxGrey .buttonTab2 {
    letter-spacing: var(--unnamed-character-spacing-0);
    background: #fff;
    font: normal normal bold 14px/18px Bradesco;
    width: 240px;
    height: 48px;
    border: 1.5px solid var(---e1173f-brand-primary);
    border: 2px solid #e1173f;
    border-radius: 24px;
    opacity: 1;
    color: #e1173f;
    letter-spacing: 0;
}

.home #boxGrey .cardSlide {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    border-radius: 16px;
    background: #fff 0 0 no-repeat padding-box;
}

.home #boxGreu .cardSlide:first-child {
    margin-left: 50px;
}

.home #boxGrey .textSlide {
    background: 0 0;
    border-radius: 16px;
    position: relative;
    top: -5rem;
    box-shadow: 0 3px 16px #00000029 !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 90%;
}

.home #boxGrey .textSlide2 {
    background: 0 0;
    border-radius: 16px;
    position: relative;
    top: -8.6rem;
    box-shadow: 0 3px 16px #00000029 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 75%;
}

.containerLoading {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.containerLoading p {
    font: normal normal 600 16px/24px Bradesco !important;
    letter-spacing: 0 !important;
    text-align: left;
    letter-spacing: 0 !important;
    color: #e1173f;
    text-transform: uppercase;
    opacity: 1;
    text-align: center;
}

.breadcrumbNew .item:focus,
.breadcrumbNew .item:hover {
    color: #bfbfbf !important;
    text-decoration: none !important;
}

.breadcrumbNew .item {
    color: #bfbfbf !important;
}

.breadcrumbNew .active {
    color: #fff;
}

.breadcrumbNew {
    position: absolute;
    border-bottom: none;
    z-index: 9;
    top: 120px;
    font: normal normal 600 16px/20px Bradesco;
    margin-left: 50px;
    color: #bfbfbf;
    opacity: 0.6;
}

.breadcrumbNew ul {
    padding: 10px 16px;
    list-style: none;
}

.breadcrumbNew ul li {
    display: inline;
}

.breadcrumbNew ul li+li:before {
    padding: 8px;
    content: ">\00a0";
}

.breadcrumbNew ul li {
    text-decoration: none;
    opacity: 0.6;
}

.breadcrumbNew ul li:last-child {
    color: #fff;
    opacity: 1;
}

.home #boxGrey .textSlide .titleSlide {
    padding-top: 6rem;
    padding-bottom: 7%;
    font: normal normal 600 16px/24px Bradesco;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    color: #000;
    opacity: 1;
}

.home #boxGrey .textSlide2 .titleSlide2 {
    padding-bottom: 7%;
    margin-top: 9rem;
    text-align: center;
    font: normal normal 600 16px/24px Bradesco;
    font-weight: 600;
    letter-spacing: 0;
    color: #000;
    opacity: 1;
}

.home #boxGrey .textSlide .subtitleSlide {
    font: normal normal 600 14px/17px Bradesco;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0;
    color: #6d6e71;
    opacity: 1;
}

.home #containerBackground .imgBackground {
    top: 28%;
    margin-left: -60px;
    position: absolute;
    width: 100%;
    height: 75%;
}

.home #containerBackgroundTop .imgBackgroundTop {
    position: relative;
    width: 100%;
    height: 120%;
}

.home #containerBackgroundFooter .imgBackgroundFooter {
    position: relative;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.home #boxServicosCartoes .box .containerServicosMobile {
    display: none;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.home #background-home #lightT .img-logo {
    margin-top: 40px;
}

.home #boxGrey .containerArrows {
    right: -110px;
    bottom: 0px;
    flex-direction: row-reverse;
    position: absolute;
    width: 28rem;
    justify-content: space-evenly;
    display: flex;
}

.home #boxGrey .swiper-wrapper {
    padding-left: 20px;
    height: 420px;
    box-sizing: inherit;
}

.home #boxGrey .swiper-pagination {
    position: unset;
    width: 40%;
}

.home #boxGrey #progressBar {
    height: 4px;
    background-color: #6d6e71;
    border-radius: 13px;
    width: 300px;
}

.home #boxGrey .swiper-pagination2 {
    color: #e1173f;
    width: 35% !important;
    top: 48% !important;
    margin-right: 32% !important;
    left: 0 !important;
    height: 2px !important;
}

.home #boxGrey .swiper-slide {
    width: 295.5px !important;
    padding-bottom: 5px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.home #boxGrey .swiper-pagination-progressbar-fill {
    height: 4px !important;
    top: -0.9px !important;
    background: #e1173f !important;
}

.home #boxGrey .arrows {
    width: 92px;
    display: flex;
    justify-content: space-around;
}

.home #slickSlider {
    position: relative;
    padding-top: 120px;
    top: -110px;
    margin-bottom: 50px;
}

.home #slickSlider .filtro_thumbs {
    position: relative;
    max-width: 89.5%;
    overflow: hidden;
    margin: 0 35px;
}

.home #slickSlider .filtro_thumbs:hover .filtro {
    opacity: 0.75;
}

.home #slickSlider .filtro_thumbs .filtro {
    background-color: #000218;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.45;
    position: absolute;
    width: 100%;
    height: 100%;
}

.home #slickSlider .filtro_thumbs .box_text {
    position: absolute;
    width: 100%;
    text-align: center;
    display: block;
    top: 50%;
}

.home #slickSlider .filtro_thumbs .box_text p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 10px;
}

.home #slickSlider .filtro_thumbs .box_text span {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.5px;
    color: #fff;
    text-transform: uppercase;
}

.home #slickSlider .box_corporate-info p {
    color: #3c3c3c;
    opacity: 0.7;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 23px;
    margin: 20px 35px 15px 35px;
    min-height: 70px;
}

.home #slickSlider .box_corporate-info .btn-saiba-mais {
    color: #335973;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.2px;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
    margin: 0 35px;
    display: block;
    height: 20px;
}

.home #slickSlider .box_corporate-info .btn-saiba-mais:hover {
    color: #335973;
}

.home #slickSlider .slick-dots {
    bottom: -100px;
}

.home #slickSlider .slick-dots li {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #d8d8d8;
    margin: 0 10px;
}

.home #slickSlider .slick-dots li.slick-active {
    background-color: #80a7b6;
}

.home #slickSlider .slick-dots li button:before {
    display: none;
}

.home #slickSlider .slick-dots:after {
    content: "";
    display: block;
    height: 1px;
    background-color: #3c3c3c;
    opacity: 0.15;
    width: 100%;
    margin-top: 45px;
}

.home #boxItens {
    padding: 50px 0;
    margin-top: -110px;
}

.home #boxItens>p {
    color: #3c3c3c;
    display: block;
    font-size: 16px;
    opacity: 0.7;
    text-align: center;
    padding: 25px 0 50px;
    font-weight: 400;
}

.home #boxItens .aling-iten a {
    text-decoration: none;
}

.home #boxItens .aling-iten img {
    display: block;
    margin: 0 auto;
    max-width: 90px;
    max-height: 90px;
}

.home #boxItens .aling-iten span {
    color: #335973;
    display: block;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0;
}

.home #boxItens .aling-iten p {
    color: #3c3c3c;
    display: block;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.5px;
    opacity: 0.7;
    line-height: 23px;
    min-height: 60px;
}

.home #boxItens .__slick-position {
    position: relative;
}

.home #boxItens .slick_mobile .btn_acesse_agora {
    color: #3c3c3c;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.2px;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 30px;
    margin: 20px auto;
    display: block;
    height: 20px;
    text-align: center;
    margin-left: -25px;
    line-height: 11px;
}

.home #boxItens .slick_mobile .btn_acesse_agora::before {
    content: "";
    background-size: 100%;
    background-position: 50% 50%;
    padding-right: 5px;
    display: block;
    height: 19px;
    width: 16px;
    left: 0;
    position: absolute;
    top: -1px;
    background-position: 50%;
    margin-left: -11px;
}

.home #boxItens .slick_mobile .btn_acesse_agora:hover {
    color: #455d63;
}

.home #boxItens .slick_mobile .slick-slide {
    padding-top: 60px;
    opacity: 0;
    transition: all ease 0.5s;
}

.home #boxItens .slick_mobile .slick-slide .item {
    text-align: center;
}

.home #boxItens .slick_mobile .slick-slide .item img {
    margin: 0 auto;
    transform: scale(0.7);
    transition: all ease 0.5s;
}

.home #boxItens .slick_mobile .slick-slide .item span.title {
    opacity: 0;
    transition: all ease 0.5s;
    color: #3c3c3c;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding-top: 24px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 20px;
}

.home #boxItens .slick_mobile .slick-slide .item p {
    opacity: 0;
    transition: all ease 0.5s;
    color: #3c3c3c;
    font-size: 16px;
    padding-top: 16px;
    line-height: 23px;
    letter-spacing: 0.5px;
}

.home #boxItens .slick_mobile .slick-slide .item a {
    opacity: 0;
}

.home #boxItens .slick_mobile .slick-slide.slick-active {
    opacity: 1;
    transition: all ease 0.5s;
}

.home #boxItens .slick_mobile .slick-slide.slick-active .item span.title {
    opacity: 0;
    transition: all ease 0.5s;
}

.home #boxItens .slick_mobile .slick-slide.slick-active .item p {
    opacity: 0;
    transition: all ease 0.5s;
}

.home #boxItens .slick_mobile .slick-slide.slick-active .item a {
    opacity: 0;
    transition: all ease 0.5s;
}

.home #boxItens .slick_mobile .slick-slide.slick-current.slick-active.slick-center {
    position: relative;
    z-index: 2;
    transform: translateX(0);
}

.home #boxItens .slick_mobile .slick-slide.slick-current.slick-active.slick-center .item img {
    margin: 0 auto;
    transform: scale(1);
    transition: all ease 0.5s;
}

.home #boxItens .slick_mobile .slick-slide.slick-current.slick-active.slick-center .item span.title {
    opacity: 1;
    transition: all ease 0.5s;
}

.home #boxItens .slick_mobile .slick-slide.slick-current.slick-active.slick-center .item p {
    opacity: 1;
    transition: all ease 0.5s;
}

.home #boxItens .slick_mobile .slick-slide.slick-current.slick-active.slick-center .item a {
    opacity: 1;
    transition: all ease 0.5s;
}

.home #boxItens .slick-dots {
    bottom: -25px;
}

.home #boxItens .slick-dots li {
    width: 15px;
    height: 15px;
    background: #d9d9d9;
    margin: 0 7.5px;
    border-radius: 50%;
}

.home #boxItens .slick-dots li.slick-active {
    background: #696969;
}

.home #boxItens .slick-dots li button:before {
    content: "";
}

.home #boxItens ol.control_mobile_iten>.prev {
    width: 35%;
    position: absolute;
    height: 100%;
    background-color: #000;
    top: 0;
    left: 0;
    opacity: 0;
}

.home #boxItens ol.control_mobile_iten>.next {
    width: 35%;
    position: absolute;
    height: 100%;
    background-color: #000;
    top: 0;
    right: 0;
    opacity: 0;
}

.home #boxItens a.btn-saiba-mais-boxitens {
    display: block;
    font-size: 13px;
    color: #335973;
    text-decoration: none;
    text-transform: inherit;
    text-align: center;
    margin: 20px auto;
    max-width: 135px;
    position: relative;
}

.home #boxItens a.btn-saiba-mais-boxitens:after {
    content: "";
    height: 1px;
    display: block;
    background: #335973;
    margin: 0 auto;
    margin-top: 7px;
}

.home #boxServicos {
    position: relative;
    margin: 50px 0 150px;
}

.home #boxServicos .container {
    margin-top: 50px;
}

.home #boxServicos .box span {
    color: #3c3c3c;
    display: block;
    font-size: 22px;
    font-weight: 300;
    padding-bottom: 10px;
    letter-spacing: 0.5px;
    text-align: center;
    padding-bottom: 50px;
}

.home #boxServicos .box p {
    color: #3c3c3c;
    font-size: 16px;
    display: block;
    font-size: 16px;
    opacity: 0.7;
    text-align: center;
    padding-bottom: 50px;
    font-weight: 400;
}

.home #boxServicos .filtro_thumbs {
    position: relative;
    max-width: 89.9%;
    overflow: hidden;
    margin: 0 auto;
}

.home #boxServicos .filtro_thumbs .filtro {
    background-color: #000218;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.45;
    position: absolute;
    width: 100%;
    height: 100%;
}

.home #boxServicos .aling-iten a {
    text-decoration: none;
}

.home #boxServicos .aling-iten img {
    display: block;
    margin: 0 auto;
    width: 260px;
    width: 100%;
}

.home #boxServicos .aling-iten p {
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.5px;
    color: #fff;
    text-decoration: none;
    margin-top: 20px;
}

.home #boxServicos .aling-iten p:before {
    content: "";
    width: 60px;
    height: 1px;
    display: block;
    margin: 0 auto;
    background: #80a7b6;
    margin-bottom: 15px;
}

.home #boxServicos .boxbg {
    display: block;
    width: 100%;
    height: 240px;
    background-image: -webkit-linear-gradient(left, #002a3a, #335973);
    background-image: -moz-linear-gradient(left, #002a3a, #335973);
    background-image: -o-linear-gradient(left, #002a3a, #335973);
    background-image: linear-gradient(left, #002a3a, #335973);
    background-image: -ms-linear-gradient(left, #002a3a, #335973);
    position: absolute;
    bottom: -50px;
    z-index: -1;
}

html.accessib-contraste-pa .home #lightT,
html.accessib-contraste-pb .home #lightT {
    background-color: #000;
}

html.accessib-contraste-pa .home #boxGrey .box,
html.accessib-contraste-pb .home #boxGrey .box {
    background-color: #000;
}

html.accessib-contraste-pa .home #boxGrey button,
html.accessib-contraste-pb .home #boxGrey button {
    background-color: #000;
}

html.accessib-contraste-pa .home #boxGrey #filterButtons select,
html.accessib-contraste-pb .home #boxGrey #filterButtons select {
    background-color: #000;
}

html.accessib-contraste-pa .home #boxGrey .cardSlide,
html.accessib-contraste-pb .home #boxGrey .cardSlide {
    background-color: #000;
    border: 1px solid;
}

html.accessib-contraste-pa .home #boxGrey .swiper-pagination-progressbar-fill {
    background-color: #ff0 !important;
}

html.accessib-contraste-pb .home #boxGrey .swiper-pagination-progressbar-fill {
    background-color: #fff !important;
}

html.accessib-contraste-pa .home #boxServicosCartoes .box,
html.accessib-contraste-pb .home #boxServicosCartoes .box {
    background-color: #000;
}

html.accessib-contraste-pa .home #boxServicosCartoes .box,
html.accessib-contraste-pb .home #boxServicosCartoes .box {
    background-color: #000;
}

html.accessib-contraste-pa .arrows div:not(.swiper-button-disabled),
html.accessib-contraste-pb .arrows div:not(.swiper-button-disabled) {
    filter: brightness(0) invert() !important;
}

html.accessib-contraste-pa .cardServices .cardIconButtom,
html.accessib-contraste-pb .cardServices .cardIconButtom {
    background-color: #000;
    border: 1px solid;
}

html.accessib-contraste-pa .home #facilidadesBox .tablinks,
html.accessib-contraste-pb .home #facilidadesBox .tablinks {
    background: #000 !important;
    border: 1px solid;
}

html.accessib-contraste-pa .home #facilidadesBox .tab1>div>div,
html.accessib-contraste-pb .home #facilidadesBox .tab1>div>div {
    filter: grayscale(100%);
}

html.accessib-contraste-pa .home #boxOfertas .boxImagens a,
html.accessib-contraste-pb .home #boxOfertas .boxImagens a {
    filter: grayscale(100%);
}

html.accessib-contraste-pa .home #facilidadesBox .containerBox .active .tablinks,
html.accessib-contraste-pb .home #facilidadesBox .containerBox .active .tablinks {
    text-decoration: underline;
}

html.accessib-contraste-pa .cardDaytoDay .cardItem,
html.accessib-contraste-pb .cardDaytoDay .cardItem {
    background-color: #000;
    border: 1px solid;
}

html.accessib-contraste-pa #cardSwiperAndMessage .containerSwiper,
html.accessib-contraste-pb #cardSwiperAndMessage .containerSwiper {
    background-color: #000;
    border: 1px solid;
}

html.accessib-contraste-pa .home #cardSwiperAndMessage .swiper-pagination-progressbar-fill {
    background-color: #ff0 !important;
}

html.accessib-contraste-pb .home #cardSwiperAndMessage .swiper-pagination-progressbar-fill {
    background-color: #fff !important;
}

html.accessib-contraste-pa .containerCard .cardContact,
html.accessib-contraste-pb .containerCard .cardContact {
    background-color: #000;
    border: 1px solid;
}

html.accessib-contraste-pa .menuMobileSol.headerMobileUpgrade,
html.accessib-contraste-pb .menuMobileSol.headerMobileUpgrade {
    background: #000;
}

html.accessib-contraste-pa .overlay,
html.accessib-contraste-pb .overlay {
    background: #000;
}

html.accessib-contraste-pa .home #containerBackgroundPage,
html.accessib-contraste-pb .home #containerBackgroundPage {
    background: #000;
}

footer a.item__fones,
footer a.item__info-uteis {
    color: #3c3c3c !important;
}

#acessib-menu-feat #acessib-menu .acessib-content ul {
    list-style: none;
}

div.nao-correntista:after {
    width: 0 !important;
}

div.nao-correntista {
    position: absolute;
    right: 290px;
    top: 7px;
    width: 160px;
}

.ico-duvd {
    position: absolute;
    right: -28px;
    top: 0;
    width: 28px;
    height: 28px;
    z-index: 1000;
}

.duvd {
    width: 28px;
    height: 28px;
    display: table;
    background: url(/assets/pessoajuridica/img/icon-duvida-cpf.png) 0 0 no-repeat !important;
}

.duvd:hover {
    background: url(/assets/pessoajuridica/img/icon-duvida-cpf.png) 0 -28px no-repeat !important;
}

.containerMsg a {
    text-decoration: underline;
    color: inherit;
}

.containerMsg a:hover {
    color: inherit;
}

.white-popup-block {
    background: #fff;
    color: #000;
    width: 50%;
    height: auto;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    padding: 50px 75px;
}

.white-popup-block h3 {
    margin: 10px;
}

.white-popup-block p {
    margin: 30px 0;
}

.white-popup-block ul {
    list-style: disc;
    margin-bottom: 30px;
}

.white-popup-block ul li {
    text-align: left;
}

.mfp-close:before {
    content: "x";
    color: #000;
}

.cardf {
    border: none;
    margin: 10px;
    width: 160px;
    height: 160px;
    border-radius: 16px;
    opacity: 1;
    background: #fff 0 0 no-repeat padding-box;
    box-shadow:
        5px 5px 15px #00000029,
        -5px -5px 16px #00000029;
    font: normal normal 600 13px/18px Bradesco;
    letter-spacing: -0.13px;
    color: #6d6e71;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.cardf:hover {
    background: transparent linear-gradient(50deg, #cc092f 0, #cc092f 40%, #333b8f 90%, #333b8f 100%) 0 0 no-repeat padding-box;
    color: #fff;
}

.cardf p {
    text-align: center;
}

.cardf-ico1 {
    width: 120px;
    height: 63px;
    background: url("/projetos/html/pessoajuridica/solucoes-integradas/cartoes/assets/img/pessoajuridica/cielo.svg") no-repeat;
    background-size: cover;
}

.cardf:hover .cardf-ico1 {
    background: url("/projetos/html/pessoajuridica/solucoes-integradas/cartoes/assets/img/pessoajuridica/cielo-w.svg") no-repeat;
    background-size: cover;
}

.cardf-ico2 {
    width: 60px;
    height: 60px;
    background: url("/projetos/html/pessoajuridica/solucoes-integradas/cartoes/assets/img/pessoajuridica/livelo.svg") no-repeat;
    background-size: cover;
    background-position: center;
}

.cardf:hover .cardf-ico2 {
    width: 70px;
    height: 70px;
    background: url("/projetos/html/pessoajuridica/solucoes-integradas/cartoes/assets/img/pessoajuridica/livelo-w.svg") no-repeat;
    background-size: cover;
    background-position: center;
}

.cardf-ico3 {
    width: 50px;
    height: 50px;
    background: url("/projetos/html/pessoajuridica/solucoes-integradas/cartoes/assets/img/pessoajuridica/salavip.svg") no-repeat;
    background-size: cover;
    margin-bottom: 10px;
}

.cardf:hover .cardf-ico3 {
    background: url("/projetos/html/pessoajuridica/solucoes-integradas/cartoes/assets/img/pessoajuridica/salavip-w.svg") no-repeat;
    background-size: cover;
    margin-bottom: 10px;
}

.cardf-ico4 {
    width: 50px;
    height: 44px;
    background: url("/projetos/html/pessoajuridica/solucoes-integradas/cartoes/assets/img/pessoajuridica/menu.svg") no-repeat;
    background-size: cover;
    margin-bottom: 10px;
}

.cardf:hover .cardf-ico4 {
    background: url("/projetos/html/pessoajuridica/solucoes-integradas/cartoes/assets/img/pessoajuridica/menu-w.svg") no-repeat;
    background-size: cover;
    margin-bottom: 10px;
}

.mySwiper2 .swiper-slide img {
    width: 248px !important;
    height: auto !important;
}

html {
    font-family: "Bradesco Sans", sans-serif !important;
}
#wrapper {
    width: 100% !important
}

.home #boxGrey {
    position: relative;
    width: 1500px;
    margin: 0 auto;
    padding-top: 46%
}

a:hover {
    text-decoration: none
}

.box-servicos--autorizacao-parcial {
    display: flex;
    flex-flow: wrap;
    width: 100%
}

.box-servicos--autorizacao-parcial div {
    width: calc(45% - 20px);
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.box-servicos--autorizacao-parcial div img {
    width: 200px;
    margin: 40px
}

.home #boxOfertas .cardDescription {
    width: 100%;
    height: 100%;
    background: #707070;
    background: linear-gradient(180deg, rgba(112, 112, 112, .3) 0, rgba(0, 0, 0, .9) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 33px;
    transition: all .8s ease-in-out
}

.home #boxOfertas .imagemBeneficios:hover .cardDescription {
    width: 100%;
    height: 100%;
    background: #cc092f;
    background: linear-gradient(180deg, rgba(204, 9, 47, .8) 0, rgba(204, 9, 47, .7987570028011204) 25%, rgba(172, 12, 37, .8) 50%, rgba(161, 13, 34, .8) 75%, rgba(157, 13, 33, .8) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 33px
}

.home #boxOfertas .imagemBeneficios:hover .cardDescription {
    width: 100%;
    height: 100%;
    background: #cc092f;
    background: linear-gradient(61deg, rgba(204, 9, 47, .7) 0, rgba(204, 9, 47, .7) 40%, rgba(51, 59, 143, .7) 90%, rgba(51, 59, 143, .7) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 33px
}

.home #boxOfertas .imagemCartõesPj:hover .cardDescription {
    width: 100%;
    height: 100%;
    background: #cc092f;
    background: linear-gradient(61deg, rgba(204, 9, 47, .7) 0, rgba(204, 9, 47, .7) 40%, rgba(51, 59, 143, .7) 90%, rgba(51, 59, 143, .7) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 33px
}

#modal>div {
    cursor: pointer
}

.containerGroup {
    display: flex;
    flex-direction: column
}

#cheksContainer .check {
    display: flex;
    justify-content: center;
    align-items: center
}

#cheksContainer .check label {
    margin-bottom: 0
}

#cheksContainer .check input {
    margin-right: 10px
}

#containerCheck {
    display: flex;
    justify-items: center;
    align-items: center
}

#containerCheck p {
    margin: 0 20px 0 40px
}

.home #boxGrey .group1 {
    justify-content: center
}

.c-gradiente {
    background: linear-gradient(270deg, rgba(204, 9, 47, 1) 0%, rgba(51, 59, 143, 1) 100%) !important;
}

@media (min-width: 2000px) {
    .home #boxGrey .box {
        margin-top: 4rem;
    }
}

@media (min-width: 2250px) {
    .home #boxGrey .box {
        margin-top: 12rem;
    }
}

@media only screen and (max-width: 1954px) {
    .home #background-home .swiper-pagination {
        bottom: -50px;
    }
}

@media only screen and (max-width: 1950px) {
    .home #background-home .swiper-pagination {
        bottom: -40px;
    }
}

@media only screen and (max-width: 1900px) {
    .home #background-home .swiper-pagination {
        bottom: -60px;
    }
}

@media only screen and (max-width: 1830px) {
    .home #containerBackground .imgBackground {
        top: 24%;
        position: absolute;
        width: 100%;
        height: 82%;
    }

    .home #containerBackgroundTop .imgBackgroundTop {
        position: relative;
        z-index: -1;
        width: 100%;
        height: 100%;
    }

    .home #containerBackgroundFooter .imgBackgroundFooter {
        position: relative;
    }

    .home #background-home .swiper-pagination {
        bottom: 20px;
    }
}

@media only screen and (max-width: 1750px) {
    .home #background-home .swiper-pagination {
        bottom: -20px;
    }
}

@media only screen and (max-width: 1650px) {
    .home #background-home .swiper-pagination {
        bottom: -40px;
    }
}

@media only screen and (max-width: 1590px) {
    .home #background-home .swiper-pagination {
        bottom: -60px;
    }
}
@media only screen and (max-width:1550px) {
    body.home.cartoes {
        background-position-y: 324px
    }

    .home #background-home .swiper-pagination {
        bottom: -4rem
    }
}
@media only screen and (max-width: 1450px) {
    .home #boxGrey .corpoSlide {
        width: 990px;
    }
}

@media only screen and (max-width: 1437px) {
    .home #containerBackground .imgBackground {
        top: 16% !important;
    }
}
@media only screen and (max-width:1366px) and (min-width:700px) {
    .home #boxServicosCartoes {
        width: auto;
        padding: 20px
    }

    .home #boxServicosCartoes {
        width: auto
    }

    .breadcrumb {
        top: 15% !important
    }

    .home #background-home .swiper-pagination {
        bottom: 2rem !important
    }

    #abrasuacontaFixed {
        display: none !important
    }
}

@media only screen and (max-width:1366px) and (max-height:780px) {
    #wrapper #boxGrey {
        padding-top: 41rem !important
    }

    .home #boxGrey {
        width: 1200px;
        margin: 0 auto;
        padding-top: 40rem
    }

    body.home.cartoes {
        background-position-y: 130px
    }

    .home #boxServicosCartoes .box {
        margin: 0 auto;
    }
}
@media only screen and (max-width: 1340px) {
    .home #boxServicosCartoes .box .containerServicosMobile {
        display: flex;
    }

    .home #boxServicosCartoes .box .containerServicosMobile a {
        text-decoration: none;
    }

    .home #boxServicosCartoes .box .containerServicos {
        display: none;
    }

    .home #boxServicosCartoes .box .containerHover {
        padding-top: 25px;
    }

    .home #boxServicosCartoes .box .buttonTab {
        margin: 40px;
        padding: 1rem;
    }
}

@media only screen and (max-width: 1300px) and (min-width: 800px) {
    body.home.cartoes {
        background-size: 100% 80%;
    }
}

@media only screen and (max-width: 1290px) {
    .home #background-home .swiper-pagination {
        bottom: -30px;
    }
}

@media only screen and (max-width: 1280px) {
    .home #background-home .swiper-pagination {
        bottom: 2rem;
    }

    .home #boxGrey {
        padding-top: 36rem;
    }
}

@media only screen and (max-width: 1199px) {
    footer .list__links {
        margin: 20px 15px;
    }

    footer .list__fones {
        margin: 20px 15px;
    }

    footer .box__red {
        padding: 20px 15px;
    }

    footer .box__blue {
        padding: 20px 15px;
    }
}

@media only screen and (max-width: 1150px) {
    .home #boxGrey .corpoSlide {
        width: 660px;
    }
}

@media only screen and (max-width: 1050px) {
    .home #background-home .swiper-pagination {
        bottom: -1.5rem;
    }
}

@media (min-width: 1025px) {
    .desktop_hidden {
        display: none;
    }
}
@media only screen and (max-width:1024px) and (min-width:541px) {
    .home #boxGrey {
        width: 900px
    }
}

@media only screen and (max-width: 1024px) {
    .menuMobileSol {
        width: 100%;
        margin-top: 40px;
        z-index: 999;
        background: transparent linear-gradient(90deg, #cc092f 0, #cc092f 40%, #333b8f 90%, #333b8f 100%) 0 0 no-repeat padding-box;
        display: block;
    }

    .breadcrumbNew {
        display: none;
    }

    .home #background-home #lightT {
        display: none;
    }

    nav#MainMenuMobile.mega-menu .mm-panels>.mm-panel.mm-hasnavbar {
        display: block;
    }

    ::-webkit-input-placeholder {
        color: initial;
    }

    :-moz-placeholder {
        color: initial;
    }

    ::-moz-placeholder {
        color: initial;
    }

    :-ms-input-placeholder {
        color: initial;
    }

    .mobile_hidden {
        display: none;
    }

    header.mainHeader {
        display: none !important;
    }

    nav#mainMenu {
        display: none;
    }

    div.holderFixed {
        display: block !important;
        background: 0 0 !important;
    }

    div.holderFixedUpgrade {
        display: block !important;
        background: 0 0 !important;
    }

    header.headerMobile {
        display: none !important;
        background: linear-gradient(90deg, #cc092f 10%, #333b8f 100%) !important;
        background-image: -moz-linear-gradient(left, #002a3a, #335973);
        background-image: -o-linear-gradient(left, #002a3a, #335973);
        background-image: linear-gradient(left, #002a3a, #335973);
        background-image: -ms-linear-gradient(left, #002a3a, #335973);
        border-bottom: none;
    }

    header.headerMobile a.mobileMenu {
        background: url(../img/pessoajuridica/menu-icon.png) 0 0 no-repeat;
    }

    header.headerMobile a.mobileMenu.close {
        background: url(../img/pessoajuridica/menu-icon.png) 0 -40px no-repeat;
    }

    header.headerMobile div.busca.active {
        display: block !important;
    }

    body.home div#wrapper {
        padding: 0;
        display: block;
    }

    .busca-desk {
        display: none;
    }

    .home #background-home {
        position: relative;
        background-size: cover;
        background-position-x: 30%;
        top: 0;
        overflow: hidden;
    }

    .home #background-home .banner-texto {
        min-width: auto;
        float: left;
    }

    .home #boxGrey {
        padding: 0 25px;
    }

    .home #boxGrey .box {
        height: auto;
    }

    .home #slickSlider {
        padding: 0 25px;
        top: 0;
        margin-bottom: 110px;
    }

    .home #slickSlider .filtro_thumbs {
        margin: 0 10px;
    }

    .home #slickSlider .filtro_thumbs .box_text {
        padding: 0 30px;
    }

    .home #boxItens {
        padding: 0 25px;
    }

    .net__empresa section.mainContent {
        max-width: 100%;
        width: 100%;
        margin: 0;
        top: 0;
    }

    .net__empresa #background-home {
        background-position-x: 30%;
        background-size: cover;
        top: 0;
    }

    .net__empresa #background-home .banner-texto {
        width: auto;
        float: left;
    }

    footer .hidden__br {
        display: none;
    }

    footer .list__fones .col-lg-2.left-border:after {
        display: none;
    }

    .credito nav#mainMenu>h2>ul {
        display: none;
    }

    .credito #background-home {
        background-position-x: 30%;
        background-size: cover;
        top: 0;
    }

    .credito #background-home .banner-texto {
        width: auto;
        float: left;
        top: 230px;
        left: 20px;
    }

    .credito header.mainHeader h1 {
        display: none;
    }

    .credito header.mainHeader ul.navSeg {
        display: none;
    }

    .credito section.mainContent {
        max-width: 100%;
        width: 100%;
        margin: 0;
        top: 0;
    }

    .credito section.mainContent #boxServicos h1 {
        text-align: center;
        width: 100%;
        left: 0;
        padding: 0 20px;
    }

    .credito section.mainContent #boxCredito p {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        left: 0;
        top: 1400px;
    }

    .credito section.mainContent #boxCredito .img-boxCredito1 p {
        left: 5%;
    }

    .credito section.mainContent #boxCredito .img-boxCredito1 p:after {
        margin-left: 140px;
    }

    .credito section.mainContent #boxCredito .img-boxCredito1 p {
        left: 5%;
    }

    .credito section.mainContent #boxCredito .img-boxCredito1 p:after {
        margin-left: 140px;
    }

    .credito section.mainContent #boxCredito .img-boxCredito1 p {
        left: 5%;
    }

    .credito section.mainContent #boxCredito .img-boxCredito1 p:after {
        margin-left: 140px;
    }

    .credito section.mainContent #boxCredito .img-boxCredito2 p {
        left: -4%;
    }

    .credito section.mainContent #boxCredito .img-boxCredito2 p:after {
        margin-left: 140px;
    }

    .credito section.mainContent #boxCredito .img-boxCredito3 p {
        left: -17%;
    }

    .credito section.mainContent #boxCredito .img-boxCredito3 p:after {
        margin-left: 140px;
    }

    .credito section.mainContent #boxCredito .img-boxCredito4 p {
        left: 4%;
    }

    .credito section.mainContent #boxCredito .img-boxCredito4 p:after {
        margin-left: 140px;
    }

    .credito section.mainContent #boxCredito .img-boxCredito5 p {
        left: -4%;
    }

    .credito section.mainContent #boxCredito .img-boxCredito5 p:after {
        margin-left: 140px;
    }

    .credito section.mainContent #boxCredito .img-boxCredito6 p {
        left: -17%;
    }

    .credito section.mainContent #boxCredito .img-boxCredito6 p:after {
        margin-left: 140px;
    }

    .white-popup-block {
        width: 90%;
    }
}

@media only screen and (max-width: 1020px) {
    .home #boxServicosCartoes.semWrapper {
        width: 100%;
    }

    .home #test .imgBackground {
        margin-left: 0 !important;
    }

    .home #boxGrey .box {
        margin-top: -20rem;
    }

    .home #boxGrey {
        padding-top: 0;
    }

    .home #boxOfertas .containerSwiperOfertas {
        top: 20px;
        display: block;
        margin-top: 30px;
    }

    .home #boxOfertas {
        margin-top: 12%;
        height: 55rem;
    }

    .home #boxOfertas .imagemCartõesPj {
        width: 90%;
        margin-right: unset;
    }

    .home #boxOfertas .imagemCartõesPj:hover {
        margin-right: unset;
        width: 90%;
        background: url("../img/conheca-cartoes/img-cartoes-pj.png");
        background-repeat: no-repeat;
        background-position: center;
    }

    .home #boxOfertas .imagemBeneficios {
        width: 90%;
        margin-right: unset;
    }

    .home #boxOfertas .imagemBeneficios:hover {
        width: 90%;
        background: url("../img/conheca-cartoes/img-beneficios.png");
        background-repeat: no-repeat;
        background-position: center;
    }

    .home #boxOfertas .boxImagens {
        flex-wrap: wrap;
    }

    .home #boxOfertas .imagemBeneficios {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 979px) {
    .home footer .box__red .list__icones ul li {
        padding-right: 4px;
    }

    .home footer .list__links a span {
        height: 45px;
    }

    .credito div#topBar div.holder div.ico-cadeado {
        left: 0;
    }

    .credito header.headerMobile {
        display: none;
    }

    .credito nav.navSegMobile {
        display: none;
    }

    div#topBar div.holder div.area-restrita a {
        width: 140px;
    }
}

@media only screen and (max-width: 890px) {
    .home #boxGrey .corpoSlide {
        width: 360px;
    }
}

@media only screen and (max-width: 830px) {
    .overlay {
        z-index: 4 !important;
      }
      .menuMobileSol.active{
        width: 100%;
        position: relative;
        padding: 0 24px;
        margin-top: 25px;
        height: 104px;
    
      }
    .home #boxServicosCartoes {
        padding: unset;
        width: auto;
    }

    .home #boxServicosCartoes {
        margin-bottom: unset;
    }

    .home #boxServicosCartoes .box {
        border-radius: unset;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .home #boxServicosCartoes .box .containerHover {
        pointer-events: none;
    }

    .home #boxServicosCartoes .containerServicosMobile a:hover {
        text-decoration: none;
    }

    .home #boxServicosCartoes .containerServicosMobile a:focus {
        outline: 0;
        text-decoration: none;
    }
}

@media only screen and (max-width: 800px) {
    .home #background-home .mySwiper {
        top: 85px !important;
    }

    div.comboSegmentos {
        background: #fff !important;
        position: absolute;
        border-top: 1px solid #ffffff5e;
        z-index: 2;
        width: 100%;
        display: block !important;
        top: 120px;
    }
}
@media only screen and (max-height:780px) and (min-width:540px) {
    .home #boxServicosCartoes .box {
        padding: 30px 0;
        width: unset
    }
}

@media only screen and (max-width: 768px) {
    body.home.cartoes {
        overflow-x: hidden;
        background-image: initial  ;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: 300px;
    }
    .home #boxGrey .box span {
        font-size: 20px;
    }
    .box-servicos--autorizacao-parcial {
        flex-direction: column;
        align-items: center
    }

    .box-servicos--autorizacao-parcial div {
        width: calc(75% - 20px)
    }
    div.comboSegmentos {
        background: #fff !important;
        position: absolute !important;
        top: 75px !important;
        border-top: 1px solid #ffffff5e;
        z-index: 2;
        width: 100%;
        display: block !important;
    }

    div.comboSegmentos>span {
        color: #4d4e53;
        font-size: 0.9375rem;
        cursor: pointer;
        position: relative;
    }

    .home div.comboSegmentos {
        background: #cecece url(/assets/classic/img/bg-classic.jpg) repeat-x;
    }

    .home div.comboSegmentos.active {
        background-image: none;
    }

    .home #boxGrey .box p {
        font-size: 14px;
    }

    .home #boxServicos .filtro_thumbs {
        max-width: 70%;
    }

    .net__empresa section.mainContent .box__net-empresa .filtro_thumbs .box_text span {
        font-size: 16px;
    }

    .net__empresa section.mainContent .box__acesso {
        padding: 0 25px;
    }

    .net__empresa section.mainContent .box__acesso .box-text .box-acesso-text {
        flex-direction: column;
        text-align: center;
    }

    .net__empresa section.mainContent .box__acesso .box-text .box-acesso-text .button {
        margin-top: 15px;
    }

    .net__empresa section.mainContent .banner_midle {
        padding: 35px 40px;
    }

    .net__empresa section.mainContent .banner_midle .btn-conhecaapp {
        display: block;
        margin-left: 0;
        margin-top: 40px;
        float: none;
    }

    .credito section.mainContent #boxServicos {
        display: block;
        position: relative;
        margin: 0 auto;
    }

    .credito section.mainContent #boxServicos .row {
        display: block;
        position: relative;
    }

    footer .item__fones,
    footer .item__info-uteis {
        display: block;
        margin: 20px 25px;
    }

    footer .list__fones,
    footer .list__links {
        display: none;
        border: none;
        margin: 20px 36px;
    }

    footer .overflow__x {
        overflow-x: auto;
        height: auto;
    }

    footer .box__red .list__icones {
        display: block;
        width: 500px;
        margin-left: 0;
    }

    footer .box__red .list__icones ul {
        text-align: center;
    }

    footer .box__red .list__icones ul li {
        padding-right: 15px;
    }

    footer .end__text {
        color: #3c3c3c;
        margin: 20px 20px;
        display: block;
        font-size: 14px;
        text-align: center;
        letter-spacing: 1.5px;
    }

    footer .logo__footer {
        text-align: center;
    }

    .home #background-home .banner-texto span {
        font-family: Montserrat;
        font-style: italic;
        font-size: 25px;
        font-weight: 600;
        letter-spacing: 0.5px;
        margin-bottom: 20px;
        margin: 0 auto;
        text-transform: none;
        width: calc(100% - 50px);
    }

    .home #background-home .banner-texto p {
        font-family: Montserrat;
        font-size: 16px;
        font-style: italic;
        letter-spacing: 0.5px;
        margin-bottom: 4px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 764px) {
    .home #boxServicosCartoes .cardServices .cardIconButtom {
        width: 314px;
        margin-left: unset;
    }
}

@media only screen and (max-width: 726px) {

    .home #facilidadesBox .containerBox .home #background-home .mySwiper {
        display: none;
    }

    .home #background-home .test {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .home #background-home .test .mySwiper4 {
        width: 100%;
    }

    .home #background-home .test .mySwiper4 .swiper-pagination4 {
        position: absolute;
        z-index: 2;
    }

    .home #background-home .test .mySwiper4 .swiper-pagination-bullets {
        left: 50%;
        bottom: 5%;
        width: 50%;
    }

    .home #background-home .test .mySwiper4 .swiper-pagination-bullet {
        width: 22px;
    }
}

@media only screen and (max-width: 639px) {
    header.headerMobile a.buscaMobile {
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28.5px' height='28.6px' viewBox='0 0 18.5 18.6' enable-background='new 0 0 18.5 18.6' xml:space='preserve'%3e%3cg id='Camada_2' display='none'%3e%3crect x='-7' y='-11.5' display='inline' fill='%23DD8B14' width='40.1' height='41'/%3e%3c/g%3e%3cg id='Lupa'%3e%3ccircle fill='none' stroke='%23FFFFFF' stroke-width='2.5' cx='8.6' cy='8.3' r='6.7'/%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='square' stroke-linejoin='bevel' d='M13.5,12.9l2.8,3.5'/%3e%3c/g%3e%3c/svg%3e ") 0 0 no-repeat;
    }

    header.headerMobile a.buscaMobile.close {
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 21.9 21.9' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 21.9 21.9'%3e%3cpath fill='white' d='M14.1,11.3c-0.2-0.2-0.2-0.5,0-0.7l7.5-7.5c0.2-0.2,0.3-0.5,0.3-0.7s-0.1-0.5-0.3-0.7l-1.4-1.4C20,0.1,19.7,0,19.5,0 c-0.3,0-0.5,0.1-0.7,0.3l-7.5,7.5c-0.2,0.2-0.5,0.2-0.7,0L3.1,0.3C2.9,0.1,2.6,0,2.4,0S1.9,0.1,1.7,0.3L0.3,1.7C0.1,1.9,0,2.2,0,2.4 s0.1,0.5,0.3,0.7l7.5,7.5c0.2,0.2,0.2,0.5,0,0.7l-7.5,7.5C0.1,19,0,19.3,0,19.5s0.1,0.5,0.3,0.7l1.4,1.4c0.2,0.2,0.5,0.3,0.7,0.3 s0.5-0.1,0.7-0.3l7.5-7.5c0.2-0.2,0.5-0.2,0.7,0l7.5,7.5c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l1.4-1.4c0.2-0.2,0.3-0.5,0.3-0.7 s-0.1-0.5-0.3-0.7L14.1,11.3z'/%3e%3c/svg%3e ") 3px 5px no-repeat;
    }
}

@media only screen and (max-width: 620px) {
    .home #boxOfertas .containerSwiperOfertas .swiper-button-prev-unique {
        left: 10% !important;
    }

    .home #boxOfertas .containerSwiperOfertas .swiper-button-next-unique {
        right: 10% !important;
    }
}

@media only screen and (max-width: 580px) {
    .home #facilidadesBox .tablinks {
        width: 70px !important;
        content: " ";
        height: 75px !important;
    }

    .home #facilidadesBox .conteudoTab .firstTab p {
        width: 350px;
    }
}

@media only screen and (max-width:500px) and (max-height:940px) {
    .home #boxGrey {
        margin: 0 auto
    }
}
@media only screen and (max-width:542px) {

    .c-btn {
        color: #fff !important;
    }

    .home .holderMobile {
        width: 100% !important;
    }

    .home #facilidadesBox {
        margin-top: initial;
    }

    body.mobile div#topBar div.holder {
        display: block;
    }

    .menuMobileSol .imgMenuMobile {
        margin-bottom: 0;
        height: unset !important
    }

    div#topBar.headertopBar div.holderMobile a.fechar {
        right: 3px !important;
        left: initial !important;
    }

    .menuMobileSol .containerIcon {
        width: unset;
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .home #boxGrey {
        padding-top: initial;
        width: 100%
    }

    .home #background-home {
        min-height: initial;
        height: initial;
    }

    .home #background-home .test .mySwiper4 .swiper-pagination4 {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .home #background-home .test .mySwiper4 .swiper-pagination-bullets {
        left: unset;
    }

    .home #background-home img {
        padding-top: 0 !important;
    }

    .botaoAbraConta {
        width: initial !important;
    }

    .home #boxGrey .box {
        margin-top: 0;
        padding: 0
    }

    .home #boxGrey #filterButtons {
        margin-left: 0
    }

    #background-home {
        margin-bottom: 1rem
    }

    body.home.cartoes {
        margin-right: unset
    }

    .cardf p {
        margin-bottom: 0
    }

    body.home.cartoes {
        background-position-y: 750px
    }

    .home #boxGrey .group1 {
        width: 100%
    }

    #containerCheck p {
        margin: 0
    }

    .home #boxGrey .group2 {
        width: 100%;
        flex-wrap: initial;
        flex-direction: column
    }

    #containerCheck {
        flex-direction: column
    }

    .home #boxOfertas {
        margin-top: initial !important
    }    

    .home #background-home .mySwiper {
        display: none;
    }

    .home #boxGrey .containerArrows {
        left: 20px;
        right: initial;
        bottom: initial;
        width: 560px;
    }

    .home .buttonTab {
        height: initial;
    }

    .home #boxGrey .corpoSlide {
        width: 100%;
        height: 460px;
    }

    .containerBox .tab {
        width: 100%;
    }

    .facilidadesItem {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .home #boxGrey .swiper-wrapper { 
        padding-left: initial;
    }
}


@media only screen and (max-width: 520px) {
    .home #boxGrey #cheksContainer {
        padding: 15px 0;
    }

    .home #boxOfertas {
        margin-top: 0 !important;
    }

    .home #boxOfertas .containerSwiperOfertas {
        width: 85%;
    }

    .home #boxOfertas .containerSwiperOfertas .swiper-button-next-unique {
        right: 2% !important;
        bottom: 8% !important;
    }

    .home #boxOfertas .containerSwiperOfertas .swiper-button-prev-unique {
        left: 2% !important;
        bottom: 8% !important;
    }

    .home #boxOfertas .bra-h2-custom {
        text-align: center;
    }

    .home #boxOfertas .bra-custom {
        text-align: center;
        width: 90%;
        font: normal normal 600 22px/28px Bradesco;
        padding-left: 30px;
    }

    .home #boxOfertas {
        height: 55rem !important;
    }

    .home #facilidadesBox .bra-h2-custom {
        text-align: left;
    }

    .home #facilidadesBox {
        align-items: unset;
    }

    .home #facilidadesBox .bra-custom {
        text-align: left;
        font-size: 22px;
    }

    .home #boxGrey .bra-custom {
        margin-bottom: 10px;
        font-size: 22px;
        text-align: center;
    }

    .home #boxGrey .bra-h2-custom {
        text-align: center;
    }
}

@media only screen and (max-width: 426px) {
    .home #boxServicosCartoes.semWrapper {
        width: 100%;
    }

    .home #boxGrey .swiper-slide.virtuais {
        height: 400px;
    }

    .home #boxGrey .swiper-slide.virtuais .cardSlide.cardVirtual {
        margin-right: 120px !important;
    }

    .home #boxGrey .swiper-slide.virtuais .buttonTab2 {
        position: relative;
        bottom: 15px;
    }

    
    .home #containerBackgroundTop .imgBackgroundTop {
        display: none;
    }

    .home #containerBackgroundTop .imgBackgroundTop.mobile {
        display: block;
        margin-top: 120px;
    }

    .home #boxGrey .box {
        box-shadow: none;
    }

    .home #boxGrey .textSlide {
        background: #fff !important;
        height: 85% !important;
    }

    .home #boxGrey .swiper-slide {
        height: 370px;
    }

    .home #boxGrey .cardSlide {
        background: 0 0 !important;
    }

    .home #boxGrey .cardSlide img {
        position: relative;
        z-index: 4;
    }

    .home #boxOfertas .containerSwiperOfertas .swiper-button-next-unique {
        bottom: 7% !important;
    }

    .home #boxOfertas .containerSwiperOfertas .swiper-button-prev-unique {
        bottom: 7% !important;
    }
}



@media only screen and (max-width: 420px) {
    .overlay-content {
        top: 15%;
    }

    .cardIconButtom .titulo {
        font: normal normal 600 18px/25px Bradesco;
    }

    .cardIconButtom .texto {
        font: normal normal normal 11px/20px Bradesco;
    }
}

@media only screen and (max-width: 415px) {
    .home #boxOfertas {
        height: 42rem !important;
    }

    .home #boxOfertas .boxImagens {
        margin-top: 20px;
    }

    .home #boxOfertas .imagemCartõesPj {
        height: 235px;
        width: 332px;
        margin-right: unset;
    }

    .home #boxOfertas .imagemBeneficios {
        height: 235px;
        width: 332px;
        margin-right: unset;
    }

    .home #boxOfertas .imagemCartõesPj:hover {
        height: 235px;
        width: 332px;
    }

    .home #boxOfertas .imagemBeneficios:hover {
        height: 235px;
        width: 332px;
    }

    .home #boxServicosCartoes .cardServices .cardIconButtom {
        height: 130px;
        margin-left: unset;
    }
}


@media only screen and (max-width: 393px) {
    .home #boxGrey {
        padding: 0 14px;
    }

    .home #background-home .test .mySwiper4 .swiper-pagination-bullets {
        bottom: 5%;
    }
}

@media only screen and (max-width: 360px) {
    .home #boxServicosCartoes .cardServices .cardIconButtom {
        width: 280px;
        margin-left: 0px;
    }
    .menuMobileSol .headerMobileUpgrade a.buscaMobile {
        margin-left: 100px;
    }
}
@media only screen and (max-width:320px) {
    .home #boxGrey .mySwiper2 {
        padding-left: 0
    }

    .home #boxGrey .mySwiper2 {
        margin-left: 0
    }
}

.card-pod {
    max-width: 115px !important;
    max-height: 156px !important;
}

.banner {
    margin-top: 100px;
}

.swiper-slide-card {
    max-width: 295px;
}

@media (max-width: 720px) {
    .banner {
        margin-top: 0px;
    }

    .swiper-slide-card {
        max-width: 300px !important;
    }
}

.swiper-pagination {
    z-index: 1 !important;
}