.about-container {
  background-image: url(data:image/jpeg;base64,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);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  height: 100px;
}

.about {
  display: flex;
  justify-content: space-between;
  padding-top: 25px;


}

.about h1 {
  color: #777676;
  font-size: 28px;
}

.about a {
  color: #777676;
  /* font-size: 28px;   */
}


.about a i {
  margin-right: 16px;
  color: #777676;
}


/*  */

.v-care {
  display: flex;
  justify-content: space-between;
  /* padding-top: 60px; */
  padding-top: 55px;
      padding-bottom: 40px;

}

.strong-hematology {
  color:rgb(51, 51, 51);
  /* padding-left: 250px; */
  /* padding-bottom: 20px; */
  padding-left: 260px;
  font-size: 28px;
  font-weight: 400;
}


/* ===== Large tablets & small laptops ===== */


/* ===== Tablets ===== */
@media (max-width: 992px) {
  .strong-hematology {
    padding-left: 120px;
    font-size: 26px;
  }
}

/* ===== Mobile ===== */
@media (max-width: 576px) {
  .strong-hematology {
    padding-left: 100px;
    text-align: center;
    font-size: 22px;
    /* color: red; */
  }
}

🔍 .about-v-care p {
  color: #877b94;
}



.labrotary-image {
  width: 100%;
  height: 500px;
  padding: 20px;
}



/* ===== Mobile / tablet responsive tweaks for .v-care ===== */

/* General smaller screens (<= 992px) — reduce big paddings and image height */
@media (max-width: 992px) {
  .about-v-care h2 {
    padding-left: 40px;
    /* reduce large left padding */
    font-size: 24px;
    /* slightly smaller title on tablets */
  }

  .v-care {
    padding-top: 40px;
    /* reduce top spacing */
    gap: 20px;
  }

  .labrotary-image {
    height: 420px;
    /* smaller fixed height on tablets */
    padding: 12px;
    object-fit: cover;
    /* keeps image aspect, crops nicely */
  }

  .main-section {
    height: auto;
    /* let content define height */
  }
}

/* Stack vertically on phones and small devices (<= 768px) */
@media (max-width: 768px) {
  .v-care {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 24px;
  }

  .about-v-care {
    width: 100%;
    padding: 0 16px;
    /* horizontal breathing room */
    box-sizing: border-box;
    order: 1;
    /* keep text above image (if desired) */
  }

  .about-v-care h2 {
    padding-left: 0;
    /* remove left padding */
    padding-bottom: 12px;
    text-align: center;
    font-size: 20px;
    line-height: 1.2;
  }

  .about-v-care p {
    color: #877b94;
    font-size: 15px;
    text-align: justify;
  }

  .labrotary-image {
    width: 100%;
    height: auto;
    /* natural height for small screens */
    max-height: 420px;
    /* avoid extremely tall images */
    padding: 12px 16px 24px;
    object-fit: cover;
    order: 2;
  }

  .main-section {
    height: auto;
    padding-bottom: 24px;
  }
}

/* Extra small devices (<= 480px) — tweak typography */
@media (max-width: 480px) {
  .about-v-care h2 {
    font-size: 18px;

    padding-bottom: 8px;
  }

  .about-v-care p {
    font-size: 14px;
    line-height: 1.5;
  }

  .v-care {
    padding-top: 18px;
  }

  .labrotary-image {
    max-height: 360px;
    padding: 8px 12px 16px;
  }
}

/* Last Part */
.third-container {



  /* background-color: #009; */
      height: 159px;

  background-image: url(https://www.vcarepathlab.com/wp-content/uploads/2016/03/section_bg1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* padding: 50px 0; */
  /* width: 100%; */
}

.third-about {
  display: flex;
  justify-content: space-evenly;
  padding-top: 75px;


}

.third-about span {
  color: rgb(255, 255, 255);
  font-size: 22px;
  padding: 0 40 0 0;
  font-weight: 300;
}

.btn {
  border-radius: 1px;
  background-color: #599fe0;

}


/* ---------- Responsive overrides: paste this AFTER your existing CSS ---------- */

/* make the section flexible on tablets/smaller desktops */
@media (max-width: 992px) {
  .third-container {
    height: auto;
    /* remove fixed height for wrapping */
    padding: 18px 0;
  }

  .third-about {
    padding-top: 28px;
    /* reduce top padding */
    justify-content: center;
    /* center content if there's space */
    gap: 12px;
    flex-wrap: wrap;
    /* allow wrap */
  }

  .third-about span {
    font-size: 18px;
    /* smaller text */
    padding: 0 20px 0 0;
    /* reduce right padding */
    flex: 1 1 60%;
    /* allow to shrink */
  }

  .third-about .btn {
    min-width: 140px;
  }
}

/* phones: stack text and button vertically */
@media (max-width: 600px) {
  .third-container {
    height: auto !important;
    /* ensure height overridden on very small screens */
    padding: 12px 0;
  }

  .third-about {
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    /* much smaller top spacing */
  }

  .third-about span {
    order: 1;
    flex: 1 1 100%;
    width: 100%;
    padding: 0 12px 10px 12px;
    font-size: 16px;
    text-align: center;
    line-height: 1.25;
    word-break: break-word;
    /* prevent overflow from long words */
  }

  .third-about .btn {
    order: 2;
    width: calc(100% - 48px);
    /* keep side gutters */
    max-width: 420px;
    padding: 10px 16px;
    white-space: nowrap;
  }
}

/* very small phones */
@media (max-width: 360px) {
  .third-about span {
    font-size: 14.5px;
  }

  .third-about .btn {
    padding: 9px 12px;
  }
}