
/* ---- extracted from index.html inline <style> blocks ---- */
@media (max-width: 767px) {
  .owl-carousel .owl-nav {
    position: relative;
    top: 0;
    margin-top: 20px;
    text-align: center;
  }

  .owl-carousel .owl-prev,
  .owl-carousel .owl-next {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    top: auto !important;
    transform: none !important;
  }

  .home1-section-heading2 {
    margin-bottom: 20px; /* Space between heading and arrows */
  }
}

/* ===== recovered per-page styles (see below) ===== */
/* ============================================================
   Recovered from the original theme: each page had its own
   <style> block in <head>, which the first migration pass
   missed entirely (it only captured body content). These are
   every unique block found, de-duplicated, merged here so the
   effects (FAQ accordion, image hover, header/hero/dropdown
   design, etc.) actually work again.
   ============================================================ */

/* ---- recovered from contact-us.html (78 chars) ---- */
.effect:hover h6 {
  color: #e12454 !important;
  transition: all 0.3s ease;
}

/* ---- recovered from counselling.html (121 chars) ---- */
h4:hover,strong:hover,h5:hover {
  color: #e12454 !important;
  transition: all 0.3s ease; /* smooth hover animation */
}

/* ---- recovered from ila.html (525 chars) ---- */
h6,h4 {
  color: #e12454 !important;
  font-size: 22px;
}
      .blog-box .img-icon {
    position: relative;
}

.blog-box .img-icon p {
    position: absolute;
    top: 10%;
    left: 80%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin: 0;
    padding: 10px;
}

.img-icon p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: white;
    font-weight: bold;
    margin: 0;
    line-height: 1.2; /* 👈 Ye line gap kam karega */
}

/* ---- recovered from blog.html (568 chars) ---- */
h5:hover {
  color: #e12454 !important;
  transition: all 0.3s ease; /* smooth hover animation */
}

      .blog-box .img-icon {
    position: relative;
}

.blog-box .img-icon p {
    position: absolute;
    top: 10%;
    left: 80%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin: 0;
    padding: 10px;
}

.img-icon p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: white;
    font-weight: bold;
    margin: 0;
    line-height: 1.2; /* 👈 Ye line gap kam karega */
}

/* ---- recovered from blog1.html (576 chars) ---- */
.blog-content:hover h6,
.blog-content:hover h4 {
  color: #e12454 !important;
  transition: all 0.3s ease;
}
      .blog-box .img-icon {
    position: relative;
}

.blog-box .img-icon p {
    position: absolute;
    top: 10%;
    left: 80%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin: 0;
    padding: 10px;
}

.img-icon p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: white;
    font-weight: bold;
    margin: 0;
    line-height: 1.2; /* 👈 Ye line gap kam karega */
}

/* ---- recovered from blog2.html (578 chars) ---- */
.blog-content:hover h6,
.blog-content:hover h4 {
  color: #e12454 !important;
  transition: all 0.3s ease;
}


      .blog-box .img-icon {
    position: relative;
}

.blog-box .img-icon p {
    position: absolute;
    top: 10%;
    left: 80%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin: 0;
    padding: 10px;
}

.img-icon p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: white;
    font-weight: bold;
    margin: 0;
    line-height: 1.2; /* 👈 Ye line gap kam karega */
}

/* ---- recovered from blog3.html (585 chars) ---- */
.blog-content:hover strong,
.blog-content:hover h3 {
  color: #e12454 !important;
  transition: all 0.3s ease;
}
    
      .blog-box .img-icon {
    position: relative;
}

.blog-box .img-icon p {
    position: absolute;
    top: 10%;
    left: 80%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin: 0;
    padding: 10px;
}

.img-icon p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: white;
    font-weight: bold;
    margin: 0;
    line-height: 1.2; /* 👈 Ye line gap kam karega */
}

/* ---- recovered from Female_infertility.html (1224 chars) ---- */
/* Container for FAQ */


/* Style for each FAQ question */
.faq-question {
    font-size: 17px;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 10px;
    background-color: #e12454;
    border: 1px solid #ddd;
    border-radius: 5px;
}

/* Initially hide the answer */
.faq-answer {
    display: none;
    padding: 10px;
    margin-top: 5px;
    background-color: #fafafa;
    border-left: 3px solid #ff6f61;
    border-radius: 5px;
}

/* Hover effect to display the answer */
.faq-question:hover + .faq-answer {
    display: block;
}

/* Optional: Style for the whole FAQ section */
.faq-container {
    width: 100%;
    max-width: 600px; /* This can be adjusted based on your layout */
    margin: 0 auto;
}

       .response {
            font-size: 18px;
            color: #ff0000;
            margin-top: 15px;
        }
        .center {
            text-align: center;
        }
        .button-btn {
            background-color: #007bff;
            color: white;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
        }
        .button-btn:hover {
            background-color: #0056b3;
        }

/* ---- recovered from Ovarian_Reserve_Testing.html (1224 chars) ---- */
/* Container for FAQ */


/* Style for each FAQ question */
.faq-question {
    font-size: 22px;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 10px;
    background-color: #e12454;
    border: 1px solid #ddd;
    border-radius: 5px;
}

/* Initially hide the answer */
.faq-answer {
    display: none;
    padding: 10px;
    margin-top: 5px;
    background-color: #fafafa;
    border-left: 3px solid #ff6f61;
    border-radius: 5px;
}

/* Hover effect to display the answer 
.faq-question:hover + .faq-answer {
    display: block;
}*/

