.counter .counter__single .thumb {
  background: var(--white);
}
.counter .counter__single .thumb img{
    height: 30px;
    width: 30px;
}

.difference-two .difference-two__thumb .thumb-lg {

  height: 620px;
  width: 490px;
}
.difference-two .difference-two__thumb .thumb-lg img {

  height: 100%;
}

.difference-two .difference-two__thumb .thumb-lg::before {
height: 620px;
  width: 490px;
}

.container-fluid{
    width:90% ;
}
.text-truncate {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Clamp variants */
.line-clamp-1 { -webkit-line-clamp: 1; }
.line-clamp-2 { -webkit-line-clamp: 2; }
.line-clamp-3 { -webkit-line-clamp: 3; }
.line-clamp-4 { -webkit-line-clamp: 4; }
/* Default: Small screens - clamp to 2 lines */
.text-truncate-responsive {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.text-truncate-short {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.text-truncate-short-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

/* Medium screens and up (≥768px) - 3 lines */
@media (min-width: 768px) {
  .text-truncate-responsive {
    -webkit-line-clamp: 3;
  }
 .text-truncate-short,
.text-truncate-short-2 {
  -webkit-line-clamp: 2;
}




}

/* Large screens and up (≥1200px) - 4 lines */
@media (min-width: 1200px) {
  .text-truncate-responsive {
    -webkit-line-clamp: 8;
  }
  .text-truncate-short {
    -webkit-line-clamp: 3;
  }
  .text-truncate-short-2 {
  -webkit-line-clamp: 2;
}
}