@media (min-width:1000px) {
.pd-r1{padding-right: 25px !important;}
.pd-l1{padding-left: 25px!important;}
.solutions-inner-wrap{padding-left:45px;}

}




/* Hero Section */
.home-hero-section .carousel-indicators [data-bs-target]{border-radius:0;}
.hero-section-home {
  min-height: 620px;
 /* background-image: url('../images/home-header.webp');
  background-size: cover;
  background-position: center;*/
  position: relative;
  display: flex;
  align-items: center;background-color:#000;
}
/*.home-slider1{background: url('../images/home-header1.webp') no-repeat center;background-size:cover;}
.home-slider2{background: url('../images/home-header2.webp') no-repeat center;background-size:cover;}
.home-slider3{background: url('../images/home-header3.webp') no-repeat center;background-size:cover;}
.home-slider4{background: url('../images/home-header4.webp') no-repeat center;background-size:cover;}
.home-slider5{background: url('../images/home-header5.webp') no-repeat center;background-size:cover;}*/



.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 35%, rgba(0, 0, 0, 0.81) 55%, rgba(0, 0, 0, 1) 75%);
  box-shadow: inset 0px 0px 184px rgba(0, 0, 0, 0.05);
}

.home-hero-section .hero-content {
  position: relative;
  z-index: 2;
  padding: 40px 0;
}

.hero-section-home .hero-title {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  font-size: 49.9px;
  line-height: 54.1px;
  margin-bottom: 20px;
}

.hero-section-home .hero-subtitle {
  font-family: var(--font-family-primary);
  font-weight: 300;
  color: var(--color-white);
  font-size: 18.7px;
  line-height: 27px;
  margin-bottom: 30px;
}

.hero-section-home .btn-hero {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-radius: 31.2px;
  border: 1px solid var(--color-white);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  font-size: 16.6px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-hero:hover {
  background-color:var(--color-primary);
  color:var(--color-black);border: 1px solid var(--color-primary);
}
.btn-hero:hover img {filter: brightness(0%);}
.btn-arrow {
  width: 26px;
  height: 15px;
}


@media (max-width: 767px) {
.hero-section-home .hero-title{font-size:28px;line-height: 34px;margin-bottom: 15px;}
.hero-section-home .hero-content{padding:0;}
.hero-section-home .hero-subtitle{font-size: 16px;line-height: 20px;margin-bottom: 20px;}
.home-hero-section .carousel-indicators{bottom: 65px;}
.hero-subtitle br{display:none;}
}

/* Section Styles */
.section-label {
  font-family: var(--font-family-primary);
  font-weight:  var(--font-weight-semibold);
  color: var(--color-black);
  font-size:  var(--font-size-sm);
  letter-spacing: 5px;
  text-align: left;
  margin-bottom: 20px;
}

.section-title {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  font-size: var(--font-size-4xl);
  line-height: 45px;
}

/* About Section */
.about-section {
  background-color: var(--color-white);
  padding: 100px 0;
}

.about-text {
  font-family: var(--font-family-primary);
  font-weight: 300;
  color: var(--color-black);
  font-size: var(--font-size-md);
  line-height: 26px;
  margin-bottom: 20px;
}

.stats-row {
  margin-top: 30px;
}

.stat-item {
  text-align: center;
}

.stat-number {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  font-size: var(--font-size-4xl);
  line-height: 40px;
  margin-bottom: 14px;
}

.stat-label {
  font-family: var(--font-family-primary);
  font-weight: 400;
  color: var(--color-black);
  font-size: var(--font-size-md);
  line-height: 16px;
  margin: 0;
}

.btn-outline-dark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 30px;
  border: 1px solid var(--color-black);
  background: transparent;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  font-size: var(--font-size-md);
  transition: all 0.3s ease;
}

.btn-outline-dark:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}

.btn-arrow-dark {
  width: 25px;
  height: 15px;
}

/* Solutions Section */
.solutions-section {
  background-color: var(--color-white);
  padding: 100px 0;
}

.solutions-text {
  font-family: var(--font-family-primary);
  font-weight: 300;
  color: var(--color-black);
  font-size: var(--font-size-lg);
  line-height: 28px;
}

.solutions-list {
  margin-top: 20px;
}

.solution-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
}

.solution-name {
  font-family: var(--font-family-primary);
  font-weight: 400;
  color: var(--color-black);
  font-size: var(--font-size-xl);
  line-height: 20px;
}