/* Optional: Style for the whole FAQ section */
.faq-container {
    width: 100%;
    max-width: 600px; /* This can be adjusted based on your layout */
    margin: 0 auto;
}

       .response {
            font-size: 18px;
            color: #ff0000;
            margin-top: 15px;
        }
        .center {
            text-align: center;
        }
        .button-btn {
            background-color: #007bff;
            color: white;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
        }
        .button-btn:hover {
            background-color: #0056b3;
        }

/* ---- recovered from male_.html (1224 chars) ---- */
/* Container for FAQ */


/* Style for each FAQ question */
.faq-question {
    font-size: 22px;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 10px;
    background-color: #e12454;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: white !important;
}

/* Initially hide the answer */
.faq-answer {
    display: none;
    padding: 10px;
    margin-top: 5px;
    background-color: #fafafa;
    border-left: 3px solid #ff6f61;
    border-radius: 5px;
}

/* Hover effect to display the answer */
.faq-question:hover + .faq-answer {
    display: block;
}

/* Optional: Style for the whole FAQ section */
.faq-container {
    width: 100%;
    max-width: 600px; /* This can be adjusted based on your layout */
    margin: 0 auto;
}

       .response {
            font-size: 18px;
            color: #ff0000;
            margin-top: 15px;
        }
        .center {
            text-align: center;
        }
        .button-btn {
            background-color: #007bff;
            color: white;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
        }
        .button-btn:hover {
            background-color: #0056b3;
        }

/* ---- recovered from Gynecology.html (1451 chars) ---- */
h4:hover {
  color: #e12454 !important;
  transition: all 0.3s ease; /* smooth hover animation */
}

.sb-about-box:hover h6 {
  color: #e12454 !important;
  transition: all 0.3s ease;
}

        .image-about-wrapper,
      .services-main-wrapper,
      .team-main-wrapper,
      .testimonial-main-wrapper {
         position: relative;
      }

      .image-about-wrapper::before,
      .services-main-wrapper::before,
      .team-main-wrapper::before,
      .testimonial-main-wrapper::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 1px;
         background: linear-gradient(90deg, transparent, var(--primary-color), transparent);
      }

      /* Enhanced Image Styling */
      .image-section {
    text-align: left; /* Image left align */
}

.image-section img {
    width: 100%;         /* Full width of the column */
    max-width: 400px;    /* Max width, adjust as needed */
    height: auto;        /* Maintain aspect ratio */
    display: block;
    margin-left: 0;      /* Left align */
    border-radius: 10px; /* Optional: rounded corners */
}

      .image-about-wrapper .image-section img {
         border-radius: 20px;
         box-shadow: var(--shadow);
         transition: all 0.3s ease;
      }

      .image-about-wrapper .image-section img:hover {
         transform: scale(1.02);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.2);
      }

/* ---- recovered from about.html (1455 chars) ---- */
h4:hover {
  color: #e12454 !important;
  transition: all 0.3s ease; /* smooth hover animation */
}
   
.sb-about-box:hover h6 {
  color: #e12454 !important;
  transition: all 0.3s ease;
}


        .image-about-wrapper,
      .services-main-wrapper,
      .team-main-wrapper,
      .testimonial-main-wrapper {
         position: relative;
      }

      .image-about-wrapper::before,
      .services-main-wrapper::before,
      .team-main-wrapper::before,
      .testimonial-main-wrapper::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 1px;
         background: linear-gradient(90deg, transparent, var(--primary-color), transparent);
      }

      /* Enhanced Image Styling */
      .image-section {
    text-align: left; /* Image left align */
}

.image-section img {
    width: 100%;         /* Full width of the column */
    max-width: 400px;    /* Max width, adjust as needed */
    height: auto;        /* Maintain aspect ratio */
    display: block;
    margin-left: 0;      /* Left align */
    border-radius: 10px; /* Optional: rounded corners */
}

      .image-about-wrapper .image-section img {
         border-radius: 20px;
         box-shadow: var(--shadow);
         transition: all 0.3s ease;
      }

      .image-about-wrapper .image-section img:hover {
         transform: scale(1.02);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.2);
      }

/* ---- recovered from blog4.html (3414 chars) ---- */
.blog-content:hover strong,
      .blog-content:hover h3 {
         color: #e12454 !important;
         transition: all 0.3s ease;
      }

      .blog-box .img-icon {
         position: relative;
      }

      .blog-box .img-icon p {
         position: absolute;
         top: 10%;
         left: 80%;
         transform: translate(-50%, -50%);
         text-align: center;
         margin: 0;
         padding: 10px;
      }

      .img-icon p {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         font-size: 24px;
         color: white;
         font-weight: bold;
         margin: 0;
         line-height: 1.2;
      }

      /* ── Table styling ── */
      .blog-content table {
         width: 100%;
         border-collapse: collapse;
         margin: 24px 0;
         font-size: 15px;
      }

      .blog-content table th {
         background: #e12454;
         color: #fff;
         padding: 12px 16px;
         text-align: left;
         font-weight: 600;
      }

      .blog-content table td {
         padding: 11px 16px;
         border-bottom: 1px solid #f0d9df;
         color: #444;
         vertical-align: top;
      }

      .blog-content table tr:nth-child(even) td {
         background: #fdf4f6;
      }

      .blog-content table tr:hover td {
         background: #fce8ec;
      }

      /* ── FAQ section ── */
      .blog-faq-item {
         border-left: 4px solid #e12454;
         padding: 10px 16px;
         margin-bottom: 14px;
         background: #fff8f9;
         border-radius: 0 8px 8px 0;
      }

      .blog-faq-item strong {
         display: block;
         color: #e12454;
         margin-bottom: 4px;
         font-size: 15px;
      }

      .blog-faq-item p {
         margin: 0;
         font-size: 14px;
         color: #555;
      }

      /* ── Benefits list ── */
      .blog-check-list {
         list-style: none;
         padding: 0;
         margin: 16px 0 20px;
      }

      .blog-check-list li {
         padding: 6px 0 6px 28px;
         position: relative;
         color: #444;
         font-size: 15px;
         border-bottom: 1px dashed #f5d0d9;
      }

      .blog-check-list li::before {
         content: "✔";
         position: absolute;
         left: 0;
         color: #e12454;
         font-weight: bold;
      }

      /* ── Step cards ── */
      .blog-steps {
         counter-reset: step-counter;
         list-style: none;
         padding: 0;
         margin: 16px 0 24px;
      }

      .blog-steps li {
         counter-increment: step-counter;
         padding: 12px 16px 12px 54px;
         position: relative;
         background: #fff8f9;
         border: 1px solid #f5d0d9;
         border-radius: 8px;
         margin-bottom: 10px;
         font-size: 15px;
         color: #444;
      }

      .blog-steps li::before {
         content: counter(step-counter);
         position: absolute;
         left: 12px;
         top: 50%;
         transform: translateY(-50%);
         background: #e12454;
         color: #fff;
         width: 28px;
         height: 28px;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-weight: 700;
         font-size: 13px;
      }

      .blog-steps li strong {
         display: block;
         margin-bottom: 3px;
         color: #222;
      }

