.elementor-1152 .elementor-element.elementor-element-c7f5049{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.49;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-1152 .elementor-element.elementor-element-c7f5049::before, .elementor-1152 .elementor-element.elementor-element-c7f5049 > .elementor-background-video-container::before, .elementor-1152 .elementor-element.elementor-element-c7f5049 > .e-con-inner > .elementor-background-video-container::before, .elementor-1152 .elementor-element.elementor-element-c7f5049 > .elementor-background-slideshow::before, .elementor-1152 .elementor-element.elementor-element-c7f5049 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1152 .elementor-element.elementor-element-c7f5049 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1152 .elementor-element.elementor-element-52ad7de{text-align:center;font-family:"merchant", Sans-serif;font-size:95px;font-weight:500;line-height:80px;color:#000000;}.elementor-1152 .elementor-element.elementor-element-cf4287b{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:500;}.elementor-1152 .elementor-element.elementor-element-f47ec67{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-1152 .elementor-element.elementor-element-f47ec67:not(.elementor-motion-effects-element-type-background), .elementor-1152 .elementor-element.elementor-element-f47ec67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theanslabel.com/wp-content/uploads/2025/06/Vector-32.png");background-repeat:no-repeat;background-size:contain;}.elementor-1152 .elementor-element.elementor-element-6073e65{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-1152 .elementor-element.elementor-element-2120f00 > .elementor-widget-container{margin:10% 0% 0% 0%;}.elementor-1152 .elementor-element.elementor-element-98f529c > .elementor-widget-container{margin:030% 0% 0% 0%;}.elementor-1152 .elementor-element.elementor-element-341fd54 > .elementor-widget-container{margin:040% 0% 0% 0%;}.elementor-1152 .elementor-element.elementor-element-1f200d7 > .elementor-widget-container{margin:040% 0% 0% 0%;}.elementor-1152 .elementor-element.elementor-element-e7f9738 > .elementor-widget-container{margin:32% 0% 0% 0%;}.elementor-1152 .elementor-element.elementor-element-ab471be > .elementor-widget-container{margin:015% 0% 0% 0%;}.elementor-1152 .elementor-element.elementor-element-2e5d327{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-1152 .elementor-element.elementor-element-3e79405{--spacer-size:50px;}.elementor-1152 .elementor-element.elementor-element-4c7222f{text-align:center;font-family:"merchant", Sans-serif;font-size:78px;font-weight:500;color:#000000;}.elementor-1152 .elementor-element.elementor-element-2cd895f > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-1152 .elementor-element.elementor-element-2cd895f.elementor-element{--align-self:stretch;}.elementor-1152 .elementor-element.elementor-element-2cd895f{text-align:center;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;}.elementor-1152 .elementor-element.elementor-element-4be8ff8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-1152 .elementor-element.elementor-element-8bc08d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-1152 .elementor-element.elementor-element-8bc08d3:not(.elementor-motion-effects-element-type-background), .elementor-1152 .elementor-element.elementor-element-8bc08d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theanslabel.com/wp-content/uploads/2025/06/About-Us-2.png");background-repeat:no-repeat;background-size:cover;}.elementor-1152 .elementor-element.elementor-element-7434ec3{--spacer-size:50px;}.elementor-1152 .elementor-element.elementor-element-7b2cb6f{text-align:center;}.elementor-1152 .elementor-element.elementor-element-7b2cb6f .elementor-heading-title{font-family:"merchant", Sans-serif;font-size:78px;font-weight:500;color:#FFFFFF;}.elementor-1152 .elementor-element.elementor-element-027a7e9{font-family:"Manrope", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-1152 .elementor-element.elementor-element-ddc20f4{--display:flex;overflow:visible;}.elementor-1152 .elementor-element.elementor-element-a487b85{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;overflow:visible;}.elementor-1152 .elementor-element.elementor-element-8258d9b{--spacer-size:50px;}.elementor-1152 .elementor-element.elementor-element-876e28f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-1152 .elementor-element.elementor-element-9701979{--spacer-size:50px;}.elementor-1152 .elementor-element.elementor-element-940fc7b{text-align:center;}.elementor-1152 .elementor-element.elementor-element-940fc7b .elementor-heading-title{font-family:"merchant", Sans-serif;font-size:78px;font-weight:500;color:#000000;}.elementor-1152 .elementor-element.elementor-element-2da7cd7{font-family:"Manrope", Sans-serif;font-size:16px;color:#000000;}.elementor-1152 .elementor-element.elementor-element-41e5545{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}@media(max-width:1024px){.elementor-1152 .elementor-element.elementor-element-6073e65{--grid-auto-flow:row;}.elementor-1152 .elementor-element.elementor-element-a487b85{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1152 .elementor-element.elementor-element-6073e65{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1152 .elementor-element.elementor-element-a487b85{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-f5d9a4f */.timeline-container {
    max-width: 1400px; /* Adjust max width as needed */
    margin: 0 auto;
}

.timeline {
    position: relative;
    padding: 50px 0; /* Space for the line and items */
    padding-bottom: 150px; /* Adjust padding-bottom to make space for number and text below the line */
}

.timeline-items {
    display: flex; /* Arrange items horizontally */
    justify-content: space-around; /* Distribute space between items */
    align-items: flex-start; /* Align items to the top */
    position: relative;
    z-index: 2; /* Ensure items are above the line */
    margin-bottom: 40px; /* Space between images and the line */
}

.timeline-item {
    flex: 1; /* Allow items to grow and shrink */
    text-align: center; /* Center content */
    padding: 0 15px; /* Space between items */
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; /* Needed for positioning the static point */
}

.timeline-image { /* Adjust image height */
    
    cursor: pointer;
    /* Removed margin-bottom here as margin is on timeline-items */
}

.timeline-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Cover the area without distortion */
    transition: transform 0.3s ease;
}

