.stats .cta--text-link {
  width: -moz-max-content;
  width: max-content
}
.stats .swiper-slide-next {
  opacity: .6!important
}
.stats .swiper-slide-active {
  opacity: 1!important
}
@media (min-width:768px) {
  .stats--4 .stats__item {
    flex: 1 1 calc(50% - var(--sm-1))
  }
  .stats .swiper-slide-next {
    opacity: 1!important
  }
}
@media (min-width:992px) {
  .stats--4 .stats__item {
    flex: 1 1 calc(25% - var(--sm-1))
  }
  .stats--3 .stats__item {
    flex: 1 1 calc(33% - var(--sm-1))
  }
  .stats--2 .stats__item {
    flex: 1 1 calc(50% - var(--sm-1))
  }
}
.stats-text__image {
  height: 4.8rem;
  width: 4.8rem
}
.stats-text .four-stats .stat {
  max-width: 45%
}
@media (max-width:991.98px) {
  .stats-text__content {
    margin-bottom: var(--md-3)
  }
}

@media (max-width:767px) {
.image-text-stats__image img {
  max-height: 24rem
}}

.image-text-stats .stats .stat {
  max-width: 45%
}

@media (max-width:991.98px) and (min-width:768px) {
.image-text-stats .stats .stat {
  min-width: 45%
}
}
.image-text-stats .stats .stat__title {
  margin-bottom: 0
}
@media (min-width:768px) {
  .image-text-stats__image img {
    max-height: 48rem;
  }
}
@media (min-width:1200px) {
  .image-text-stats__image img {
    max-height: 716px;
  }
}
.image-text-stats {
  position: relative;
  z-index: 1
}
.image-text-stats.has-pattern::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/~/media/Images/T/taaleem/ir/body-content/stats/image-text-stats-pattern);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  pointer-events: none;
  max-width: 658.933px;
  max-height: 675.884px
}


/* Direction variable (for translation flipping) */
:root {
  --dir-multiplier: 1;
}

html[lang="ar"] {
  --dir-multiplier: -1;
}

/* Desktop */
@media (min-width:1200px) {
  .image-text-stats.has-pattern::before {
    background-size: 500px;
    top: 10px;
    transform: translate(0,14px);
  }

  /* Optional: flip pattern if needed */
 html[lang="ar"] .image-text-stats.has-pattern::before {
    transform: translate(0,14px) scaleX(-1);
  }
}

/* Tablet */
@media (max-width:991.98px) {
  .image-text-stats.has-pattern::before {
    background-size: 400px;
    top: 10px;
    transform: none;
  }

 html[lang="ar"] .image-text-stats.has-pattern::before {
    transform: scaleX(-1); /* only if visual needs flipping */
  }
}

/* Mobile */
@media (max-width:767.98px) {
  .image-text-stats.has-pattern::before {
    background-size: 100% 100%;
    top: 10px;
    transform: translate(calc(-25px * var(--dir-multiplier)), 0) scale(.8);
    width: 222px;
    height: 226px;
  }
}


@media (min-width:1200px) {
  .row-of-stats {
    position: relative;
    z-index: 1;
    overflow: hidden
  }
  .row-of-stats.has-pattern::before {
    content: "";
    position: absolute;
    width: 670px;
    height: 730px;
    background: url(/~/media/Images/T/taaleem/ir/body-content/stats/row-of-stat-pattern) no-repeat;
    background-size: contain;
    top: 0;
    z-index: 0;
    pointer-events: none;
    transform: scaleX(var(--dir));
  }
}

/* Five Column Layout */
.stats--5 .stats-5 {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--sm-1);
}


@media (min-width: 1200px) {.stats--5 .stats-5 .stats__item {}} 
/*.stats--5 .stats-5 .stat__title{color: var(--general-body);}*/
.stats--5 .stats-5 .stat__top{gap: var(--sm-3) !important;}

@media (max-width: 1024px) {
    .stats--5 .stats-5 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .stats--5 .stats-5 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) { 
    .stats--5 .stats-5 {
        grid-template-columns: repeat(1, 1fr);
    }
}


html[lang="ar"] .stat__number {
  direction: ltr;
  justify-content: end;
}
@media (min-width:992px) and  (max-width:1200px){
.stats--4 .stats__item {
    flex: 1 1 calc(23% - var(--sm-1))
  }
}