.overview-text {
  width: 87%;
  margin: auto;
}

.overview-text p {
    text-align: center !important;
}

.splide__track {
  padding: 1rem 0 !important;
  padding-inline-start: 1rem !important;
}

.splide-section {
  margin-inline-start: 4%;
  padding-bottom: 2rem !important;
}

.history-section .main-title-section {
  padding-top: 3rem !important;
}

.value-icon {
  width: 4rem;
  margin: 0 auto;
}

.is-prev .value-card {
/*   box-shadow: 0 0 0 !important; */
}

.history-para {
  width: 89%;
  margin: auto;
}

.history-para p {
    text-align: center !important;
}
/*----------- timeline -----------*/
.timeline-line {
  position: absolute;
  top: 8%;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 91%;
  background-color: var(--primary-color);
  transform: translateX(-50%);
  z-index: 0;
}

 html[dir="rtl"] .rtl-text {
    text-align: right;
    direction: rtl;
}
/*
@media (min-width: 2600px) {
  .timeline-line {
    height: 92.7%;
  }

  html[dir="rtl"]   .timeline-line {
    height: 92.6%;
  }
}

@media (min-width: 2300px) and (max-width: 2600px) {
  .timeline-line {
    height: 92.4%;
  }

  html[dir="rtl"]   .timeline-line {
    height: 92.3%;
  }
}

@media (min-width: 2200px) and (max-width: 2300px) {
  .timeline-line {
    height: 92.4%;
  }
  html[dir="rtl"]   .timeline-line {
    height: 92.2%;
  }
}

@media (min-width: 2000px) and (max-width: 2250px) {
  .timeline-line {
    height: 92.1%;
  }
}

@media (min-width: 1920px) and (max-width: 2000px) {
  .timeline-line {
    height: 92.2%;
  }

  html[dir="rtl"]   .timeline-line {
    height: 91.9%;
  }
}

@media (min-width:1600px) and (max-width:1920px){
  .timeline-line {
    height: 92%;
  }

  html[dir="rtl"]   .timeline-line {
    height: 91.7%;
  }
}

@media (min-width: 1200px) and (max-width: 1600px) {
  .timeline-line {
    height: 91.6%;
  }

  html[dir="rtl"] .timeline-line {
    height: 91.45%;
  }
} */

/* @media (min-width: 1440px) {
  .timeline-line {
    height: 97%;
  }

  html[dir="rtl"] .timeline-line {
    height: 97.5%;
  }
} */

.timeline-points {
  font-size: 6rem;
  width: 10%;
  z-index: 1;
}

.timeline-point-first {
  font-size: 6rem;
  width: 10%;
  z-index: 2;
  background-color: rgba(218, 221, 232, 0.65);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  /* border-radius: 1.5rem; */
}

.timeline-point-last {
  font-size: 6rem;
  width: 10%;
  z-index: 2;
  background-color: rgba(218, 221, 232, 0.65);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  position: relative;
  top: 0.5rem;
}

.timeline-image,
.timeline-text {
  width: 45%;
}

.first-bull-lg {
  position: absolute;
  top: 3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.last-bull-lg {
  position: relative;
  top: 0rem;
}

@media (min-width: 992px) {
.timeline {
  position: relative;
}
.timeline-line {
    position: absolute;
    left: 50%;
    top: 2%;
    height: 96.4%;
    width: 1px !important;
    background-color: var(--primary-color);
    transform: translateX(-50%);
    z-index: 3;
}
}

@media (max-width: 991.88px) {

  .timeline {
    margin-top: 2rem;
  }

  .timeline-image,
  .timeline-text {
    width: 100%;
  }

  .line-sm {
    position: absolute;
    top: 2.6rem;
    bottom: 0;
    left: 1.75rem;
    transform: translateX(-50%);
    background: var(--primary-color);
    width: 1px;
    height: 98.8%;
    z-index: 3;
  }

  [dir="rtl"] .line-sm {
    position: absolute;
    top: 2.5rem;
    bottom: 0;
    right: 1.75rem;
    transform: translateX(-50%);
    background: var(--primary-color);
    width: 1px;
    height: 98.72%;
    z-index: 3;
  }

  .points-sm-first {
    font-size: 6rem;
    position: relative;
    left: 1rem;
    transform: translateX(-50%);
    z-index: 2;
    background-color: rgba(218, 221, 232, 0.65);
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 1.5rem;
    padding-top: 0.188rem;
  }

  [dir="rtl"] .points-sm-first {
    font-size: 6rem;
    position: relative;
    left: 1.4rem;
    transform: translateX(-50%);
    z-index: 2;
    background-color: rgba(218, 221, 232, 0.65);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1.5rem;
    padding-top: 0.188rem;
  }

  .first-point-sm {
    position: absolute;
    top: 0rem;
    left: 1.26rem;
    transform: translateX(-50%);
  }

  .points-sm {
    font-size: 6rem;
    position: relative;
    left: 1rem;
    transform: translateX(-50%);
    z-index: 2;
    top: -0.5rem;
  }

  [dir="rtl"] .points-sm {
    font-size: 6rem;
    position: relative;
    left: 0.6rem;
    transform: translateX(-50%);
    z-index: 2;
    top: -0.6rem;
  }

  .points-sm-last {
    position: absolute;
    top: 0rem;
    left: 1.29rem;
    transform: translateX(-50%);
  }

  html[dir="rtl"] .points-sm-last {
    position: absolute;
    top: -0.02rem;
    left: 1.26rem;
    transform: translateX(-50%);
  }
}
@media (max-width: 576px){
  .splide__track{
    margin: 0 auto;
  }
  .is-visible .value-card {
    border-radius: 0.5rem;
    padding: 1.5rem 0.5rem;
      box-shadow: 0 4px 10px rgba(182, 182, 182, 0.25);
  }
}
@media (min-width:576px){
  .value-card {
    border-radius: 0.5rem;
    padding: 1.5rem 0.5rem;
      box-shadow: 0 4px 10px rgba(182, 182, 182, 0.25);
  }
}


@media (min-width:375px) and (max-width:576px){
  html[dir="rtl"] .line-sm {

    height: 98.65%;
  }
}

@media (max-width: 375px) {
  .line-sm {
    position: absolute;
    top: 2.5rem;
    bottom: 0;
    right: 1.75rem;
    transform: translateX(-50%);
    background: var(--primary-color);
    width: 1px;
    height: 98.5%;
    z-index: 3;
  }
  html[dir="rtl"] .line-sm {
    position: absolute;
    top: 2.5rem;
    bottom: 0;
    right: 1.75rem;
    transform: translateX(-50%);
    background: var(--primary-color);
    width: 1px;
    height: 98.6%;
    z-index: 3;
  }
}