/* ---- recovered from blog6.html (3616 chars) ---- */
.blog-content:hover strong,
      .blog-content:hover h3 {
         color: #e12454 !important;
         transition: all 0.3s ease;
      }

      .blog-box .img-icon {
         position: relative;
      }

 .blog-box .img-icon p {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 80px;      /* Increase width */
    height: 80px;     /* Increase height */
    background: #e12454;
    color: #fff;
    border-radius: 8px; /* Optional */
     display: flex;
    justify-content: center;
    align-items: center;
   
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}
      .img-icon p {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         font-size: 24px;
         color: white;
         font-weight: bold;
         margin: 0;
         line-height: 1.2;
      }

      /* ── Table styling ── */
      .blog-content table {
         width: 100%;
         border-collapse: collapse;
         margin: 24px 0;
         font-size: 15px;
      }

      .blog-content table th {
         background: #e12454;
         color: #fff;
         padding: 12px 16px;
         text-align: left;
         font-weight: 600;
      }

      .blog-content table td {
         padding: 11px 16px;
         border-bottom: 1px solid #f0d9df;
         color: #444;
         vertical-align: top;
      }

      .blog-content table tr:nth-child(even) td {
         background: #fdf4f6;
      }

      .blog-content table tr:hover td {
         background: #fce8ec;
      }

      /* ── FAQ section ── */
      .blog-faq-item {
         border-left: 4px solid #e12454;
         padding: 10px 16px;
         margin-bottom: 14px;
         background: #fff8f9;
         border-radius: 0 8px 8px 0;
      }

      .blog-faq-item strong {
         display: block;
         color: #e12454;
         margin-bottom: 4px;
         font-size: 15px;
      }

      .blog-faq-item p {
         margin: 0;
         font-size: 14px;
         color: #555;
      }

      /* ── Benefits list ── */
      .blog-check-list {
         list-style: none;
         padding: 0;
         margin: 16px 0 20px;
      }

      .blog-check-list li {
         padding: 6px 0 6px 28px;
         position: relative;
         color: #444;
         font-size: 15px;
         border-bottom: 1px dashed #f5d0d9;
      }

      .blog-check-list li::before {
         content: "✔";
         position: absolute;
         left: 0;
         color: #e12454;
         font-weight: bold;
      }

      /* ── Step cards ── */
      .blog-steps {
         counter-reset: step-counter;
         list-style: none;
         padding: 0;
         margin: 16px 0 24px;
      }

      .blog-steps li {
         counter-increment: step-counter;
         padding: 12px 16px 12px 54px;
         position: relative;
         background: #fff8f9;
         border: 1px solid #f5d0d9;
         border-radius: 8px;
         margin-bottom: 10px;
         font-size: 15px;
         color: #444;
      }

      .blog-steps li::before {
         content: counter(step-counter);
         position: absolute;
         left: 12px;
         top: 50%;
         transform: translateY(-50%);
         background: #e12454;
         color: #fff;
         width: 28px;
         height: 28px;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-weight: 700;
         font-size: 13px;
      }

      .blog-steps li strong {
         display: block;
         margin-bottom: 3px;
         color: #222;
      }