.solution-icon {
  width: 24px;
  height: 24px;
}

.solution-divider {
  margin: 0;
  opacity: 0.2;
}

/* Accordion Customization */
.technical-accordion.accordion-home {max-width:100%;}

.accordion-home .home-tabs-list{margin:0 !important;}
/* .technical-accordion.accordion-home .accordion-button:not(.collapsed){font-weight:var(--font-weight-bold);} */
.technical-accordion.accordion-home .home-tabs-list li{font-weight:var(--font-weight-medium);}
.technical-accordion.accordion-home .accordion-body{padding: 0 0 var(--spacing-sm) 0;}
.technical-accordion.accordion-home .accordion-button{padding: var(--spacing-md) 0;font-size: var(--font-size-sm);font-weight:var(--font-weight-regular);}
.accordion-item {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background-color: transparent;
}

.accordion-button {
  background-color: transparent;
  border: none;
  padding: 12px 0;
  font-family: var(--font-family-primary);
  font-weight: 400;
  color: var(--color-black);
  font-size: var(--font-size-xl);
  line-height: 20px;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
  color: var(--color-black);
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: none;
  border: none;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  width: 24px;
  height: 24px;
}

.accordion-body {
  padding: 12px 0 20px 0;
  font-family: var(--font-family-primary);
  font-weight: 300;
  color: #666666;
  font-size: var(--font-size-md);
  line-height: 24px;
}

/* Outsourcing Section */


/* Carousel Customization */
.carousel-indicators {
  margin-bottom: -40px;
}

.carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--color-black);
  opacity: 0.3;
  border: none;
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-control-prev,
.carousel-control-next {
  width: 50px;
  height: 50px;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  opacity: 0.8;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  opacity: 1;
}

.carousel-control-prev {
  left: -60px;
}

.carousel-control-next {
  right: -60px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 20px;
  height: 20px;
}

.outsourcing-text {
  font-family: var(--font-family-primary);
  font-weight: 300;
  color: var(--color-black);
  font-size: var(--font-size-lg);
  line-height: 28px;
  max-width: 1000px;
  margin: 0 auto;
}
/*
.service-card {
  height: 100%;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.service-card:hover {
  transform: translateY(-5px);
}

.service-card-image {
  height: 400px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 30px;
}

.service-card-label {
  background-color: rgba(255, 255, 255, 0.95);
  padding: 10px 20px;
  border-radius: 8px;
  font-family: var(--font-family-primary);
  font-weight:  var(--font-weight-semibold);
  color: var(--color-black);
  font-size: var(--font-size-xl);
  text-align: center;
}
*/
/* CTA Section */
.cta-section {
  background-color: var(--color-black);
  padding: 60px 0;
}
.cta-section-home{background:url(../images/cta-img-home.webp) no-repeat center 0;background-size:cover;}
.cta-title {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  font-size: var(--font-size-5xl-2);
  line-height: 40px;
  margin-bottom: 10px;
}

.cta-subtitle {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  font-size: var(--font-size-md);
  letter-spacing: 0.16px;
  line-height: 14px;
}

.btn-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-radius: 24px;
  border: 1px solid #ffcc29;
  background: transparent;
  font-family: var(--font-family-primary);
  font-weight: 700;
  color: #ffcc29;
  font-size: var(--font-size-md);
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-cta:hover {
  background-color: #ffcc29;
  color: var(--color-black);
}

/* Impact Section */
.impact-section {
  background-color: var(--color-white);
  padding: 100px 0;
}

.impact-tab {
  padding: 8px 24px;
  border-radius: 100px;
  border: 1px solid var(--color-black);
  background-color: var(--color-white);
  font-family: var(--font-family-primary);
  font-weight:  var(--font-weight-semibold);
  color: #1d2838;
  font-size: var(--font-size-md);
  transition: all 0.3s ease;
  cursor: pointer;
}

.impact-tab.active {
  background-color: var(--color-black);
  color: var(--color-white);
}

.impact-tab:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}

.portfolio-item {
  text-align: center;
}

.portfolio-item h4 {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  font-size: var(--font-size-xl);
}

