:root {
    --fuente-principal: "Noto"
}

.line {
            max-width: 442px;
            color: #222;

            /* Display lg/Bold */
            font-family: "Noto";
            font-size: 48px;
            font-style: normal;
            font-weight: 700;
            line-height: 60px;
            /* 125% */
            letter-spacing: -0.96px;
        }

        .center-vh {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .centrado {
            position: relative;
            width: 100%;
            /* O la anchura deseada */
        }

        .img-border {
            border-radius: 24px;
        }

        /*dimen*/
        .mtb-60 {
            margin-top: 60px;
            margin-bottom: 60px
        }

        .mt-60 {
            margin-top: 60px
        }

        .mb-60 {
            margin-bottom: 60px
        }

        /*animación */
        .investments-section {
            position: relative;
            overflow: hidden;
            height: 320px;
            /* Asegúrate de que esto se ajuste a tu contenido */
        }

        .text-container {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            transform: translateY(-50%);
        }

        .line {
            opacity: 0;
            transform: translateY(50px);
            /* Comienza un poco más abajo para efecto de animación */
            transition: all 0.5s ease-out;
        }
        @media screen and (max-width: 920px) {
            .text-container {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                padding: 0 50px;
            }
            .line {
                margin-right: 10px;
                font-size: 36px;
                line-height: 44px;
            }
            .img-border-container {
                display: flex;
                justify-content: center;
            }
            .img-border {
                width: 492px;
                box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
            }
            #investors-section {
                height: 200px;
            }
            .potential-investment-container {
                margin-top: 160px;
                margin-bottom: -40px;
            }
        }
        @media screen and (max-width: 767px) {
            .text-container {
                padding: 0;
            }
            .line {
                font-size: 30px;
                line-height: 38px;
            }
            .img-border {
                width: 100%;
                height: 312px;
                object-fit: cover;
            }
            #investors-section {
                height: 150px;
            }
        }