/* ---- recovered from index.html (23535 chars) ---- */
h4:hover {
  color: #e12454 !important;
  transition: all 0.3s ease; /* smooth hover animation */
}
      :root {
         --primary-color: #e12454;
         --secondary-color: #002343;
         --accent-color: #f7a5bb;
         --text-dark: #333;
         --text-light: #666;
         --bg-light: #f9fcfd;
         --white: #ffffff;
         --shadow: 0 4px 20px rgba(0,0,0,0.1);
         --gradient: linear-gradient(135deg, #e12454 0%, #f7a5bb 100%);
      }


      .blog-box .img-icon {
    position: relative;
}

.blog-box .img-icon p {
    position: absolute;
    top: 50%;
    left: 80%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin: 0;
    padding: 0;
}

.img-icon p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: white;
    font-weight: bold;
    margin: 0;
    line-height: 1.2; /* 👈 Ye line gap kam karega */
}


      /* Enhanced Header */
      .main-header-wrapper {
         background: var(--white);
         box-shadow: var(--shadow);
         position: relative;
         z-index: 1000;
      }

      .mid-header-section {
         background: linear-gradient(135deg,  #fff 0%, #fff 100%);
         padding: 2px 0 !important;
         color: var(--white);
      }

      .sb-mid-right-section ul li a {
         color: black;
         transition: all 0.3s ease;
      }

      .sb-mid-right-section ul li a:hover {
         color: var(--accent-color);
         transform: translateY(-2px);
      }

      /* Enhanced Navigation */
      .menu-items-wrapper {
         background: #e12454;
         border-top: 3px solid var(--primary-color);
         box-shadow: 0 2px 10px rgba(0,0,0,0.05);
         display: flex;  
         justify-content: center; 
         align-items: center;
         padding: 0px !important;
      }
      .menu-items-wrapper nav ul li {
        padding: 0 0px !important;
      }
      .navbar-nav .nav-link {
         color: white;
         font-weight: 600;
         padding: 15px 20px;
         transition: all 0.3s ease;
         position: relative;
      }

      .navbar-nav .nav-link:hover {
         color: white;
         background: rgba(225, 36, 84, 0.1);
         border-radius: 5px;
      }

      .navbar-nav .nav-link::after {
         content: '';
         position: absolute;
         bottom: 0;
         left: 50%;
         width: 0;
         height: 3px;
         background: var(--primary-color);
         transition: all 0.3s ease;
         transform: translateX(-50%);
      }
      .navbar-expand-lg{
         justify-content: center;
      }
      .navbar-nav .nav-link:hover::after {
         width: 80%;
      }

      /* Enhanced Dropdown */
      .dropdown-items {
         background: var(--white);
         border-radius: 10px;
         box-shadow: var(--shadow);
         border: none;
         padding: 10px 0;
         margin-top: 10px;
         min-width: 380px;
      }

      .dropdown-items li a {
         padding: 12px 20px;
         color: var(--text-dark);
         transition: all 0.3s ease;
         border-radius: 5px;
         margin: 2px 10px;
      }

      .dropdown-items li a:hover {
         background: var(--primary-color);
         color: var(--white);
         transform: translateX(5px);
      }

      /* Enhanced Carousel */
      #bannerCarousel .carousel-item {
         position: relative;
         height: 70vh;
         min-height: 500px;
      }

      #bannerCarousel .carousel-item img {
         object-fit: cover;
         width: 100%;
         height: 100%;
      }

      #bannerCarousel .carousel-item::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         z-index: 1;
      }

      .carousel-control-prev,
      .carousel-control-next {
         width: 60px;
         height: 60px;
         background: var(--primary-color);
         border-radius: 50%;
         top: 50%;
         transform: translateY(-50%);
         opacity: 0.9;
         transition: all 0.3s ease;
      }

      .carousel-control-prev:hover,
      .carousel-control-next:hover {
         opacity: 1;
         transform: translateY(-50%) scale(1.1);
      }

      /* Enhanced Hero Content */
      .hero-content {
         text-align: center;
         max-width: 800px;
         margin: 0 auto;
         padding: 60px 20px;
         position: relative;
         z-index: 2;
      }

      .hero-title {
         font-size: 3.5rem;
         font-weight: 700;
         color: var(--white);
         margin-bottom: 20px;
         text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
         line-height: 1.2;
      }

      .hero-title .text-primary {
         color: var(--accent-color) !important;
      }

      .hero-subtitle {
         font-size: 1.5rem;
         color: var(--white);
         margin-bottom: 20px;
         font-weight: 600;
         text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
      }

      .hero-description {
         font-size: 1.2rem;
         color: var(--white);
         margin-bottom: 40px;
         line-height: 1.6;
         text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
      }

      .hero-buttons {
         display: flex;
         justify-content: center;
         gap: 20px;
         flex-wrap: wrap;
      }

      .btn-primary {
         background: var(--gradient);
         border: none;
         padding: 15px 35px;
         border-radius: 50px;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 1px;
         transition: all 0.3s ease;
         box-shadow: 0 4px 15px rgba(225, 36, 84, 0.3);
      }

      .btn-primary:hover {
         transform: translateY(-3px);
         box-shadow: 0 8px 25px rgba(225, 36, 84, 0.4);
         background: var(--gradient);
      }

      .btn-outline-light {
         border: 2px solid var(--white);
         color: var(--white);
         padding: 15px 35px;
         border-radius: 50px;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 1px;
         transition: all 0.3s ease;
         background: transparent;
      }

      .btn-outline-light:hover {
         background: var(--white);
         color: var(--primary-color);
         transform: translateY(-3px);
         box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
      }

      .carousel-caption {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.4); /* optional for readability */
}

