.common-heading-ind h1, h2 {
    font-size: 42px;
}

.common-heading-ind span{
    color: #198AEC;
}

.ind-blue-btn a {
    background: linear-gradient(266.17deg, #198aec 21.44%, #257dc9 40.46%, #338edc 64.47%, #42a0f0 75.44%);
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    border-radius: 10px;
}

.product-showcase {
    margin: 30px auto 0;
    border-radius: 12px;
    overflow: hidden;
  }

  .screen-slider img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  section.ecommerce-banner-section {
    background-repeat: no-repeat;
    background-position: center;
    padding: 160px 0 0;
}

  .common-heading-ind h3 {
    font-size: 28px;
	font-weight: 500;
    color: #6d6d6d;
}
.product-showcase .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.trust-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px; /* space between logos */
    flex-wrap: wrap; /* Optional: allows wrapping on small screens */
}

.trust-logos img {
    max-width: 100px; /* Adjust size as needed */
    height: auto;
    display: block;
}

.trust {
    display: inline-block;
    width: 100%;
    margin: 30px 0 0;
}

.ecommerce-counter-section h3 {
    color: #188aec;
    font-size: 18px;
}

section.ecommerce-counter-section {
    background: #F7F9FF;
    margin: 80px 0 0;
}

.ecommerce-counter-section {
    background-color: #f9faff; /* optional */
    padding: 40px 0;
  }
  
  .ecommerce-counter-box {
    border-left: 1px solid #cde2ff;
  }
  
  .ecommerce-counter-box:first-child {
    border-left: none;
  }
  
  .ecommerce-counter-box h3 {
    font-size: 32px;
    font-weight: 700;
    color: #1985ec;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  
  .ecommerce-arrow-circle {
    background: #e6f2ff;
    border-radius: 50%;
    padding: 5px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .ecommerce-arrow-circle i {
    color: #1985ec;
    font-size: 14px;
  }
  
  .ecommerce-counter-box p {
    margin-top: 8px;
    font-size: 14px;
    color: #333;
  }
  
  .ecommerce-services-section {
    background-color: #f9fbff;
  }
  
  .service-card {
    background: #fff;
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    text-align: left;
    height: 100%;
    background: #FAFAFA;
    border: 1px solid #E3E3E3;
    position: relative;
  }
  
  .service-card:hover {
    background: linear-gradient(135deg, #0b72e7, #4fc3f7);
    color: white;
    transform: translateY(-4px);
  }

  .service-card:hover h5{
    color: #fff;
  }

  .service-card:hover p{
    color: #fff;
  }

  .service-card:hover path{
    fill: #2f88d6;
  }
  
  .service-card .icon {
    font-size: 24px;
    margin-bottom: 16px;
    color: #1f70ff;
  }
  
  .service-card h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
  }
  
  .service-card p {
    font-size: 14px;
    color: #555;
  }
  
  .service-card.active {
    background: linear-gradient(135deg, #0b72e7, #4fc3f7);
    color: white;
  }
  
  .service-card.active .icon,
  .service-card.active h5,
  .service-card.active p {
    color: white;
  }
  
  /*.service-card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    background: #188aec;
    width: 1px;
    height: 810px;
    top: -340px;
    z-index: -9;
    opacity: .4;
}*/

.ecomm-cta-section h2 {
    color: #fff;
    font-size: 32px;
}

.ind-white-btn a {
    background: #fff;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 10px;
    color: #188aec;
}

.ind-white-btn a:hover {
    background: #188aec;
    color: #fff;
}

.pin-wrapper {
  position: relative;
  height: 400vh; /* enough height to allow pin to scroll */
}

section.industry-portfolio-section {
  padding: 80px 0 0;
}

.double-slider-container {
  max-width: 1200px;
  margin: auto;
}

.slider-row {
  margin-bottom: 40px;
}

.slider-row .slick-slide {
  padding: 10px;
  box-sizing: border-box;
}

.slider-row .slide-item {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  text-align: center;
  padding: 15px;
  min-height: 400px;
  position: relative;
}

.slider-row img {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  display: block;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  right: 0;
  left: 0;
}


.slider-row h3 {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  text-align: left;
  font-weight: 600;
}

.ecommerce-development-section .slider-row p {
  margin-top: 10px;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  text-align: left;

}

.slider-row.mt-4.slider-row-2.slick-initialized.slick-slider {
  margin: 0 !important;
}


.slider-row.mt-4.slider-row-1.slick-initialized.slick-slider {
  margin-bottom: 10px !important;
}

.page-wrap {
  width: 100%;
  height: 90vh;
  display: flex;
  justify-content: center;
}

html {
  scroll-behavior: smooth;
}
.swiper-container {
  overscroll-behavior: none; /* Prevents browser overscroll effects */
}

/* ====================================
Home Slider
==================================== */

#home-slider {
  height: 80vh;
  width: 90vw;
  position: relative;
  background:#000;

}

.swiper-container {
  height: 100%;
  width: 100%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}


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

.swiper-image-inner {
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 0%, 0.2);
  background-blend-mode: overlay;
}

.swiper-image-inner.swiper-image-left {
  padding: 4rem;
}

.swiper-image-left {
  filter: sepia(100%);
  transition: all 1s linear;
  transition-delay: 1s;
}

.swiper-slide.swiper-slide-active .swiper-image-left {
  filter: sepia(0%);
}

.swiper-image-inner.swiper-image-right {
  filter: hue-rotate(-60deg);
  transition: all 1s linear;
  transition-delay: 1s;
  background-color: hsla(0, 0%, 0%, 0.5);
  background-blend-mode: multiply;
}

.swiper-slide.swiper-slide-active .swiper-image-right {
  filter: hue-rotate(90deg);
}

.swiper-slide.swiper-slide-active h1,
.swiper-slide.swiper-slide-active p.paragraph,
.swiper-slide.swiper-slide-active h1 span.emphasis,
.swiper-slide.swiper-slide-active h1+p {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.swiper-image-inner p {
  color: #fff;
  margin: 15px 0;
}

/* Swiper css file. Only thing changed down here is the pagination styling */
/**
* Swiper 3.4.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* 
* http://www.idangero.us/swiper/
* 
* Copyright 2016, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
* 
* Licensed under MIT
* 
* Released on: December 13, 2016
*/
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000;
  overflow: hidden;
  display: flex;

}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  top: 0px;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: #fff;
  opacity: 0.4;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #188aec;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 15px;
  bottom: 15px;
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical>.swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

/* 3D Container */
.swiper-container-3d {
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left,
          rgba(0, 0, 0, 0.5),
          rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right,
          rgba(0, 0, 0, 0.5),
          rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top,
          rgba(0, 0, 0, 0.5),
          rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom,
          rgba(0, 0, 0, 0.5),
          rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.swiper-image-inner p {
  color: #fff;
  width: 50%;
}

.port-info ul li {
  color: #fff;
  display: inline-block;
  margin: 0 40px 0 0;
  position: relative;
}


.port-info ul li:first-child:before {
  content: '';
  position: absolute;
  background: #fff;
  width: 1px;
  height: 52px;
  right: -19px;
  top: 4px;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
      -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
      transform: rotate(360deg);
  }
}

.ecommerce-development-section {
  padding-bottom: 80px
}

.scroll-nav {
  border-bottom: 1px solid #ccc;
  margin-bottom: 40px;
  max-width: 70%;
  margin: 0 auto;
}

.estate-growth-section .scroll-nav a.active {
  color: #307883;
}

.estate-growth-section .scroll-nav a.active, .scroll-nav a:hover {
  color: #307883;
}

.scroll-nav a {
  font-weight: 600;
  font-size: 18px;
  color: #333;
  text-decoration: none;
  padding: 12px 20px;
  display: inline-block;
  position: relative;
}

.scroll-nav a.active,
.scroll-nav a:hover {
  color: #007bff;
  font-weight: 600;
}

.panel-title {
  font-weight: 700;
  font-size: 28px;
  color: #1e1e1e;
}

.panel-description {
  font-size: 16px;
  color: #555;
  line-height: 1.7;
}

.panel-image {
  max-width: 400px;
  border-radius: 10px;
}

.feature-badge {
  color: #198AEC;
  border: 1px solid #d6e5ff;
  padding: 10px 15px;
  font-size: 14px;
  margin: 5px 6px 5px 0;
  margin-right: 10px;
    display: inline-flex;
    align-items: center;
  background: #198AEC1A;
}

section.ecommerce-growth-section {
  padding: 80px 0;
  background: #F7F9FF;
}

div#Vendor\ Panel .col-lg-5 {
  display: flex;
  justify-content: end;
}