.portfolio-item p {
  font-family: var(--font-family-primary);
  font-weight: 300;
  color: #666666;
  font-size: var(--font-size-md);
}
.impact-section .nav-link{font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  line-height: 15px;
  padding: 10px 20px !important;
  border-radius: var(--radius-lg)!important;
  border: 1px solid var(--color-black);min-width:130px;
  white-space: nowrap;}
.impact-section .nav-pills{gap:11px;}

.impact-section .nav-pills .nav-link.active,.impact-section .nav-pills .show > .nav-link {
  color: var(--color-white)!important;
  background-color: var(--color-black);
}
.impact-section .nav-link:hover{color: var(--color-white)!important;}



.clients-list { list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin: 0;border: 1px solid var(--color-border);border-radius: var(--radius-xl);overflow: hidden;justify-content: space-between;}
.clients-list li { width: 20%; text-align: center; align-items: center; display: inline-flex; justify-content: center; height: 180px; border: 1px solid var(--color-border); margin: -1px;border-right: 0;border-bottom: 0;}

.about-section .btn-outline-dark{padding: 5px 16px;}



.owl-carousel .owl-nav button.owl-prev{background:url(../images/left-arrow.svg) no-repeat !important;width: 20px;opacity: 1;}
.owl-carousel .owl-nav button.owl-next{background:url(../images/right-arrow.svg) no-repeat !important;width: 20px;opacity: 1;}
.owl-carousel .owl-nav button.owl-prev span,.owl-carousel .owl-nav button.owl-next span{font-size:0;}
.impact-section .owl-theme .owl-dots .owl-dot.active span,.impact-section .owl-theme .owl-dots .owl-dot:hover span{background:var(--color-black);}

/* ── Homepage featured portfolio carousel ───────────────────────────────── */

/* Hide all items before OWL initialises (prevents flash of stacked cards) */
.home-portfolio-carousel:not(.owl-loaded) .item { display: none; }
.home-portfolio-carousel:not(.owl-loaded) .item:nth-child(-n+3) { display: block; }

/* Fixed image height so all cards align */
.home-portfolio-carousel .portfolio-img {overflow: hidden; }
.home-portfolio-carousel .portfolio-img img {
  width: 100%; height: 100%; object-fit: cover;
  border-radius: 20px 20px 0 0;
}

/* Smaller title to fit 3-column layout */
/* .home-portfolio-carousel .portfolio-title { font-size: 1.05rem; line-height: 1.35; margin-bottom: 6px; } */

/* Fixed-height content block so all cards align */
/*.home-portfolio-carousel .portfolio-content {
  height: 96px;
  overflow: hidden;
}*/

/* Clamp tags to 2 lines */
.home-portfolio-carousel .portfolio-tags {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}

/* Allow nav arrows to extend outside carousel bounds.
   Slide animation is safe — it clips at .owl-stage-outer, not here. */
.home-portfolio-carousel,
.home-portfolio-carousel.owl-loaded {
  overflow: visible !important;
}
.home-portfolio-carousel .owl-stage-outer {
  overflow: hidden !important;
}

/* Nav arrows — centered on image area (220px / 2 - 16px = 94px from top) */
.home-portfolio-carousel.owl-theme .owl-nav {
  position: absolute;
  top: 94px;
  width: 100%;
  left: 0;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  margin: 0;
}
.home-portfolio-carousel.owl-theme .owl-nav button {
  pointer-events: all;
  width: 32px !important;
  height: 32px !important;
  background-color: var(--color-white) !important;
  background-size: 10px !important;
  background-position: center !important;
  border-radius: 50% !important;
  box-shadow: 0 1px 6px rgba(0,0,0,0.13);
  border: 1px solid rgba(0,0,0,0.1) !important;
  margin: 0 -16px;
  transition: box-shadow 0.2s;display: none;
  flex-shrink: 0;
}
.home-portfolio-carousel.owl-theme .owl-nav button:hover {
  box-shadow:none;
}
.home-portfolio-carousel.owl-theme .owl-nav .disabled {
  opacity: 0.3;
  pointer-events: none;
}

/* Dots */
.home-portfolio-carousel.owl-theme .owl-dots { margin-top: 28px; }
.home-portfolio-carousel.owl-theme .owl-dots .owl-dot span {
  width: 8px; height: 8px; background: #ccc; margin: 0 5px;
  transition: background 0.2s;
}
.home-portfolio-carousel.owl-theme .owl-dots .owl-dot.active span,
.home-portfolio-carousel.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--color-black);
}