.h3-section-3 {
        font-family: "Noto";
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: -0.72px;
    }

    h3 {
        font-family: "Noto";
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px;
        letter-spacing: -0.72px;
    }

    p {
        color: #222;
        font-family: "Noto";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
    }

    .pt-16 {
        padding-top: 16px
    }

    .subtitutlos-3 {
        color: #FFF !important;
        font-family: "Noto";
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
    }

    .card {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #062C62;
        background-clip: border-box;
        border: none;
        border-radius: 32px;
        color: white;
    }
    .card-text {
        font-size:16px;
    }
    .card-body {
        padding:24px;
    }
    .mb-24 {
        margin-bottom: 24px;
    }

    .pb-24 {
        padding-bottom: 24px;
    }
    .mb-16 {
        margin-bottom: 16px;
    }
    .white {
        color: #fff;
    }

    .card-2 {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #020A13;
        background-clip: border-box;
        border: none;
        border-radius: 32px;
        color: white;
    }

    .mb-240 {
        margin-bottom: 240px;
    }

    h3 {
        transform: translateX(100%);
        /* Comienza fuera de la pantalla a la derecha */
        opacity: 0;
        /* Comienza invisible */
        transition: transform 0.5s ease-out, opacity 0.5s ease-out;
        /* Opcional si quieres suavizar más */
    }

    img.img-fluid.ext-br {
        border-radius: 32px 32px 0 0;
        height: 224px;
        object-fit: cover;
        object-position: right;
    }
    .home-3 {
        padding: 10px 18px
    }
    @media screen and (max-width: 920px) {
        .investment-option-container {
            text-align: center;
            margin-top: -40px;
        }
        .h3-section-3 {
            font-size: 36px;
            line-height: 44px;
        }
        .p-opcion-inversion {
            font-size: 16px;
            line-height: 24px;
            width: 491px;
            margin: 16px auto 0;
            padding-bottom: 50px;
        }
        .subtitutlos-3 {
            margin-bottom: 16px;
        }
        .card-text.white {
            font-size: 16px;
            line-height: 24px;
        }
        .investment-option-flex {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .investment-option-flex div {
            margin-right: 10px;
        }
    }
    @media screen and (max-width: 767px) {
        .investment-option-container {
            margin-top: -50px;
        }
        .h3-section-3 {
            font-size: 30px;
            line-height: 38px;
        }
        .p-opcion-inversion {
            padding-bottom: 40px;
        }
        .swiper-slide.bigline6 .card {
            margin-bottom: 16px;
        }
        .swiper-slide.bigline6 .card a.btn-primary-act,
        .swiper-slide.bigline6 .card-2 a.btn-primary-act {
            width: 100%;
            padding: 12px 20px;
        }
        .p-opcion-inversion {
            width: 100%;
        }
        img.img-fluid.ext-br {
            height: 172px;
            object-fit: cover;
            object-position: top;
        }
        .investment-option-flex {
            display: block;
        }
    }
 #section-4-home-24 {
            margin-bottom: 120px
        }
        
        .btn-primary-act {
            border-radius: 28px
        }

        .h2-4 {
            color: #222;
            font-family: "Noto";
            font-size: 48px;
            font-style: normal;
            font-weight: 700;
            line-height: 60px;
            letter-spacing: -0.96px;
            /*margin-bottom: 16px;*/
        }

        .p-4 {
            color: #222;
            font-family: "Noto";
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px;
        }

        .financial-life-title .wrapper p {
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px;
            padding-top: 16px;
            margin-bottom: 32px;
            padding-right: 60px;
        }

        .image-container {
            padding-right: 4px !important;
            /* Adds space to the right of each image container */
        }

        .image-container:last-child {
            padding-right: 0 !important;
            /* Removes the right padding from the last image container */
        }

        .column-padding {
            /*padding-right: 4px;
            padding-left: 4px;*/
            padding-right: 8px;
            padding-left: 0;
        }
        .column-padding:last-child {
            padding-right: 0;
        }

        .row-margin {
            margin-right: -4px;
            margin-left: -4px;
        }

        .w-100 {
            width: 100%
        }


        .fade-in {
            opacity: 0;
        }

        .row-margin {
            margin-top: 20px;
        }

        .mh-300 {
            max-height: 300px
        }

        .financial-life-img a p {
            text-align: center;
            padding-top: 14px;
            font-size: 20px;
            font-weight: 700;
            line-height: 30px;
        }

        .financial-life-img .img-fluid {
            object-fit: cover;
            object-position: top;
        }

        .financial-show-md-sm {
            display: none;
        }
        .financial-show-lg {
            display: block;
        }

        @media screen and (max-width: 920px) {
            #section-4-home-24 {
                padding-bottom: 160px;
                margin-bottom: 0;
            }
            .financial-life-title {
                text-align: center;
            }

            .h2-4 {
                font-size: 36px;
                line-height: 44px;
            }

            .financial-life-title .wrapper p {
                font-size: 16px;
                line-height: 24px;
                padding-top: 16px;
                margin-bottom: 32px;
                padding-right: 70px;
                padding-left: 70px;
            }

            .financial-life-title .wrapper a.btn-primary-act {
                margin-bottom: 48px;
            }

            .financial-life-img .img-fluid {
                object-fit: cover;
                /*margin-bottom: 14px;*/
                object-position: 100% 10%;
            }

            .financial-life-img .column-padding {
                padding: 4px;
            }

            /*.financial-life-img .column-padding p {
                text-align: center;
                font-size: 20px;
                font-weight: 700;
            }*/

            .financial-life-img {
                /*padding-bottom: 160px;*/
            }
            .row-margin {
                margin-top: 48px;
            }
            .financial-show-md-sm {
                display: block;
            }
            .financial-show-lg {
                display: none;
            }
        }

        @media only screen and (max-width : 768px) {
            #section-4-home-24 {
                padding-bottom: 120px;
                margin-bottom: 0;
            }
            .h2-4 {
                font-size: 30px;
                /*line-height: 24px;*/
            }

            .financial-life-title a.btn-primary-act {
                width: 100%;
                padding: 12px 20px;
            }

            .financial-life-title .wrapper p {
                padding-right: 0;
                padding-left: 0;
            }

            #section-5-diaactiver {
                width: 100%;
                height: auto;
                background: #fff;
                /*padding-bottom: 110px;*/
                position: relative;
                height: 100%;
            }

            .swiper {
                width: 100%;
                height: 100%;
                z-index: 0;
            }

            .swiper-slide {
                text-align: center;

                /* Center slide text vertically */
                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;
            }

            .swiper-slide img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            /*.swiper-slide {
                width: 20%;
            }

            .swiper-slide:nth-child(2n) {
                width: 40%;
            }

            .swiper-slide:nth-child(3n) {
                width: 20%;
            }*/

            .section5__dia button.btn {
                position: absolute;
                background: #0F6FF5;
                font-family: 'Noto-Sans' !important;
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 156%;
                color: #FFFFFF;
                border-radius: 0;
                border: none !important;
                width: 100%;
                height: 40px;
                right: 0%;
                bottom: 55px;
            }

            img.plus__size {
                width: 19px;
                display: inline-block;
                padding-left: 7px;
            }

            .mb-48 {
                margin-bottom: 48px
            }

            #section-5-diaactiver .swiper-slide img {
                width: 100% !important;
                height: 264px;
                margin-top: 60px;
            }

            .column-padding {
                padding: 0;
            }

            #section-4-home-24 .swiper-backface-hidden .swiper-slide {
                width: 45%!important;
            }
            #section-5-diaactiver a p {
                padding-top: 14px;
                font-size: 20px;
                font-weight: 700;
                line-height: 30px
            }
            .financial-show-md-sm {
                display: block;
            }
            .financial-show-lg {
                display: none;
            }
        }