.scroll-nav a.active, .scroll-nav a:hover {
  color: #188aec;
  font-weight: 600;
  border-bottom: 2px solid;
}

.ecomm-wrap-2 h3 {
  background: linear-gradient(189deg, rgba(255, 255, 255, 0) -28.04%, rgba(36, 35, 35, 0.940295) 61.53%, #1E1D1D 80.87%);
  background-clip: text;
  font-size: 16px;
  font-weight: normal;
}

.ecomm-wrap-2 h2 {
  background: linear-gradient(189deg, rgba(255, 255, 255, 0) -28.04%, rgba(36, 35, 35, 0.940295) 61.53%, #1E1D1D 80.87%);
  background-clip: text;
  font-size: 38px;
  font-weight: 600;
}

.ecomm-wrap-2 h2 {
  font-size: 32px;
}

.ecomm-wrap-2 span {
  color: #188aec;
}

section.ai-ecomm-feature-section {
  padding: 80px 0;
}

section.industries-section {
  background: #F7F9FF;
  padding: 80px 0;
}

.ecommerce-growth-section .scroll-nav {
  max-width: 80%;
  margin: 40px auto;
}

.ecomm-second-cta img{
  width: 100%;
}

.ai-ecomm-feature-section .bb {
  border-bottom: 1px solid #198aec;
  padding: 15px 0;
}

section.ecomm-second-cta {
  margin: 80px 0 0;
}

section.innovation-section {
  padding: 80px 0;
  display: inline-block;
  width: 100%;
  position: relative;
}

.col-md-8.innovation-col-spacing {
  padding: 0 0% 0 10%;
}

.process-flow-hero {
  display: flex;
  max-width: 1200px;
  margin: auto;
  gap: 60px;
  align-items: flex-start;
}

.process-flow-hero .pfh-dots {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 5px;
}

.process-flow-hero .pfh-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
  transition: background 0.3s, transform 0.3s;
}

.process-flow-hero .pfh-dot.active {
  background: #007bff;
  transform: scale(1.4);
  box-shadow: 0 0 0 4px rgba(0, 123, 255, .2);
  height: 50px;
  border-radius: 6px 6px 6px 6px;
  width: 6px;
  margin: 0 0 8px 3px;
}

.process-flow-hero .pfh-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ecommerce-platform-section p.small.mb-0 {
  line-height: 22px;
  color: #fff;
}

.process-flow-hero .pfh-step {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  opacity: 1;
  transition: opacity 0.5s ease, transform 0.5s ease;
  padding: 20px;
}

.process-flow-hero .pfh-step:hover {
  opacity: 1;
    border-radius: 10px;
    background: #198AEC1A;
}

.process-flow-hero .pfh-dots{
  display: none;
}

.process-flow-hero .pfh-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}

.process-flow-hero .pfh-step h3 {
  margin: 0 0 10px;
  color: #1d87e3;
  font-size: 18px;
}

ul.ecomm-faq {
  list-style: disc;
  margin: 0 0 0 12px;
}

.process-flow-hero .pfh-step p {
  margin: 0;
  color: #01010199;
  font-size: 15px;
  max-width: 600px;
}

.custom-heading-ind-innovation {
  position: sticky;
  top: 200px; /* adjust based on your layout/header height */
  z-index: 10;
}

section.ecommerce-trust-section.space-pd {
  padding: 80px 0 0;
}

section.ecommerce-platform-section {
  background: #F7F9FF;
  padding: 80px 0;
}

.ecomm-wrap-3 h2 {
  font-size: 28px;
}

.ecomm-wrap-3 span {
  color: #2982ce;
}

.testimonial-industry-section {
  padding: 80px 0;
}

