/* 
  pricing section tooltip styles starts here
*/
 
    .info-tooltip {
  position: relative;
  display: inline-block;
  margin-left: 8px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  background: #ddd;
  color: #000;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}


.tooltip-text {
  visibility: hidden;
  opacity: 0;
  width: 250px;
  background-color: #333;
  color: #fff;
  text-align: left;
  padding: 6px 10px;
  border-radius: 4px;
  position: absolute;
  left: 120%;
  top: 50%;
  font-size: 12px;
  font-weight: 400;
  transform: translateY(-50%);
  transition: opacity 0.2s ease;
  z-index: 10;
}

.info-tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/* Default desktop position (right of icon) */
.tooltip-text {
  left: 120%;
  top: 50%;
  transform: translateY(-50%);
}

/* Mobile / small screens */
@media (max-width: 768px) {
  .tooltip-text {
    left: auto;       /* unset fixed left */
    right: 0;         /* position tooltip to the left of icon */
    top: 110%;        /* below the icon */
    transform: translateY(0); /* reset vertical translation */
    width: 200px;     /* slightly narrower for mobile */
  }
}
/* 
  pricing section tooltip styles ends here
*/

	/* 
  process stack styles starts here
*/
	/* 

	
	
/* Mobile & Tablet stacking */
	
	@media (max-width: 768px) {
		.mob-stack-parent {
    height: auto !important; /* or 100% if you prefer */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
		
}
	

		
		
@media (max-width: 1024px) {
  .mob-stack-parent {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
	
    /* height will be set dynamically via JS */
  }

  .mob-stack-item {
    position: sticky;
    top: 100px; /* adjust for mobile/tablet */
    transition: transform 0.3s ease;
    z-index: 1;
  }

  /* Stack order */
  .mob-stack-item:nth-child(1) { z-index: 1; }
  .mob-stack-item:nth-child(2) { z-index: 2; }
  .mob-stack-item:nth-child(3) { z-index: 3; }
}


	
		/* 
  process stack styles ends here
*/

/* 
  benefits section Stack styles Starts here
*/

.parent-card {
  position: relative;
  width: 100%;
  height: 600vh; /* Enough height to scroll through all cards */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.s-card {
  position: sticky;
  top: 100px; /* Adjust where the card sticks */
  transition: transform 0.3s ease;
  z-index: 1;
}

/* Stack order */
.s-card-1 { z-index: 1; }
.s-card-2 { z-index: 2; }
.s-card-3 { z-index: 3; }
.s-card-4 { z-index: 4; }
.s-card-5 { z-index: 5; }
.s-card-6 { z-index: 6; }

	/* 
  benefits section Stack styles ends here
*/
	
/* Works section news ticker styles starts here */
.service-ticker,
.service-ticker-2 {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.service-ticker ul,
.service-ticker-2 ul {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  transform: translateX(0);
}

.service-ticker li,
.service-ticker-2 li {
  flex: 0 0 auto;
  margin-right: 30px !important; /* space between items */
  white-space: nowrap;
}

/* Mask effect at both sides */
.ticker-mask {
  position: relative;
  overflow: hidden;

  /* Modern mask for Chrome, Safari, Edge */
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 0)
  );
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;

  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 0)
  );
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

/* Fallback for Firefox and older browsers using pseudo-elements */
.ticker-mask::before,
.ticker-mask::after {
  content: '';
  position: absolute;
  top: 0;
  width: 60px; /* width of fade */
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.ticker-mask::before {
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.ticker-mask::after {
  right: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}
/* Works section news ticker styles ends here */

	

	
	
/* Hero  section slides & merque styles starts here */	
	
	
	

/* Big slide fade in/out */	
	
.slide-parent {
  position: relative;
  width: 100%;
  overflow: hidden;
	padding:0px !important;
}

/* First image should define parent’s height */
.slide-img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 1.5s ease-in-out;
}
.slide-img:first-child {
  position: relative; /* this keeps the height of parent */
}

	
	
/* Make first image visible by default */
.slide-img:first-child {
  opacity: 1;
  z-index: 1;
}

.slide-img.active {
  opacity: 1;
  z-index: 1;
}


/* Big slide fade in/out */	
	
	
	
/* tiny merque image scroller */	
	
	.img-ticker-parent {
  overflow: hidden;
  position: relative;

  /* Fade mask */
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0));
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0));
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

.img-ticker-track {
  display: flex;
  flex-wrap: nowrap;
 
}

.img-ticker-track .gallery-item {
  flex: 0 0 auto;
  width: calc(100% / 7.5); /* 6.5 items visible */

  
  margin: 5px !important ;
  padding: 0px !important;



}

.img-ticker-track .gallery-item img {
  border-radius: 10px !important;
  

}

/* Tablet */
@media (max-width: 1024px) {
  .img-ticker-track .gallery-item {
    width: calc(100% / 4);
  }
}

/* Mobile */
@media (max-width: 480px) {
  .img-ticker-track .gallery-item {
    width: calc(100% / 2.5);
  }
}

	
/* Hero  section slides & merque styles ends here */	
	
	
	
	
/* Testimonial section merque styles starts here */	



	

	
	
	/* Parent wrapper */
.testimonial-vertical-parent {
  display: flex;
  gap: 40px;
  max-width: 1140px;
  overflow: hidden;
  position: relative;

  /* WebKit browsers (Chrome, Safari, Edge Chromium) */
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1) 15%, rgba(0,0,0,1) 85%, rgba(0,0,0,0));
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1) 15%, rgba(0,0,0,1) 85%, rgba(0,0,0,0));
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  
}

/* Firefox & other browsers fallback */
.testimonial-vertical-parent::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, #000, transparent 15%, transparent 85%, #000);
  z-index: 2; /* ensure overlay sits on top */
}

/* Each column container */
.testimonial-column {
  flex: 1;
  overflow: hidden;
  position: relative;
  /* 👇 height = 2.5 items */
  height: calc((250px * 2.5)); /* adjust 200px = item height */

}

/* Track that moves */
.testimonial-track {
  display: flex;
  flex-direction: column;
}

/* Testimonial cards */
.testimonial-item {

  height: 220px; /* fixed item height for consistent scroll */
  flex: 0 0 auto;
  margin:0px !important;
  margin-bottom:20px !important;
}

	/* Mobile */
@media (max-width: 480px) {
 
	.testimonial-item {

  height: 300px; /* fixed item height for consistent scroll */
  flex: 0 0 auto;
  margin:0px !important;
  margin-bottom:40px !important;
}
	
}
	



/* Testimonial section merque styles ends here */