body{
    font-family:'Red Hat Text' !important; 
    letter-spacing: 0; 
    margin-bottom: .45em;
    font-size: 14px;
    font-weight: 400px;
}

/* heading */
h1, h2, h3, h4, h5, h6{font-family:'Montserrat' !important; letter-spacing: 0; margin-bottom: .45em;}
h1 {font-size:38px; line-height:47.5px; font-weight:600 !important;}
h2 {font-size:28px !important; line-height:36px; font-weight:600 !important;}
h3 {font-size:20px; line-height:25px; font-weight:600 !important;}
h4 {font-size:18px !important; line-height:26px; font-weight:600 !important;}
h5 {font-size:16px !important; line-height:23px; font-weight:700 !important;}
h6 {font-size:14px !important; line-height:20px; font-weight:700 !important;}

p{
    font-size: 14px;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    color: white;
}


.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    color: white;
}


.two-files {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Número de renglones */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}



.three-files {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Número de renglones */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.container{
    padding: 40px 10px;
}

.btn-white:hover{
    background-color: #E08837;
    color: white;
    cursor: pointer;
}


.carousel {
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden;
    display: flex;
  }

  .card {
    width: 100%;
    color: red;
    padding: 10px 0px 0px 0px;
    justify-content: center;
    align-items: center;
  }


  .carousel {
    /* ... */
    > * {
      flex: 0 0 100%;
    }
  }

.carousel {
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden;
    position: relative;
}

.group {
    display: flex;
    gap: 20px;
    width: calc(100% * 2); /* Duplica el ancho del contenido */
    animation-timing-function: linear;
    will-change: transform;
    align-items: center;
}

/* Animación hacia la izquierda */
.scroll-left .group {
    animation: scroll-left 50s linear infinite;
}

/* Animación hacia la derecha */
.scroll-right .group {
    animation: scroll-right 50s linear infinite reverse; /* Agregamos 'reverse' para invertir el sentido */
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%); /* Mantenemos el mismo desplazamiento, pero se invierte con 'reverse' */
    }
}




@keyframes scroll-right-2 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-250%);
    }
}

.animate-scroll-right-2 {
    animation: scroll-right-2 40s linear infinite; /* Ajusta el tiempo aquí */
}

.carousel .group-2 {
    display: flex;
    width: max-content; /* Permite que el contenido se extienda */
}

.carousel .group-2 img {
    flex-shrink: 0;
/*    height: 100%; /* Asegura que todas las imágenes se ajusten */
    width: auto;
    height: 6.25rem;
}




.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

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


.swiperIndex .swiper-slide{
    background: #FFF;
    border: 1px solid silver;
    box-shadow: 0px 0px 6px 0px #00000033;
}


.swiperIndex{
    text-align: left;
}

