* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      /* =====================================
   Entrance Animations
===================================== */

      /* First section: starts above */
      .care-team-content {
        opacity: 0;
        transform: translateY(-100px);
        transition:
          opacity 1.8s ease,
          transform 1.8s ease;
      }

      /* First-section animation starts after page loads */
      .care-team-content.show-animation {
        opacity: 1;
        transform: translateY(0);
      }

      /* Consultant information starts from the left */
      .doctor-information {
        opacity: 0;
        transform: translateX(-120px);
        transition:
          opacity 1.8s ease,
          transform 1.8s ease;
      }

      /* Consultant image starts from the right */
      .doctor-image {
        opacity: 0;
        transform: translateX(120px);
        transition:
          opacity 1.8s ease 0.2s,
          transform 1.8s ease 0.2s;
      }

      /* Final visible positions */
      .doctor-profile-section.show-animation .doctor-information,
      .doctor-profile-section.show-animation .doctor-image {
        opacity: 1;
        transform: translateX(0);
      }

      /* Alternate animation direction for every second consultant */
      .doctor-profile-section:nth-of-type(odd) .doctor-information {
        transform: translateX(120px);
      }

      .doctor-profile-section:nth-of-type(odd) .doctor-image {
        transform: translateX(-120px);
      }

      .doctor-profile-section:nth-of-type(odd).show-animation
        .doctor-information,
      .doctor-profile-section:nth-of-type(odd).show-animation .doctor-image {
        transform: translateX(0);
      }

      /* Smaller movement on mobile */
      @media (max-width: 600px) {
        .care-team-content {
          transform: translateY(-60px);
        }

        .doctor-information {
          transform: translateX(-55px);
        }

        .doctor-image {
          transform: translateX(55px);
        }

        .doctor-profile-section:nth-of-type(odd) .doctor-information {
          transform: translateX(55px);
        }

        .doctor-profile-section:nth-of-type(odd) .doctor-image {
          transform: translateX(-55px);
        }

        .care-team-content.show-animation {
          transform: translateY(0);
        }

        .doctor-profile-section.show-animation .doctor-information,
        .doctor-profile-section.show-animation .doctor-image {
          transform: translateX(0);
        }
      }

      /* Accessibility: disable animation if requested */
      @media (prefers-reduced-motion: reduce) {
        .care-team-content,
        .doctor-information,
        .doctor-image {
          opacity: 1;
          transform: none;
          transition: none;
        }
      }

      body {
        font-family: Arial, Helvetica, sans-serif;
      }

      .care-team-section {
        position: relative;
        width: 100%;
        min-height: 100vh;
        overflow: hidden;

        /* Your actual background image */
        background-image: url("/assets/images/Team-Care-bg-Image.webp");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
      }
      .visiting-consultants {
        font-size: 26px;
        font-weight: 400;
        line-height: 26px;
      }

      .care-team-content {
        position: relative;
        width: 100%;
        min-height: 100vh;

        display: flex;
        justify-content: center;
        align-items: center;
      }

      .care-team-title {
        margin: 0;
        position: static;
        transform: none;

        display: flex;
        flex-direction: column;
        align-items: center;

        color: #0a3158;
        font-size: clamp(70px, 9vw, 145px);
        font-weight: 300;
        line-height: 0.88;
        letter-spacing: -5px;
        text-align: center;
      }

      .care-team-title span,
      .care-team-title .word-the,
      .care-team-title .highlight,
      .care-team-title .word-team {
        display: block;
        margin-left: 0;
      }

      .care-team-title .highlight {
        color: #719bc5;
      }

      .clinic-website {
        position: absolute;
        left: 50%;
        bottom: 22px;
        transform: translateX(-50%);

        color: #143958;
        font-size: 13px;
        text-decoration: none;
        white-space: nowrap;
      }

      .clinic-website:hover {
        text-decoration: underline;
      }

      /* Doctor list image Css  */

      .doctor-profile-section {
        position: relative;
        width: 100%;
        min-height: 700px;
        overflow: hidden;

        background: linear-gradient(
          to bottom,
          #f4e9e3 0%,
          #f4e9e3 55%,
          #aeb9c2 78%,
          #687c8e 100%
        );
      }

      .doctor-profile-content {
        position: relative;
        width: 100%;
        max-width: 1400px;
        min-height: 700px;
        margin: 0 auto;
        padding: 75px 7% 50px;
      }

      /* Doctor information */
      .doctor-information {
        position: relative;
        z-index: 2;
        width: 42%;
        color: #0a3158;
      }

      .doctor-name {
        margin: 0;
        color: #0a3158;
        font-family: Arial, Helvetica, sans-serif;
        font-size: clamp(54px, 5vw, 82px);
        font-weight: 300;
        line-height: 0.86;
        letter-spacing: -3px;
      }

      .doctor-qualification {
        margin-top: 42px;
        color: #0a3158;
        font-size: 17px;
        font-weight: 500;
      }

      /* Speciality */
      .doctor-speciality {
        margin-top: 70px;
      }

      .doctor-speciality h3 {
        margin-bottom: 16px;
        color: #0a3158;
        font-size: 17px;
        font-weight: 500;
      }

      .speciality-box {
        display: inline-block;
        min-width: 290px;
        padding: 20px 28px;

        background: rgba(182, 192, 201, 0.38);
        border-radius: 28px;
      }

      .speciality-box ul {
        margin: 0;
        padding-left: 22px;
      }

      .speciality-box li {
        margin: 5px 0;
        color: #0a3158;
        font-size: 16px;
        line-height: 1.25;
      }

      /* Doctor image */
      .doctor-image {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 65%;
        height: 96%;
        z-index: 1;

        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
      }

      .doctor-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: right bottom;
      }

      /* Website */
      .doctor-website {
        position: absolute;
        z-index: 3;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%);

        color: #ffffff;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none;
        white-space: nowrap;
      }

      .doctor-website:hover {
        text-decoration: underline;
      }

      /* Tablet */
      @media (max-width: 991px) {
        .care-team-section,
        .care-team-content {
          min-height: 550px;
        }

        .care-team-section {
          background-position: 60% center;
        }

        .care-team-content {
          padding: 25px 6%;

          display: flex;
          justify-content: center;
          align-items: center;
        }

        .care-team-title {
          position: static;
          transform: none;
          margin: 0;

          display: flex;
          flex-direction: column;
          align-items: center;

          width: 100%;
          font-size: clamp(70px, 12vw, 105px);
          line-height: 0.88;
          letter-spacing: -3px;
          text-align: center;
        }

        .care-team-title span,
        .care-team-title .word-the,
        .care-team-title .highlight,
        .care-team-title .word-team {
          margin-left: 0;
          text-align: center;
        }

        /* doctor profile Css  */

        .doctor-profile-section,
        .doctor-profile-content {
          min-height: 580px;
        }

        .doctor-profile-content {
          padding: 55px 5% 45px;
        }

        .doctor-information {
          width: 48%;
        }

        .doctor-name {
          font-size: clamp(48px, 6vw, 65px);
        }

        .doctor-qualification {
          margin-top: 30px;
          font-size: 14px;
        }

        .doctor-speciality {
          margin-top: 45px;
        }

        .doctor-speciality h3 {
          margin-bottom: 12px;
          font-size: 14px;
        }

        .speciality-box {
          min-width: 230px;
          padding: 15px 22px;
          border-radius: 22px;
        }

        .speciality-box li {
          font-size: 13px;
        }

        .doctor-image {
          right: -4%;
          width: 67%;
          height: 92%;
        }
      }

      /* Mobile */
      @media (max-width: 767px) {
        .care-team-section,
        .care-team-content {
          min-height: 500px;
        }

        .care-team-section {
          background-position: 60% center;
        }

        .care-team-content {
          padding: 20px;

          display: flex;
          justify-content: center;
          align-items: center;
        }

        .care-team-title {
          position: static;
          transform: none;
          margin: 0;

          display: flex;
          flex-direction: column;
          align-items: center;

          width: 100%;
          font-size: clamp(58px, 17vw, 85px);
          line-height: 0.9;
          letter-spacing: -3px;
          text-align: center;
        }

        .care-team-title span,
        .care-team-title .word-the,
        .care-team-title .highlight,
        .care-team-title .word-team {
          margin-left: 0;
          text-align: center;
        }

        .clinic-website {
          bottom: 16px;
          font-size: 11px;
        }

        /* doctor section css  */

        .doctor-profile-section {
          min-height: auto;

          background: linear-gradient(
            to bottom,
            #f4e9e3 0%,
            #f4e9e3 55%,
            #aeb9c2 78%,
            #687c8e 100%
          );
        }

        .doctor-profile-content {
          min-height: auto;
          padding: 40px 22px 0;

          display: flex;
          flex-direction: column;
        }

        /* Information takes full width */
        .doctor-information {
          width: 100%;
          position: relative;
          z-index: 2;
        }

        .doctor-name {
          font-size: clamp(40px, 12vw, 55px);
          line-height: 0.9;
          letter-spacing: -2px;
        }

        .doctor-qualification {
          max-width: 100%;
          margin-top: 25px;
          font-size: 12px;
        }

        .doctor-speciality {
          margin-top: 35px;
        }

        .doctor-speciality h3 {
          margin-bottom: 10px;
          font-size: 12px;
        }

        .speciality-box {
          min-width: 190px;
          padding: 13px 18px;
          border-radius: 20px;
        }

        .speciality-box ul {
          padding-left: 17px;
        }

        .speciality-box li {
          margin: 4px 0;
          font-size: 11px;
        }

        /* Image now appears below the information */
        .doctor-image {
          position: relative;
          right: auto;
          bottom: auto;

          width: calc(100% + 44px);
          height: 360px;
          margin-top: 15px;
          margin-left: -22px;

          display: flex;
          align-items: flex-end;
          justify-content: center;
        }

        .doctor-image img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          object-position: center bottom;
        }

        .doctor-website {
          bottom: 14px;
          font-size: 10px;
        }
      }

      /* Small mobile */
      @media (max-width: 480px) {
        .care-team-section,
        .care-team-content {
          min-height: 450px;
        }

        .care-team-section {
          background-position: 62% center;
        }

        .care-team-content {
          padding: 18px;
        }

        .care-team-title {
          position: static;
          transform: none;
          width: 100%;
          margin: 0;

          font-size: clamp(54px, 18vw, 75px);
          line-height: 0.9;
          letter-spacing: -2px;
          text-align: center;
        }

        .care-team-title span,
        .care-team-title .word-the,
        .care-team-title .highlight,
        .care-team-title .word-team {
          margin-left: 0;
          text-align: center;
        }

        .clinic-website {
          bottom: 14px;
          font-size: 10px;
        }

        /* doctor profile css  */

        .doctor-profile-section,
        .doctor-profile-content {
          min-height: 540px;
        }

        .doctor-profile-section {
          background: linear-gradient(
            to bottom,
            #f4e9e3 0%,
            #f4e9e3 50%,
            #aeb9c2 72%,
            #687c8e 100%
          );
        }

        .doctor-profile-content {
          padding: 42px 24px 45px;
        }

        .doctor-information {
          width: 55%;
        }

        .doctor-name {
          font-size: clamp(38px, 10vw, 52px);
          line-height: 0.9;
          letter-spacing: -2px;
        }

        .doctor-qualification {
          max-width: 170px;
          margin-top: 25px;
          font-size: 11px;
          line-height: 1.4;
        }

        .doctor-speciality {
          margin-top: 35px;
        }

        .doctor-speciality h3 {
          margin-bottom: 10px;
          font-size: 12px;
        }

        .speciality-box {
          min-width: 185px;
          padding: 12px 16px;
          border-radius: 18px;
        }

        .speciality-box ul {
          padding-left: 17px;
        }

        .speciality-box li {
          margin: 3px 0;
          font-size: 10px;
        }

        .doctor-image {
          right: -17%;
          width: 78%;
          height: 87%;
        }

        .doctor-website {
          bottom: 14px;
          font-size: 10px;
        }

        /* doctor profile  */

        .doctor-profile-content {
          padding: 35px 18px 0;
        }

        .doctor-name {
          font-size: clamp(36px, 12vw, 48px);
        }

        .doctor-qualification {
          margin-top: 22px;
          font-size: 10px;
        }

        .doctor-speciality {
          margin-top: 28px;
        }

        .speciality-box {
          min-width: 170px;
          padding: 11px 15px;
        }

        .speciality-box li {
          font-size: 10px;
        }

        .doctor-image {
          width: calc(100% + 36px);
          height: 320px;
          margin-top: 10px;
          margin-left: -18px;
        }
      }