/* Section container stays relative for nav context */
#portfolio .container { position: relative; }
.home-header-mobile{display:none;} 









@media (max-width:767px) {
.clients-list li{padding: 10px 30px;width: 50%;height: 125px;}
.clients-list li img{max-height:100%}
.why-us-section .w-20 {width: 100%;}
.clients-list li:last-child{width:100%;padding-left: 25%;padding-right: 25%;}
.home-portfolio-carousel.owl-theme .owl-nav button {display: block !important;}
.home-portfolio-carousel.owl-theme .owl-nav button.owl-prev{background:url(../images/left-arrow.svg) no-repeat !important;width: 20px !important; opacity: 1; box-shadow: none; height: 20px !important; margin: 0 !important; border: 0 !important;border-radius: 0 !important;}
.home-portfolio-carousel.owl-theme .owl-nav button.owl-next{background:url(../images/right-arrow.svg) no-repeat !important;width: 20px !important; opacity: 1; box-shadow: none; height: 20px !important; margin: 0 !important; border: 0 !important;border-radius: 0 !important;}
.home-portfolio-carousel.owl-theme .owl-nav button.owl-prev span,.home-portfolio-carousel.owl-theme .owl-nav button.owl-next span{font-size:0;}
.home-portfolio-carousel.owl-theme .owl-nav{position: static!important;justify-content: center!important;gap: 10px;}
.home-portfolio-carousel.owl-theme .owl-nav{margin-top:15px !important;}
}








/* Why Us Section */
.why-us-section {
  background-color: var(--color-white);
  padding: 100px 0;
}
.why-us-section.common-pd {
  padding-top: 0 !important;
}
.why-card {
  text-align: left;
  padding:0 20px 0 0;
}

.why-icon {
  margin-bottom: 24px;
}

.why-title {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  color: #0a0a0a;
  font-size: var(--font-size-xl);
  line-height: 28px;
  margin-bottom: 20px;
}

.why-text {
  font-family: var(--font-family-primary);
  font-weight: 300;
  color: var(--color-black);
  font-size: var(--font-size-md);
  line-height: 26px;
  margin: 0;
}

/* Technology Section */
.technology-section {
  background-color: #f9fafb;
  padding: 100px 0;
}

.tech-card {
  background-color: var(--color-white);
  border-radius: 20px;
  padding: 30px 20px;
  text-align: center;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  height: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.tech-card:hover {
  transform: translateY(-5px);
}

.tech-icon {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.tech-name {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  font-size: var(--font-size-md);
  letter-spacing: 0.48px;
  margin: 0;
}

/* Industries Section */
.industries-section {
  background-color: var(--color-white);
  padding: 100px 0;
}
.industries-section .col-6.col-md-4.col-lg-2{margin-top:0;}
.industry-card {
  text-align: center;
  padding: 20px;
}

.industry-icon {
  width: 62px;
  height: 62px;
  margin-bottom: 20px;
}

.industry-name {
  font-family: var(--font-family-primary);
  font-weight: 400;
  color: var(--color-black);
  font-size: var(--font-size-md);
  text-align: center;
  letter-spacing: 0.54px;
  line-height: 20px;
  margin: 0;
}

/* Final CTA Section */
.final-cta-section {
  background-color: var(--color-black);
  padding: 80px 0;
}

.final-cta-title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-3xl-2);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  color: var(--color-white);
  margin-bottom: 20px;
}

.final-cta-subtitle {
  font-family: var(--font-family-primary);
  font-weight: 300;
  color: var(--color-white);
  font-size: var(--font-size-xl);
  letter-spacing: 1.6px;
  line-height: 20px;
  margin-bottom: 30px;
}

.btn-final-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-radius: 30px;
  border: 1px solid #ffcc29;
  background: transparent;
  font-family: var(--font-family-primary);
  font-weight:  var(--font-weight-semibold);
  color: #ffcc29;
  font-size: var(--font-size-base);
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn-final-cta:hover {
  background-color: #ffcc29;
  color: var(--color-black);
}

/* Countries Section */
.countries-section {
  background-color: var(--color-white);
  padding: 100px 0;
}

.map-container {
  position: relative;
  max-width: 817px;
  margin: 0 auto;
}