.hero-content {
    width: 100%;
}


      @media (max-width: 768px) {
         .hero-title {
            font-size: 2.5rem;
            word-break: break-word;
            line-height: 1.2;
         }
         
         .hero-subtitle {
            font-size: 1.2rem;
         }
         
         .hero-description {
            font-size: 1rem;
         }

          .carousel-caption {
            padding: 1rem;
            z-index: 1;
            padding-left: 2.5rem;
            padding-right: 2.5rem;
         }
         
         .hero-buttons {
            flex-direction: column;
            align-items: center;
            gap: 1rem;
         }
         
         .btn-primary,
         .btn-outline-light {
            width: 100%;
            max-width: 300px;
         }
      }

      /* Enhanced Feature Cards */
      .feature-cards-container {
         background: var(--bg-light);
         padding: 80px 0;
         margin: 50px 0;
      }

      .feature-card {
         background: var(--white);
         border-radius: 20px;
         padding: 40px 30px;
         text-align: center;
         box-shadow: var(--shadow);
         transition: all 0.4s ease;
         border: 3px solid transparent;
         position: relative;
         overflow: hidden;
      }

      .feature-card::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: var(--gradient);
         opacity: 0.1;
         transition: all 0.5s ease;
         z-index: 1;
      }

      .feature-card:hover::before {
         left: 0;
      }

      .feature-card:hover {
         transform: translateY(-15px);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.2);
         border-color: var(--primary-color);
      }

      .feature-card .icon {
         width: 80px;
         height: 80px;
         margin: 0 auto 25px;
         background: var(--gradient);
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         position: relative;
         z-index: 2;
      }

      .feature-card .icon img {
         width: 40px;
         height: 40px;
         filter: brightness(0) invert(1);
      }

      .feature-card h4 {
         color: var(--secondary-color);
         font-weight: 700;
         margin-bottom: 15px;
         position: relative;
         z-index: 2;
      }

      .feature-card p {
         color: var(--text-light);
         line-height: 1.6;
         position: relative;
         z-index: 2;
      }

      /* Enhanced About Section */
      .image-about-wrapper {
         background: var(--white);
         padding: 100px 0;
      }

      .about-content h6 {
         color: var(--primary-color);
         font-size: 16px;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 2px;
         margin-bottom: 15px;
      }

      .about-content h4 {
         color: var(--secondary-color);
         font-size: 36px;
         font-weight: 700;
         margin-bottom: 25px;
         line-height: 1.3;
      }

      .about-content p {
         color: var(--text-light);
         font-size: 16px;
         line-height: 1.8;
         margin-bottom: 20px;
      }

      .button-btn {
         background: var(--gradient);
         color: var(--white);
         padding: 15px 35px;
         border-radius: 50px;
         text-decoration: none;
         font-weight: 600;
         display: inline-block;
         transition: all 0.3s ease;
         border: none;
         position: relative;
         overflow: hidden;
      }

      .button-btn::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
         transition: all 0.5s ease;
      }

      .button-btn:hover::before {
         left: 100%;
      }

      .button-btn:hover {
         transform: translateY(-3px);
         box-shadow: 0 10px 25px rgba(225, 36, 84, 0.4);
         color: var(--white);
      }

      /* Enhanced Services Section */
      .services-main-wrapper {
         background: var(--bg-light);
         padding: 100px 0;
      }

      .sb-service-section h6 {
         color: var(--primary-color);
         font-size: 16px;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 2px;
         margin-bottom: 15px;
      }

      .sb-service-section h5 {
         color: var(--secondary-color);
         font-size: 36px;
         font-weight: 700;
         margin-bottom: 20px;
      }

      .sb-service-section p {
         color: var(--text-light);
         font-size: 18px;
         margin-bottom: 50px;
      }

      .slider-box {
         background: var(--white);
         border-radius: 20px;
         padding: 40px 30px;
         text-align: center;
         box-shadow: var(--shadow);
         transition: all 0.4s ease;
         border: 3px solid transparent;
         height: 100%;
      }

      .slider-box:hover {
         transform: translateY(-10px);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.15);
         border-color: var(--primary-color);
      }

      .slider-box .service-img {
         margin-bottom: 25px;
      }

      .slider-box .service-img img {
         border-radius: 15px;
         transition: all 0.3s ease;
      }

      .slider-box:hover .service-img img {
         transform: scale(1.05);
      }

      .slider-box h5 {
         color: var(--secondary-color);
         font-weight: 700;
         margin-bottom: 15px;
         font-size: 22px;
      }

      .slider-box p {
         color: var(--text-light);
         line-height: 1.6;
         margin-bottom: 25px;
      }

      /* Enhanced Team Section */
      .team-main-wrapper {
         background: var(--white);
         padding: 100px 0;
      }

      .team-section {
         background: var(--white);
         border-radius: 20px;
         padding: 30px 20px;
         box-shadow: var(--shadow);
         transition: all 0.4s ease;
         text-align: center;
         border: 3px solid transparent;
      }

      .team-section:hover {
         transform: translateY(-10px);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.15);
         border-color: var(--primary-color);
      }

      .team-section .image img {
         border-radius: 50%;
         transition: all 0.3s ease;
         border: 4px solid var(--accent-color);
      }

      .team-section:hover .image img {
         transform: scale(1.05);
         border-color: var(--primary-color);
      }

      .team-section h5 a {
         color: var(--secondary-color);
         font-weight: 700;
         text-decoration: none;
         transition: all 0.3s ease;
      }

      .team-section h5 a:hover {
         color: var(--primary-color);
      }

      .team-section p a {
         color: var(--text-light);
         text-decoration: none;
         transition: all 0.3s ease;
      }

      .team-section p a:hover {
         color: var(--primary-color);
      }

      /* Enhanced Testimonial Section */
      .testimonial-main-wrapper {
         background: var(--bg-light);
         padding: 100px 0;
      }

      .item-box {
         background: var(--white);
         border-radius: 20px;
         padding: 40px 30px;
         box-shadow: var(--shadow);
         position: relative;
         border: 3px solid transparent;
         transition: all 0.4s ease;
      }

      .item-box:hover {
         transform: translateY(-5px);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.15);
         border-color: var(--primary-color);
      }

      .item-box span {
         color: #fbc02d;
         font-size: 20px;
         margin-bottom: 20px;
         display: block;
      }

      .item-box p {
         color: var(--text-light);
         font-style: italic;
         line-height: 1.8;
         margin-bottom: 20px;
         font-size: 16px;
      }

      .item-box a {
         color: var(--primary-color);
         font-weight: 600;
         text-decoration: none;
         transition: all 0.3s ease;
      }

      .item-box a:hover {
         color: var(--secondary-color);
      }

      /* Enhanced Counter Section */
      .counter-main-wrapper {
         background: var(--gradient);
         padding: 80px 0;
         color: var(--white);
      }

      .count-up {
         text-align: center;
         padding: 30px 20px;
      }

      .counter-icon {
         width: 80px;
         height: 80px;
         margin: 0 auto 25px;
         background: rgba(255, 255, 255, 0.2);
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         transition: all 0.3s ease;
      }

      .count-up:hover .counter-icon {
         background: rgba(255, 255, 255, 0.3);
         transform: scale(1.1);
      }

      .counter-icon svg {
         width: 40px;
         height: 40px;
         fill: var(--white);
      }

      .counter-count {
         font-size: 48px;
         font-weight: 700;
         margin-bottom: 10px;
         color: var(--white);
      }

      .count-up p {
         font-size: 18px;
         font-weight: 600;
         color: var(--white);
         margin: 0;
      }

      /* Enhanced Footer */
      .footer-main-wrapper {
         background: var(--secondary-color);
         color: var(--white);
         padding: 80px 0 30px;
      }

      .footer-logo img {
         margin-bottom: 25px;
      }

      .links h4 {
         color: var(--white);
         font-weight: 700;
         margin-bottom: 25px;
         font-size: 20px;
      }

      .links ul li {
         margin-bottom: 12px;
      }

      .links ul li a {
         color: #ccc;
         text-decoration: none;
         transition: all 0.3s ease;
         display: flex;
         align-items: center;
      }

      .links ul li a:hover {
         color: var(--primary-color);
         transform: translateX(5px);
      }

      .links ul li a i {
         margin-right: 8px;
         color: var(--primary-color);
      }

      /* Enhanced Emergency Section */
   

      /* Responsive Design */
      @media (max-width: 768px) {
         .feature-card {
            margin-bottom: 30px;
         }
         
         .about-content h4 {
            font-size: 28px;
         }
         
         .sb-service-section h5 {
            font-size: 28px;
         }
         
         .counter-count {
            font-size: 36px;
         }
      }

      /* Smooth Animations */
      * {
         transition: all 0.3s ease;
      }

      /* Custom Scrollbar */
      ::-webkit-scrollbar {
         width: 8px;
      }

      ::-webkit-scrollbar-track {
         background: #f1f1f1;
      }

      ::-webkit-scrollbar-thumb {
         background: var(--primary-color);
         border-radius: 4px;
      }

      ::-webkit-scrollbar-thumb:hover {
         background: var(--secondary-color);
      }

      /* Additional Enhancements */
      .home1-section-heading1 {
         color: var(--primary-color) !important;
         font-size: 16px !important;
         font-weight: 600 !important;
         text-transform: uppercase !important;
         letter-spacing: 2px !important;
         margin-bottom: 15px !important;
      }

      .home1-section-heading2 {
         color: var(--secondary-color) !important;
         font-size: 36px !important;
         font-weight: 700 !important;
         margin-bottom: 20px !important;
         line-height: 1.3 !important;
      }

      /* Enhanced Section Spacing */
      .image-about-wrapper,
      .services-main-wrapper,
      .team-main-wrapper,
      .testimonial-main-wrapper {
         position: relative;
      }

      .image-about-wrapper::before,
      .services-main-wrapper::before,
      .team-main-wrapper::before,
      .testimonial-main-wrapper::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 1px;
         background: linear-gradient(90deg, transparent, var(--primary-color), transparent);
      }

      /* Enhanced Image Styling */
      .image-section {
    text-align: left; /* Image left align */
}