.content {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            z-index: 0 !important;
            opacity: 0;
            /* Empieza oculto */
        }

        h1 {
            font-size: 2em;
            color: black;
            /* Color del texto */
        }

        .bigline2 {
            opacity: 0;
            /* Inicia con opacidad 0 */
            transform: translateY(100%);
            /* Inicia desplazado hacia abajo */
        }

        #bg-blue {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            background-color: white;
            flex-direction: column;
            color: white;
            text-align: center;
        }

        #circle {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            background-color: #041E42;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
        }

        .content {
            position: relative;
            opacity: 0;
            /* Comienza oculto */
            transition: opacity 1s ease;
            /* Suave transición de la opacidad */
        }

        .mb-200 {
            margin-bottom: 200px
        }

        .pb-30 {
            padding-bottom: 30px
        }

        .mb-120 {
            margin-bottom: 120px
        }

        .mt-120 {
            margin-top: 120px
        }

        .h2-5 {
            color: #FFF;
            font-family: "Noto";
            font-size: 48px;
            font-style: normal;
            font-weight: 700;
            line-height: 60px;
            letter-spacing: -0.96px;
            text-align: left;
            margin-bottom: 16px;
        }

        .h2-white-5 {
            color: #FFF !important;
            /*max-width: 522px;*/
            /* Display lg/Bold */
            font-family: "Noto";
            font-size: 48px;
            font-style: normal;
            font-weight: 700;
            line-height: 60px;
            /* 125% */
            letter-spacing: -0.96px;
            margin: auto;
        }

        .pa-5 {
            color: #FFF;

            /* Text lg/Normal */
            font-family: "Noto";
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 28px;
            /* 155.556% */
        }

        .more-years-title .pa-5 {
            text-align: left;
        }

        .numeralia-5 {
            color: #FFF;
            font-family: "Noto";
            font-size: 60px;
            font-style: normal;
            font-weight: 700;
            line-height: 72px;
            letter-spacing: -1.2px;
            padding-bottom: 16px;
            text-align: left;
        }

        .more-years-numbers .pa-5 {
            text-align: left;
        }

        .sub-5 {
            color: #FFF;

            text-align: center;
            /* Display sm/Bold */
            font-family: "Noto";
            font-size: 30px;
            font-style: normal;
            font-weight: 700;
            line-height: 38px;
            /* 126.667% */
        }

        .pl-3,
        .px-3 {
            padding-left: 0rem !important;
        }

        .pb-3,
        .py-3 {
            padding-bottom: 0rem !important;
        }

        p {
            display: block;
            margin-block-start: 0 !important;
            margin-block-end: 0 !important;
        }

        hr.line-white {
            border: 0.8px solid #fff;
        }

        .hr-white {
            border-top: white !important;
        }

        /*animacion*/
        .animate-hr-5 {
            width: 0;
            /* Inicialmente oculto */
            transition: width 2s ease;
            /* Suave transición de la anchura */
            border-top: 1px solid white;
            /* Ajusta según tu estilo deseado */
            margin-bottom: 32px;
        }

        .mt-16 {
            margin-top: 16;
        }

        .more-years-title {
            margin-top: 120px;
            margin-bottom: 120px;
        }

        .more-years-numbers,
        .more-years-cta {
            padding-bottom: 200px;
        }

        .more-years-numbers .pa-5 br {
            display: none;
        }

        .more-years-slider-title {
            text-align: center;
            margin: 0 auto;
            padding-bottom: 60px;
        }

        .more-years-only-desktop {
            display: block;
        }

        .more-years-only-mobile {
            display: none;
        }

        @media (max-width: 980px) {
            .more-years-title {
                margin-top: 160px;
                margin-bottom: 80px;
            }

            .h2-5 {
                font-size: 36px;
                line-height: 44px;
                margin-bottom: 16px;
                padding: 0 118px;
                text-align: center;
            }

            .more-years-title .pa-5 {
                font-size: 18px;
                line-height: 28px;
                padding: 0 50px 28px;
                text-align: center;
            }

            .more-years-title img {
                width: 492px;
                height: 312px;
            }

            .animate-hr-5 {
                border-top: 1px solid #fff;
                margin-bottom: 32px;
            }

            .numeralia-5 {
                font-size: 48px;
                line-height: 60px;
                padding-bottom: 16px;
                text-align: left;
            }

            .more-years-numbers .pa-5 {
                font-size: 16px;
                line-height: 24px;
                padding: 0;
                text-align: left;
            }

            .more-years-numbers .pa-5 br {
                display: block;
            }

            .more-years-numbers,
            .more-years-cta {
                padding-bottom: 160px;
            }

            .more-years-cta a.btn-primary-act {
                padding: 14px 22px;
            }

            .more-years-slider-title {
                display: flex;
                flex-direction: column;
                padding-bottom: 79px;
            }

            .h2-white-5 {
                max-width: 100%;
            }

            .testimonial-slider-container {
                margin-bottom: 160px;
            }
        }

        @media (max-width: 768px) {
            .more-years-only-desktop {
                display: none;
            }
            .more-years-only-mobile {
                display: block;
            }
            .more-years-numbers .pa-5 br {
                display: none;
            }

            .more-years-title {
                margin-top: 120px;
                margin-bottom: 48px;
            }

            .h2-5 {
                font-size: 30px;
                line-height: 38px;
                margin-bottom: 16px;
                padding: 0;
                width: 100%;
            }

            .more-years-title .pa-5 {
                font-size: 16px;
                line-height: 24px;
                padding: 0;
                width: 100%;
                padding-bottom: 48px;
            }

            .more-years-title img {
                width: 100%;
                height: 312px;
            }

            .more-years-numbers div:first-child hr {
                display: none;
            }
            .numeralia-5 {
                text-align: center;
                font-size: 48px;
                font-weight: 700;
                line-height: 60px;
            }
            .more-years-numbers .pa-5 {
                text-align: center;
            }
            .more-years-numbers hr {
                margin-top: 32px;
            }
            .h2-white-5 {
                font-size: 30px;
                font-weight: 700;
                line-height: 38px;
            }
            .testimonial-slider-container {
                margin-bottom: 120px;
            }
            .more-years-title,
            .more-years-numbers,
            .more-years-cta {
                padding-left: 15px;
                padding-right: 15px;
            }
        }

       #blog {

            font-family: "Noto", sans-serif;
            display: flex;
        }
        .blog-title {
            color: #222;

            text-align: center;
            /* Display xs/Normal */
            font-family: "Noto";
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 32px;
            margin-bottom:24px
        }
        .blog-autor {
            color: #222;
            text-align: center;
            /* Text lg/Bold */
            font-family: "Noto";
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 28px; /* 155.556% */
        }
        .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
            top: 160px;
            width: 100%;
        }
        .blog-slider__pagination .swiper-pagination-bullet-active {
            opacity: 1;
            background: #0F6FF5 !important;
            height: 30px;
            box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
        }
        .blog-slider__pagination .swiper-pagination-bullet {
            width: 11px;
            height: 11px;
            display: block;
            border-radius: 10px;
            background: #A3C8FB;
            opacity: 1;
            transition: all 0.3s;
        }
     

        .blog-slider {
            width: 95%;
            position: relative;
            max-width: 800px;
            margin: auto;
            background: #fff;
            box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
            padding: 25px;
            border-radius: 25px;
            height: 400px;
            transition: all 0.3s;
        }

        @media screen and (max-width: 992px) {
            .blog-slider {
                max-width: 680px;
                height: 400px;
            }
            .blog-title {
                font-size: 18px;
                font-weight: 400;
                line-height: 28px;
            }
            .blog-autor {
                font-size: 18px;
                line-height: 28px;
            }
        }

        @media screen and (max-width: 768px) {
            .blog-slider {
                min-height: 500px;
                height: auto;
                /*margin: 180px auto 0;*/
                margin: 70px auto 0;
                padding: 0;
            }
            .blog-title {
                font-size: 16px;
                line-height: 24px;
            }
            .blog-autor {
                font-size: 16px;
                line-height: 24px;
            }
            .blog-slider__content {
                padding-right: 16px !important;
                padding-left: 16px !important;
            }
            /*#testimonial-slider-container .swiper-slide {
                margin-top: 0;
            }*/
        }

        @media screen and (max-height: 500px) and (min-width: 992px) {
            .blog-slider {
                height: 350px;
            }
        }

        .blog-slider__item {
            display: flex;
            align-items: center;
        }

        @media screen and (max-width: 768px) {
            .blog-slider__item {
                flex-direction: column;
            }
        }

        .blog-slider__item.swiper-slide-active .blog-slider__img img {
            opacity: 1;
            transition-delay: 0.3s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>* {
            opacity: 1;
            transform: none;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(1) {
            transition-delay: 0.3s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(2) {
            transition-delay: 0.4s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(3) {
            transition-delay: 0.5s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(4) {
            transition-delay: 0.6s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(5) {
            transition-delay: 0.7s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(6) {
            transition-delay: 0.8s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(7) {
            transition-delay: 0.9s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(8) {
            transition-delay: 1s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(9) {
            transition-delay: 1.1s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(10) {
            transition-delay: 1.2s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(11) {
            transition-delay: 1.3s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(12) {
            transition-delay: 1.4s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(13) {
            transition-delay: 1.5s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(14) {
            transition-delay: 1.6s;
        }

        .blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(15) {
            transition-delay: 1.7s;
        }

        .blog-slider__img {
            width: 300px;
            flex-shrink: 0;
            height: 300px;
            border-radius: 20px;
            transform: translateX(-80px);
            overflow: hidden;
            /*box-shadow: 9px 9px 24px 0px rgba(0, 0, 0, 0.35);*/
        }

        .blog-slider__img:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 20px;
            opacity: 0.8;
        }

        .blog-slider__img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            opacity: 0;
            border-radius: 20px;
            transition: all 0.3s;
        }

        @media screen and (max-width: 768px) {
            .blog-slider__img {
                transform: translateY(-50%);
                /*width: 90%;*/
                width: 86% !important;
            }
            .blog-slider__pagination {
                margin-top: 60px;
                margin-bottom: 25px;
            }
        }

        @media screen and (max-width: 576px) {
            .blog-slider__img {
                width: 95%;
            }
        }

        @media screen and (min-height: 500px) and (max-width: 992px) {
            .blog-slider__img {
                height: 270px;
            }
        }

        .blog-slider__content {
            padding-right: 25px;
        }

        @media screen and (max-width: 768px) {
            .blog-slider__content {
                margin-top: -80px;
                text-align: center;
                padding: 0 30px;
            }
        }

        @media screen and (max-width: 668px) {
            .blog-slider {
                max-width: 500px;
            }
            .blog-slider__content {
                padding: 0;
            }
        }

        @media screen and (max-width: 576px) {
            .blog-slider {
                max-width: 460px;
            }
        }

        @media screen and (max-width: 460px) {
            .blog-slider {
                max-width: 420px;
            }
        }

        @media screen and (max-width: 414px) {
            .blog-slider {
                max-width: 320px;
            }
        }

        .blog-slider__content>* {
            opacity: 0;
            transform: translateY(25px);
            transition: all 0.4s;
        }

        .blog-slider__code {
            color: #7b7992;
            margin-bottom: 15px;
            display: block;
            font-weight: 500;
        }

        .blog-slider__title {
            font-size: 24px;
            font-weight: 700;
            color: #0d0925;
            margin-bottom: 20px;
        }

        .blog-slider__text {
            color: #4e4a67;
            margin-bottom: 30px;
            line-height: 1.5em;
        }

        .blog-slider__button {
            display: inline-flex;
            padding: 15px 35px;
            border-radius: 50px;
            color: #fff;
            text-decoration: none;
            font-weight: 500;
            justify-content: center;
            text-align: center;
            letter-spacing: 1px;
        }

        @media screen and (max-width: 576px) {
            .blog-slider__button {
                width: 100%;
            }
        }

        .blog-slider .swiper-container-horizontal>.swiper-pagination-bullets,
        .blog-slider .swiper-pagination-custom,
        .blog-slider .swiper-pagination-fraction {
            bottom: 10px;
            left: 0;
            width: 100%;
        }

        .blog-slider__pagination {
            position: absolute;
            z-index: 21;
            /*right: 20px;*/
            right: 0;
            width: 11px !important;
            text-align: center;
            left: auto !important;
            top: 50%;
            bottom: auto !important;
            transform: translateY(-50%);
        }

        @media screen and (max-width: 768px) {
            .blog-slider__pagination {
                transform: translateX(-50%);
                left: 50% !important;
                top: 205px;
                width: 100% !important;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 8px 0;
        }
        @media only screen and (max-width: 768px) {
            #testimonial-slider-container .swiper-backface-hidden .swiper-slide {
                /*width: 95% !important;*/
                width: 96.5% !important;
            }
        }
        @media screen and (max-width: 768px) {
            .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
                margin: 0 5px;
            }
        }

        .blog-slider__pagination .swiper-pagination-bullet {
            width: 11px;
            height: 11px;
            display: block;
            border-radius: 10px;
            background: #062744;
            opacity: 0.2;
            transition: all 0.3s;
        }

        .blog-slider__pagination .swiper-pagination-bullet-active {
            opacity: 1;
            background: #fd3838;
            height: 30px;
            box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
        }

        @media screen and (max-width: 768px) {
            .blog-slider__pagination .swiper-pagination-bullet-active {
                height: 11px;
                width: 30px;
            }
        }
 #section-6-home-24 {
           margin-top:120px;
           margin-bottom:120px
        }

        .mb-73 {
            margin-bottom: 73px;
        }

        .pb-16 {
            padding-bottom: 16px;
        }

        .h3-6-home {
            color: #222;

            /* Display lg/Bold */
            font-family: "Noto";
            font-size: 48px;
            font-style: normal;
            font-weight: 700;
            line-height: 60px;
            /* 125% */
            letter-spacing: -0.96px;
        }

        .feel-calm-logos {
            display: flex;
            flex-wrap: wrap;
            height: 100%;
            padding-top: 60px;
            padding-left: 58px;
            align-items: center;
        }

        .feel-calm-logos svg {
            margin-right: 56px;
            margin-bottom: 72px;
        }
        .feel-calm-title p {
            padding-right: 50px;
        }

        @media screen and (max-width: 920px) {
            #section-6-home-24 {
                margin-top: 160px;
                margin-bottom: 112px;
            }
            .h3-6-home {
                font-size: 36px;
                line-height: 44px;
                /*margin-bottom: 16px;*/
                margin-right: 10px;
            }

            .feel-calm-title {
                text-align: center;
            }

            .feel-calm-title p {
                margin: 0 auto;
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 48px;
                width: 552px;
                margin-top: 16px;
                padding-right: 0;
            }

            .feel-calm-logos {
                padding-left: 0;
                justify-content: center;
                align-items: center;
            }

            .feel-calm-logos svg {
                margin-right: 0;
                margin-bottom: 48px;
                /*width: 33%;*/
                margin-right: 50px;
                margin-left: 50px;
            }

            .feel-calm-wrapper {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }
            #cnbv-logo {
                width: 85px;
                height: 61px;
            }
            #ipab-logo {
                width: 97px;
                height: 33px;
            }
            #shcp-logo {
                width: 123px;
                height: 34.821px;
            }
            #condusef-logo {
                width: 96px;
                height: 51px;
            }
            #banco-mexico-logo {
                width: 71px;
                height: 49px;
            }
        }

        @media screen and (max-width: 767px) {
            #section-6-home-24 {
                margin-top: 120px;
                margin-bottom: 72px;
            }
            .h3-6-home {
                font-size: 30px;
                line-height: 38px;
            }

            .feel-calm-title p {
                width: 100%;
            }
            #cnbv-logo {
                width: 69px;
                height: 49px;
            }
            #ipab-logo {
                width: 77px;
                height: 27px;
            }
            #shcp-logo {
                width: 97px;
                height: 27.46px;
            }
            #condusef-logo {
                width: 80px;
                height: 42px;
            }
            #banco-mexico-logo {
                width: 55px;
                height: 38px;
            }
            .feel-calm-logos svg {
                margin-right: 15px;
                margin-left: 15px;
            }
        }