/* Responsive Styles */
@media (max-width: 991px) {
  .hero-title {
    font-size: 36px;
    line-height: 42px;
  }

  .hero-subtitle {
    font-size: var(--font-size-md);
    line-height: 24px;
  }

  .section-title {
    font-size: 32px;
    line-height: 38px;
  }

  .cta-title {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 20px;
  }

  .final-cta-title {
    font-size: 32px;
    line-height: 38px;
  }

  .service-card-image {
    height: 300px;
  }
}

@media (max-width: 767px) {
.home-header-desk{display:none;} 
.home-header-mobile{display:block;} 
  
  .hero-section-home {
    min-height: 440px;background-position:center center;height: 90vh;align-items: flex-start;
  }
  .home-hero-section .carousel-item.animate .hero-content{padding:60px 0 0;}
.hero-section-home .btn-hero{padding: 5px 20px;font-size: 14.6px;}
  .hero-title {
    font-size: var(--font-size-3xl-2);
    line-height: 34px;
  }

  .hero-subtitle {
    font-size:  var(--font-size-sm);
    line-height: 20px;
  }

  .section-title {
    font-size: 26px;
    line-height: 32px;
  }

  .about-section,
  .solutions-section,
  .outsourcing-section,
  .impact-section,
  .why-us-section,
  .technology-section,
  .industries-section,
  .countries-section {
    padding: 60px 0;
  }

  .cta-section,
  .final-cta-section {
    padding: 40px 0;
  }

  .cta-title {
    font-size: var(--font-size-3xl-2);
    line-height: 34px;
  }

  .final-cta-title {
    font-size: 1.35em;
    line-height: 1.3;
  }

  .final-cta-subtitle {
    font-size: var(--font-size-md);
  }

  .service-card-image {
    height: 250px;
  }

  .stat-number {
    font-size: 32px;
  }

  .stat-label {
    font-size:  var(--font-size-sm);
  }
  .cta-section-home .btn-cta{margin-top:15px;}
  .cta-section-home{background-size: 920px;background-position:-378px 0;;}
  .cta-section.cta-section-home {padding-top: 150px !important;}
  .why-us-section .mb-5{margin-bottom: 0 !important;}
  .industries-section .mb-5,.countries-section .mb-5{margin-bottom:1rem !important;}
   .why-us-section  br {display:none;}
  .why-card{padding:0;}
  .why-title{margin-bottom: 5px;}
  .why-icon {margin-bottom: 10px;}
  .industry-card{padding: 10px 0;}
  .industry-icon{margin-bottom: 10px;}
  .logo-hd-wrap { display: flex; flex-wrap: wrap; align-items: center; } 
  .logo-hd-wrap .why-title{width: calc(100% - 49px);padding-left: 15px;}
  
  
  }

@media (max-width: 575px) {
  .hero-title {
    font-size: var(--font-size-3xl);
    font-size: var(--font-size-3xl-3);
  }

  .section-title {
    font-size: var(--font-size-2xl);
    line-height: 28px;
  }

  .btn-hero,
  .btn-cta,
  .btn-final-cta {
    font-size:  var(--font-size-sm);
    padding: 12px 16px;
  }

  .tech-card {
    height: 120px;
  }

  .tech-icon {
    width: 40px;
    height: 40px;
  }

  .industry-icon {
    width: 50px;
    height: 50px;
  }
}



.technology-left-wrap {position: absolute;left: -225px;z-index: 1;}


.home-page .technology {
  position: relative;
  top: -230px;
  left: 0;
  height: 445px;
  margin: 0 auto;
  width: 1380px;
  right: 0;
}



.home-page .group-34 {
  position: absolute;
  top: 217px;
  right: 0;
  width: 455px;
  height: 454px;
  display: flex;
  gap: 15px;z-index: 1;
}

.home-page .frame-55 {
  display: flex;
  margin-top: 76px;
  width: 140px;
  height: 302px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
}

.home-page .bank-card {
  display: flex;
  flex-direction: column;
  width: 140px;
  height: 140px;
  align-items: center;
  justify-content: center;
  gap: 14.81px;
  position: relative;
  background-color: #ffffff;
  border-radius: 19.75px;
  box-shadow: 0px 0px 30px #0000001a;
}

.home-page .frame-56 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.home-page .img-3 {
  position: relative;
  width: 50px;
  height: 50px;
}

.home-page .text-wrapper-32 {
  position: relative;
  width: fit-content;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.48px;
  line-height: 16px;
  white-space: nowrap;
}