.image-section img {
    width: 100%;         /* Full width of the column */
    max-width: 400px;    /* Max width, adjust as needed */
    height: auto;        /* Maintain aspect ratio */
    display: block;
    margin-left: 0;      /* Left align */
    border-radius: 10px; /* Optional: rounded corners */
}

      .image-about-wrapper .image-section img {
         border-radius: 20px;
         box-shadow: var(--shadow);
         transition: all 0.3s ease;
      }

      .image-about-wrapper .image-section img:hover {
         transform: scale(1.02);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.2);
      }

      /* Enhanced Blog Section */
      .blog-main-wrapper {
         background: var(--white);
         padding: 100px 0;
      }

      .blog-box {
         background: var(--white);
         border-radius: 20px;
         overflow: hidden;
         box-shadow: var(--shadow);
         transition: all 0.4s ease;
         border: 3px solid transparent;
         height: 100%;
         padding-top: 0px !important;
      }

      .blog-box:hover {
         transform: translateY(-10px);
         box-shadow: 0 20px 40px rgba(225, 36, 84, 0.15);
         border-color: var(--primary-color);
      }

      .blog-box .img-icon {
         position: relative;
         overflow: hidden;
      }

      .blog-box .img-icon img {
         width: 100%;
         /* height: 250px; */
         object-fit: contain;
         transition: all 0.3s ease;
      }

      .blog-box:hover .img-icon img {
         transform: scale(1.05);
      }

      .blog-box .img-icon p {
         position: absolute;
         top: 20px;
         right: 20px;
         background: var(--primary-color);
         color: var(--white);
         padding: 10px 15px;
         border-radius: 10px;
         font-weight: 600;
         margin: 0;
      }

      .blog-content {
         padding: 5px !important;
      }
      .blog-box .blog-content h3 {
          padding-top: 0px !important;
      }
      .blog-box .blog-content p {
         margin-top: 0px !important;
      }
      .blog-box .blog-content .r-btn {
         padding-top: 0px !important;
      }
      
      .blog-content h3 a {
         color: var(--secondary-color);
         text-decoration: none;
         font-weight: 700;
         font-size: 22px;
         transition: all 0.3s ease;
      }

      .blog-content h3 a:hover {
         color: var(--primary-color);
      }

      .blog-content p {
         color: var(--text-light);
         line-height: 1.6;
         margin-bottom: 20px;
      }

      .r-btn {
         color: var(--primary-color);
         text-decoration: none;
         font-weight: 600;
         transition: all 0.3s ease;
         display: inline-flex;
         align-items: center;
         gap: 5px;
      }

      .r-btn:hover {
         color: var(--secondary-color);
         transform: translateX(5px);
      }

      /* Enhanced Partner Section */
      .partner-main-wrapper {
         background: var(--bg-light);
         padding: 60px 0;
      }

      .partner-main-wrapper .item {
         text-align: center;
         padding: 20px;
      }

      .partner-main-wrapper .item img {
         max-height: 200px;
         width: auto;
         filter: grayscale(100%);
         transition: all 0.3s ease;
      }

      .partner-main-wrapper .item:hover img {
         filter: grayscale(0%);
         transform: scale(1.1);
      }

      /* Enhanced Return to Top Button */
      #return-to-top {
         background: var(--gradient);
         color: var(--white);
         width: 50px;
         height: 50px;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         position: fixed;
         bottom: 30px;
         right: 30px;
         z-index: 1000;
         text-decoration: none;
         box-shadow: var(--shadow);
         transition: all 0.3s ease;
         opacity: 0;
         visibility: hidden;
      }

      #return-to-top.show {
         opacity: 1;
         visibility: visible;
      }

      #return-to-top:hover {
         transform: translateY(-3px);
         box-shadow: 0 10px 25px rgba(225, 36, 84, 0.4);
      }

      /* Loading Animation */
      @keyframes fadeInUp {
         from {
            opacity: 0;
            transform: translateY(30px);
         }
         to {
            opacity: 1;
            transform: translateY(0);
         }
      }

      .fade-in-up {
         animation: fadeInUp 0.6s ease-out;
      }

      /* Enhanced Focus States */
      .nav-link:focus,
      .button-btn:focus,
      .btn:focus {
         outline: 2px solid var(--primary-color);
         outline-offset: 2px;
      }

      /* Improved Typography */
      body {
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
         line-height: 1.6;
      }

      h1, h2, h3, h4, h5, h6 {
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
         font-weight: 700;
      }