.swiperIndex p{
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.swiperIndex .swiper-slide .ft{
    filter: grayscale(1);
    height: 250px !important;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.swiperIndex .swiper-slide{
    text-align: left;
}


.swiperIndex .swiper-pagination{
    margin-top: 20px;
    position: initial;
}

.swiperIndex .swiper-pagination-bullet-active{
    background: #ff5733;
}


.none-filter{
    filter: initial !important;
}

.bg-blueIpcom{
    background: #0D2369;
}

.bg-orangeIpcom{
   background: yellow;
}

.grayTextIpcom{
    color: #C2C2C2;
    font-size: 13px;
}


.card{
    border: none;
}



.arrow{
    width: 27px;
}


.section-img img{
    height: 250px !important;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}



/*Call to action*/

.bg-custom-Call-to-center-consultoria{
    background-image: url('../img/servicios/Call-to-center-consultoria.png');
    /*background-size: cover;
    background-position: center;*/
}

.bg-custom-Call-to-center-seguridad{
    background-image: url('../img/soluciones/Call-to-center-Seguridad.png');
    /*background-size: cover;
    background-position: center;*/
}

.bg-custom-Call-to-center-Negocios{
    background-image: url('../img/casos-exito/Call-to-center-Bussines.png');
    /*background-size: cover;
    background-position: center;*/
}

.bg-call-to-action-nosotros{
    background-image: url('../img/nosotros/call-to-action-nosotros.png');
    /*background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;*/
}


.bg-call-to-action-inicio {
    background-image: url('../img/inicio/working-business-people-2024-09-12-18-13-40-utc.jpg');
    /*background-size: cover;
    background-position: center;*/
}


.bg-custom-Call-to-center-operative{
    background-image: url('../img/partners/young-architect-team-working-office.jpg');
    /*background-size: cover;
    background-position: center;*/
}


.bg-custom-Call-to-center-innovation{
    background-image: url('../img/blog/thoughtful-manager-composing-business-plan-2023-11-27-05-05-20-utc (1).jpg');
    /*background-size: cover;
    background-position: center;*/
}


.blue-gradiente{
    background: linear-gradient(270deg, #2151AF 0%, #03114C 100%);
}


ul li{
    padding-bottom: 5px;
}




.mobile-menu {
  left: -200%;
  transition: 0.5s;
}

.mobile-menu.active {
 left: 0;
}

.mobile-menu ul li ul {
  display: none;
}

 .mobile-menu ul li:hover ul {
  display: block;
}



/*Nosotros*/


.bg-metodology {
    background-image: url('../img/nosotros/estrategia-gray.png');
    background-size: cover;
    background-position: center;
    min-height: 474px;
}


.bg-gradient-blue{
    background: linear-gradient(270deg, #2151AF 0%, #133482 37.11%, #03114C 100%);
}


/*Soluciones*/

.bg-grid-solution-1{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%), 
    url('../img/soluciones/photo-cyber-security-system-jpg-formate.jpg');
    background-size: cover;
    background-position: center;
}


.bg-grid-solution-2{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
    url('../img/soluciones/representation-user-experience-interface-design.jpg');
    background-size: cover;
    background-position: center;
}


.bg-grid-solution-3{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
    url('../img/soluciones/cloud-based-api-technology-with-digital-circuitry-background-modern-applications.jpg');
    background-size: cover;
    background-position: center;
}



.bg-grid-solution-4{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
    url('../img/soluciones/advanced-cybersecurity-encryption-and-digital-dat-2023-11-27-05-19-20-utc.jpg');
    background-size: cover;
    background-position: center;
}


.bg-grid-solution-5{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
    url('../img/soluciones/Grid-soluciones-5.png');
    background-size: cover;
    background-position: center;
}



.bg-grid-services-1{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
    url('../img/servicios/man-suit-stands-front-laptop-with-group-people-front-him.jpg');
    background-size: cover;
    background-position: center;
}


.bg-grid-services-2{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
    url('../img/servicios/adult-pretty-woman-at-home-work-2023-11-27-04-59-11-utc.jpg');
    background-size: cover;
    background-position: center;
}


.bg-grid-services-3{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
    url('../img/servicios/two-young-entrepreneurs-working-computer-reading-email-office.jpg');
    background-size: cover;
    background-position: center;
}


.bg-grid-services-4{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
    url('../img/servicios/this-looks-really-good-we-can-accept-it.jpg');
    background-size: cover;
    background-position: center;
}



.bg-section-casos-exito-1{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
    url('../img/casos-exito/people-analyzing-checking-finance-graphs-office.jpg');
    background-size: cover;
    background-position: center;
}


.bg-section-casos-exito-2{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
    url('../img/casos-exito/thoughtful-manager-composing-business-plan-2023-11-27-05-05-20-utc.jpg');
    background-size: cover;
    background-position: center;
}


.bg-section-casos-exito-3{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
    url('../img/casos-exito/admin-data-center-works-with-artificial-intelligence-computerized-model.jpg');
    background-size: cover;
    background-position: center;
}



.bg-section-casos-exito-4{
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
    url('../img/casos-exito/cloud-computing-business-maintenance-2024-01-03-16-21-24-utc.jpg');
    background-size: cover;
    background-position: center;
}


/*.bg-cover-partners {
    background-image: url('../img/partners/pleased-business-lady-looking-at-the-computer-2023-11-27-05-29-52-utc.jpg'), 
                      linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, #0D2369 100%);
    background-size: cover;
    background-position: center;
}*/


.block {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}


.grid-customized-solutions img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    aspect-ratio: 1 / 1;
    height: 850px;
}



.img-parallax {
    /* width: 100vmax; */
    z-index: -1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    pointer-events: none;
}



/*Parallax*/

    .parallax-cover-container {
        position: relative;
        min-height: 406px;
        overflow: hidden;
    }

    .parallax-cover-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: 
            linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
            url('../img/nosotros/business-people-networking-conference-with-technology-background-lg.jpg') no-repeat center center;
        background-size: cover;
        transition: transform 0.1s ease-out;
    }

    .parallax-cover-contact{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: 
            linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
            url('../img/contacto/confident-about-their-business-plan-2024-03-05-19-07-50-utc.jpg') no-repeat center center;
        background-size: cover;
        transition: transform 0.1s ease-out;
    }

    .parallax-cover-partners{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
        url('../img/partners/cover-partners.png') no-repeat center center;
        background-size: cover;
        transition: transform 0.1s ease-out;
    }

    .parallax-cover-blog{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%),
        url('../img/blog/multiracial-businessmen-and-businesswoman-discussi-2023-11-27-04-55-33-utc.jpg') no-repeat center center;
        background-size: cover;
        transition: transform 0.1s ease-out;
    }

    .parallax-cover-section {
        height: 100%;
        text-align: center;
        /*background-color: #f0f0f0;*/
    }

    .parallax-content {
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .parallax-container {
        position: relative;
        overflow: hidden;
        height: 360px; /* Limita la altura máxima del contenedor */
        height: 100%; /* La altura se ajusta a su contenedor */
    }

    .parallax-bg-wrapper {
        position: relative;
        width: 100%;
        height: 100%; /* Asegura que el fondo cubra toda la altura del contenedor */
        position: absolute;
        z-index: 5;
    }

    .parallax-bg {
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 120% !important; /* Asegura que el fondo ocupe el 100% del contenedor */
        z-index: -1;
    }




/*Contact*/
    .input-form{
        min-width: 315px;
        height: 44px;
        border-radius: 4px 0px 0px 0px;
        opacity: 0px;
        background:white;
    }


    .form-msj-error {
        border-color: red !important;  /* Esto marcará el borde en rojo */
        background-color: #f8d7da;  /* Fondo rojo claro para mayor visibilidad */
        color: #a80808 !important;  /* Color de texto rojo */
    }


    .bg-degradare-blue{
        background-color: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(6, 17, 51, 0.486102) 32.11%, #0D2369 100%) !important;
    }