.fragment_6156962 {}

#section-7-home-24 {
    background: #F8F8F8;
    padding-top: 120px;
    padding-bottom: 120px;
}

#section-7-home-24 h2 {
    font-size: 48px;
    color: #222;
    margin-bottom: 16px;
}

/* Estilos para las listas sin viñetas */
ul.list-unstyled {
    padding: 0;
}

/* Estilos para los títulos de la lista */
ul.list-unstyled li strong {
    color: #fff;
    font-size: 1.2em;
}

/* Estilos para los párrafos de la lista */
ul.list-unstyled li p {
    color: #ccc;
    /* Un color más claro para los párrafos */
    font-size: 0.9em;
}

.ext-p {
    font-size: 1.125em;
}

.ext-sub {
    color: white;
    font-size: 1.25em;
}

.h2-7-home {
    color: #222;
    /* Display lg/Bold */
    font-family: "Noto";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    /* 125% */
    letter-spacing: -0.96px;
}

.p-7-home {
    color: #222;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

/* Ajustes para la imagen */
.img-fluid {
    border-radius: 15px;
    /* Si quieres bordes redondeados en la imagen */
}

#section-7-home-24 img {
    width: 100%;
    max-width: 473px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    border-radius: 15px;
    /* Si quieres bordes redondeados en la imagen */
    height: 497px;
    margin: 0;
    object-fit: cover;
}