/* ============================================================
   Manual fixes on top of the recovered CSS (requested changes)
   ============================================================ */

/* Global responsive images - the original theme had no baseline
   rule for this, so raw <img> tags on content pages (e.g. the
   Our Services sub-pages) could render at their full native size
   and blow out the layout. */
.service-main-page-wrapper img,
.blog-single-main-page img,
.about-main-wrapper img {
   max-width: 100%;
   height: auto;
}

/* Full-width sections: hero carousel, homepage counters, emergency
   care band - each should span the full viewport regardless of any
   ancestor's max-width. */
#bannerCarousel,
.emergency-main-wrapper {
   width: 100%;
   max-width: 100vw;
   height: 600px;
}

/* Hero: darker readable overlay + shorter height, per the requested
   homepage redesign. The original theme defined the ::before overlay
   but never gave it a background color. */
#bannerCarousel .carousel-item {
   height: 55vh;
   min-height: 600px;
}
#bannerCarousel .carousel-item::before {
   background: rgba(0, 20, 40, 0.45);
}
#bannerCarousel .carousel-item img {
   object-fit: cover;
   object-position: center;
}

/* Heading hover -> brand pink, on content and card headings site-wide
   (kept out of the header/footer so nav text doesn't flip color). */
.service-main-page-wrapper h1:hover,
.service-main-page-wrapper h2:hover,
.service-main-page-wrapper h3:hover,
.service-main-page-wrapper h4:hover,
.service-main-page-wrapper h5:hover,
.service-main-page-wrapper h6:hover,
.blog-box h3:hover,
.blog-single-main-page h1:hover,
.blog-single-main-page h2:hover,
.sb-service-section h5:hover,
.about-main-wrapper h4:hover {
   color: var(--primary-color, #e12454) !important;
   transition: all 0.3s ease;
}

/* Header dropdown: keep every item on a single line */
.dropdown-items {
   min-width: 420px;
}
.dropdown-items li a {
   white-space: nowrap;
}

/* "Our Services" / image+text content rows (e.g. tge.html-style
   pages) - proper alignment and a consistent image treatment
   instead of an unconstrained raw <img>. */
.service-main-page-wrapper .row.plr-50 {
   align-items: center;
}
.service-main-page-wrapper .row.plr-50 img {
   width: 100%;
   border-radius: 10px;
   box-shadow: var(--shadow, 0 4px 20px rgba(0,0,0,.1));
   object-fit: cover;
}

/* Contact page map */
.contact-map-wrapper {
   width: 100%;
}
.contact-map-wrapper iframe {
   width: 100%;
   height: 420px;
   border: 0;
   display: block;
}

/* Premium single-blog-post layout */
.blog-single-main-page {
   /* max-width: 820px; */
   margin: 0 auto;
   text-align: center;
}
.blog-single-main-page img {
   border-radius: 12px;
   margin-bottom: 30px;
   max-height: 460px;
   object-fit: cover;
}
.blog-single-main-page .blog-meta {
   color: #999;
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 10px;
}
.blog-single-main-page h1 {
   font-size: 34px;
   margin-bottom: 25px;
}
.blog-single-main-page .blog-body {
   text-align: left;
   line-height: 1.8;
   font-size: 16px;
   color: #444;
}

/* Blog listing intro + pagination */
.blog-listing-intro {
   max-width: 700px;
   margin: 0 auto 40px;
   text-align: center;
   color: #666;
   font-size: 15px;
   line-height: 1.7;
}
.blog-pagination {
   display: flex;
   justify-content: center;
   gap: 8px;
   margin: 50px 0 20px;
}
.blog-pagination a, .blog-pagination span {
   display: inline-block;
   min-width: 40px;
   text-align: center;
   padding: 8px 12px;
   border-radius: 6px;
   border: 1px solid #e3e3e3;
   color: #333;
   text-decoration: none;
   font-size: 14px;
}
.blog-pagination a:hover {
   background: var(--primary-color, #e12454);
   border-color: var(--primary-color, #e12454);
   color: #fff;
}
.blog-pagination .active {
   background: var(--primary-color, #e12454);
   border-color: var(--primary-color, #e12454);
   color: #fff;
}

/* ============================================================
   Blog detail page redesign: hero banner + 65/35 sticky layout
   ============================================================ */
.blog-hero-wrapper {
   position: relative;
   width: 100%;
   min-height: 320px;
   display: flex;
   align-items: flex-end;
   background-color: #1f2430;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   padding: 60px 0 40px;
}
.blog-hero-overlay {
   position: absolute;
   inset: 0;
   background: rgba(10, 15, 25, 0.55);
}
.blog-hero-wrapper .container { position: relative; z-index: 2; }
.blog-hero-meta {
   color: #f0c4d1;
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-bottom: 10px;
}
.blog-hero-title {
   color: #fff;
   font-size: 32px;
   font-weight: 700;
   line-height: 1.3;
   max-width: 850px;
   margin: 0;
}

.blog-layout {
   display: flex;
   gap: 50px;
   align-items: flex-start;
}
.blog-layout-main {
   flex: 0 0 65%;
   max-width: 65%;
}
.blog-layout-sidebar {
   flex: 0 0 35%;
   max-width: 35%;
}
.blog-sidebar-sticky {
   position: sticky;
   top: 20px;
   max-height: calc(100vh - 40px);
   overflow-y: auto;
   background: #fafafa;
   border-radius: 10px;
   padding: 22px;
}
.blog-sidebar-sticky h5 {
   margin: 0 0 16px;
   font-size: 16px;
   font-weight: 700;
}
.blog-sidebar-item {
   display: flex;
   gap: 12px;
   align-items: center;
   padding: 10px 0;
   border-bottom: 1px solid #eee;
   text-decoration: none;
   color: inherit;
}
.blog-sidebar-item:last-of-type { border-bottom: none; }
.blog-sidebar-item img,
.blog-sidebar-noimg {
   width: 64px;
   height: 64px;
   border-radius: 8px;
   object-fit: cover;
   flex-shrink: 0;
   background: #e4e4e4;
}
.blog-sidebar-item strong {
   display: block;
   font-size: 13.5px;
   line-height: 1.4;
   color: #222;
   transition: color 0.2s ease;
}
.blog-sidebar-item:hover strong { color: var(--primary-color, #e12454); }
.blog-sidebar-item small {
   display: block;
   font-size: 11px;
   color: #999;
   margin-top: 3px;
}

@media (max-width: 991px) {
   .blog-layout { flex-direction: column; }
   .blog-layout-main, .blog-layout-sidebar { flex: 0 0 100%; max-width: 100%; }
   .blog-sidebar-sticky { position: static; max-height: none; }
   .blog-hero-title { font-size: 24px; }
}

/* ============================================================
   Site-wide heading hierarchy: exactly one decent-sized H1 per
   page (the page/post title), content headings step down from H2.
   ============================================================ */
.page-main-title,
.blog-hero-title {
   font-size: 32px;
   font-weight: 700;
   line-height: 1.3;
}
.page-main-title { padding: 30px 0 10px; margin: 0; }
.service-main-page-wrapper h1, .blog-body h1 { font-size: 55px; font-weight: 700; margin: 30px 0 14px; }
.service-main-page-wrapper h2, .blog-body h2 { font-size: 32px; font-weight: 700; margin: 27px 0 13px; }
.service-main-page-wrapper h3, .blog-body h3 { font-size: 20px; font-weight: 700; margin: 24px 0 12px; }
.service-main-page-wrapper h4, .blog-body h4 { font-size: 17px; font-weight: 700; margin: 20px 0 10px; }
.service-main-page-wrapper h5, .blog-body h5,
.service-main-page-wrapper h6, .blog-body h6 { font-size: 15px; font-weight: 700; margin: 16px 0 8px; }
.service-main-page-wrapper p, .blog-body p { font-size: 15.5px; line-height: 1.8; color: #444; margin-bottom: 16px; }
.service-main-page-wrapper ul, .blog-body ul,
.service-main-page-wrapper ol, .blog-body ol { margin: 0 0 18px 22px; line-height: 1.8; color: #444; }
.service-main-page-wrapper a, .blog-body a { color: var(--primary-color, #e12454); text-decoration: underline; }

/* Tables inserted from the admin editor */
.content-table, .blog-body table, .service-main-page-wrapper table {
   width: 100%;
   border-collapse: collapse;
   margin: 20px 0 28px;
   font-size: 14.5px;
}
.content-table td, .content-table th,
.blog-body table td, .blog-body table th,
.service-main-page-wrapper table td, .service-main-page-wrapper table th {
   border: 1px solid #e2e2e2;
   padding: 10px 14px;
   text-align: left;
}
.content-table tr:first-child, .blog-body table tr:first-child, .service-main-page-wrapper table tr:first-child {
   background: var(--primary-color, #e12454);
   color: #fff;
   font-weight: 600;
}