.timeline-image:hover img {
    transform: scale(1.05); /* Subtle zoom on hover */
}

.timeline-line {
    position: absolute;
    /* Position the line below the timeline-items flex container */
    /* We can't position directly below the flex container easily with absolute positioning within .timeline.
       A better approach is to position it based on a fixed distance from the top
       or calculate its position based on the content above it.
       Let's place it relative to the top of .timeline, just below the images and their margin. */
    top: 400px; /* Image height + margin-bottom on timeline-items + padding-top on .timeline */
    left: 0;
    right: 0;
    height: 2px; /* Thin line */
    background-color: #000; /* Light grey line */
    z-index: 1; /* Ensure line is below items and points */
}

.timeline-static-point {
    position: absolute;
    /* Position relative to the timeline-item, align with the line */
    bottom: -6px; /* Adjust to sit on the line */
    left: 50%; /* Center horizontally within the item */
    transform: translateX(-50%); /* Adjust for the point's own width */
    width: 8px; /* Smaller static point */
    height: 8px; /* Smaller static point */
    background-color: #ccc; /* Grey static point */
    border-radius: 50%;
    z-index: 3;
}

.timeline-moving-marker { /* Styling for the single moving marker */
    position: absolute;
    /* Position relative to the timeline container, align with the line */
    top: 394px; /* Align vertically with the line (line top - marker half height) */
    left: 0; /* Will be set by JavaScript */
    width: 14px; /* Size of the moving marker */
    height: 14px; /* Size of the moving marker */
    background-color: #000; /* Black moving marker */
    border-radius: 50%;
    z-index: 4; /* Ensure it's above the static points and line */
    transition: left 0.5s ease-in-out; /* Smooth animation for horizontal movement */
    transform: translateX(-50%); /* Center the marker on the target point */
}

.timeline-number {
    margin-top: 50px; /* Space between the line/point and number */
    font-size: 2.5em;
    font-weight: normal;
    color: #000;
    margin-bottom: 10px; /* Space between number and text */
    font-family: 'Georgia', serif;
}

.timeline-content {
    text-align: center;
    color: #666;
    line-height: 1.6;
    font-size: 0.9em;
    max-width: 250px;
    margin: 0 auto;
    opacity: 0; /* Initially hidden */
    height: 0; /* Initially collapsed */
    overflow: hidden; /* Hide overflow during transition */
    transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out, margin-top 0.5s ease-in-out; /* Smooth reveal animation including margin */
}

.timeline-content.visible {
    opacity: 1; /* Make visible */
    height: auto; /* Allow height to adjust based on content */
    margin-top: 10px; /* Add some space above text when visible */
}

/* Add a class to highlight the active item if desired */
.timeline-item.active .timeline-number {
    color: #000; /* Darken number of active item */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59b7f0d */.slider {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background-color: transparent;
    position: relative;
    justify-content: center;
  }
  
  .slides {
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  .slide {
    display: none;
    animation: fade 0.5s;
  }
  
  .slide.active {
    display: block;
  }
  
  @keyframes fade {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  .image-container {
    width: 100%;
    height: 250px;
    overflow: hidden;
    
    align-items: end;
    overflow: hidden;
    justify-content: center;
    display: flex;
    z-index: 1;
  }
  
  .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
  }
  
  .testimonial {
    width: 75%;
    padding: 30px;
    margin-top: -30px;
    text-align: center;
    background-color: #e6e6e6;
    justify-self: center;
    border-radius: 25px;
    z-index: 2;
    position: relative;
  }
  
  .testimonial h3 {
    margin: 0 0 20px;
    font-size: 1.2rem;
    color: #888;
  }
  
  .testimonial p {
    font-size: 1.4rem;
    color: #333;
    line-height: 1.5;
  }
  
  .dots {
    text-align: center;
    margin: 20px 0;
  }
  
  .dot {
    height: 10px;
    width: 10px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 50%;
    background-color: #ccc;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .dot.active {
    background-color: #333;
  }/* End custom CSS */