/* Main Container */
      .healthcare-process-container {
          max-width: 1400px;
          margin: 0 auto;
          padding: 23px 20px;
      }

      /* Header Section */
      .healthcare-header-section {
          text-align: center;
          margin-bottom: 80px;
      }

      .process-status-badge {
          display: inline-block;
          background: #ffffff;
          color: #db5800;
          padding: 10px 24px;
          border-radius: 25px;
          font-size: 14px;
          font-weight: 600;

          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
      }

      .healthcare-main-heading {
          font-size: 45px;
          margin-top: 22px;
          margin-bottom: 15px;
          line-height: 50px;
          font-weight: 700;
          color: #000;
      }

      .heading-accent-text {
          color: #ff6b35;
      }

      .healthcare-intro-text {
          font-size: 17px;
          color: #636e72;
          max-width: 820px;
          margin: 0 auto;
          line-height: 1.7;
      }

      /* Process Steps Grid */
      .process-steps-wrapper {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 50px;
          position: relative;
          margin-top: 60px;
      }

      /* Connecting Line Between Steps */
      .process-connecting-line {
          position: absolute;
          top: 140px;
          left: 12%;
          right: 12%;
          height: 2px;
          background: linear-gradient(to right, #dfe6e9 0%, #dfe6e9 100%);
          z-index: 0;
      }

      /* Individual Process Step */
      .process-step-card {
          text-align: center;
          position: relative;
          z-index: 1;
      }

      .step-image-container {
          width: 280px;
          height: 280px;
          margin: 0 auto 32px;
          position: relative;
          cursor: pointer;
      }

      .circular-image-frame {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          border: 8px solid #ffeaa7;
          padding: 8px;
          background: white;
          position: relative;
          overflow: hidden;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      }

      /* Orange Hover Overlay */


      .step-image-container:hover .hover-orange-overlay {
          opacity: 1;
      }

      .step-image-container:hover .circular-image-frame {
          border-color: #db5800;
          transform: translateY(-8px);
          box-shadow: 0 20px 40px rgba(255, 107, 53, 0.35);
      }

      .step-featured-image {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          object-fit: cover;
          position: relative;
          z-index: 1;
      }

      .step-heading-title {
          font-size: 22px;
          color: #2d3436;
          font-weight: 700;
          margin-bottom: 6px;
          line-height: 1.4;

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

      .step-description-text {
          font-size: 17px;
          color: #636e72;
          line-height: 1.7;
          max-width: 300px;
          margin: 0 auto;
      }

      /* Responsive Design */
      @media (max-width: 1200px) {
          .process-steps-wrapper {
              grid-template-columns: repeat(2, 1fr);
              gap: 60px 40px;
          }

          .process-connecting-line {
              display: none;
          }
      }

      @media (max-width: 768px) {
          .healthcare-process-container {
              padding: 0 15px;
          }

          .healthcare-main-heading {
              font-size: 38px;
          }

          .healthcare-intro-text {
              font-size: 16px;
          }

          .process-steps-wrapper {
              grid-template-columns: 1fr;
              gap: 50px;
          }

          .step-image-container {
              width: 240px;
              height: 240px;
          }

          .step-heading-title {
              font-size: 22px;
              min-height: auto;
          }

          .step-description-text {
              font-size: 17px;
          }
      }

      @media (max-width: 480px) {
          body {
              padding: 40px 0;
          }

          .healthcare-header-section {
              margin-bottom: 50px;
          }

          .healthcare-main-heading {
              font-size: 32px;
          }

          .step-image-container {
              width: 200px;
              height: 200px;
          }
      }

      /* Grid */
      .wmud-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
          gap: 1.5rem;
      }

      p.text-left.mb-3.evalutepara {
          /* padding-left: 10px; */
          padding-right: 97px;
          padding-bottom: 39px;
          padding-top: 10px;
      }

      h2.fw-bold.text-dark.text-left.healthwebsite-sec {
          /* padding-left: 20px; */
          padding-right: 126px;
      }

      .mobile_app_preview {
          background: linear-gradient(0deg, rgba(228, 73, 14, .35), #ff6b00), url(../../../../automation/mobileview.jpg);
          padding-top: 80px !important;
          padding-bottom: 80px;
      }

      .spacing {
          padding-top: 28px !important;
      }

      .ml-sub-text {
          font-size: 16px Im !important;
          padding: 0px 130px 10px 130px;
          font-size: 14px;
          /* font-weight: 600; */
          margin-bottom: 36px;
      }

      img.card-img-top-healthcare-banner {
          height: 59px;
          background-color: #0087BE;
          padding: 11px;
          border-radius: 50px;
      }

      /* Card */
      .wmud-card {
          background: #ffffff;
          border-radius: 5px;
          padding: 1.8rem;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
          transition: transform 0.3s ease, box-shadow 0.3s ease;
          border-bottom: 2px solid #00a3c8;
      }

      .wmud-card:hover {
          transform: translateY(-6px);
          box-shadow: 0 16px 40px rgba(0, 0, 0, 0.1);
      }

      .wmud-card-title {
          font-size: 20px;
      }

      h2.fw-bold.text-dark {
          font-size: 45px;
          margin-top: 22px;
          margin-bottom: 15px;
          line-height: 50px;
          font-weight: 700;
          color: #000;
      }

      p.text-muted.w-75 {
          padding-top: 15px;
          padding-bottom: 15px;
      }

      /* Icon */
      .wmud-icon {
          display: inline-flex;
          width: 60px;
          height: 60px;
          padding: 10px;
          align-items: center;
          justify-content: center;
          font-size: 1.4rem;
          border-radius: 12px;
          background: #fff3ee;
          color: #ff5a1f;
          margin-bottom: 1rem;
      }

      /* Card content */
      /* About section */

      /* 1. The Orange Color Helper */
      .highlight-text {
          color: #ff5722;
      }

      .taxiapp-heading {
          font-weight: 700;
          text-transform: capitalize;
          text-align: center;
          margin-bottom: 16px;
          font-size: 36px;
          line-height: 45px;
      }

      /* 2. The # About Tag */
      .about-tag {
          background: #fdfdfd;
          color: #db5800;
          padding: 5px 15px;
          border-radius: 20px;
          font-weight: bold;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          display: inline-block;

      }

      /* 3. The Custom List with Orange Checkmarks */
      .custom-check-list {
          list-style: none;
          padding-left: 0;
          margin-top: 20px;
      }

      .custom-check-list li {
          position: relative;
          padding-left: 35px;
          margin-bottom: 12px;
          font-weight: 500;
      }

      .custom-check-list li::before {
          /* Creates the orange circle checkmark */
          content: '✔';
          position: absolute;
          left: 0;
          top: 0;
          width: 24px;
          height: 24px;
          background: #db5800;
          color: #fff;
          border-radius: 50%;
          text-align: center;
          line-height: 24px;
          font-size: 14px;
      }

      /* 4. The Right Side Image & Floating Card */
      .img-wrapper {
          position: relative;
          /* Needed to hold the absolute card */
          margin-bottom: 40px;
          /* Space for the card hanging at bottom */
      }

      .orange-card {
          position: absolute;
          bottom: 7px;
          right: 8px;
          width: 59%;
          background: #db5800;
          color: #fff;
          padding: 26px 32px 32px 10px;
          border-radius: 8px;
          display: flex;
          align-items: center;
          gap: 14px;
          box-shadow: 0 10px 20px rgba(226, 103, 3, 0.4);
      }



      .oc-icon {
          padding-bottom: 39px;
      }

      .orange-card h5 {
          color: #fff;
          margin: 0;
          font-size: 18px;
          font-weight: bold;
          padding-bottom: 14px;
      }

      .orange-card p {
          font-size: 14px;
          margin: 0;
          color: #ffffff;
      }

      /* Mobile Fix: Stack card nicely on small screens */
      @media(max-width: 768px) {
          .orange-card {
              position: relative;
              bottom: 0;
              right: 0;
              width: 100%;
              margin-top: -20px;
          }
      }

      /* about section close */


      /* cardwithformsection open */

      /* White Tag at top */
      .about-tag-white {
          background: #fff;
          color: #333;
          padding: 6px 18px;
          border-radius: 25px;
          font-size: 13px;
          font-weight: 600;
      }

      .bg-theme-colored {
          background-color: #db5800;
          ;
      }

      h2.taxiapp-heading.text-white.mt-3-healthtext {
          font-size: 40px;
          margin-top: 22px;
          margin-bottom: 15px;
          line-height: 1.4;
          padding-left: 250px;
          padding-right: 250px;

      }

      button.btn.btn-orange.w-100 {
          /* padding-top: 12px; */
          margin-top: 30px;
      }

      input.form-control.mb-2 {
          /* padding: 22px; */
          margin-bottom: 15px;
      }

      .service-card-healthcare {
          border-radius: 10px;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
          height: 424px;
          background-repeat: round;
      }

      .health-ban-text {
          font-size: 18px;
          line-height: 2px;
          font-weight: bolder;
          color: #201a1a;
      }

      /* Card Styling */
      .service-card {
          position: relative;
          height: 350px;
          background-size: cover;
          background-position: center;
          border-radius: 15px;
          display: flex;
          align-items: flex-end;
          padding: 25px;
          overflow: hidden;
          transition: transform 0.3s ease;
          border: 1px solid rgba(255, 255, 255, 0.1);
      }

      .service-card:hover {
          transform: translateY(-10px);
      }

      .card-content {
          color: #fff;
          width: 100%;
          padding: 182px 10px 31px 30px;
          border-radius: 51px !important;
      }






      .card-content h3 {

          font-weight: 700;
          margin-bottom: 10px;
          font-size: 17px;
          color: #fff;
      }

      .card-content p {
          line-height: 1.4;
          
          font-size: 15px !important;
          /* font-weight: 600; */
      }

      /* Round Arrow Button */
      .arrow-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          background: #fff;
          color: #0087BE;
          border-radius: 50%;
          text-decoration: none;
          font-size: 18px;
          font-weight: bold;
          transition: background 0.3s;
      }

      .arrow-btn i {
          font-size: 16px;
      }

      .arrow-btn:hover {
          background: #db5800;
          color: #fff;
      }

      /* Opacity helper */
      .opacity-75 {
          opacity: 0.75;
      }


      /* Container for the overlapping section */
      .appointment-overlap-wrapper {
          position: relative;
          z-index: 10;
          margin-top: -76px;
          /* This pulls the image UP into the orange div */
      }

      .overlap-box {
          position: relative;
          overflow: hidden;
          height: 505px;
          /* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); */
          margin-bottom: 25px;
      }

      .overlap-img {
          width: 100%;
          display: block;
          height: auto;
      }

      /* The White Form Card inside the image */
      .appointment-form-card {
          position: absolute;
          top: 50%;
          /* border-bottom: #00a3c8; */
          right: 5%;
          border-bottom: 2px solid #00a3c8;
          transform: translateY(-50%);
          background: #fff;
          padding: 30px;
          border-radius: 10px;
          width: 387px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      }

      .appointment-form-card h5 {
          font-weight: bold;
          margin-bottom: 20px;
          color: #333;
      }

      .btn-orange {
          background-color: #db5800;
          color: white;
          border-radius: 5px;
          padding: 13px 30px 13px 30px;
          font-weight: 600;
      }

      /* Mobile adjustments */
      @media (max-width: 991px) {
          .appointment-form-card {
              position: relative;
              top: 0;
              right: 0;
              transform: none;
              width: 100%;
              margin-top: -50px;
              /* Overlap the image slightly on mobile */
          }

          .appointment-overlap-wrapper {
              margin-top: -50px;
          }
      }

      /* cardwithformsection close */



      .ml-banner-wrapper-healthcare {
          background-image: url('https://foduu.foduu.com/themes/default/frontend_assets/healthcare/We-Build-Websites-that-Keep-Your-Patient-s-Health-Care-and-Convenience-in-Mind-banner-.jpg');

          background-repeat: no-repeat;
          background-size: cover;

          height: 780px;
          padding-top: 120px;


      }

      .col-md-6.mt-4.p-0.cardsppace {
          margin-top: 22px;
      }

      .image-wrapper {
          position: relative;
          overflow: hidden;
      }

      h3.card-title.product_title {
          margin-bottom: 10px;
          line-height: 22px;
          /* text-align: center; */
          font-size: 22px;
      }

      /* MAIN IMAGE */
      .card-img-top {
          width: 100%;
          display: block;
          border-radius: 10px 10px 10px 10px;
      }


      /* ICON IMAGE OVERLAY */
      .card-img-top-healthcare {
          position: absolute;
          bottom: 9px;
          right: 20px;

          width: 55px;
          height: 55px;
          padding: 10px;

          background: transparent;
          border-radius: 50%;
          border: 2px solid #0d6efd;

          transition: all 0.4s ease;
          z-index: 2;
      }

      /* Ensure icons are white and clear */
      .feature-item i {
          /* padding-left: 20px; */
          padding-right: 10px;
          font-size: 30px;
      }

      .feature-item {
          width: 295px;
      }


      .blog-home-block .clearfix {

          padding: 0px !important;

      }

      .single-services {
          transition: transform 0.4s ease;
      }

      .entry-title {
          padding: 20px;
          BORDER: 1 PX SOLID BLACK;
          border-bottom: 2px solid #db5800;
          border-radius: 10px;
          height: 282px;
      }

      .single-services:hover {
          transform: translateY(-10px);
      }

      .single-services:hover .service-sec {
          /* background: #f5f1e9; */

          transition: background-color 0.4s ease;
      }

      .entry-title h3 {
          margin: 0 0 10px 0;
          font-size: 21px !important;
          font-weight: 600 !important;
          display: flex;
          justify-content: center;
          justify-content: #332;
      }

      .single-services:hover img.card-img-top-healthcare {
          /* background-color: #e5470e; */

          /* filter: brightness(0) invert(1); */

      }

      /* .single-services:hover .card-img-top-healthcare {
            background-color: #e5470e;
            color: #fff;
        } */

      /* CARD HOVER MOVE */
      .single-services {
          transition: transform 0.4s ease;
      }

      .single-services:hover {
          transform: translateY(-10px);
      }






      p.banner-text.health-para {
          /* margin-bottom: 15px; */
          line-height: 1.8;
          color: #222222;
          margin-top: 6px;
          font-weight: 400;
          /* font-family: Poppins, sans-serif; */
          font-size: 16px;
      }

      h1.banner-main-head {
          font-size: 56px;
          line-height: 56px;
          font-weight: 700;
      }

      .service-sec {
          background-color: #fff;
          box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
          padding: 23px;
          border-bottom: 2px solid #0087BE;
          border-radius: 0 0 10px 10px;
          height: 221px;
          /* transition: .6s; */
      }

      img.card-img-top-healthcare {
          background-color: #ffffff;
          height: 65px;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
          width: 65px;
          padding: 10px;
          border: 0;
          margin: auto;
          border-radius: 50px;
          transition: filter 0.3s ease;

      }

      .button-healthcare {
          display: inline-flex;
          gap: 15px;
      }

      a.button.button-border.button-circle.button-dark-healthcare {
          background-color: #e5470e;
          border-radius: 10px;
          height: 56px;

          padding-top: 9px;
          display: flex;
          justify-content: center;
      }

      .sc-counter-grid.health {
          display: grid;
          grid-template-columns: repeat(4, 1fr) !important;
          gap: 25px;
      }


      .fcity-health-cta-section {
          background-image: url(https://foduu.foduu.com/themes/default/frontend_assets/healthcare/footer-banner.jpg);
          background-size: cover;
          background-position: center;
          padding: 40px 0;
          color: #ffffff;
          position: relative;
          border-radius: 15px;
          margin-bottom: 50px;
          height: 270px;
      }

      /* automation sec */

      /* Container Fix */
      .automation-section {
          overflow: hidden;
      }

      /* Match the Medical Page Orange */
      .bg-orange {
          background-color: #db5800;

          padding: 70px !important;
          /* The signature orange from your screenshots */
      }

      /* Typography Refinement */
      .section-title {
          font-size: 4.2rem !important;
          font-weight: 700;
          line-height: 1.2;
      }


      /* Image Handling */
      .automation-img-box img {
          min-height: 783px !important;
          width: 100%;
          object-fit: cover;
      }

      /* Feature Items */
      .feature-item h3 {
          display: flex;
          align-items: center;
          font-size: 22px;
          margin-bottom: 10px;
          font-weight: 700;
      }


      h2.fw-bold.text-white {
          font-size: 45px;
          margin-top: 22px;
          margin-bottom: 15px;
          line-height: 50px;
          font-weight: 700;
          color: #ffffff;
      }




      /* Mobile Adjustments */
      @media (max-width: 767px) {
          .section-title {
              font-size: 1.8rem;
          }

          .automation-img-box img {
              min-height: 300px;
          }
      }

      .about-tag {

          flex-direction: column;
          /* text under icon */
          align-items: center;
          gap: 6px;
      }

      .hash-icon {
          color: #e5470e;
          /* orange */
          font-size: 22px;
      }

      .tag-text {
          color: #000;
          /* normal black */
          font-size: 14px;
          font-weight: 500;
          text-align: center;
      }

      .tst-header-wrapper-uniq-tst-8w4 {
          text-align: center;
          margin-bottom: 50px;
          margin-top: 50px;
      }