.white {
    color: white !important;
}

.hide-mobile {
    display: block;
}

.show-mobile {
    display: none;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-16 {
    margin-bottom: 16px;
}

.pb-16 {
    padding-bottom: 16px;
}

.be-part-img-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 920px) {
    #section-7-home-24 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .be-part-title {
        text-align: center;
    }

    #section-7-home-24 h2 {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 16px;
    }

    .p-7-home {
        font-size: 16px;
        line-height: 24px;
        margin: 0 auto;
        margin-bottom: 16px;
        width: 490px;
    }

    .be-part-title a.btn-primary-act {
        padding: 14px 22px;
    }

    #section-7-home-24 img {
        box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
        object-fit: cover;
        width: 492px;
        height: 312px;
        max-width: 492px;
        object-position: top;
        margin-bottom: 32px;
    }
}

@media (max-width: 768px) {
    #section-7-home-24 h2 {
        font-size: 30px;
        line-height: 38px;
    }

    .hide-mobile {
        display: none;
    }

    .show-mobile {
        display: block;
    }

    #section-7-home-24 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    #section-7-home-24 img {
        max-height: 312px;
        margin-bottom: 32px;
        width: 100%;
        max-width: 100%;
    }

    .be-part-title a.btn-primary-act {
        width: 100%;
        padding: 12px 20px;
    }

    .p-7-home {
        width: 100%;
    }
}

/** File /cuenta-eje-chequera-tarjeta-de-debito-y-banca-electronica */
@media (max-width: 575px) {
#accordion-preguntas-frecuentes .card-header h3 button.btn {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    max-width: calc(100% - 20px);
    padding-left: 20px;
    white-space: unset;
}
}