.home-first-section-bg {
  background-image: url(../images/home/first-section-bg/bg-img.png);
}
@media only screen and (max-width: 992px) {
  .home-first-section-bg {
    background-image: url(../images/home/first-section-bg/bg-img-mobile.png);
  }
}
.ninth-section-bg {
  background-image: url(../images/home/ninth-section/bg-img.png);
}

body {
  overflow-x: hidden;
}
.overlay-linear-gradient::after {
  content: "";
  background: linear-gradient(
    270.16deg,
    rgba(0, 0, 0, 0.5) 0.15%,
    rgba(35, 35, 35, 0.5) 52.23%,
    rgba(87, 87, 87, 0) 77.64%
  );
  transform: matrix(-1, 0, 0, 1, 0, 0);

  position: absolute;
  inset: 0;
}

.custom-lh {
  line-height: 10px; /* adjust between 1.4 – 1.8 as needed */
}

.bg-defaul-position,
.home-first-section-bg.bg-defaul-position,
.overlay-linear-gradient.bg-defaul-position::after,
.ninth-section-bg {
  background-position-x: center;
  background-position-y: top;
}
@media only screen and (max-width: 768px) {
  .bg-defaul-position,
  .home-first-section-bg.bg-defaul-position,
  .overlay-linear-gradient.bg-defaul-position::after {
    background-position-x: right;
  }
}
.therapy-type-bg::after {
  content: "";
  background-image: url(../images/home/fourth-section/card-bg/general/img.svg);
  position: absolute;
  inset: 0;
}
.bg-defaul-size,
.home-first-section-bg.bg-defaul-size,
.overlay-linear-gradient.bg-defaul-size::after,
.therapy-type-bg.bg-defaul-size::after {
  background-size: cover;
  width: 100%;
  height: 100%;
}
.making-space-for-bg-image {
  padding-top: 136px !important;
}
.bg-patients::after {
  content: "";
  background: url(../images/home/tenth-section/general-bg/Group\ 811.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 77%;
  height: 100%;
  position: absolute;
  left: 13%;
  top: 0;
  z-index: -1;
}
@media only screen and (max-width: 992px) {
  .bg-patients::after {
    background-size: cover;
  }
}

.comment-item {
  padding: 24px 12px;
  background-color: white;
}
.comment-container {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  aspect-ratio: 379 / 407;
}
.bubble {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0; /* behind the text card */
}
.comment-body {
  position: absolute;
  left: 18%;
  top: 6%;
  width: 66%;
  height: 75%;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  overflow: hidden;
  padding: 8px 12px;
  /* your request */
  z-index: 1; /* above the SVG bubble */
}

.avatar {
  margin-bottom: 8px;
  line-height: 0;
}
.comment-name {
  margin: 6px 0 2px;
  font-size: 18px;
  font-weight: 600;
  color: #1f4a66;
}
.comment-role {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 500;
  color: #6b7280;
}
.quote {
  margin: 6px 0;
  width: 25px;
  height: 25px;
}
.comment-text {
  font-size: 16px;
  font-weight: 500;
  color: #1f2937;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 576px) {
  .comment-container {
    max-width: 100%;
  }
  .comment-body {
    left: 16%;
    width: 68%;
  }
  .comment-name {
    font-size: 16px;
  }
  .comment-role,
  .comment-text {
    font-size: 14px;
  }
}
/* Smooth transform for all items */
#carousel-patients .owl-item .comment-container{
  transform: translateY(0);
  transition: transform .28s ease-in-out;
}

/* Only the centered item moves down a bit */
#carousel-patients .owl-item.is-center .comment-container{
  transform: translateY(20px);
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  #carousel-patients .owl-item .comment-container{
    transition: none;
  }
}
/* Fix spacing and keep justify on mobile */
@media (max-width: 576px) {
  .lead.custom-text {
    font-size: 1rem !important;     /* normal readable size */
    letter-spacing: 0 !important;   /* remove extra spacing */
    word-spacing: normal !important;
    line-height: 1.5 !important;    /* improve readability */
    text-align: justify !important; /* keep justified text */
  }
}
