/* version 3 */
h3 {
    margin: 0;
}

p {
    margin: 0;
}

.lesss-m {
    margin-top: -60px;
}

.bg-yw-gradient-home {
    background: linear-gradient(168.39deg, #DF9935 9.99%, #E49C37 30.24%, #E59F34 45.69%, #DF9831 68.84%, #DE9429 84.88%);
}

.bg-gradient-bnr3 {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 50%, #DAF1FF 100%);
}

.bg-gradient-bnr1 {
    background: linear-gradient(113.32deg, #5F249F 29.1%, #67CCC6 89.04%);
}

.bt-mg {
    background-color: #FF00F3;
}

.bt-mg:hover {
    background-color: #FF00F3;
    transition: all 0.5s;
    opacity: 0.6;
}

.bg-gradient-btnbnr3 {
    background: linear-gradient(180deg, #DAF1FF 0%, rgba(255, 255, 255, 0.9) 100%);
}

.bg-arrow {
    background-image: url('/assets/img/v3/home/body/arrow.webp');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 100% 0%;
}

.bg-banner-yellow-6en {
    background-color: #FFC349;
    background-image: url('/assets/img/v3/home/body/bum.webp');
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.bg-circle-blues {
    background-image: url('/assets/img/v3/home/icons/circleblue.svg') !important;
    background-repeat: no-repeat !important;
    background-size: 10% auto !important;
}

.title-bg {
    font-size: 3.75vw;
}

.subTitle-bg {
    font-size: 2.5vw;
}

.txt-home-18 {
    font-size: 1.40625vw;
}

.bg-min-h {
    min-height: 650px;
}

.banner-safe-h-min{
    min-height: 538px;
}

@media screen and (min-width: 1281px) {
    .banner-safe-h-min{
        min-height: 41.5625vw;
    }
}
@media screen and (max-width: 768px) {
    .banner-safe-h-min{
        min-height: 248px;
    }
    .carousel__item--imgOpen2020{
        margin-top: 1.5rem;
        width: 30%;
    }
    .carousel__item--imgStregis2020{
        margin-top: 2rem;
        width: 40%;
    }
    .carousel__item--imgStregid{
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 35%;
    }
    .btnbuy{
        width: 40%;
    }
}

    .bg-linear-fv {
        background: rgb(12, 164, 248);
        background: linear-gradient(56deg, rgba(12, 164, 248, 1) 0%, rgba(9, 45, 93, 1) 100%);
    }
@media screen and (min-width: 768px) {
    .bg-home__active {
        background-image: url('/assets/img/v4/home/bannerDic2023/figura03.webp');
        background-size: 44%;
        background-position: 92% 10%;
        background-repeat: no-repeat;
    }
    .bg-home__item0{
        background-image: url('/assets/img/v4/home/bannerDic2023/figureDic003.webp');
        background-size: 44%;
        background-position: 97% 20%;
        background-repeat: no-repeat;
    }
    .bg-bannerHouse{
        background-image: url('/assets/img/v4/home/bannerHouseUni/faces01.png');
        background-size: 60%;
        background-position: 90% 70%;
        background-repeat: no-repeat;
    }
    .bannerBrans{
        visibility: visible !important;
    }
}

.bg-open-finance {
    box-shadow: inset 300px -200px 200px -100px rgba(0,0,0,1);
    background-image: url('/assets/img/v3/home/body/ofBanner.webp');
    background-size: 700%;
    background-position: 80% 10%;
    background-repeat: no-repeat;
}

.bannerIcons {
    width: 50%;
    position: absolute;
    top: 25px;
    right: 0px;
}

.logosSlider {
    background-color: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
    padding: 20px 20px;
    position: relative;
    top: 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.cta-meet {
    position: relative;
    top: -60px;
    font-size: 20px;
}

.fv-yellow {
    color: #FFB828;
}

.fv-blue-text {
    color: #34A3F1;
}

.fv-yellow-button {
    padding: 10px 50px;
    border-radius: 40px;
    background-color: #FFB828;
    color: #FFFFFF;
}

.fv-yellow-alt {
    padding: 10px 50px;
    border-radius: 40px;
    border: #FFB828 solid 1px;
    color: #FFB828;
}

.bg-money {
    background-image: url('/assets/img/v3/home/body/bg-money.webp');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-money-res {
    background-image: url('/assets/img/v3/home/body/bg-money.webp');
    background-size: cover;
    background-position: center;
    /* background-repeat: no-repeat; */
}

.cta-money {
    padding: 10px 20px;
    color: white;
    border-radius: 60px;
    background-color: #34A3F1;
    transition: all .3s ease-in-out;
}

.cta-money:hover {
    color: white;
    background-color: #177cc4;
}

.buttons__btnVende{
    text-align: center;
    border-radius: 60px;
    padding: .3rem 2%;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.buttons__btnVende--0{
    color: var(--whiteGb);
    background-color: var(--bluePrimary);
    margin-right: 1rem;

}
.buttons__btnVende--1{
    color: var(--bluePrimary);
    border: 1px solid var(--bluePrimary);
    background-color: var(--whiteGb);
}



.banner01__buttons{
    width: 50%;
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 3rem;
}
.cta-money-alt {
    width: 40%;
    padding: 1% 0;
    color: white;
    border-radius: 60px;
    background-color: #FFB828;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
}
.banner__btn--02{
    width: 40%;
    padding:1% 0;
    color: white;
    border-radius: 60px;
    border: 1px solid #FFB828;
    background-color: transparent;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
}

.cta-money-alt:hover {
    color: white;
    background-color: #d5981d;
}
.cta-money-bn {
    padding: 5px 10px;
    color: white;
    border-radius: 60px;
    background-color: #34A3F1;
    transition: all .3s ease-in-out;
}

.bg-fv-ocean {
    background-color: #0A386B;
}

.bg-fv-ocean2 {
    background-color: #0D3D7E;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    transition: all .2s ease-in-out;
}

.bg-fv-ocean2:hover {
    transform: scale(1.1);
    transition: all .2s ease-in-out;
}

.card-home {
    transition: all .2s ease-in-out;
}

.card-home:hover {
    transform: scale(1.1);
    transition: all .2s ease-in-out;
}

.ia-container {
    position: relative;
    top: 0vh;
    background-image: url('/assets/img/v3/home/body/bannerIA.png');
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: center top;
}

.ia-container-shadow {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 7px 8px;
}

.hoverSoluciones {
    background-color: rgba(13, 127, 190, 0.5);
    /* 50% de transparencia */
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; */
    border-radius: 50px;
    transition: all .2s ease-in-out;
    width: 100%;
}

.hoverSoluciones:hover {
    background-color: rgba(13, 127, 190, 0.8);
    /* 50% de transparencia */
    cursor: pointer;
    color: #FFBB24;
    transition: all .3s ease-in-out;
}

.solCredito:hover {
    cursor: pointer;
    color: #FFBB24;
    transition: all .3s ease-in-out;
}

.solucionesContainer2 {
    min-height: 100vh;
}

.checkIcon {
    width: 20px;
    height: auto;
}

.scroll-animation {
    position: relative;
    left: -100px;
    /* Mueve el componente fuera de la vista inicialmente */
    opacity: 0;
    /* Inicialmente, el componente está invisible */
    transition: left 2s, opacity 3s;
}

.scroll-animation.active {
    left: 0;
    /* Cuando se activa la animación, el componente se mueve hacia abajo */
    opacity: 1;
    /* El componente se vuelve visible */
}

.scroll-animation2{
    position: relative;
    left: -100px;
    /* Mueve el componente fuera de la vista inicialmente */
    opacity: 0;
    /* Inicialmente, el componente está invisible */
    transition: left 1s, opacity 4s;
}

.scroll-animation2.active{
    left: 0;
    /* Cuando se activa la animación, el componente se mueve hacia abajo */
    opacity: 1;
    /* El componente se vuelve visible */
}


.scroll-animation3 {
    position: relative;
    right: -100px;
    /* Mueve el componente fuera de la vista inicialmente */
    opacity: 0;
    /* Inicialmente, el componente está invisible */
    transition: right 1s, opacity 4s;
}

.scroll-animation3.active {
    right: 0;
    /* Cuando se activa la animación, el componente se mueve hacia abajo */
    opacity: 1;
    /* El componente se vuelve visible */
}

.scroll-animation4 {
    position: relative;
    right: -100px;
    /* Mueve el componente fuera de la vista inicialmente */
    opacity: 0;
    /* Inicialmente, el componente está invisible */
    transition: right 1s, opacity 2s;
}

.scroll-animation4.active {
    right: 0;
    /* Cuando se activa la animación, el componente se mueve hacia abajo */
    opacity: 1;
    /* El componente se vuelve visible */
}

.scroll-animation5 {
    position: relative;
    left: -100px;
    /* Mueve el componente fuera de la vista inicialmente */
    opacity: 0;
    /* Inicialmente, el componente está invisible */
    transition: left 1s, opacity 2s;
}

.scroll-animation5.active {
    left: 0;
    /* Cuando se activa la animación, el componente se mueve hacia abajo */
    opacity: 1;
    /* El componente se vuelve visible */
}

.scroll-animation6 {
    position: relative;
    bottom: -100px;
    opacity: 0;
    /* Inicialmente, el componente está invisible */
    transition: bottom .8s, opacity 2s;
}

.scroll-animation6.active {
    bottom: 0;
    opacity: 1;
    /* El componente se vuelve visible */
}

.bg-cards {
    background-color: #0A386B;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.bg-cards-white {
    background-image: url('/assets/img/v3/home/body/bg-dot-white.png');
    background-size: 105%;
    background-position: 50% 200%;
    background-repeat: no-repeat;
}

.bg-cards-white-len {
    background-image: url('/assets/img/v3/home/body/bg-dot-white2.png');
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
}

.bg-blue-merchant {
    background-color: #0D7FBE;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: all .2s ease-in-out;
}
.bg_grad-merchant {
    background: var(--Gradient-azul, linear-gradient(229deg, #092D5D 60%, #0CA4F8 160.74%));
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}
.bg_grad-merchant--1{
    background: var(--Gradient-azul, linear-gradient(229deg, #092D5D 1%, #0CA4F8 100.74%));
    
}
.bg_grad-merchant--3{
    background: var(--Gradient-azul, linear-gradient(229deg, #092D5D 10%, #0CA4F8 100.74%));

}
.bg_grad-merchant--4{
    background: var(--Gradient-azul, linear-gradient(229deg, #092D5D 40%, #0CA4F8 180.74%));
}
.colo-title-ia{
    position: relative;
    background: var(--Gradient-azul, linear-gradient(229deg, #092D5D 2.47%, #0CA4F8 100.74%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 10;

}
.bg_grad-merchant:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
}
.bg-white-merchant {
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: all .2s ease-in-out;
}

.bg-blue-merchant:hover {
    transform: scale(1.1);
    transition: all .2s ease-in-out;
}

.font-cards {
    font-size: 30px;
    font-weight: bold;
}

.font-cards-p {
    font-size: 13px;
}




/* lenders */
.containerServicios {
    width: 25%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.infoServicioContainer {
    position: absolute;
    left: -500%;
    top: 0;
    background-color: #0A2D5D;
    color: white;
    /* width: 200px;  */
    height: 100%;
}

.containerServicios:hover .infoServicioContainer {
    left: 0;
    transition: left ease-in-out .6s;
}

.serviciosBtn {
    background-color: #0D7FBE;
    padding: 10px 20px;
    color: #0A2D5D;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.serviciosBtn:hover {
    background-color: #05517b;
    padding: 10px 20px;
    color: white;
    cursor: pointer;
}

.serviciosHover:hover {
    color: #FFB828;
    cursor: pointer;
    transition: all .3s ease;
}

@media screen and (min-width: 768px) {
    .lesss-m {
        margin-top: -95px;
    }

    .bg-min-h {
        min-height: 950px;
    }

    .py-10 {
        padding-top: 280px;
        padding-bottom: 100px;
    }

    .pt-10 {
        padding-top: 280px;
        /* padding-bottom: 100px; */
    }

    .solucionesContainer {
        min-height: 120vh;
        max-height: 120vh;
    }

    .solucionesContainer2 {
        min-height: 100vh;
        max-height: 100vh;
    }

    .solucionesContainer2 {
        min-height: 100vh;
        max-height: 100vh;
    }

    .ia-container {
        position: relative;
        top: 0vh;
    }

    .checkIcon {
        width: 30px;
        height: auto;
    }

    .bg-open-finance {
        box-shadow: inset 300px -200px 200px 200px rgba(0,0,0,1);
        background-position: none;
        background-size: 100%;
    }

}

.center-img-banner {
    top: 37%;
    left: 29%;
    right: 0%;
}

.homeappss-abs {
    top: 50%;
    left: 2%;
    right: 0;
}

@media screen and (min-width: 992px) {
    .cta-cards-home {
        position: relative;
        top: -35vh;
    }

    .banner-safe-h-min{
        min-width: 500px !important;
    }
    .containerBannerText02{
        gap: 1rem !important;
    }

}
@media screen and (min-width:768px) and (max-width: 992px){
    .containerBannerText02{
      width: 30%;
    }
}

@media screen and (min-width: 1440px) {
    .cta-meet {
        position: relative;
        top: -100px;
        font-size: 30px;
    }

    .solucionesContainer2 {
        min-height: 100vh;
        max-height: 100vh;
    }

    .font-cards {
        font-size: 2.39vw;
    }

    .font-cards-p {
        font-size: 1.07vw;
    }
}

@media screen and (min-width: 1440px) {
    .cta-meet {
        position: relative;
        top: -100px;
        font-size: 30px;
    }
}

@media screen and (min-width: 1450px) {
    .cta-cards-home {
        position: relative;
        top: -40vh;
    }
}

@media screen and (max-width: 768px) {
    .bg-circle-blues {
        background-size: 30% auto !important;
    }

    .center-img-banner {
        top: 50%;
    }

    .homeappss-abs {
        top: 6%;
        left: 0%;
        right: 0;
    }

    .bg-arrow {
        background-size: 75% auto;
        background-position: 100% bottom;
    }

    .hoverSoluciones {
        background-color: transparent;
        transition: all .2s ease-in-out;
        width: 100%;
        text-align: start;
    }

    .hoverSoluciones:hover {
        background-color: transparent;
        cursor: pointer;
        color: #FFBB24;
        transition: all .3s ease-in-out;
    }

    .bg-money {
        background-color: #0A2D5D;
        background-image: url('');
    }
    .carousel__item--imgOpen2020-2{
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        width: 30%;
    }

}

.h-c-icon {
    height: 52px;
}

.card-blur-notice {
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: #FFFFFF;
    filter: blur(40px);
}

.card-blur-news {
    /* background: rgba(217, 217, 217, 0.053);
    border: 9.56px solid rgba(255, 255, 255, 0.106);
    backdrop-filter: blur(4.46133px); */
    background-image: url('/assets/img/v3/home/body/nebilnaleft.svg');
    background-repeat: no-repeat;
    background-size: 150% auto;
}

@media screen and (max-width: 1000px) {
    .card-blur-news {
        background-image: none;
        border: none;
        backdrop-filter: none;
    }
}

.card-blur-news-left {
    top: 0;
    bottom: 0;
    left: -80px;
    width: 200px;
    z-index: 4;
}

.card-blur-news-right {
    top: 0;
    bottom: 0;
    right: -80px;
    width: 200px;
    z-index: 4;
}

.buen-fin-limit {
    max-height: 80px;
}

.buen-fin-more-small {
    height: 70px;
    margin-left: -15px;
}

.line-buen-fin {
    width: 3px;
    height: 70px;
}

.less-m-10 {
    margin-left: -10%;
}

@media screen and (max-width: 768px) {
    .less-m-10 {
        margin-left: 0%;
    }

    .containerServicios {
        width: 50%;
    }
}

.title-vw {
    font-size: 3.28125vw;
}

.subTitle-vw {
    font-size: 1.5625vw;
}

.fv-subTitle-vw {
    font-size: 1.70625vw;
}

.fv-subTitle-vw1 {
    font-size: 1.90625vw;
}

.color-sub {
    color: rgba(10, 45, 93, 0.35);
    font-weight: 500;
}



.bg-circle-blue {
    background-image: url('/assets/img/v3/home/body/circle.svg');
    background-repeat: no-repeat;
    background-size: 45% auto;
    /* background-position: 7% 90%; */
}

@media screen and (max-width: 768px) {
    .bg-circle-blue {
        background-size: 165% auto;
    }
}

.bg-multilender {
    background-image: url('/assets/img/v3/home/body/bg-ban.webp');
    background-repeat: no-repeat;
    background-size: 100% auto;
    /* background-position: 7% 90%; */
}

.bg-yellow-ok {
    background-image: url('/assets/img/v3/home/body/Triangle.svg');
    background-repeat: no-repeat;
    background-size: 58% auto;
    background-position: 0% 4%;
}

@media screen and (min-width: 1281px) {
    .h-c-icon {
        height: 4.0625vw;
    }

    .buen-fin-more-small {
        height: 5.46875vw;
        margin-left: -1.171875vw;
    }

    .buen-fin-limit {
        max-height: 6vw;
    }
    .font-cards {
        font-size: 38px;
        font-weight: bold;
    }

    .font-cards-p {
        font-size: 1.09vw;
    }

}

@media screen and (max-width: 700px) {
    .bg-multilender {
        background-image: url('/assets/img/v3/home/body/bg-ban.webp');
        background-repeat: no-repeat;
        background-size: auto 100%;
        /* overflow: hidden; */
    }
}

.mb-negative-lender {
    margin-bottom: -80px;
    position: relative;
}

/* version 3 */

.container-icon {
    background: #3DB6F9;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    width: 56px;
    height: 56px;
    padding: 12px;
}

.phoneabsolute {
    bottom: 0;
    right: 3%;
}

.card-difuminate-18jul22 {
    background: rgba(255, 255, 255, 0.2);
    box-shadow: inset 18.0333px -18.0333px 18.0333px rgba(194, 194, 194, 0.1), inset -18.0333px 18.0333px 18.0333px rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(36.0667px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 20px;
    z-index: 12;
}

.circle-empty-icon {
    border: 1px solid #FFFFFF;
    width: 11px;
    height: 11px;
    border-radius: 50%;
}

.circle-fill-to {
    width: 80%;
    height: 80%;
    border-radius: 50%;
}

.h-16px {
    height: 16px;
}

.w-16px {
    width: 16px;
}

.circlebghometemp {
    background-image: url('/assets/img/v2/home/banners/otherElements/circleshome.png');
    background-repeat: no-repeat;
    background-size: 30% auto;
    background-position: 7% 90%;
}

.btn-banner-hover:hover {
    background: #0A83C6 !important;
    background-color: #0A83C6 !important;
    color: white !important;
}

/* openfinance b=mini banner */

.img-speaker {
    /* width: 95px; */
    margin-left: -20px;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    margin-top: 10px;
}

.bx-shadow-blue-circle {
    box-shadow: -4px 4px 10px 2px rgba(0, 148, 255, 0.5);
}

.img-logo-of {
    width: 75px;
}

.img-logo-less-of {
    width: 45px;
}

.container-min-of {
    min-width: 125px;
    padding-top: 5px;
    padding-bottom: 3px;
    line-height: 1 !important;
}

.container-min-of h5 {
    line-height: 1 !important;
    margin-bottom: 5px !important;
}

.negative-ml-of {
    margin-left: -33px;
}

.border-r-10 {
    border-radius: 10px;
}

.lines-yellow-of {
    background-image: url('/assets/img/v2/home/ofbanner/linesyellow.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-width: 1281px) {
    .mt-sbg-2 {
        margin-top: 1rem !important
    }
    .bannerBrans{
        bottom: 1% !important;
    }
}

@media screen and (min-width: 1281px) {
    .mt-sbg-2 {
        margin-top: 0.5rem !important
    }

    .img-speaker {
        /* width: 7.421875vw; */
        margin-left: -1.5625vw;
        width: 5.078125vw;
        height: 5.078125vw;
        margin-top: 0.78125vw;
    }

    .bx-shadow-blue-circle {
        box-shadow: -0.3125vw 0.3125vw 0.78125vw 0.15625vw rgba(0, 148, 255, 0.5);
    }

    .img-logo-of {
        width: 5.859375vw;
    }

    .img-logo-less-of {
        width: 2.578125vw;
    }

    .container-min-of {
        min-width: 9.765625vw;
        padding-top: 0.390625vw;
        padding-bottom: 0.234375vw;
        line-height: 0.078125vw !important;
    }

    .container-min-of h5 {
        margin-bottom: 0.390625vw !important;
    }

    .negative-ml-of {
        margin-left: -2.125vw;
    }

    .border-r-10 {
        border-radius: 0.78125vw;
    }

}

@media screen and (max-width: 668px) {
    .lines-yellow-of {
        background-image: url('/assets/img/v2/home/ofbanner/grpahs.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .img-speaker {
        /* width: 95px; */
        margin-left: -20px;
        border-radius: 50%;
        width: 55px;
        height: 55px;
    }
    .img-logo-of {
        width: 55px;
    }
    .carousel__item--imgOpen2020{
        margin-top: 2.5rem;
        width: 50%;
    }

    .carousel__item--imgOpen2020-2{
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        width: 30%;
    }
    .carousel__item--imgStregis2020{
        margin-top: 2rem;

    }
    .carousel__item--imgStregid{
        margin-top: 1.3rem;
        margin-bottom: 1.3rem;
        width: 55%;
    }
}

@media screen and (max-width: 400px) {
    .moveRIgth {
        justify-content: end !important;
    }
}

/* end openfinance minibanner */

.bg-gradient-hot-sale {
    background: linear-gradient(258.03deg, #FB5D53 0%, #FD893D 58.73%, #FFBB24 97.84%);
}

.bg-red-hot-sale {
    background: #FF473C;
}

.bg-hotsale-finvero {
    background-image: url('/assets/img/v2/home/banners/PrecioHOT.png');
    background-repeat: no-repeat;
    background-size: 20% auto;
    background-position: 100% 0%;
}

.my-sc {
    margin-bottom: 7em;
    margin-top: 6em;
}


@media screen and (min-width: 1223px) {
    .bg-merchant-21jul {
        background-image: url('/assets/img/v2/home/banners/bannerst21jul/Merchant.webp') !important;
        background-repeat: no-repeat !important;
        background-size: 100% auto !important;
        background-position: 100% 0% !important;
    }

    .bg-merchant-21jul2 {
        background-image: url('/assets/img/v2/home/banners/bannerst21jul/20293.webp') !important;
        background-repeat: no-repeat !important;
        background-size: 100% auto !important;
        background-position: 100% 0% !important;

    }
}


.img-banner-rg {
    width: 80%;
}

.py-fv-5 {
    padding-top: 6em;
    padding-bottom: 3em;
}

.container-btn-move-nbr {
    top: 45%;
    right: 4%;
    height: 150px;
    width: 70px;
}


.line-sm-gray {
    height: 1px;
    width: 30%;
    background-color: #F2F4F7;
    border-radius: 8px;
}

.circleblue-s1 {
    width: 40px;
    height: 40px;
}

.gap-comercio {
    grid-gap: 22px;
}

.container-comercio-card {
    display: inline-block;
    width: 295px;
    height: 280px;
}

.container-comercio-img {
    height: 220px;
    border-radius: 8px;
}

.containe-circle-s3 {
    top: 0%;
    left: 0;
    right: 0;
}

.circle-blue {
    border-radius: 50%;
    height: 600px;
    width: 600px;
    background-color: #F2F4F7;
    z-index: -1;
}

.icons-fidelizacion {
    width: 45px;
}

.logo-prensa {
    height: 40px !important;
}

.prensa-text-before {
    top: 0;
    left: 0;
}

.prensa-text-after {
    bottom: 0;
    right: 0;
}

.card-merchant {
    border-radius: 8px;
    border: 1px solid #F5F5F5;
    width: 100%;
}

.gap-testimonios {
    grid-gap: 33px;
}

.stars {
    width: 20px;
    margin: 0 1px;
}

.owner-merchant {
    width: 80px;
}

.owner-merchant1 {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.container-logo-merchant {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 50%;
    right: -20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-logo-merchant img {
    width: 80%
}

.img-prensa {
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* .swiper-slide-active .child-swipper {
    padding-bottom: 3.5em !important;
    background: white !important;
    background-color: white !important;
    transition: width 2s;
    transition-timing-function: ease;
    margin-bottom: 1.5em !important;
} */

/* .swiper-slide-active .fv-text-sm4{
    font-size: 20px !important;
} */

/* .swiper-slide-active .logo-prensa{
    height: 50px !important;
} */

.min-h-prensa {
    min-height: 340px;
}

.margin-less-tobottom {
    margin-bottom: -310px !important;
}



@media screen and (min-width: 1281px) { d
    .circle-empty-icon {
        border: 0.078125vw solid #FFFFFF;
        width: 0.859375vw;
        height: 0.859375vw;
    }

    .h-16px {
        height: 1.25vw;
    }

    .w-16px {
        width: 1.25vw;
    }

    .min-h-prensa {
        min-height: 23.4375vw;
    }

    /* .swiper-slide-active .fv-text-sm4{
        font-size: 1.5625vw !important;
    } */

    .logo-prensa {
        height: 3.125vw !important;
    }

    /* .swiper-slide-active .logo-prensa{
        height: 3.90625vw !important;
    } */

    /* .img-prensa{
        height: 3.125vw;
    } */
    .container-icon {
        box-shadow: 0px 0.3125vw 0.46875vw rgba(0, 0, 0, 0.15);
        border-radius: 1.25vw;
        width: 4.375vw;
        height: 4.375vw;
        padding: 0.9375vw;
    }

    .py-fv-5 {
        padding-top: 7.5vw;
        padding-bottom: 3.75vw;
    }

    .container-btn-move-nbr {
        height: 11.71875vw;
        width: 5.46875vw;
    }


    .line-sm-gray {
        height: 0.078125vw;
        border-radius: 0.625vw;
    }

    .gap-comercio {
        grid-gap: 1.71875vw;
    }

    .container-comercio-card {
        width: 23.046875vw;
        height: 21.875vw;
    }

    .container-comercio-img {
        height: 17.1875vw;
        border-radius: 0.625vw;
    }

    .circle-blue {
        height: 46.875vw;
        width: 46.875vw;
    }

    .icons-fidelizacion {
        width: 3.515625vw;
    }

    .card-merchant {
        border-radius: 0.625vw;
        border: 0.078125vw solid #F5F5F5;
        width: 19.140625vw;
        min-width: 18.75vw;
    }

    .gap-testimonios {
        grid-gap: 2.578125vw;
    }

    .stars {
        width: 1.5625vw;
        margin: 0 0.078125vw;
    }

    .owner-merchant {
        width: 6.25vw;
    }

    .owner-merchant1 {
        width: 6.25vw;
        height: 6.25vw;
    }

    .container-logo-merchant {
        width: 3.125vw;
        height: 3.125vw;
    }

    .img-prensa {
        height: 3.125vw;
    }

}

@media screen and (min-width: 991px) {
    .mih-h-bnr {
        /* 629 */
        min-height: 629px;
    }

    .bg-min-h {
        /* min-height: 581px; */
        min-height: 50.34722222222222vw;
    }

    .bg-back-banner {
        background-image: url("/assets/img/v2/home/banners/bannersTemp/ledf.webp");
        background-repeat: no-repeat, no-repeat;
        background-size: auto 100%;
        background-position: 100% 0;
    }

    .position-abs-lg {
        position: absolute;
        top: -9%;
        bottom: 0%;
        right: -1%;
        left: 44%;
        display: flex !important;
    }

    .container-lg-100 {
        width: 100%;
    }

    .container-lg-70 {
        width: 70%;
    }

    .container-lg-65 {
        width: 65%;
    }

    .container-lg-50 {
        width: 50%;
    }

    .container-lg-30 {
        width: 30%;
    }

    .container-lg-20 {
        width: 20%;
    }
}

@media screen and (min-width: 1281px) {
    .mih-h-bnr {
        min-height: 47.109375vw;
        /* min-height: 52.234375vw; */
    }





}

@media screen and (max-width: 968px) {
    .mih-h-bnr {
        min-height: 613px
    }



}

@media screen and (min-width: 768px) {
    .bg-bg-gif {
        background-image: url('/assets/img/v3/home/body/bnr2.webp');
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: 200% bottom;
    }

    .position-absbrn {
        position: absolute;
        top: -9%;
        bottom: 0%;
        /* right: -1%;
        left: 44%; */
        display: flex !important;
    }

    .h-mx-full {
        height: 100%;
        width: auto;
    }

    .container-md-75 {
        width: 75%;
    }


}

@media screen and (max-width: 768px) {
    .mih-h-bnr {
        /* 870 */
        min-height: 870px;
    }

    .line-yellow {
        background-color: #FFB828;
        width: 100%;
        height: 30px;
    }

    .container-home-150 {
        width: 150% !important;
        margin-left: -50%;
    }

    .circle-yellow-home {
        background-image: url('/assets/img/v3/home/body/circleyellow.png');
        background-repeat: no-repeat;
        background-size: 90% auto;
    }

    .border-card-mx-sm {
        border: 1px solid #FFB828;
    }

    .move-start-abs {
        position: absolute;
        top: -40px;
        background-color: white;
    }

    .circle-sm-yelloe {
        background-image: url('/assets/img/v3/home/icons/circeywlloe.png');
        background-repeat: no-repeat;
        background-size: 70% auto;
    }
    .container-md-80 {
        width: 80%;
    }

    .container-md-72 {
        width: 72%;
    }

    .container-md-70 {
        width: 70%;
    }

    .container-md-65 {
        width: 65%;
    }

    .container-md-60 {
        width: 60%;
    }
    .textBanner02{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .btnbuy {
        width: 50%;
    }
}

/* estilos para carrucel de logos */
.carrousel__logos{
    position: relative;
    width: 100%;
    height: auto;
    margin: auto;
    overflow: hidden;
}
.carrousel__logos::before,
.carrousel__logos::after{
    position: absolute;
    top: 0;
    width: 5%;
    height: 100%;
    content: '';
    z-index: 2;
}
.carrousel__logos::before{
    left: 0;
    background: linear-gradient(to left, rgba(255,255,255,0) , white);
}
.carrousel__logos::after{
    right: 0;
    background: linear-gradient(to right, rgba(255,255,255,0) , white);
}
.carrousel__logos--container{
    display: flex;
    width: calc(230px * 30);
    animation: slideLogos 40s linear infinite;
    -webkit-animation: slideLogos 40s linear infinite;
}
.carrousel__item{
    /* border: 1px solid black; */
    width: auto;
    margin: auto 0;
    max-width: 100%;
    height: 100%;
    text-align: center;
}
.carrousel__item--img{
    object-fit: cover;
    height: 50px;
    margin: 0 40px;
    max-width: 100%;
}
.item--img-plata{
    height: 35px;
}
.carrousel__logos:hover .carrousel__logos--container{
    animation-play-state: paused;
}
@keyframes slideLogos {
    0%{
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
}
    100%{
        transform: translateX(calc(-230px * 15));
        -webkit-transform: translateX(calc(-230px * 15));
        -moz-transform: translateX(calc(-230px * 15));
        -ms-transform: translateX(calc(-230px * 15));
        -o-transform: translateX(calc(-230px * 15));
}
}
/* fin estilos para carrucel de logos */
/* estilos conecta cards logos */
.layout__connect{
    margin: 10rem 0;
}
.connect__header{
    width: 50%;
    margin: 0 auto;
    padding-bottom: 5rem;
}
.connect__cards--item{
    background: rgb(9,45,93);
    background: linear-gradient(195deg, rgba(9,45,93,1) 5%, rgba(12,164,248,1) 100%);
}
.connect__cards--item-01{
    background: linear-gradient(205deg, rgba(9,45,93,1) -30%, rgba(12,164,248,1) 100%);
}
.connect__content{
    width: 75%;
    margin: 0 auto;

}
.connect__cards{
    display: flex;
    justify-content: space-between;
    margin: 0 3rem;
}
.connect__cards--item{
    position: relative;
    width: 33%;
    text-align: center;
    padding: 4rem 0;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
}
.cards__img{
    position: absolute;
    left: -30px;
    top: -30px;
    max-width: 65px;
}
.cards__content{
    display: flex;
    flex-direction: column;
    margin: 0 1rem;
    /* gap: 2rem; */
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.cards__content-btn{
    display: inline-block;
    width: 80%;
    padding: 5px 20px;
    color: white;
    border-radius: 60px;
    background-color: var(--bluePrimary);
    transition: all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
}
.itemBanner02__header,
.itemBanner01__header{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.itemBanner02__title,
.itemBanner01__title{
    position: relative;
    width: 55%;
    margin: 5% 0 0 0;
    z-index: 10;
}
.itemBanner01__content{
    width: 50%;
    margin-bottom: 3rem;
}
.itemBanner02__img,
.itemBanner01__img{
    position: absolute;
    width: 45%;
    right: 0;
    top: 5%;
    z-index: 100;
}
.itemBanner01__img--fig02{
    position: absolute;
    width: 10%;
    left:8%;
    bottom:18%;
    z-index: 100;
    animation: moveFigureBanners09 2s infinite;
    -webkit-animation: moveFigureBanners07 2s infinite;

}
.itemBanner01__img--fig01{
    position: absolute;
    width: 10%;
    right: 15%;
    top: 3%;
    animation: moveFigureBanners07 2s infinite;
    -webkit-animation: moveFigureBanners07 2s infinite;
}
@keyframes moveFigureBanners07 {
    0%{
        scale: 100%;
    }
    50%{
        scale: 120%;
    }
}
.itemBanner02__img::before,
.itemBanner02__img::after,
.itemBanner02__img--fig{
    content: "";
    position: absolute;
    width: 5%;
    height: 5%;
    background-color: white;
    border-radius: 150%;
    -webkit-border-radius: 150%;
    -moz-border-radius: 150%;
    -ms-border-radius: 150%;
    -o-border-radius: 150%;
    z-index: -1;
}
.itemBanner02__img::after{
    top: 1%;
    right: 26%;
    animation: moveFigureBanners02 13s infinite;
    -webkit-animation: moveFigureBanners02 13s infinite;
}
.itemBanner02__img::before{
    top: 65%;
    left: 10%;
    animation: moveFigureBanners 15s infinite;
    -webkit-animation: moveFigureBanners 15s infinite;
}
.itemBanner02__img--fig{
    right:3%;
    bottom: 38%;
    animation: moveFigureBanners04 18s;
    -webkit-animation: moveFigureBanners04 18s;
}
@keyframes moveFigureBanners04 {
    0%{
        transform: translateX(0) translateY(0);
        scale: 100%;
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
    }
    40%{
        transform: translateX(-3rem) translateY(4rem);
        scale: 150%;
        -webkit-transform: translateX(-3rem) translateY(4rem);
        -moz-transform: translateX(-3rem) translateY(4rem);
        -ms-transform: translateX(-3rem) translateY(4rem);
        -o-transform: translateX(-3rem) translateY(4rem);
}
    60%{
        transform: translateX(5rem) translateY(5rem);
        scale: 120%;
        -webkit-transform: translateX(5rem) translateY(5rem);
        -moz-transform: translateX(5rem) translateY(5rem);
        -ms-transform: translateX(5rem) translateY(5rem);
        -o-transform: translateX(5rem) translateY(5rem);
}
    80%{
        transform:translateX(5rem) translateY(20px) ;
        scale: 90%;
        -webkit-transform:translateX(5rem) translateY(20px) ;
        -moz-transform:translateX(5rem) translateY(20px) ;
        -ms-transform:translateX(5rem) translateY(20px) ;
        -o-transform:translateX(5rem) translateY(20px) ;
}
}
@keyframes moveFigureBanners02 {
    0%{
        transform: translateX(0) translateY(0);
        scale: 100%;
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
    }
    40%{
        transform: translateX(-3rem) translateY(4rem);
        scale: 150%;
        -webkit-transform: translateX(-3rem) translateY(4rem);
        -moz-transform: translateX(-3rem) translateY(4rem);
        -ms-transform: translateX(-3rem) translateY(4rem);
        -o-transform: translateX(-3rem) translateY(4rem);
}
    60%{
        transform: translateX(5rem) translateY(5rem);
        scale: 120%;
        -webkit-transform: translateX(5rem) translateY(5rem);
        -moz-transform: translateX(5rem) translateY(5rem);
        -ms-transform: translateX(5rem) translateY(5rem);
        -o-transform: translateX(5rem) translateY(5rem);
}
    80%{
        transform:translateX(5rem) translateY(20px) ;
        scale: 90%;
        -webkit-transform:translateX(5rem) translateY(20px) ;
        -moz-transform:translateX(5rem) translateY(20px) ;
        -ms-transform:translateX(5rem) translateY(20px) ;
        -o-transform:translateX(5rem) translateY(20px) ;
}
}
@keyframes moveFigureBanners {
    0%{
        transform: translateX(0) translateY(0);
        scale: 100%;
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
    }
    40%{
        transform: translateX(-3rem) translateY(-4rem);
        scale: 150%;
        -webkit-transform: translateX(-3rem) translateY(-4rem);
        -moz-transform: translateX(-3rem) translateY(-4rem);
        -ms-transform: translateX(-3rem) translateY(-4rem);
        -o-transform: translateX(-3rem) translateY(-4rem);
}
    60%{
        transform: translateX(5rem) translateY(0);
        scale: 90%;
        -webkit-transform: translateX(5rem) translateY(0);
        -moz-transform: translateX(5rem) translateY(0);
        -ms-transform: translateX(5rem) translateY(0);
        -o-transform: translateX(5rem) translateY(0);
}
    80%{
        transform:translateX(0) translateY(20px) ;
        scale: 120%;
        -webkit-transform:translateX(0) translateY(20px) ;
        -moz-transform:translateX(0) translateY(20px) ;
        -ms-transform:translateX(0) translateY(20px) ;
        -o-transform:translateX(0) translateY(20px) ;
    }
}
.appContainer{
    display: flex;
    gap: 3rem;
}
.appContainer__item{
    width: 23%;
    text-align: center;
}
.appContainer__link{
    display: inline-block;
    width: 80%;
    height: 30%;
}
.appLink__img{
    width: 100%;
}
.appContainer__qr{
    width: 70%;
    object-fit: cover;
    /* height: 130px; */
}
.download__list{
    list-style: none;
}

/*separador*/
.layout__separator{
    width: 100%;
}
.sepator__separator{
    margin: 5rem auto;
    width: 90%;
    border-top: 4px dashed #0A2D5D;
    opacity: 90%;
}
/*separador*/
/* section comercios */
.merchants__shapes{
    position: relative;
    width: 50%;
}
.merchants__cards-content{
    width: 50%;
}
.merchants__shapes-Img::after,
.merchants__shapes-Img::before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 60px;
    background-color: #34A3F1;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    animation: moveShape00 10s infinite ;
    -webkit-animation: moveShape00 10s infinite ;
    z-index: -1;
}
.merchants__shapes-Img::after{
    right: 29%;
    top: 11%;
}
.merchants__shapes-Img::before{
    left: 15%;
    top: 60%;
}
@keyframes moveShape00{
    0%{
        transform: translateX(0) translateY(0);
        scale: 100%;
        -webkit-transform: translateX(0) translateY(0);
        -moz-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        -o-transform: translateX(0) translateY(0);
    }
    40%{
        transform: translateX(50px) translateY(-110px);
        scale: 150%;
        -webkit-transform: translateX(50px) translateY(-110px);
        -moz-transform: translateX(50px) translateY(-110px);
        -ms-transform: translateX(50px) translateY(-110px);
        -o-transform: translateX(50px) translateY(-110px);
    }
    60%{
        transform: translateX(120px) translateY(0);
        scale: 90%;
        -webkit-transform: translateX(120px) translateY(0);
        -moz-transform: translateX(120px) translateY(0);
        -ms-transform: translateX(120px) translateY(0);
        -o-transform: translateX(120px) translateY(0);
    }
    80%{
        transform:translateX(0) translateY(20px) ;
        scale: 120%;
        -webkit-transform:translateX(0) translateY(20px) ;
        -moz-transform:translateX(0) translateY(20px) ;
        -ms-transform:translateX(0) translateY(20px) ;
        -o-transform:translateX(0) translateY(20px) ;
}
}
.merchants__card{
    width: 100%;
    display: flex;
    align-items: center;
}
.merchants__title,
.merchants__text{
    display: block;
    width: 50%;
    text-align: center;
    padding: 4% 1%;
}
.merchants__text{
    border-left: 3px dashed white;
}
.merchants__link{
    width: 100%;
}
.merchants__btn{
    display: inline-block;
    width: 40%;
    padding: 10px 10px;
    color: white;
    border-radius: 60px;
    background-color: var(--bluePrimary);
    transition: all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;  
}
/* section comercios */
/* seccion de lenders */
.layout__lenders{
    margin-bottom: 3rem;
}
.lenders__container{
    display: flex;
    align-items: center;
}
.lenders__cards,
.lenders__header{
    width: 50%;
}
.lenders__cards{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 8rem;
}
.lenders__card{
    width:calc(45% - 1rem);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.lenders__card--UP{
    margin-top: -8rem;
    margin-bottom: 8rem;
}
.lenders__pd{
    padding-bottom: 3rem;
}
.lenders__img{
    width: 20%;
}
.lenders__header{
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.lenders__text{
    color: black;
}
.ia__content_dat{
    width: 50%;
}
/* seccion de lenders */

.layout__ia{
    position: relative;
    /* background-color: #E8ECEF; */
    /* background: rgba(0, 0, 0, 0.15); */
    overflow: hidden;
}
.ia__shapes--0{
    position: absolute;
    width: 40%;
    top: 4%;

    z-index: 5;
}
.ia__shapes--1{
    position: absolute;
    width: 35%;
    right: 0%;
    top: 20%;

    z-index: 5;
}
.ia__shapes--2{
    position: absolute;
    width: 65%;
    top: -13.5%;
    left:24% ;
    z-index: 100;
}
@keyframes rotateInfinit {
    0%{
        opacity: 0;
    }
    80%{
        opacity: 0%;
        
    }
    90%{
        rotate: 15deg;
    }
    100%{
        opacity: 100%;

    }
}
/* .layout__testimonials{
    background: rgb(0,0,0, 0.15 );
    background: linear-gradient(180deg, rgba(0,0,0, 0.15) 0%, rgba(255,255,255,1) 50%); 
} */

@media screen and (min-width: 1281px){
    .itemBanner02__title,
    .itemBanner01__title{
        width: 100%;
    }
    .itemBanner02__img,
    .itemBanner01__img{
        top: -1%;
        right: 15px;
        width: 44%;
    }
    .itemBanner01__img{
        width: 41%;
    }
    .ia__shapes--0{
       top: 9%;
    }
    .ia__shapes--1{
       top: 23%;
    }
    .ia__shapes--2{
        top: -9.5%;
        left:23.5% ;
    }
}
@media screen and (max-width: 1280px){
    .cards__content{
        margin: 0 0.3rem;
    }
    .connect__cards--item{
        padding: 2rem 0;
    }
    .carousel__container{
        min-height: 47vh;
    }
    
}
@media screen and (max-width: 992px){
    .connect__cards{
        flex-direction: column;
        gap: 4rem;
    }
    .connect__cards--item{
        width: 100%;
    }
    .banner__btn--02,
    .cta-money-alt{
        width: 47%;
    }
    .itemBanner01__content{
        width: 100%;
        margin-top: 5rem;
    }
    .itemBanner01__content{
        margin-top: 5rem;
    }
    .itemBanner02__header,
    .itemBanner01__header{
        display: flex;
        flex-direction: column;
        justify-content: space-between;


    }
    .itemBanner02__title,
    .itemBanner01__title{
        display: flex;
        flex-direction: column;
        /* justify-content: center; */
        width: 100%;
        text-align: center;
        min-height: 22rem;
    }
    .itemBanner01__text,
    .itemBanner02__text{
        min-height: 16vh;
    }
    .bannerNone{
        display: none;
    }
    .appContainer {
        width: 100%;
        justify-content: space-between;
    }
    .merchants__shapes{
        width: 100%;
    }
    .merchants__cards-content{
        width: 80%;
    }
    .merchants__link{
        margin: 0 auto;
        text-align: center;
    }
    .lenders__container{
        flex-direction: column-reverse;
    }
    .lenders__card{
        width: calc(50% - 1rem);
    }
    .lenders__header,
    .lenders__cards{
        width: 100%;
    }
    .lenders__header{
        margin-bottom: 2rem;
    }
    .lenders__link{
        width: 100%;
        text-align: center;
    }   
    .ia__content_dat{
        width: 100%;
        padding: 0 5%;
    }
    .itemBanner01__img,
    .itemBanner02__img{
        width: 80%;
        position: relative;
        margin: 0 auto;
        min-height: 45rem;
        display: flex;
        align-items: center;
    }
    .banner01__buttons{
        width: 80%;
        margin: 3rem auto;
    }
    .banner__br{
        display: none;
    }
    .appContainer__qr{
        display: none;
    }
    .appContainer__item{
        width: 33%;
    }
    /*section Ia*/
    
    .ia__shapes--0{
        top: 3%;
    }
    .ia__shapes--1{
        top: 7%;
    }
    .ia__shapes--2{
        width: 70%;
        top: -9%;
        left:21%;

    }

}
@media screen and (max-width: 767px){
    .itemBanner01__title,
    .itemBanner02__title{
        width: 100%;
        text-align: center;
    }
    .itemBanner01__img,
    .itemBanner02__img{
        min-height: 32rem;
    }
    .itemBanner01__content{
        text-align: center;
        margin-top: 0;
        margin-bottom: 3rem;
    }
    .carousel__container{
        min-height: 35vh;
    }
    .itemBanner01__text,
    .itemBanner02__text{
        min-height: 16vh;
    }


    .itemBanner02__header,
    .itemBanner01__header{
        margin-top: 1rem;
        min-height: 30rem;
    }
    .banner__btnss{
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: center;

    }
    .banner__btnss a{
        width: 80%;
    }
    .buttons__btnVende--0{
        margin-right: 0;
    }
    .merchants__header{
        text-align: center;
    }
    
    .merchants__shapes-Img{
        margin: 0 auto;
    }
    .merchants__btn{
        width: 80%;
    }
    .lenders__header{
        text-align: center;
        gap: 2rem;
        padding: 0;
        margin-bottom: 3rem;
    }
    .carrousel__logos--container{
        animation: auto;
        -webkit-animation: auto;
    }
    .carrousel__logos--container{
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        gap: 1rem;
    }
    .carrousel__item{
        width: calc(31% - 1rem);
    }
    .carrousel__item--img{
        object-fit: contain;
        height: 35px;
        margin: 0;
    }
    .carrousel__item-dNone{
        display: none;
    }
    .appContainer {
        flex-direction: column;
    }
    .download__title{
        text-align: center;
        width: 100%;
    }
    .download__subTitle{
        text-align: center;
    }
    .appContainer__item{
        width: 50%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 680px) {
    .itemBanner01__title h3,
    .itemBanner02__title h3{
        min-height: 11rem;
    }
    .itemBanner01__img,
    .itemBanner02__img{

        min-height:19rem ;
    }
    .banner01__buttons{
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    .itemBanner02__header,
    .itemBanner01__header{
        min-height: 37rem;
    }
    .cta-money-alt{
        width: 90%;
    }
    .banner__btn--02{
        width: 90%;
    }
    .layout__connect{
        margin: 5rem 0;
    }
    .connect__header{
        width: 80%;
        padding-bottom: 1rem;
    }
    .connect__content{
        width: 90%;
    }
    .font-cards{
        font-size: 28px;
    }
    .itemBanner01__text,
    .itemBanner02__text{
        min-height: 19rem;
    }
    .merchants__card{
        flex-direction: column;
    }
    .merchants__text{
        border-left: none;
        border-top: 3px dashed white;
    }
    .merchants__title,
    .merchants__text{
        width: 100%;
        padding: 4%;
    }
    .lenders__card--UP{
        margin: 0 auto;
    }
    .lenders__pd{
        padding-bottom: 0;
    }
    .lenders__cards{
        margin-top: 0;
    }
    .lenders__card{
        text-align: center;
    }
    .lenders__img{
        margin: 0 auto;
    }
    .lenders__text--none{
        display: none;
    }
    .ia__shapes--1{
        top: 4%;
    }
    .ia__shapes--2{
        top: -4%;
    }
}




.animationIaRigth{
    position: absolute;
    right: -45%;
    transition: right 2s, opacity 4s;
    -webkit-transition: right 2s, opacity 4s;
    -moz-transition: right 2s, opacity 4s;
    -ms-transition: right 2s, opacity 4s;
    -o-transition: right 2s, opacity 4s;
}
.animationIaRigth.active{
    right: 0;
    opacity: 1;
}
.animationIa {
    position: absolute;
    left: -45%;
    opacity: 0;
    transition: left 2s, opacity 4s;
    -webkit-transition: left 2s, opacity 4s;
    -moz-transition: left 2s, opacity 4s;
    -ms-transition: left 2s, opacity 4s;
    -o-transition: left 2s, opacity 4s;
}

.animationIa.active {
    left: 0;
    opacity: 1;
}
.animationIaDestello {
    opacity: 0;
    transition: all 4s;
    -webkit-transition: all 4s;
    -moz-transition: all 4s;
    -ms-transition: all 4s;
    -o-transition: all 4s;
}
.animationIaDestello.active{
    opacity: 100%;
    animation: rotateInfinit 2s linear;
    transition: all 2ms ease-in-out;
    -webkit-transition: all 2ms ease-in-out;
    -moz-transition: all 2ms ease-in-out;
    -ms-transition: all 2ms ease-in-out;
    -o-transition: all 2ms ease-in-out;
    -webkit-animation: rotateInfinit 2s linear;
}