.testimonial-card {
  padding: 25px;
  height: 100%;
  background: linear-gradient(6.99deg, #FFFFFF 49.54%, rgba(251, 253, 255, 0.966599) 62.92%, rgba(244, 250, 255, 1) 74.55%, rgba(121, 193, 255, 1) 210.05%);
}

.testimonial-content h4 {
  color: #42A0F0;
  font-size: 18px;
  font-weight: 500;
}

.testimonial-content p {
  font-size: 15px;
  color: #333;
}

.testimonial-author {
  margin-top: 20px;
}

.testimonial-slider-industry .slick-slide {
  padding: 0 15px; /* Horizontal spacing (gutter) */
  box-sizing: border-box;
}

/* Remove extra overflow cutoff */
.testimonial-slider-industry .slick-list {
  margin: 0 -15px;
}

.pricing-table-ind {
  padding: 25px;
  margin: 20px 0;
  background: linear-gradient(180deg, #fff 69.07%, #72b7f3 167%, rgba(25, 138, 236, .8) 228.3%);
  box-shadow: 0px 4px 72px 0px #0101010F;
  border-radius: 15px;
  min-height: 660px;
}

.pricing-table-ind span {
  background: linear-gradient(189deg, rgba(255, 255, 255, 0) -28.04%, rgba(36, 35, 35, 0.940295) 61.53%, #1E1D1D 80.87%);
  background-clip: text;
  font-size: 18px;
  font-weight: 600;
}

.pricing-table-ind h5 {
  font-size: 18px;
  font-weight: 600;
}

.pricing-table-ind h3 {
  color: #198AEC;
  background-clip: text;
  font-size: 36px;
}

.tick-icon {
  margin-right: 8px;
}

.pricing-model-list ul{
  list-style: disc;
  margin: 0 0 0 15px;
}

.pricing-table-ind.highlighted-card {
  background: linear-gradient(86.83deg, #106DBF 31.19%, #3B8CD3 77.2%);
}

.highlighted-card h5 {
  color: #fff;
}

.highlighted-card h3 {
  color: #fff;
}

ul.top-lists li {
  margin-bottom: 30px;
}

.highlighted-card ul.top-lists p {
  color: #fff;
  opacity: 0.6;
}

.pricing-table-ind ul.top-lists p {
  color: #000;
  opacity: 0.6;
  font-size: 15px;
}

.pricing-model-list:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #42a0f0;
}
.mt-3.pricing-model-list {
  position: relative;
}


.pricing-table-ind.highlighted-card ul.top-lists p {
  color: #fff;
}

.pricing-table-ind.highlighted-card .pricing-model-list strong{
  color: #fff !important;
}

.pricing-model-list li {
  opacity: 0.6;
}

h5.note {
  color: #188aec;
}

.pricing-table-ind i.tick-icon {
  color: #188aec;
}

.pricing-table-ind.highlighted-card i.tick-icon {
  color: #fff;
}

section.ecommerce-cost-section {
  background: #F7F9FF;
  padding: 80px 0;
}

section.ind-contact-section {
  background-size: 100% 100%;
  padding: 60px 30px;
  margin: 80px 0;
}

.ind-contact-section h2 {
  color: #fff;
  font-weight: 600;
  font-size: 42px;
}


section.ind-contact-section .submit-btn input[type=submit] {
  background: #3e57da;
  width: 100%;
  border-radius: 0;
  padding: 10px;
}

.ind-contact-section span {
  color: #44a0f0;
}

.dev-slider {
  margin-left: -10px;
  margin-right: -10px;
}

.dev-slide-wrapper {
  padding: 0 10px; /* Horizontal space between slides */
}

.dev-slide {
  border-radius: 12px;
  height: 100%;
  background: linear-gradient(66.19deg, #FFFFFF 1.75%, #D6EDFF 80.81%);
  min-height: 300px;
}
section.dev-features-section {
  padding: 80px 0;
}

.dev-slide:hover {
  background: linear-gradient(86.83deg, #106DBF 31.19%, #3B8CD3 77.2%);
}

.dev-slide:hover path {
  fill: #fff;
}

.dev-slide:hover h5 {
  color: #fff;
}

.dev-slide:hover p {
  color: #fff;
}

.service-card-ind {
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
  transition: all .3s ease;
  text-align: left;
  height: 100%;
  background: #fafafa;
  border: 2px solid;
  border-image-source: linear-gradient(180deg, #3B8CD3 39.22%, #106EC0 50.92%, #FFFFFF 69.61%);
  border-image-slice: 1;
  position: relative;
  margin-bottom: 30px;
  border-radius: 10px;
}

.engagement-right {
  position: sticky;
  top: 100px;
}

.service-card-ind:hover {
  background: linear-gradient(86.83deg, #106DBF 31.19%, #3B8CD3 77.2%);
}

.service-card-ind:hover h4{
  color: #fff;
}

.service-card-ind:hover p{
  color: #fff;
}

.engagement-content {
  padding: 0 0 0 18%;
}

.ind-blog-section .blog-content p {
  color: #404040;
}

.ind-blog-section .blog-card{
  background: linear-gradient(242.13deg, #198AEC -138.92%, #72B7F3 -65.43%, #FFFFFF 25.17%) !important;
}

.ind-blog-section .blog-card:hover {
  border-color: #198aec;
  transform: scale(1.02);
}

.blog-card:hover a{
  color: #198aec;
}

.ind-blog-section .col-lg-6.mb-4:last-child {
  margin-bottom: 0 !important;
}

.ind-faq-section .accordion-item .accordion-header .accordion-button:before {
  border: none;
  font-weight: normal;
  right:3px;
}

.ind-faq-section .accordion-item .accordion-header .accordion-button[aria-expanded=true]:before {
  border: none;
  font-weight: normal;
  right:3px;
}

.ind-faq-section button.accordion-button {
  background: #F7F9FF !important;
  border: none !important;
  font-weight: 600;
  padding: 0 20px;
}

section.ind-faq-section {
  padding: 0 0 80px 0;
}

.ind-faq-section .accordion-body {
  padding: 15px 20px;
  font-size: 14px !important;
}

ul.mega-menu svg path {

}

body.page-id-5767 .navbar-collapse ul li#mega-menu-item-5500 {
  border: 1px solid #1e86e1 !important;
  border-radius: 7px !important;
}

/*ul.mega-menu svg.menu-icon.replaced-svg {
  margin: 0 9px 0px 0px;
  width: 20px;
  height: 20px;
}*/

body.page-id-5767 ul.mega-menu svg path {
  fill: #257dc9;
}

.navbar-collapse ul li#mega-menu-item-5500 {
  border: 1px solid #d69500 !important;
  border-radius: 7px !important;
}

body.page-id-6155 ul.mega-menu svg path {
  fill: #115762;
}

.navbar-collapse ul li#mega-menu-item-5500 {
  border: 1px solid #115762 !important;
  border-radius: 7px !important;
}


/*---------------*/

.estate-heading-ind h1, h2 {
  font-size: 42px;
}

.estate-heading-ind span {
  color: #307883;
}

.estate-green-btn a {
  background: linear-gradient(50.9deg, #115762 20.54%, #307883 73.43%, #34BCD1 126.32%);
  padding: 10px 20px;
  display: inline-block;
  color: #fff;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  transition: 0.4s;
  z-index: 1;
}

.estate-green-btn a::before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: -1;
  transition: 0.4s;
}

.estate-green-btn a:hover::before {
  left: 0;
}

.estate-green-btn a:hover {
  color: white;
}

ul.banner-lists {
  list-style-type: none;
  margin: 20px 0 0;
  padding: 0;
}

ul.banner-lists li {
  padding-left: 25px; /* create space for the icon */
  margin-bottom: 10px;
  position: relative;
  list-style: none; /* optional: remove default bullet */
  color: #fff;
}

ul.banner-lists li:before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  background: url(https://revamp.dev-story.com/wp-content/uploads/2025/04/banner-lists.svg) no-repeat center center;
  background-size: cover;
  width: 31px;
  height: 60px;
}

.estate-banner-section {
  padding: 180px 0px 150px;
  background-size: 100% 100%;
}

.stat-card {
  min-height: 220px;
  box-shadow: 0px 4px 72px 0px #0101010F;
  background: linear-gradient(336.38deg, #FFFFFF 40.36%, #EBF2F5 90.62%, #2D7394 212.33%);
}

.stat-number {
  font-size: 5rem;
  font-weight: 800;
  color: #0c5b66;
  line-height: 1;
  z-index: 0;
  white-space: nowrap;
}

.top-half {
  top: -30px;
  right: 15px;
}

.bottom-half {
  bottom: -30px;
  right: 15px;
}

.resvc-card {
  height: 280px;
  border-radius: 12px;
  transition: transform 0.3s ease;
  cursor: pointer;
  position: relative;
}

.resvc-card:hover {
  transform: scale(1.02);
}

.resvc-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1));
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: end;
  transition: background 0.3s ease;
}
.estate-process-section ul li a {
  border-bottom: 1px solid #dcdcdc;
}
.estate-growth-section div#Broker\ App {
  margin: 50px 0;
}

.resvc-desc {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  max-height: 0;
  overflow: hidden;
}

.resvc-card:hover .resvc-desc {
  opacity: 1;
  transform: translateY(0);
  max-height: 200px;
}

.resvc-section{
  padding:0 0 80px 0;
}

section.estate-cta-section p{
  margin: 0;
}

.business-feature-slider .slick-initialized .slick-slide{
  margin: 0 10px;
}

.estate-white-btn a {
  background: #fff;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 10px;
  color: #307883;
  position: relative;
  overflow: hidden;
  transition: 0.4s;
  z-index: 1;
}

.estate-white-btn a::before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: -1;
  transition: 0.4s;
}

.estate-white-btn a:hover::before {
  left: 0;
}

.estate-white-btn a:hover {
  color: white;
}

.re-counter-box h3 {
  color: #307883;
}

.re-counter-section {
  padding: 80px 0;
}

.re-counter-box {
  position: relative;
  padding-left: 20px;
}

.re-counter-box:before {
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  width: 1px;
  height: 100px;
  background-color: #307883;
}

div#Broker\ App .col-lg-5.d-flex.justify-content-end {
  justify-content: flex-start !important;
}

div#Admin\ Panel {
  padding: 0 !important;
}x

section.estate-cta-section.estate-cta-section-two {
  margin-bottom: 40px;
  padding: 60px 20px;
  line-height: normal;
  box-shadow: 0px 4px 72px 0px #257DC933;
}

.business-feature-slider {
  margin-top: 2rem;
}

.feature-card {
  position: relative;
  height: auto;
  width: 100%;
  max-width: 430px;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  overflow: hidden;
  color: white;
  margin: 0 10px;
}

.card-content-estate {
  position: absolute;
  bottom: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
  padding: 1rem;
  z-index: 2;
}

.card-hover-estate {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.95);
  color: white;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  transition: opacity 0.3s ease-in-out;
  z-index: 3;
}

.feature-card:hover .card-hover-estate {
  opacity: 1;
}

.card-hover-estate ul {
  list-style: disc;
  padding-left: 1.5rem;
  font-size: 0.95rem;
}

.platform-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

.platform-bg-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: background-image 0.5s ease-in-out;
  border-radius: 15px;
}

.platform-wrapper {
  position: relative;
  min-height: 100vh;
}

.platform-slide {
  position: relative;
  height: 600px;
  color: #fff;
}

.platform-bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 0;
}

.platform-slide-content {
  position: relative;
  z-index: 1;
  padding: 40px;
  border-radius: 12px;
  max-width: 90%;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}

.platform-heading {
  font-size: 32px;
  margin-bottom: 10px;
  color: #fff;
}

.platform-sub-heading {
  font-size: 16px;
  color: #ccc;
  margin-bottom: 35px;
}

.platform-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 40px;
}

.platform-feature-title {
  margin: 0 0 6px;
  font-size: 18px;
  color: #fff;
}

