.cursor-sphere {
      position: fixed;
      width: 90px;
      height: 90px;
      background: #EC5D5B;
      border-radius: 50%;
      pointer-events: none;
      transform: translate(-50%, -50%);
      z-index: 9999;
      transition: transform 0.15s ease, background 0.15s ease;
      display: none;
    }
#fws_6867e692eddbc .span_12{
	margin-left: 10%;
    margin-right: 10%;
}    
     .cursor-sphere .arrows {
      display: flex;
      gap: 14px;
      left: 27px;
      top: 38%;;
      position: absolute;
      color:#fff;
    }
    .cursor-sphere.dragging .arrows {
     left: -109%;
     top: -10%;
     gap: 40px;
     color:#EC5D5B;
    }
    .cursor-sphere .arrow {
      display: inline-block;
    }

    .cursor-sphere.dragging {
      width: 20px;
      height: 20px;
    }
.redline-container {
    background-color: #F2F2F2;
    border-left: solid #EC5D5B 12px;
    padding: 20px;
    font-size: 24px;
}

.red-square-list {
    list-style: none;
    padding-left: 0;
    margin-left: 0px;
}

.red-square-list li {
    display: flex;
    align-items: normal;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.red-square {
    position: absolute;
    left: 0;
    width: 0.5vw;
    height: 0.5vw;
    background-color: #EC5D5B;
    /* Color rojo */
    display: inline-block;
    border-radius: 45px;
    top:10px
}

.quote-container {
    display: flex;
    align-items: flex-start;
    /* Alinea los elementos al inicio (arriba) */
    gap: 10px;
    /* Espacio entre los elementos */
    position: relative;
    /* Para posicionar la segunda imagen correctamente */
}

.quote-text {
    font-family: 'Literata-Regular', sans-serif !important;
    padding: 24px 14px 24px 14px;
    font-size: clamp(20px, 2vw, 32px);
    color:#535353;
    line-height: 120%;
}

.quote-container img {
      width: 74px !important; 
      height: 54px !important;
     flex-shrink: 0;
    /* Evita que las imágenes se encojan */
}

.img-right {
    top: 20px;
    align-self: flex-end;
    position: relative;
    inset: -3pc 0pc;
}
.quote-text .author {
    padding-top: 40px;
    font-weight: 600 !important;
    font-size: clamp(22px, 1.25vw, 26px)  !important;
    font-family: 'National-Medium' !important;
    margin-bottom: 0px !important;
}
.quote-text  .role{
	font-weight: 400 !important;
    color: #444  !important;
    font-size: clamp(16px, 1.042vw, 24px) !important;
}
.post-featured-img img {
    width: 100% !important;
    height: 402% !important;
}

/* Contenedor principal */
.container2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: #fff;
    margin-bottom: 0px !important;
    position: relative;
    /* Necesario para que los elementos sticky funcionen correctamente */
}

/* Imagen con efecto parallax */
.container2 .img {
    position: sticky;
    top: 0;
    /* Se pegará en la parte superior */
    height: 100vh;
    /* Ocupa toda la altura de la ventana */
    overflow: hidden;
    /* Oculta el desbordamiento de la imagen */
    background-size: 50%;
    background-attachment: fixed;
    /* Fija la imagen para el efecto parallax */
}

/* Imagen dentro del contenedor .img */
.img img {
    width: 100%;
    height: 120%;
    /* Un poco más grande para el efecto parallax */
    object-fit: cover;
    transition: transform 0.1s ease-out;
    /* Suaviza el efecto de movimiento */
}

/* Contenedor de texto */
.text {
    flex: 1;
    /* Ocupa el espacio restante */
    padding: 25% 20% 0% 20%;

}

/* Texto sticky */
.sticky-text {
    position: sticky !important;
    top: 60px;
    z-index: 2;
}

/* Texto que se desplaza */
.text1 {
    background-color: #fff;
    position: sticky;
    top: 14%;
    z-index: 2;
    padding: 40px 0 10px 0;
}

.container2.invert-order .img {
    order: 2;
    /* Cambia el orden de la imagen */
}
/* aumntar fuente del boton*/
.nectar-button.medium {
  font-size:20px!important;
  font-family: 'National'!important;
}
.columns-service-container{
display:flex;
}
.client-row {
    width: 33%;
    border-left: solid 3px #ec5d5b;
    padding: 10px;
    text-transform: uppercase;
    padding: 14px 14px 30px;
    margin-top: 20px;
    font-size: 1.3vw;
    font-weight: 400;
    font-family: 'National', sans-serif !important;
}
.client-row p{
	text-transform: capitalize;
	font-size: 1vw;
    font-weight: 600;
}
    .columns-service-container-2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 40px 20px;
            margin-bottom: 30px;
        }
    .columns-service-container-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 70px 20px;
            margin-bottom: 30px;
        }
        .columns-service-container-4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 30px;
        }
        .column-item {
            padding: 30px;
            border-left: 1px solid #fff;
        }
        .style-minimal .column-item {
            padding: 5px 5px 5px 20px;
            border-left: 1px solid #ec5d5b;
        }
        .style-cards .column-title  {
        	color: #ffffff;
        	text-align: left;
        	font-weight: 400;
        	font-style: normal;
            margin-bottom: 30px;
    		font-family: 'National', sans-serif !important;
            font-size: 3.7vw;
        }
        .style-cards .column-subtitle{
        color: #ffffff;
        text-align: left;
        text-transform: uppercase;
        }
         .style-cards .column-content, .style-cards .column-subtitle{
         	color: #ffffff;
            font-family: 'National-Light', sans-serif !important;
         }
         .style-cards .column-subtitle{
          text-transform: none;
    	 font-weight: 700;
         font-size: 1.66vw;
         line-height: 160%;
        letter-spacing: 0%;
        vertical-align: middle;
         }
         .style-minimal .column-content{
            font-family: 'National-Light', sans-serif !important;
            font-size: 24px;
         }
        @media (max-width: 768px) {
        .red-square {
  		position: absolute;
  		left: 2%;
  		top: 9px;
  		width: 5px;
  		height: 5px;
  		background-color: #333;
  		display: inline-block;
}
         .f-search{
         display:flex;
         }
            .columns-service-container {
                grid-template-columns: 1fr;
            }
            .columns-service-container-3, .columns-service-container-2  {
            grid-template-columns: repeat(1, 1fr);
             }
        }
.timeline-horizontal-container.dragging {
      cursor: grabbing;
    }        
.timeline-horizontal-container {
    position: relative;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;
    overflow-y: hidden;
    padding: 60px 0;
    margin-bottom: 40px;
    cursor: pointer;
}

.timeline-horizontal-line {
    position: absolute;
    top: 10.5%;
    left: 2%;
    right: 0;
    height: 4px;
    background: #ddd;
    z-index: 1;
}

.timeline-horizontal-events {
    position: absolute;
    display: flex;
    min-width: 100%;
    width: max-content;
    z-index: 2;
    transform: translateY(-17%);
}

.timeline-event {
    position: relative;
    text-align: center;
    min-width: 200px;
    padding: 0px 16px;
}

.timeline-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 10px;
    position: relative;
    z-index: 3;
    top: 5px;
}

.timeline-year {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
}

.timeline-content {
    padding: 15px;
    max-width: 290px;
    text-align: left;
}

@media (max-width: 1800px) {
    .img-right {
    inset: -2pc 0pc;
}
 }