.home-page .frame-57 {
  gap: 8px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.home-page .frame-58 {
  display: flex;
  width: 140px;
  height: 454px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
}

.home-page .group-35 {
  position: relative;
  width: 42px;
  height: 50px;
}

.home-page .union {
  position: relative;
  width: 57.69px;
  height: 50px;
}

.home-page .union-2 {
  position: relative;
  width: 46.43px;
  height: 50px;
}

.home-page .frame-59 {
  display: flex;
  margin-top: 76px;
  width: 155px;
  height: 302px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
}

.home-page .frame-60 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.home-page .group-36 {
  position: relative;
  width: 73.75px;
  height: 50.1px;
  margin-top: -0.10px;
  margin-left: -0.01px;
}

.home-page .frame-61 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.home-page .frame-62 {
  display: flex;
  flex-direction: column;
  width: 140px;
  align-items: flex-start;
  gap: 22px;
  position: absolute;
  top: 293px;
  left: 240px;
}

.home-page .frame-63 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  position: relative;
  flex: 0 0 auto;
}

.home-page .group-37 {
  position: relative;
  width: 80.14px;
  height: 43.91px;
}

.home-page .group-38 {
  position: relative;
  width: 50px;
  height: 76px;
}

.home-page .frame-64 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}

.home-page .group-39 {
  position: relative;
  width: 40.39px;
  height: 50px;
}

.home-page .frame-65 {
  display: flex;
  flex-direction: column;
  width: 140px;
  align-items: flex-start;
  gap: 17px;
  position: absolute;
  top: 217px;
  left: 395px;
}

.home-page .group-40 {
  position: relative;
  width: 48.48px;
  height: 49.91px;
}

.home-page .frame-66 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  position: relative;
  flex: 0 0 auto;
}

.home-page .group-41 {
  position: relative;
  width: 41.64px;
  height: 50px;
}

.home-page .frame-67 {
  display: flex;
  flex-direction: column;
  width: 155px;
  align-items: flex-start;
  gap: 22px;
  position: absolute;
  top: 293px;
  left: 550px;
}

.home-page .frame-68 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
  position: relative;
  flex: 0 0 auto;
}

.home-page .group-42 {
  position: relative;
  width: 49.42px;
  height: 49.77px;
}

.home-page .frame-69 {
  position: relative;
  width: 73.6px;
  height: 50px;
}

.home-page .frame-70 {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  gap: 24px;
  position: absolute;
  top: 100px;
  left: calc(50.00% - 720px);
}

.home-page .group-43 {
  position: absolute;
  top: 355px;
  left: 0;
  width: 525px;
  height: 150px;
  right: 0;
  margin: 0 auto;padding-left: 13px;
}

.home-page .group-44 {
  position: absolute;
  top: 309px;
  left: 0;
  width: 313px;
  height: 229px;
  right: 0;
  margin: 0 auto;
}
.home-page .frame-71 {
  display: flex;
  flex-direction: column;
  width: 1920px;
  align-items: center;
  gap: 67px;
  padding: 100px 0px 0px;
  position: absolute;
  top: 2260px;
  left: 0;
}

.home-page .frame-72 {
  display: flex;
  flex-direction: column;
  width: 1440px;
  height: 81px;
  align-items: center;
  gap: 24px;
  position: relative;
  overflow: hidden;
}

.home-page .frame-73 {
  display: inline-flex;
  align-items: flex-start;
  gap: 100.35px;
  position: relative;
  flex: 0 0 auto;
}