.platform-feature-description {
  margin: 0;
  font-size: 14px;
  color: #ddd;
  opacity: 0.8;
}
section.platform-slider-wrapper {
  padding: 80px 0;
}

.platform-slider.slick-initialized.slick-slider {
  margin: 20px 0 0 0;
}

.platform-slider ul.slick-dots {
  top:35px;
}

.platform-slider ul.slick-dots li {
  margin: 0 15px;
}

.custom-process-wrapper {
  display: flex;
  gap: 30px;
}
.custom-process-left {
  width: 30%;
}
.custom-process-tabs {
  list-style: none;
  padding: 0;
}
.custom-process-tab {
  cursor: pointer;
  padding: 15px;
  border-left: 4px solid transparent;
  display: flex;
  gap: 10px;
  align-items: center;
}
.custom-process-tab.active {
  background-color: #084c51 !important;
  color: white;
  border-left: 4px solid #43a0af;
}
.custom-process-right {
  width: 70%;
}
.custom-process-content {
  display: none;
  padding: 20px;
  border: 2px solid #00b6b8;
  border-radius: 10px;
}
.custom-process-content.active {
  display: block;
}
.custom-process-points li {
  margin-bottom: 10px;
}
.custom-process-btn {
  margin-top: 20px;
  background: linear-gradient(to right, #005b5f, #00b6b8);
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
}

.estate-tabs.p-4 {
  background: #E8EFF0;
  min-height: 390px;
}

.custom-process-tab span {
  color: #000;
}

.custom-process-tab.active span {
  color: #fff;
}

.estate-tabs path {
  fill: #094c51;
}

.custom-process-tab.active path {
  fill: #fff;
}

ul.custom-process-tabs li:first-child path {
  fill: #094c51;
}

.estate-third-cta h2{
  font-size: 32px;
}

section.estate-process-section {
  padding: 0 0 80px 0;
}

.estate-cta-section-four h3{
  font-size: 18px;
  font-weight: normal !important;
  font-style: italic;
}

section.estate-cta-section.position-relative.text-white.estate-cta-section-four{
  background-repeat: no-repeat;
  margin: 80px 0 0;
  padding: 100px 30px;
}

.testimonial-estate-green h4 {
  color: #307883;
}

.testimonial-estate-green h4 {
  color: #337984;
}

.testimonial-estate-green .testimonial-card {
  padding: 25px;
  height: 100%;
  background: linear-gradient(6.99deg, #fff 49.54%, rgba(251, 253, 255, .966599) 62.92%, rgba(244, 250, 255, 1) 74.55%, rgb(48 120 131) 210.05%);
}

.esteate-cost-section ul li p{
  display: inline-block;
}

.esteate-cost-section ul li {
  margin-bottom: 10px;
  display: flex;
}

.esteate-cost-section .pricing-table-ind.highlighted-card {
  background: linear-gradient(50.9deg, #115762 20.54%, #307883 73.43%, #34BCD1 126.32%);
}

.esteate-cost-section .pricing-table-ind h3 {
  color: #1d626d;
}

.esteate-cost-section .pricing-table-ind i.tick-icon {
  color: #1d626d;
}

.esteate-cost-section .highlighted-card h3 {
  color: #fff;
}

.esteate-cost-section .pricing-table-ind.highlighted-card i.tick-icon {
  color: #fff;
}

body.page-id-6155 .row.wow.fadeInUp.mt-5 {
  margin: 0 !important;
}



body.page-id-6155 .ind-blog-section .blog-card:hover {
  border-color: #1d626d;
  transform: scale(1.02);
  color: #1d626d;
}

body.page-id-6155 .ind-blog-section .blog-card:hover a{
  color: #1d626d;;
}

body.page-id-6155 .pricing-table-ind {
  background: linear-gradient(180deg, #ffffff 69.07%, #175e68 167%, #175e68 228.3%);
}
.flags-row {
  gap: 16px;
  margin-bottom: 20px;
  align-items: center;
  flex-wrap: wrap;
}
.flag-wrap {
  display: flex;
  align-items: center;
  text-align: center;
  cursor: pointer;
}
.flag-wrap img {
  width: 40px;
  height: auto;
}
.flag-wrap .code {
  margin-top: 4px;
  font-size: 14px;
}

.map-wrapper {
  padding: 40px 0 0;
}

.business-feature-slider .slick-slide {
  margin: 0 12px;
}

.estate-third-cta h2 {
  font-size: 28px;
  line-height: 42px;
}

.estate-cta-section {
  padding: 62px 20px;
  position: relative;
  overflow: hidden;
  min-height: 400px;
}

.estate-cta-section .cta-bg-img {
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

.cta-image-wrapper {
  position: relative;
}

.cta-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position:absolute;
  width: 100%;
}

.estate-first-cta-section .cta-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position:absolute;
}

.estate-cta-section-two-wrapper {
  position: relative;
}

.estate-cta-section-two-wrapper img {
  max-height: 100%;
  object-fit: cover;
}

.estate-cta-section-two-wrapper .cta-content {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
}

.estate-cta-section-three-wrapper img {
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.estate-cta-section-three-wrapper .cta-content {
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  z-index: 2;
  position: absolute;
}

.estate-cta-section-four-wrapper img {
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.estate-cta-section-four-wrapper .cta-content {
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  z-index: 2;
  position: absolute;
  width: 100%;
}
.estate-cta-section-two-wrapper {
  margin: 80px 0;
}

section.estate-cta-section-three-wrapper {
  margin-bottom: 80px;
}

section.estate-cta-section-four-wrapper {
  margin: 80px 0 0;
}

section.partner-section {
  padding: 80px 0;
}


.ecomm-cta-section {
  position: relative;
  min-height: 500px; /* adjust if needed */
}

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

.ecomm-cta-section-first .cta-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  color: #fff;
  text-align: left;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 0 40px;
}

.ecomm-cta-section-first h2 {
  font-size: 32px;
  line-height: 38px;
}

.ecomm-wrap-2 {
  position: relative;
  min-height: 400px; /* adjust as needed */
  display: flex;
}


.ecomm-content {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%); /* vertical centering only */
  text-align: left;
  color: #fff;
  padding: 40px;
}
.estate-cta-section-four-wrapper h3 {
  font-size: 18px;
  font-weight: normal;
  font-style: italic;
}


.estate-cta-section-four-wrapper span {
  color: #2a717c;
}

section.estate-first-cta-section {
  margin-bottom: 80px;
}



.ecomm-third-cta {
  position: relative;
  overflow: hidden;
}

.ecomm-wrap-3 {
  position: relative;
  width: 100%;
}

.ecomm-wrap-3 .bg-img {
  width: 100%;
  height: auto;
  display: block;
}

.ecomm-wrap-3 .content-box-cta-three {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  padding: 20px;
  color: #fff;
}

.ecomm-wrap-3 h2,
.ecomm-wrap-3 p {
  color: #fff;
}

.ind-white-btn .btn {
  margin-top: 20px;
}

.pricing-table-ind ul.top-lists {
  margin-top: 30px;
}


.ecommerce-counter-section p{
  color: #01010199;
}

.ecommerce-app-section p{
  color: #01010199;
}

.ecommerce-development-section p{
  color: #01010199;
}

.ecommerce-growth-section p{
  color: #01010199;
}

.ecommerce-growth-section p.panel-description {
  color: #01010199;
}

.ai-ecomm-feature-section p{
  color: #01010199;
}

.color-blue {
  color: #198aec;
}

.innovation-section p{
  color: #01010199;
}

.ecommerce-platform-section p{
  color: #01010199;
}

.estate-banner-section p {
  color: #01010199;
}

section.real-estate-banner {
  background: #F5FAFD;
  margin-bottom: 80px;
}

.real-estate-port span {
  color: #307883;
}

.real-estate-port .swiper-pagination-bullet-active {
  background: #307883;
  opacity: 1;
}
.home-award-section img {
  padding: 0 10px;
}

.custom-testimonial-section-industry {
  padding: 80px 0;
  color: #fff;
  text-align: center;
  overflow-x: hidden;
}

body.page-id-6405 .common-heading-ind span {
  color: #2a717c;
}

body.page-id-6405 .custom-testimonial-slider .slick-arrow {

  background: #2a717c;
}

body.page-id-6405 .custom-testimonial-slider ul.slick-dots li.slick-active {
  background: #2a717c;
}

.custom-testimonial-section-industry .custom-testimonial-heading {
  margin-bottom: 20px;
}

body.page-id-6405 .ind-faq-section button.accordion-button {
  padding: 20px;
}


/*--------------Dating Page -----------------*/

/*-------------Dating App Development-----------------*/

.dating-banner-section {
  padding: 150px 0 80px 0;
  background-size: cover;
  height: 100vh;
  display: flex;
  align-items: center;
}

.dating-banner-section p {
color: #01010199;
}

.dating-heading-ind span {
color: #E82868;
}


.dating-pink-btn a {
background: linear-gradient(119.35deg, #e82868 -13.66%, #f289ac 3.56%, #f289ac 10.92%, #e82868 79.93%);
padding: 10px 40px;
display: inline-block;
color: #fff;
border-radius: 10px;
position: relative;
overflow: hidden;
transition: .4s;
z-index: 1;
margin: 20px 0;
width: auto;
}

.dating-pink-btn a:before {
content: "";
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background: #000;
z-index: -1;
transition: .4s;
}

.dating-pink-btn a:hover:before {
left: 0;
}

.dating-pink-btn a:hover {
color: #fff;
}

.dating-banner-section ul.banner-lists li:before {
content: '';
position: absolute;
top: -12px;
left: 0;
background: url(https://dev-story.com/wp-content/uploads/2025/07/pink-arrow-2.svg) no-repeat center center;
background-size: cover;
width: 31px;
height: 60px;
}

.client-logo img {
opacity: 0.6;
transition: opacity 0.3s;
}
.client-logo img:hover {
opacity: 1;
}

.trusted-clients h2 {
font-size: 28px;
font-weight: 600;
}

section.dating-intro {
background: #FFFBFD;
padding: 80px 0;
}

.dating-icon svg {
position: absolute;
right: -30px;
pointer-events: none;
bottom: -50px;
}

.dating-box{
padding: 20px;
border: 0.4px solid;
border: 1px solid #EF6996;
}

.dating-intro p{
color: #01010199;
  opacity: 0.7;
}

.pre-line {
white-space: pre-line;
}

.dating-box p {
line-height: 22px;
}

.dating-box h5{
font-size: 18px;
}

.dating-intro span {
color: #E82868;
}

.dating-first-cta-section {
margin-bottom: 0px;
}

.dating-first-cta-section h2 {
font-size: 32px;
}

.dating-first-cta-section img{
width: 100%;
}

section.why-invest {
background: #FFFBFD;
padding: 80px 0;
}

.dating-stat-box h3 {
color: #e82868;
}

.dating-stat-box p{
font-style: italic;
}

.dating-stat-box svg {
position: absolute;
right:-10px;
bottom: 0;
}

.dating-cta-content a:hover {
  background: #000;
  color: #fff;
}

.dating-cta-two-content a:hover {
  background: #000;
  color: #fff;
}

.dating-third-content a:hover {
  background: #000;
  color: #fff;
}

.header-content {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}

.header-content .content-part {
flex: 1 1 auto;
}

.header-content .button-part {
flex-shrink: 0;
}
.ds-service-slider .ds-service-box {
background: linear-gradient(166.87deg, #FFFFFF 58.58%, rgba(232, 40, 104, 0.5) 341.38%);
border-radius: 16px;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
min-height: 400px;
}

.ds-service-box:hover {
background: linear-gradient(119.35deg, #E82868 -13.66%, #F289AC 3.56%, #F289AC 10.92%, #E82868 79.93%);
color: #fff;
}

.ds-service-box:hover h4 {
color: #fff;
}

.ds-service-box:hover path {
fill: #fff;
}

.ds-service-slider .slick-slide {
padding: 0 15px;
box-sizing: border-box;
}
.ds-service-box h4 {
font-size: 20px;
}

.dating-process-section {
padding: 80px 0;
}

.dating-cta-section-two-wrapper h2 {
font-size: 28px;
line-height: 40px;
}

.dating-cta-section-two-wrapper {
margin-bottom: 80px;
}
.feature-number {
color: #E82868;
font-size: 20px;
}

.dating-slider .app-type-card {
border-radius: 20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
min-height: 320px;
}

.dating-slider .slick-arrow {
font-size: 18px;
color: #fff;
background: #ba1a58;
bottom: -28px;
border-radius: 50%;
width: 40px;
height: 40px;
bottom: -60px;
}

.section.engagement-models-section {
background: #FFFBFD;
padding: 80px 0;
}

.dating-eng-box {
background: linear-gradient(179.78deg, #FFFFFF 63.61%, #FF0F5F 305.68%, #F35E90 457.23%);
}

.dating-eng-box.bg-pink {
background: linear-gradient(119.35deg, #E82868 -13.66%, #F289AC 3.56%, #F289AC 10.92%, #E82868 79.93%);
}

.dating-eng-box h5{
color: #ba1a58;
}

.dating-eng-box.bg-pink h5{
color: #fff;
}

.dating-eng-box .dating-pink-btn a {
width: 100%;
text-align: center;
}

.dating-eng-box.bg-pink .dating-pink-btn a {
background: #fff;
color: #ba1a58;
}

section.engagement-models-section {
padding: 80px 0;
background: #FFFBFD;
}

.dating-cost-section {
padding: 80px 30px;
border-radius: 25px;
  margin-bottom: 40px;
}

.dating-cost-section h2 {
font-size: 32px;
}

.dating-cost-section p {
font-size: 16px;
}

.dating-cost-section h4 {
color: #E82868;
}

.dating-cost-section span.dating-tick {
color: #e82868;
margin: 0 10px 0 0;
}

.dating-clone-slide h5 {
color: #fff;
}

.dating-clone-slider {
margin-left: -12px; /* counter the px-3 padding (12px) */
margin-right: -12px;
}

.dating-clone-slide {
padding-left: 12px;
padding-right: 12px;
}

.dating-clone-slider .slick-arrow {
font-size: 18px;
color: #fff;
background: #ba1a58;
bottom: -28px;
border-radius: 50%;
width: 40px;
height: 40px;
bottom: -60px;
}

.tech-stack-section img {
border-radius: 50%;
box-shadow: 0px 0px 4px #b3b3b3;
width: 50px;
height: 50px;
}

.tech-stack-section svg {
border-radius: 50%;
box-shadow: 0px 0px 4px #b3b3b3;
width: 50px;
height: 50px;
}

.tech-stack-section .nav-tabs .nav-link.active {
border-bottom: 2px solid #dc3545; /* pink color */
color: #dc3545;
background-color: transparent;
font-weight: 600;
border-top: none;
border-left: none;
border-right: none;
}

.tech-stack-section .nav-link {
color: #939393;
font-weight: normal;
}

body.page-id-6905 .ind-blog-section .blog-card {
background: linear-gradient(242.13deg, #E82868 -138.92%, #C15478 -65.43%, #FFFFFF 25.17%) !important;
}

body.page-id-6905 .ind-blog-section .blog-card:hover {
border-color: #e82868;
transform: scale(1.02) ;
}

body.page-id-6905 .ind-blog-section .blog-card:hover a {
color: #e82868;
}

.dating-ind-faq-section {
padding: 80px 0;
}

.dating-ind-faq-section  button{
padding: 0 20px;
}

.custom-testimonial-section-industry {
padding: 80px 0;
color: #fff;
text-align: center;
overflow-x: hidden;
}

.custom-testimonial-section-industry .custom-testimonial-heading {
margin-bottom: 20px;
}

.custom-testimonial-section-industry .custom-testimonial-content{
background: linear-gradient(6.99deg, #FFFFFF 49.54%, rgba(251, 253, 255, 0.966599) 60.92%, rgba(244, 250, 255, 0.920968) 70.55%, rgba(121, 193, 255, 0) 210.05%);
box-shadow: 0px 4px 72px 0px #0101010F;
border: none;

}

.custom-testimonial-section-industry  .custom-testimonial-text h3{
color: #000;
}

.custom-testimonial-section-industry  .custom-testimonial-text p{
color: #000;
}

.dating-ind-faq-section button {
padding: 20px;
}

.dating-service-section  {
  padding: 80px 0;
}

body.page-id-6895 .dating-ind-faq-section button {
  padding: 20px;
}

body.page-id-6390 .ind-faq-section button.accordion-button {
  padding: 20px;
}

.health-heading-ind span {
  color: #136e41;
}

.health-growth-section .scroll-nav a.active, .scroll-nav a:hover {
  color: #136e41;
}

section.health-cta-section-four-wrapper {
  margin: 80px 0 0;
}

.health-white-btn a {
  background : #fff;
  padding: 10px 40px;
  display: inline-block;
  color: #000;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  transition: .4s;
  z-index: 1;
  margin: 20px 0;
  width: auto;
}

body.page-id-7975 .common-heading-ind span {
  color: #136e41;
}

body.page-id-7975 .custom-testimonial-slider .slick-arrow {
  font-size: 18px;
  color: #fff;
  background: #136e41;
  bottom: -28px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

body.page-id-7975 .heading-section .heading span {
  color: #136e41;
}

.edu-heading-ind span {
  color: #6060d8;
}

.purple-btn a {
  background: linear-gradient(107.16deg, #6060d8 29.21%, #6666dc 47.16%, #7777e6 61.26%, #8484ee 72.5%);
  padding: 10px 20px;
  display: inline-block;
  color: #fff;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  transition: .4s;
  margin: 0;
  z-index: 1;
}

body.page-id-8060 .estate-growth-section .scroll-nav a.active, .scroll-nav a:hover {
  color: #6060d8;
}

body.page-id-8060 .common-heading-ind span {
  color: #6060d8;
}

.custom-testimonial-slider .slick-arrow {
  font-size: 18px;
  color: #fff;
  background: #6060d8;
  bottom: -28px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.accordion-header{
  line-height: 35px;
}

.health-card:hover rect
 {
    fill: none;
}

.health-cta-font-light span {
  font-weight: 400;
}

.health-first-cta-section {
  margin: 80px 0 0;
}

.health-cta-font-light h2 {
  font-size: 32px;
  line-height: 40px;
}

.industry-portfolio-section h2 {
  font-size: 36px;
}

section.hc-services-section{
  background: #136E410D;
  margin: 60px 0 0;
  padding: 80px 0;
}

.hc-products-section {
  padding: 80px 0;
}

body.page-id-7975 section.ecommerce-growth-section {
  padding: 0 0 80px 0;
  background: none;
}

body.page-id-7975 .estate-growth-section .scroll-nav a.active, .scroll-nav a:hover {
  color: #136e41
}

ul.step-points img {
  margin: 0 10px 0 0;
}


.heatlh-font-italic h3 {
  font-style: italic;
  font-weight: 400;
  font-size: 22px;
}

.graph-sec span {
    color: #B984FF;
}

.health-cta-section-four-wrapper span {
  color: #136e41;
}

body.page-id-7975 .custom-testimonial-slider ul.slick-dots li.slick-active {
  background: #136e41;
}

.banking-hero-section {
  padding: 120px 0 450px 0;
}

.bank-purple-btn a {
  background: #603c92cc;
  padding: 10px 20px;
  display: inline-block;
  color: #fff;
  border-radius: 10px;
  color: #fff;
}

.graph-sec {
  min-height: 245px;
}

.graph-sec p {
    font-size: 28px;
    line-height: 40px;
    max-width: 500px;
}

.bank-box h6 {
    font-size: 19px;
    margin: 10px 0;
    display: inline-block;
}

.graph-sec .bank-purple-btn a {
    background: #fff;
    color: purple;
    margin: 20px 0 0;
}

.highlight-text {
  box-shadow: 0px 0px 0px 1px #4D228614;
  background: #fff;
  padding: 7px;
  border-radius: 8px;
}


.hightlight-container
 {
    max-width: 1130px;
    margin: 40px auto 0;
}

.bank-heading-ind span
 {
    color: #4941E8;
}

.banking-company-section {
  padding: 80px 0px;
}

.custom-cta-content-right span {
  color: #ffffff82;
}

.custom-cta-content-right h2 {
  font-size: 2rem;
  margin-bottom: 12px;
}

.bank-white-btn a {
      background: #fff;
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    border-radius: 10px;
    color: #55357d;
    border: 1px solid #ffff;
}

.bank-feature-content ul {
  list-style: disc;
  padding-left: 30px;
}

.custom-cta-content-right h2 {
  font-size: 30px;
  margin-bottom: 12px;
  line-height: 40px;
  font-weight: 600;
}

body.page-id-9014 section.industry-portfolio-section {
  padding: 80px 0 0;
  background: #f9f6fe;
}

.bank-third-cta-section h2 {
  font-size: 30px;
  line-height: 40px;
}

body.page-id-9014 .industry-box {
  min-height: auto;
  background: linear-gradient(314.47deg, #3D1B6A 46.89%, #411D71 58.21%, #4C2283 80.17%, #5C299F 96.65%, #7835D0 111.65%);
}

body.page-id-9014 .industry-slider .slick-arrow {
  font-size: 18px;
  color: #fff;
  background: #3d1b6a;
  bottom: -60px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.banking-invest-section
 {
    padding: 80px 0;
    background: linear-gradient(135deg, #1a0730, #200940);
}

.column-bg
 {
    background: #F3E9FF1A;
}


.bank-desc {
  text-align: left;
}

body.page-id-9014 .common-heading-ind span
 {
    color: #3d1b6a;
}

body.page-id-9014 .ind-faq-section .accordion-header {
  line-height: normal;
}

body.page-id-9014 .ind-faq-section button.accordion-button {
  padding: 20px;
}

body.page-id-9014 .custom-testimonial-slider .slick-arrow
 {
    font-size: 18px;
    color: #fff;
    background: #3d1b6a;
    bottom: -28px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.taxi-heading-ind span {
  color: #d69500;
}

.taxt-stats h3 {
  color: #d69500;
}

.taxi-services-section h5
 {
    color: #d69500;
}

.taxi-yellow-btn a {
  background: linear-gradient(47.66deg, #d69500 61.78%, #ddae41 81.51%, #e6c986 102.42%);
  padding: 10px 40px;
  display: inline-block;
  color: #fff;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  transition: .4s;
  z-index: 1;
  margin: 20px 0;
  width: auto;
}

body.page-id-9439 .estate-growth-section .scroll-nav a.active, .scroll-nav a:hover
 {
    color: #d69500;
}

body.page-id-9439 .common-heading-ind span {
  color: #d69500;
}

body.page-id-9439 .custom-testimonial-slider .slick-arrow {
  background: #d69500;

}

section.fitness-banner {
  padding: 150px 0 30px;
}

.stats-left-fit {
  text-align: left;
  margin-top: 7rem;
}

.fit-green-btn a
 {
    background: linear-gradient(106.91deg, #acd036 39.17%, #9abd29 58.62%, #94b626 78.08%, #92b325 83.37%, #8fb024 88.67%);
    padding: 10px 40px;
    display: inline-block;
    color: #fff;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: .4s;
    z-index: 1;
    margin: 20px 0;
    width: auto;
}

.fit-heading-ind span {
  color: #94b722;
}

body.page-id-9898 .health-heading-ind span {
  color: #ACD036;
}


body.page-id-9898 section.industry-portfolio-section
 {
    background: #EFF3E4;
}

body.page-id-9898 .dating-cta-section-two-wrapper
 {
    margin-top: 80px;
    margin-bottom: 80px;
}

body.page-id-9898 .dating-heading-ind span {
  color: #cbef55;
}

section.ft-products-section
 {
    background: #eff3e4;
    padding: 80px 0;
}
.ft-slide-card {
  color: #fff;
  border-radius: .5rem;
  padding: 1.5rem;
  text-align: left;
  min-height: 300px;
  box-shadow: 0px 4px 72px 0px #0101010F;
}

.ft-slide-desc {
  color: #000;
}

.ft-products-slider .slick-slide {
  padding: 0 12px;
  box-sizing: border-box;
}
body.page-id-9898 .health-card:hover {
  background: linear-gradient(106.91deg, #acd036 39.17%, #9abd29 58.62%, #94b626 78.08%, #92b325 83.37%, #8fb024 88.67%);
}

body.page-id-9898 .accordion-body {
  text-align: left;
}

body.page-id-9898 .tab-pane h4 {
  text-align: left;
}

.ai-app-slider .slick-arrow {
    font-size: 18px;
    color: #fff;
    background: #000;
    bottom: -60px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.devstory-portfolio-slider .slick-arrow {
    font-size: 18px;
    color: #000;
    background: #d1f847;
    bottom: -60px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.devstory-portfolio-slider ul.slick-dots li.slick-active {
    background-color: #d1f847;
    border-radius: 10px;
}

.devstory-portfolio-slider ul.slick-dots li {
    width: calc(100% / 3);
}


.devstory-right-img img {
    width: 100%;
}









.icon path {
    fill: #000;
}

section.sucess-section.text-center {
    padding: 80px 0 0;
}

.bank-heading-ind-new span{
  color: #B984FF;
}

.caption-slider {
  width:100%;
}

.fit-faq .accordion-header {
    line-height: normal;
}

body.page-id-9898 .ind-faq-section button.accordion-button {
  padding: 20px;
}

body.page-id-9898 .accordion-item.active .accordion-button {
    color: #000;
}

.bank-third-cta-section h2 span {
    font-weight: normal;
}

.bank-third-cta-section p
 {
    color: #ffffff70;
}

.bank-third-cta-section p span {
    color: #fff;
}

.taxi-hero-section ul li span {
    color: #daa52b !important;
}


.swiper-image {
  background-size: cover;
  background-repeat: no-repeat;
}

.page-id-10773 .slick-slide {
    height: auto;
}

.page-id-10773 .custom-testimonial-content {
  height: auto;
}

.page-id-10773 .common-heading-ind span {
    color: #e53935;
}

.page-id-10773 .custom-testimonial-slider .slick-arrow {
    font-size: 18px;
    color: #fff;
    background: #e53935;
    bottom: -28px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

#mega-menu-wrap-header_menu #mega-menu-header_menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
  vertical-align: middle !important;
}

.uk-btn a {
    background: #dd2628;
    padding: 10px 40px;
    display: inline-block;
    color: #fff;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: .4s;
    z-index: 1;
    margin: 20px 0;
    width: auto;
}

body.page-id-10773 .ind-faq-section ul li {
    list-style: disc;
    margin: 0 0 0 40px;
}

/*-----------Food-----------*/


.food-delivery-hero p{
  color: #000;
}

.fod-in-btn a {
    background: #F47E1D;
    border-radius: 0;
    color: #fff;
    border: 2px solid var(--bs-yellow);
    font-size: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 22px;
    font-weight: 600;
    line-height: normal;
    position: relative;
    border-radius: 10px;
    gap: 5px;
}

.food-delivery-hero {
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
  padding: 100px 0 500px 0;
}

.ribbon-bar {
  transform: rotate(-2deg);
  font-size: 0.95rem;
  font-weight: 600;
}

.ribbon-item {
  white-space: nowrap;
}

.food-stats-section {
  padding: 120px 0  80px 0;
}

.text-orange {
  color: #F47E1D;
}

.bg-light-orange {
    background: linear-gradient(84deg, #ef8e3e 0%, #ffead7 100%);
}

.stat-box h1 {
  font-size: 8rem;
  line-height: 1;
}

.food-ind span{
  color: #F47E1D;
}

.food-first-cta {
    padding: 0 40px;
}

.food-first-cta h2.food-ind {
    font-size: 38px;
}

/* ----------- Offerings card overlay behaviour ----------- */
.fds-card {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
}

.fds-card-img { width: 100%; height: auto; display: block; }

/* Overlay that sits at the *bottom* of the card */
.fds-card-overlay {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px 20px;
    background: linear-gradient(180deg, #f47e1d8f 45%, #f47e1d 100%);
    color: #fff;
    transition: background .35s ease-in-out;
}

/* Title is always visible, anchored at the very bottom */
.fds-card-title {
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0;                 /* remove default h3 margin */
    transition: transform .3s ease;
}

/* Description hidden by default (opacity 0, pushed down a bit) */
/* ---------- Force description hidden until hover ---------- */
.fds-card-desc {
    opacity: 0 !important;
    visibility: hidden !important;
    font-size: 14px;
    line-height: 21px;
    max-height: 0 !important;
    overflow: hidden;
    transform: translateY(16px);
    transition: opacity .3s ease, transform .3s ease, visibility .3s ease, max-height .3s ease;
}

/* ---------- Reveal on hover ---------- */
.fds-card:hover .fds-card-desc {
    opacity: 1 !important;
    visibility: visible !important;
    max-height: 300px !important;   /* plenty of room for text     */
    transform: translateY(0);
}




/* Move the title up slightly to make room… */
.fds-card:hover .fds-card-title {
    transform: translateY(-8px);
}

/* …then slide‑in + fade‑in the description */
.fds-card:hover .fds-card-desc {
    opacity: 1;
    transform: translateY(0);
}


.fds-card:hover {
    padding: 10px;
    border: 1px solid #f79652;
}

/* ---------- Tech Suite block ---------- */
.ts-heading span  { color:#F47A1F; }        /* highlight if you wrap words in <span> */
.ts-subheading    { margin-inline:auto; color:#6C6C6C; }

/* Nav pills */
.ts-nav .nav-link {
    font-weight:500;
    border-radius:2rem;
    padding:.65rem 1.5rem;
    background:#FCE7D9;             /* light peach */
    color:#F47A1F;
    transition:all .25s ease;
}
.ts-nav .nav-link.active,
.ts-nav .nav-link:hover {
    background:#F47A1F;
    color:#fff;
}

/* Panel left column */
.ts-panel-title  { color:#F47A1F; font-weight:600; }
.ts-panel-desc   { color:#3F3F3F; }

/* Chips */
.ts-chip {
    background:#FCE7D9;
    color:#F47A1F;
    padding:.4rem 1rem;
    border-radius:1.5rem;
    font-size:.9rem;
    font-weight:500;
    white-space:nowrap;
}

/* Image */
.ts-img { width:100%; height:auto; }

/* Section wrapper optional background */
.ts-wrapper {
    border-radius:1.25rem;
}

ul.food-panel-tab {
    background: #fbe0ca;
    width: max-content;
    margin: 0 auto;
    border-radius: 50pc;
    padding: 15px;
    position: relative;
    z-index: 99;
    top: 32px;
}

.suite-tab {
    background: #fff9f6;
    padding: 70px 0 0 20px;
    border-radius: 20px;
}

.model-box {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  border: 1px solid #eee;
  transition: all 0.4s ease;
}

.model-box:hover {
  background: linear-gradient(180deg, #F47E1D 25.66%, rgba(246, 144, 61, 0.896854) 41.21%, rgba(249, 182, 127, 0.680394) 64.22%, rgba(255, 248, 243, 0.3) 91.13%);
}

.model-box:hover h5{

}

.model-box:hover p{
 
}

.box-inner {
  position: relative;
  padding-bottom: 0px; /* Space for image */
}

.bg-image-box p{
  color: #000;
}

.bg-image-box h5{
  color: #000;
}

.model-content {
  position: relative;
  z-index: 2;
  padding: 20px;
}

.model-image-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  transition: transform 0.4s ease;
  z-index: 1;
}

.model-image {
  width: 100%;
  height: 100%;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

/* DESCRIPTION BEHAVIOR */
.full-desc {

}

.model-box:hover .full-desc {
  max-height: auto;
  opacity: 1;
}

.model-box:hover .short-desc {
  display: none;
}

/* ✅ Image ONLY moves inside hovered .model-box */
.model-box:hover .model-image-container {
  transform: translateY(20px);
}

.bg-image-box {
  background-size: cover;
  background-position: center;
  height: auto;
  border-radius: 16px;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.bg-image-box:hover {
    background: linear-gradient(180deg, #f47e1d 25.66%, rgba(246, 144, 61, .896854) 41.21%, rgba(249, 182, 127, .680394) 64.22%, rgba(255, 248, 243, .3) 91.13%);
}

.overlay-content {
  background: rgba(0, 0, 0, 0.5); /* dark overlay */
  width: 100%;
  padding: 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

p.full-desc {
    margin-bottom: 20px;
}

.food-cta-banner {
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  margin: 40px 0;
  overflow: hidden;
  position: relative;
}

.food-cta-banner .cta-btn {
  color: #ff5a1f;
  background: #fff;
  transition: 0.3s;
}

.food-cta-banner .cta-btn:hover {
  background: #ff5a1f;
  color: #fff;
}

.food-white-btn a {
    background: #fff;
    border-radius: 0;
    color: #ff5a1f;
    border: 2px solid #ff5a1f;
    font-size: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 22px;
    font-weight: 600;
    line-height: normal;
    position: relative;
    border-radius: 10px;
    gap: 5px;
}


.food-cta-banner h2 {
    font-size: 32px;
}

.features-alt-section .feature-item {
  background: #fff;
  border: 1px solid #eee;
  transition: all 0.3s ease;
  border-radius: 16px;
  cursor: pointer;
}

.features-alt-section .feature-item .desc-hover {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}

.features-alt-section .feature-item:hover .desc-hover {
  max-height: 300px;
  opacity: 1;
}

.features-alt-section .row-image-wrapper img {
  border-radius: 16px;
  object-fit: cover;
  width: 100%;
}

.svg-img svg {
  width: 60px;
}

.cta-three-section {
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  padding: 30px;
  position: relative;
  margin-bottom: 80px;
  color: #fff;
}

.cta-three-btn-wrapper .cta-three-btn {
  background-color: #ff7a00;
  border-radius: 8px;
  border: 1px solid #fff;
  color: #fff;
}

.cta-three-heading {
  font-size: 34px;
}

.accordion-food-item {
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 15px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.accordion-food-item.active {
  border-color: #f97316;
}

.accordion-food-title h5 {
  font-weight: 600;
}

.accordion-food-icon {
  font-size: 24px;
  font-weight: bold;
  color: #f97316;
  transition: transform 0.3s ease;
}

.accordion-food-content {
  display: none;
  transition: all 0.3s ease;
}

.accordion-food-item.active .accordion-food-content {
  display: block;
}
section.accordion-food-section {
    background: linear-gradient(180deg, #FFFFFF 12.45%, #FFF7EE 43.87%, #FFFFFF 75.3%);
}

.toggle-body ul {
  list-style: disc;
  color: #555;
  margin-top: 0.5rem;
}

.process-toggle-box.active {
  background-color: #F47E1D;
  color: white;
}

.process-toggle-box.active h6,
.process-toggle-box.active li,
.process-toggle-box.active .toggle-icon {
  color: white;
}

.step-num {
  font-weight: bold;
}


.factor-food {
    align-items: stretch !important;
    background: #F47E1D;
    border-radius: 20px;
}

.feature-card {
  background-color: #F47E1D;
  border-radius: 20px;
  min-height: 280px;
}

.food-cta-banner {
  padding: 20px;
}

.feature-item {
  background: #f4f4f4;
  transition: background-image 0.3s ease, background-color 0.3s ease;
  cursor: pointer;
}

.feature-item.active {
    background: #F47E1D24;
    border: 1px solid #F47E1D;
    box-shadow: 0px 4px 72px 0px #0101010F;
}

.toggle-icon {
  font-size: 1.5rem;
  transition: transform 0.3s ease;
}

.feature-item.active .toggle-icon {
  content: "-";
  transform: rotate(180deg);
}

.feature-item.active h5{
  color: #F47E1D;
}

.ribbon-bar {
  overflow: hidden;
  height: auto; /* Adjust based on design */
}

.ribbon-track {
  white-space: nowrap;
  animation: ribbon-scroll 20s linear infinite;
}

.ribbon-item {
  flex-shrink: 0;
  white-space: nowrap;
}

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

.highlighted-word{
  position: relative;
  display: inline-block;
  font-size: 42px;
}

.highlighted-word span:after
 {
    content: '';
    background: url(https://dev-story.com/wp-content/uploads/2025/07/Line-83.svg) no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 10px;
    left: 0px;
    bottom: -11px;
    pointer-events: none;
}

.highlighted-word span {
  position: relative;
}

.shadow-food:hover{
  background: #f37d27;
}

.bg-orange {
  background-color: #F47E1D;
}

.text-orange {
  color: #F47E1D;
}

.bg-light-orange {
  background-color: #FFF1E3;
}

.bg-orange {
    background: #f47e1d;
    padding: 8px;
    border-radius: 10px;
    line-height: 20px;
}

.blog-tick-img {
	width:20px;
}

.food-models span {
	color: #f47a1f;
}
.food-title {
	font-size: 34px;
}

/*.common-heading-ind span {
    color: #f47e1d;
}*/

body.page.page-id-11946 .custom-testimonial-slider .slick-arrow {
    font-size: 18px;
    color: #fff;
    background: #f47e1d;
    bottom: -28px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

body.page.page-id-8060 .custom-testimonial-slider .slick-arrow {
    font-size: 18px;
    color: #fff;
    background: #6060d8;
    bottom: -28px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
body.page.page-id-9898 .custom-testimonial-slider .slick-arrow {
    font-size: 18px;
    color: #fff;
    background: #94b722;
    bottom: -28px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

/*.common-heading-ind span {
    color: #94b722;
}	*/
	
.android-feature-section h2 {
	font-size:42px;
}

.slider {
	 
}

body.page-id-9898 .common-heading-ind span {
    color: #94b722;
}

body.page-id-9898 .custom-testimonial-slider ul.slick-dots li.slick-active {
    background: #94b722;
}
body.page-id-9014 .custom-testimonial-slider ul.slick-dots li.slick-active {
    background: #3d1b6a;
}

body.page-id-8060 .custom-testimonial-slider ul.slick-dots li.slick-active {
    background: #6060d8;
}

body.page-id-9439 .custom-testimonial-slider ul.slick-dots li.slick-active {
    background: #d69500;
}

body.page-id-11946 .custom-testimonial-slider ul.slick-dots li.slick-active {
    background: #f47e1d;
}

body.page-id-11946 .common-heading-ind span {
    color: #f47e1d;
}

.dating-tick img {
    width: 20px;
}

.cs-checkmark {
    width: 20px;
}

.step-points img {
	width: 20px;
}

.taxi-tick img {
	width: 20px
}

body.page-id-7975 section.ecommerce-growth-section {
    padding: 80px 0 80px;
    background: 0 0;
}

section.custom-growth-section
 {
    padding: 80px 0;
}

.edu-third-cta h2{
  font-size: 32px;
  line-height: 42px;
}
.health-link {
	color:#136e41;
}
.bank-link{
  color: #a761ff;
}

.edu-link{
  color: #6060d8;
}

.taxi-link{
  color: #d69500;
}



/* industries section padding*/
.edtech-banner-section{
	padding: 135px 0 400px 0!important;
}
.on-demand-banner-wrapper { 
	padding-top:50px;
}
.taxi-hero-section {
	padding: 170px 0px 100px 0px !important;
}

.banking-section {
  padding: 80px 0;
  background: #f7f7f7;
}

/* Top Center Title */
.banking-header {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 60px auto;
}

.banking-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.3;
}

.banking-title span {
  color: #5a5cff;
}

/* Second Row Layout */
.banking-content-row {
  display: flex;
  align-items: center;
  gap: 60px;
}

.banking-left,
.banking-right {
  flex: 1;
}

.banking-left img {
  width: 100%;
  height: auto;
  display: block;
}

.banking-description,
.banking-bottom {
  font-size: 16px;
  line-height: 1.8;
  color: #666;
  margin-bottom: 20px;
}

.custom-cta-content-right b {
    color: #fff;
}

.banking-title-ind span {
  color: #5a5cff;
}
/* Responsive */
@media (max-width: 991px) {
  .banking-content-row {
    flex-direction: column;
  }

  .banking-title {
    font-size: 32px;
  }
}