.home-page .frame-74 {
  gap: 70px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.home-page .frame-75 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 23.83px;
  position: relative;
  flex: 0 0 auto;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.home-page .frame-75:hover {
  opacity: 0.8;
}

.home-page .frame-75:focus {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

.home-page .cart {
  position: relative;
  width: 61.8px;
  height: 61.8px;
  margin-top: -1.50px;
}

.home-page .text-wrapper-33 {
  position: relative;
  width: fit-content;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.54px;
  line-height: 20px;
}

.home-page .frame-76 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 26.34px;
  position: relative;
  flex: 0 0 auto;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.home-page .frame-76:hover {
  opacity: 0.8;
}

.home-page .frame-76:focus {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

.home-page .img-4 {
  position: relative;
  width: 62.72px;
  height: 62.72px;
}

.home-page .text-wrapper-34 {
  position: relative;
  width: fit-content;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.54px;
  line-height: 20px;
  white-space: nowrap;
}

.home-page .frame-77 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 70px;
  position: relative;
  flex: 0 0 auto;
}

.home-page .frame-78 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 18.82px;
  position: relative;
  flex: 0 0 auto;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.home-page .frame-78:hover {
  opacity: 0.8;
}

.home-page .frame-78:focus {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

.home-page .group-45 {
  position: relative;
  width: 59.82px;
  height: 64.72px;
  margin-top: -1.00px;
}

.home-page .frame-79 {
  display: flex;
  flex-direction: column;
  width: 139.23px;
  align-items: center;
  gap: 25.09px;
  position: relative;
  flex: 0 0 auto;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.home-page .frame-79:hover {
  opacity: 0.8;
}
.outsourcing-content {
  position: relative;
}
.outsourcing-hd {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: var(--font-size-lg);
  background: rgba(255,255,255,0.8);
  width: 86%;
  margin: 0 auto;
  padding: 9px 15px;
  border-radius: 5px;
}
.outsourcing-carousel-wrap {padding:0 18px;}

@media (max-width: 1600px) {
.outsourcing-hd{padding: 9px 6px;width: 93%;}
}
@media (max-width: 767px) {

.technology { transform:scale(0.5) translate(-44%, -68%); }
.home-page .group-44{top: 730px; left: 130px; width: 313px; height: 229px; right: 0; margin: 0 auto;}
.home-page .technology{right: 0;
width: 300px;left: 0;margin: 0 auto;}
.technology-left-wrap{left: -190px;}
.home-page .group-34{left: 49px;top: 957px;margin: 0 auto;}
.home-page .technology{height: 555px;} 
.home-page .group-44{top: 702px;left: 120px;}
.home-page .technology{top: -90px;}
.home-page .group-43{display:none;}



}










.scroll-container {position:relative;}
.home-index .stack-card {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:100vh;}
.home-index .sample-section.stack-card {align-items:flex-start;padding-bottom:0;}
.content .section.sample-section {align-content:normal;}
.sample1-section {margin-bottom:0;}

.home-index .stack-card {display:flex;justify-content:center;align-items:center;align-content:center;height:100vh;position:sticky;align-content:center;top:0;}
.content .section { display: flex; flex-wrap:wrap;align-items:center; height: auto; width: 100%;align-content: center; }
.stack-cards-section .section-label{text-transform:uppercase;}
.stack-cards-section .section-title{position:relative;}
.stack-cards-section .section-title:after{content:'';border-bottom: 1px solid #B56B03; width: 100%; position: absolute; left: 0; top: 36px;}
.stack-cards-section .section-title.color-pink:after{border-bottom: 1px solid #B1416E;}
.stack-cards-section .section-title.color-blue:after{border-bottom: 1px solid #006F83;}
.stack-cards-section .section-title.color-purple:after{border-bottom: 1px solid #3A24A8;}
.stack-cards-section .section-title.color-green:after{border-bottom: 1px solid #59942D;}
.color-brown{color:#B56B03!important;}
.color-pink{color:#B1416E!important;}
.color-blue{color:#006F83!important;}
.color-purple{color:#3A24A8!important;}
.color-green{color:#59942D!important;}
.stack-cards-section .section-title span{padding-right: 30px;position: relative;z-index: 1;background-color:var(--color-green-light);}
.stack-cards-section .color-brown span{background-color:var(--color-yellow-light);}
.stack-cards-section .color-pink span{background-color:var(--color-pink-light);}
.stack-cards-section .color-blue span{background-color:var(--color-blue-light);}
.stack-cards-section .color-purple span{background-color:var(--color-purple-light);}
.stack-cards-section .color-green span{background-color:var(--color-green-light);}







.tab-hd { font-size: var(--font-size-3xl); font-weight: var(--font-weight-bold); color: var(--color-black);line-height: 28px; margin: 0 0 8px; }
.tab-sub-hd { font-size: var(--font-size-xl); font-weight: var(--font-weight-medium); color:#242424;line-height: 28px; margin: 0 0 15px; }
.home-vertical-tabs p{font-size: var(--font-size-lg); font-weight: var(--font-weight-light); color:var(--color-black);line-height: 28px; margin: 0 0 15px;}
.home-tabs-content .btn-outline-dark { padding: 1px 15px; font-size: 16px; }








@media (min-width: 992px) {
.home-vertical-tabs{display: flex;align-content: flex-start;margin-top: 15px;}
.home-vertical-tabs .nav-tabs{width:440px;border: 0;align-content: flex-start;}
.home-vertical-tabs .nav-tabs li{width:100%;}
.home-vertical-tabs .nav-tabs li .nav-link{width: 100%; padding: 22px 0 !important; text-align: left; background-color: transparent; border: 0;border-radius: 0; border-bottom: 1px solid var(--color-border-dark);position: relative;font-size: var(--font-size-lg);text-transform: capitalize;color: var(--color-black) !important;}
.home-vertical-tabs .tab-content{width:calc(100% - 440px);padding-left: 50px;}
.home-vertical-tabs .nav-tabs li:last-child .nav-link{border:0;}
.home-vertical-tabs .accordion-body{padding:0;border:0;border-radius:0;background:transparent;}
.home-vertical-tabs .accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:transparent;--bs-accordion-border-width:0;--bs-accordion-body-padding-x:0;--bs-accordion-body-padding-y:0;}
.tab-icon {margin-right: 15px;}
.home-vertical-tabs .nav-tabs li .nav-link.active{font-weight:700;}
.home-vertical-tabs .nav-tabs li .nav-link.active:after{content:'';background:url(../images/arrow-black4.svg) no-repeat right center;position: absolute; right: 0; width: 25px; height: 15px; top: 40%;}
.home-tabs-content {padding-top: 22px;display: flex;justify-content: space-between;}
.home-tabs-l { width: calc(100% - 328px); padding-right: 80px; }
.home-tabs-r { width: 328px; }









}
@media (max-width: 991px) {
  .tab-content>.tab-pane {
    display: block;
    opacity: 1;
  }
 .stack-cards-section .tab-content > .tab-pane {
  display: block;
  opacity: 1;
}
.home-index .stack-card {height:auto;position:static;}



.stack-cards-section .accordion-header{display: flex; justify-content: space-between; padding:15px 0; font-size: 15px; font-weight: 700;border-bottom: 1px solid var(--color-border);position:relative;}
.stack-cards-section .accordion-button{padding:0; font-size: 0; width: 35px; background: transparent !important; border: 0 !important;box-shadow: none !important;position: absolute; right: 0; height: 100%; top: 0; text-align: center;}
.tab-hd {font-size: var(--font-size-xl);}
.tab-sub-hd {font-size: var(--font-size-md);line-height: 25px;}
.home-vertical-tabs p{font-size: var(--font-size-sm);line-height: 23px;}
.home-tabs-r { margin-top: 25px;margin-bottom: 0; }
.stack-cards-section .accordion-body {padding: var(--bs-accordion-body-padding-y) 0;}
.stack-cards-section .accordion-item{background:transparent;border:0;}
.scroll-container{margin-bottom:50px;}
.stack-cards-section .section-title span{padding-right: 15px;}
.stack-cards-section .accordion-button::after{width: 24px; height: 24px; margin-left: auto; background: url(../images/plus.svg) no-repeat right center;background-size: 16px;transition: none;transform:none;}
.stack-cards-section .accordion-button:not(.collapsed)::after {background: url(../images/minus.svg) no-repeat right center;background-size: 16px;transition: none;width: 24px; height: 24px;transform:none;}
.accordion-icon {width: 25px;margin-right: 2px;}
.stack-cards-section .section-title::after{top: auto;bottom: 8px;}



}
@media only screen and (min-width:768px) and (max-width:1100px) {
.clients-list li{padding: 0 15px;}
.technology { transform:scale(0.7) translate(-44%, -68%); }
.home-page .group-44{top: 730px; left: 130px; width: 313px; height: 229px; right: 0; margin: 0 auto;}
.home-page .technology{right: 0;
width: 300px;left: 0;margin: 0 auto;}
.technology-left-wrap{left: -190px;}
.home-page .group-34{left: 49px;top: 957px;margin: 0 auto;}
.home-page .technology{height: 755px;} 
.home-page .group-44{top: 702px;left: 120px;}
.home-page .technology{top: 60px;}
.home-page .group-43{display:none;}
.cta-section-home .btn-cta{margin-top:15px;}










}