:root {
      --primary-green: #2D5A27;
      --dark-green: #1a3a18;
      --accent-green: #3b7a33;
      --navy: #1B2A4A;
      --cream: #F5F1E8;
      --light-bg: #f8f8f8;
      --gold: #D4A843;
    }
    body {
      font-family: 'Open Sans', sans-serif;
      color: #333;
      overflow-x: hidden;
    }
    h1, h2, h3, h4, h5 {
      font-family: 'Roboto', sans-serif;
    }

    /* ===== TOP BAR ===== */
    .top-bar {
      background-color: var(--primary-green);
      padding: 8px 0;
      font-size: 14px;
    }
    .top-bar a {
      color: #fff;
      text-decoration: none;
    }
    .top-bar .social-icons a {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: rgba(255,255,255);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-left: 8px;
      font-size: 13px;
      transition: background 0.3s;
      color:#295a24;
    }
    .top-bar .social-icons a:hover {
      background: rgba(255,255,255,0.3);
    }
.top-bar .fa-envelope:before {
    content: "\f0e0";
    padding: 7px;
    background: #ffffff;
    border-radius: 50%;color: #2f5a28;}
   .top-bar .fa-phone-alt:before {
   
    padding: 7px;
    background: #ffffff;
    border-radius: 50%;color: #2f5a28;}
    /* ===== NAVIGATION ===== */
    .main-nav {
      background: #fff;
      box-shadow: 0 2px 10px rgba(0,0,0,0.08);
      padding: 0;
    }
    .main-nav .navbar-brand svg {
      height: 70px;
    }
    .main-nav .navbar-brand img {
      height:85px;
    
    }
    .main-nav .nav-link {
      color: var(--navy);
      font-weight: 600;
      font-size: 15px;
      padding: 25px 11px !important;
      transition: color 0.3s;
    }
    .main-nav .nav-link:hover,
    .main-nav .nav-link.active,
    .main-nav .current-menu-item > a,
    .main-nav .current_page_item > a {
      color: var(--primary-green);
    }
    .main-nav .dropdown-menu {
      border: none;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      border-radius: 8px;
      padding: 10px 0;
    }
    .main-nav .dropdown-item {
      padding: 10px 20px;
      color: var(--navy);
      font-weight: 500;
      transition: all 0.3s;
    }
    .main-nav .dropdown-item:hover {
      background-color: var(--primary-green);
      color: #fff;
    }
    .btn-appointment {
      background-color: var(--primary-green);
      color: #fff;
      border: none;
      padding: 12px 28px;
      border-radius: 6px;
      font-weight: 600;
      font-size: 15px;
      transition: background 0.3s;
      text-decoration: none;
      display: inline-block;
    }
    .btn-appointment:hover {
      background-color: var(--dark-green);
      color: #fff;
    }
    .navbar-toggler {
      border: none;
      padding: 0;
    }
    .navbar-toggler:focus {
      box-shadow: none;
    }

    /* ===== HERO SECTION ===== */
    /* ===== HERO SECTION (CAROUSEL) ===== */
    .hero-carousel, .hero-carousel .carousel-inner, .hero-carousel .carousel-item {
      height: 100vh;
    }
    .hero-slide {
      position: relative;
      height:100vh;
      background-size: cover;
      background-position:inherit;
      background-repeat: no-repeat;
      display: flex;
      align-items: center;
      overflow: hidden;
    }
    .hero-slide::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background: linear-gradient(90deg, rgba(45,90,39,0.92) 0%, rgba(45,90,39,0.7) 35%, rgba(45,90,39,0.15) 65%, transparent 100%);
      z-index: 1;
    }
    .hero-slide .container {
      position: relative;
      z-index: 2;
    }
    .hero-slide h1 {
      font-size: 3rem;
      font-weight: 800;
      color: #fff;
      line-height: 1.15;
      text-transform: uppercase;
    }
    .hero-slide p {
      color: rgba(255,255,255,0.9);
      font-size: 19px;
      max-width: 500px;
      line-height: 1.7;
    }
    .btn-get-started {
      background-color:#879963;
      color: #fff;
      padding: 14px 36px;
      border: none;
      border-radius: 6px;
      font-weight: 700;
      font-size: 16px;
      transition: all 0.3s;
    }
    .btn-get-started:hover {
      background-color: #c49a38;
      color: #fff;
    }
    /* Carousel indicators (dots) */
    .hero-carousel .carousel-indicators {
      left: 80px;
      right: auto;
      bottom: 40px;
      margin: 0;
      gap: 8px;
    }
    .hero-carousel .carousel-indicators [data-bs-target] {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      border: none;
      background: rgba(255,255,255,0.4);
      opacity: 1;
      cursor: pointer;
      transition: background 0.3s;
    }
    .hero-carousel .carousel-indicators .active {
      background: var(--primary-green);
    }
    /* Carousel arrows */
    .hero-carousel .carousel-control-prev,
    .hero-carousel .carousel-control-next {
      width: 5%;
      z-index: 3;
      opacity: 0.8;
    }
    .hero-carousel .carousel-control-prev:hover,
    .hero-carousel .carousel-control-next:hover {
      opacity: 1;
    }

    /* ===== ABOUT SECTION ===== */
    .about-section {
       background-image: url('../../img/intro-bg.png');
      padding: 100px 0;
      position: relative;
      overflow: hidden;
      background-position: center;
    }
    .about-himages {
      position: relative;
      display: flex;
      gap: 15px;
    }

   .about-himages img.first {
    width: 45%;
    height: 350px;
}
    .about-himages img {
      width:55%;
      height: 420px;
      object-fit: cover;
      border-radius: 12px;
    }
    .happy-patients-badge {
      position: absolute;
      bottom:10px;
      left:25px;
      background: #fff;
      border-radius: 12px;
      padding: 15px 22px;
      box-shadow: 0 8px 30px rgba(0,0,0,0.12);
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .happy-patients-badge i {
      font-size: 28px;
      color: var(--primary-green);
    }
    .happy-patients-badge .count {
      font-weight: 700;
      font-size: 18px;
      color: var(--primary-green);
    }
    .about-subtitle {
      color: var(--primary-green);
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 8px;
    }
    .about-section h2 {
      font-size: 2.5rem;
      font-weight: 700;
      color: var(--navy);
      line-height: 1.25;
      margin-bottom: 20px;
    }
    .about-check {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      margin-bottom: 15px;
    }
    .about-check i {
      color: var(--primary-green);
      font-size: 22px;
      margin-top: 3px;
      flex-shrink: 0;
    }
    .btn-discover {
      background-color: var(--primary-green);
      color: #fff;
      padding: 14px 32px;
      border: none;
      border-radius: 6px;
      font-weight: 600;
      font-size: 15px;
      margin-top: 15px;
      transition: background 0.3s;
    }
    .btn-discover:hover {
      background-color: var(--dark-green);
      color: #fff;
    }
    .leaf-decor {
      position: absolute;
      width: 180px;
      opacity: 0.15;
    }
    .leaf-decor.top-right {
      top: -20px;
      right: -20px;
      transform: rotate(-30deg);
    }
    .leaf-decor.bottom-left {
      bottom: -20px;
      left: -20px;
      transform: rotate(150deg);
    }

    /* ===== SERVICES SECTION ===== */
    .services-section {
      padding: 100px 0;
      background: var(--light-bg);
    }
    .section-subtitle {
      color: var(--primary-green);
      font-weight: 600;
      font-size: 16px;
      text-align: center;
      margin-bottom: 8px;
    }
    .section-title {
      font-size: 2.5rem;
      font-weight: 700;
      color: var(--navy);
      text-align: center;
      margin-bottom: 15px;
    }
    .section-desc {
      text-align: center;
      max-width: 650px;
      margin: 0 auto 50px;
      color: #666;
    }
    .service-hcard {
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid #eee;
      transition: transform 0.3s, box-shadow 0.3s;
      height: 100%;
    }
    .service-hcard:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 40px rgba(0,0,0,0.1);
    }
    .service-hcard img {
      width: 100%;
      height: 250px;
      object-fit: cover;
      border-radius: 12px;
      padding: 12px 12px 0;
    }
    .service-hcard .card-body {
      padding: 20px 20px 25px;
    }
    .service-hcard h5 {
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 18px;
      color: var(--navy);
      margin-bottom: 10px;
    }
    .service-hcard p {
      color: #666;
      font-size: 14px;
      line-height: 1.6;
    }
    .btn-read-more {
      border: 1.5px solid #333;
      color: #333;
      padding:3px 15px;
      border-radius:50px;
      font-size: 14px;
      font-weight: 600;
      background: transparent;
      transition: all 0.3s;
    }
    .btn-read-more:hover {
      background: var(--primary-green);
      border-color: var(--primary-green);
      color: #fff;
    }
    .btn-explore {
      background-color: var(--primary-green);
      color: #fff;
      padding: 14px 32px;
      border: none;
      border-radius: 6px;
      font-weight: 600;
      font-size: 15px;
      transition: background 0.3s;
    }
    .btn-explore:hover {
      background-color: var(--dark-green);
      color: #fff;
    }

    /* ===== TESTIMONIALS SECTION ===== */
    .testimonials-section {
      padding: 100px 0;
      background: #fff;
    }
    .testimonial-image-wrapper {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
    }
    .testimonial-image-wrapper img {
      width: 100%;
      height: 380px;
      object-fit: cover;
    }
    .testimonials-vertical-text {
      position: absolute;
      top: 0; left: 0;
      writing-mode: vertical-lr;
      transform: rotate(180deg);
      font-size: 55px;
      font-weight: 800;
      color: rgba(255,255,255,0.2);
      font-family: 'Playfair Display', serif;
      letter-spacing: 5px;
      height: 100%;
      display: flex;
      align-items: center;
      padding-right: 15px;
    }
    .testimonials-content .subtitle {
      color: var(--primary-green);
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 8px;
    }
    .testimonials-content h2 {
      font-size: 2.3rem;
      font-weight: 700;
      color: var(--navy);
      margin-bottom: 25px;
    }
    .testimonials-content .quote-text {
      color: #555;
      font-size: 15px;
      line-height: 1.8;
      margin-bottom: 20px;
    }
    .stars {
      color: var(--gold);
      font-size: 18px;
      margin-bottom: 15px;
    }
    .reviewer-name {
      font-weight: 700;
      font-size: 16px;
      color: var(--navy);
    }
    .reviewer-role {
      color: #888;
      font-size: 14px;
    }
    .testimonial-nav {
      display: flex;
      gap: 10px;
      margin-top: 20px;
    }
    .testimonial-nav button {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 1px solid #ddd;
      background: #f0f0f0;
      color: #999;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s;
      font-size: 14px;
    }
    .testimonial-nav button:hover {
      background: var(--primary-green);
      color: #fff;
      border-color: var(--primary-green);
    }
    .quote-marks {
      position: absolute;
      right: 0;
      bottom: 30px;
      font-size: 120px;
      color: rgba(0,0,0,0.05);
      font-family: Georgia, serif;
      line-height: 1;
    }

    /* ===== EXPERIENCE SECTION ===== */
    .experience-hsection {
    background-image: url('../../img/Rectangle30.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
   /* .experience-section {
      background: var(--primary-green);
      position: relative;
      overflow: hidden;
      padding: 0;
    }*/
    .experience-hsection .exp-image-wrapper {
      position: relative;
      padding: 40px;
    }
    .experience-hsection .exp-image-wrapper img {
      width: 100%;
      max-width: 750px;
      margin: 0 auto;
      display: block;
      border-radius: 16px;
      border: 6px solid rgba(255,255,255,0.2);
    }
    .experience-hsection h2 {
      color: #fff;
      font-size: 2.5rem;
      font-weight: 700;
      text-align: center;
      margin: 10px 0 15px;
    }
    .experience-hsection .exp-desc {
      color: rgba(255,255,255,0.85);
      text-align: center;
      max-width: 650px;
      margin: 0 auto 30px;
      font-size: 14px;
      line-height: 1.7;
    }
    .stats-bar {
        background: linear-gradient(265deg,
        #3CAA30 0%,
        #22661B 50%,
        #3CAA30 100%
    );
      border-radius: 50px;
      padding: 20px 40px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      max-width: 850px;
      margin: 0 auto 30px;
    }
    .stat-item {
      text-align: center;
      color: #fff;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .stat-item .stat-number {
      font-size: 2rem;
      font-weight: 700;
      font-family: 'Playfair Display', serif;
    }
    .stat-item .stat-label {
      font-size: 13px;
      opacity: 0.85;
      text-align: left;
      line-height: 1.3;
    padding: 0 25px 0px 0px;
    }
    .btn-make-appt {
      background-color: #27731f;
      color: #fff;
      padding: 14px 32px;
      border: 1px solid rgba(255,255,255,0.3);
      border-radius: 6px;
      font-weight: 600;
      font-size: 15px;
      transition: all 0.3s;
    }
    .btn-make-appt:hover {
      background-color: rgba(255,255,255,0.25);
      color: #fff;
    }
    .exp-plants-left, .exp-plants-right {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 12%;
      opacity: 0.3;
      background: linear-gradient(to bottom, rgba(0,100,0,0.3), rgba(0,80,0,0.1), rgba(0,100,0,0.3));
    }
    .exp-plants-left { left: 0; }
    .exp-plants-right { right: 0; }

    /* ===== FAQ SECTION ===== */
    .faq-section {
      padding: 100px 0;
      background: #fff;
    }
    .faq-image img {
      width: 100%;
      height: 500px;
      object-fit: cover;
      border-radius: 12px;
    }
    .faq-subtitle {
      color: var(--primary-green);
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 8px;
    }
    .faq-section h2 {
      font-size: 2.3rem;
      font-weight: 700;
      color: var(--navy);
      margin-bottom:10px;
    }
    .faq-section .accordion-item {
      border: none;
      border-bottom: 1px solid #eee;
      border-radius: 0 !important;
    }
    .faq-section .accordion-button {
      font-weight: 600;
      font-size: 15px;
      color: var(--navy);
      padding: 18px 0;
      background: transparent;
      box-shadow: none !important;
    }
    .faq-section .accordion-button:not(.collapsed) {
      color: var(--primary-green);
      background: transparent;
    }
    .faq-section .accordion-button::after {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 2px solid var(--primary-green);
      background-image: none;
      display: flex;
      align-items: center;
      justify-content: center;
      content: '';
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%232D5A27' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/12px no-repeat;
      flex-shrink: 0;
    }
    .faq-section .accordion-body {
      padding: 0 0 18px;
      color: #666;
      font-size: 14px;
      line-height: 1.7;
    }

    /* ===== APPOINTMENT FORM SECTION ===== */
    .appointment-section {
      position: relative;
      background: url('../../img/home-con.png') center/cover no-repeat;
      padding: 80px 0 0;
    }
    .appointment-section::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgb(0 0 0 / 79%);
    }
    .appointment-section .container {
      position: relative;
      z-index: 2;
    }
    .appointment-section .appt-subtitle {
      color: var(--primary-green);
      font-weight: 600;
      font-size: 16px;
      text-align: center;
    }
    .appointment-section h2 {
      color: #fff;
      font-size: 2.5rem;
      font-weight: 700;
      text-align: center;
      margin-bottom: 40px;
    }
    .appt-form-card {
      background: #fff;
      border-radius: 16px;
      padding: 40px;
      position: relative;
      z-index: 2;
      margin-bottom: -60px;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    }
    .appt-form-card .form-control,
    .appt-form-card .form-select {
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 14px 16px;
      font-size: 14px;
    }
    .appt-form-card .form-control:focus,
    .appt-form-card .form-select:focus {
      border-color: var(--primary-green);
      box-shadow: 0 0 0 0.15rem rgba(45,90,39,0.15);
    }
    .appt-form-card textarea.form-control {
      min-height: 100px;
    }
    .btn-submit-appt {
      background-color: var(--primary-green);
      color: #fff;
      padding: 14px 32px;
      border: none;
      border-radius: 6px;
      font-weight: 600;
      font-size: 15px;
      transition: background 0.3s;
    }
    .btn-submit-appt:hover {
      background-color: var(--dark-green);
      color: #fff;
    }
    .appt-side-image {
      border-radius: 12px;
      object-fit: cover;
      width: 100%;
      height: 100%;
      min-height: 350px;
    }

    /* ===== STEPS SECTION ===== */
    .steps-section {
      padding: 120px 0 100px;
      background: #fff;
      position: relative;
    }
    .steps-section .section-subtitle {
      color: var(--primary-green);
    }
    .steps-section h2 {
      font-size: 2.3rem;
      font-weight: 700;
      color: var(--navy);
      text-align: center;
      margin-bottom: 60px;
    }
    .step-item {
      text-align: center;
      position: relative;
    }
    .step-circle {
      width: 200px;
      height: 240px;
      border: 3px solid var(--primary-green);
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 0 auto 15px;
      padding: 30px 20px;
      position: relative;
      background: #fff;
    }
    .step-circle .step-icon {
      width: 50px;
      height: 50px;
      background: var(--primary-green);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 20px;
      position: absolute;
      top: -10px;
    }
    .step-circle h5 {
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 16px;
      color: var(--navy);
      margin: 20px 0 10px;
    }
    .step-circle p {
      font-size: 13px;
      color: #888;
      line-height: 1.5;
      margin: 0;
    }
    .step-number {
      font-size: 2rem;
      font-weight: 700;
      color: rgba(0,0,0,0.08);
      font-family: 'Playfair Display', serif;
      margin-top: 10px;
    }

    /* ===== CTA BANNER SECTION ===== */
    .cta-banner-section {
      position: relative;
      background: url('../../img/home-cta.png') center/cover no-repeat;
      padding:50px 0;
    }
    .cta-banner-section::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background: rgba(27,42,74,0.75);
    }
    .cta-banner-section .container {
      position: relative;
      z-index: 2;
      text-align: center;
    }
    .cta-banner-section h2 {
      color: #fff;
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 20px;
    }
    .cta-banner-section p {
      color: rgba(255,255,255,0.85);
      max-width: 650px;
      margin: 0 auto 30px;
      font-size: 15px;
      line-height: 1.7;
    }
    .btn-contact {
      background-color: var(--primary-green);
      color: #fff;
      padding: 14px 32px;
      border: none;
      border-radius: 6px;
      font-weight: 600;
      font-size: 15px;
      transition: background 0.3s;
    }
    .btn-contact:hover {
      background-color: var(--dark-green);
      color: #fff;
    }

    /* ===== BLOG SECTION ===== */
    .blog-section {
      padding: 100px 0;
      background: var(--light-bg);
    }
    .blog-card {
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid #eee;
      transition: transform 0.3s, box-shadow 0.3s;
      height: 100%;
    }
    .blog-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 40px rgba(0,0,0,0.1);
    }
    .blog-card img {
      width: 100%;
      height: 220px;
      object-fit: cover;
      border-radius: 12px;
      padding: 12px 12px 0;
    }
    .blog-card .card-body {
      padding: 18px 20px 25px;
    }
    .blog-card p {
      color: #555;
      font-size: 15px;
      line-height: 1.6;
      margin-bottom: 15px;
    }
    .btn-view-blogs {
      background-color: var(--primary-green);
      color: #fff;
      padding: 14px 32px;
      border: none;
      border-radius: 6px;
      font-weight: 600;
      font-size: 15px;
      transition: background 0.3s;
    }
    .btn-view-blogs:hover {
      background-color: var(--dark-green);
      color: #fff;
    }

    /* ===== NEWSLETTER SECTION ===== */
    .newsletter-section {
     background: url('../../img/newsletter-bg.png') center/cover no-repeat;
      padding: 80px 0;
      position: relative;
      overflow: hidden;
    }
    .newsletter-section h2 {
      font-size: 2.3rem;
      font-weight: 700;
      color: var(--navy);
      text-align: center;
      margin-bottom: 15px;
    }
    .newsletter-section .nl-desc {
      text-align: center;
      color: #666;
      max-width: 550px;
      margin: 0 auto 30px;
      font-size: 14px;
      line-height: 1.7;
    }
    .newsletter-form {
      max-width: 550px;
      margin: 0 auto;
      display: flex;
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    }
    .newsletter-form input {
      flex: 1;
      border: none;
      padding: 16px 20px;
      font-size: 14px;
      outline: none;
    }
    .newsletter-form button {
      background: var(--primary-green);
      color: #fff;
      border: none;
      padding: 16px 28px;
      font-weight: 600;
      font-size: 14px;
      transition: background 0.3s;
    }
    .newsletter-form button:hover {
      background: var(--dark-green);
    }
    .leaf-svg {
      position: absolute;
      width: 180px;
      height: 180px;
      opacity: 0.12;
    }
    .leaf-svg.bottom-left {
      bottom: -30px;
      left: -30px;
      transform: rotate(45deg);
    }
    .leaf-svg.top-right {
      top: -30px;
      right: -30px;
      transform: rotate(-135deg);
    }

    /* ===== FOOTER ===== */
    .footer {
       background: url('../../img/footer-bg.png') center/cover no-repeat;
       position: relative;
      padding: 70px 0 30px;
      color: #fff;
    }

    .footer-logo{background: #ffffff;margin-bottom:7px;border-radius: 11px;}
    .footer-logo img {
      margin:10px;
    }
    .footer-desc {
      color: rgba(255,255,255,0.8);
      font-size: 14px;
      line-height: 1.7;
      margin-bottom: 20px;
    }
    .footer-social a {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      background: rgba(255,255,255,0.15);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      margin-right: 8px;
      font-size: 14px;
      transition: background 0.3s;
    }
    .footer-social a:hover {
      background: rgba(255,255,255,0.3);
      color: #fff;
    }
    .footer h5 {
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      font-size: 18px;
      margin-bottom: 25px;
      color: #fff;
    }
    .footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .footer-links li {
      margin-bottom: 10px;
    }
    .footer-links a {
      color: rgba(255,255,255,0.8);
      text-decoration: none;
      font-size: 14px;
      transition: color 0.3s;
    }
    .footer-links a:hover {
      color: #fff;
    }
    .footer-contact p {
      color: rgba(255,255,255,0.8);
      font-size: 14px;
      line-height: 1.6;
     
      gap: 10px;
      margin-bottom: 12px;
    }
    .footer-contact i {
      margin-top: 3px;
      flex-shrink: 0;
      font-size: 15px;
    }
    .footer-contact .highlight-text {
      color: var(--gold);
      font-weight: 600;
      font-size: 15px;
      margin-bottom: 18px;
    }
    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.15);
      padding-top: 25px;
      margin-top: 50px;
      text-align: center;
      color: rgba(255,255,255,0.7);
      font-size: 13px;
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 991px) {
      .hero-section h1 { font-size: 2.5rem; }
      .stats-bar {
        flex-wrap: wrap;
        gap: 15px;
        border-radius: 16px;
        padding: 20px;
      }
      .step-circle { width: 160px; height: 200px; }
    }
    @media (max-width: 767px) {
      .hero-section { min-height:45vh; }
      .hero-section h1 { font-size: 2rem; }
      .section-title, .about-section h2,
      .testimonials-content h2, .experience-section h2,
      .faq-section h2, .appointment-section h2,
      .cta-banner-section h2, .newsletter-section h2,
      .steps-section h2 {
        font-size: 1.8rem;
      }
      .about-images img { height: 250px; }
      .stats-bar { flex-direction: column; border-radius: 16px; }
      .stat-item { justify-content: center; }
      .appt-form-card { padding: 25px; }
      .step-circle { width: 150px; height: 190px; }
      
     .hero-carousel, .hero-carousel .carousel-inner, .hero-carousel .carousel-item {height:45vh;}
      .hero-slide{height:45vh;}
      
      .top-bar{display:none;}
      .hero-slide h1{font-size:2rem;}
		 .hero-slide {
    
      background-size: cover;
      background-position:center;
      background-repeat: no-repeat;}
		.about-himages img{width:100%;}
		.about-himages img.first{width:100%; margin-bottom:5px;}
		.about-himages{display:block;}
    }
    .footer::before {
      content: '';
    position: absolute;
    inset: 0;
    background: rgb(45 90 39 / 97%);
    z-index: 999;}

   .ft-c,
   .footer-bottom{
    position: relative;
    z-index: 9999;}

 .card-img {
    position: relative;
    overflow: hidden;
}

.card-img img {
    width: 100%;
    display: block;
}

/* Darker overlay on hover */
.service-card:hover .card-img::before {
    background: rgba(32, 80, 40, 0.65);
}


/* SERVICES SECTION */
    .services-section { padding:30px 0 40px; }
    .services-section h2 { font-size: 36px; font-weight: 700; color: var(--navy); text-align: center; margin-bottom:10px; }

    /* SERVICE CARD - Image background with overlay */
    .service-card { position: relative; border-radius: 12px; overflow: hidden; height: 280px; cursor: pointer; transition: transform 0.3s; }
    .service-card:hover { transform: translateY(-5px); }
    .service-card img { width: 100%; height: 100%; object-fit: cover; }
    .service-card .card-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%); }
    .service-card .card-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; color: #fff; }
    .service-card .card-content h5 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px; margin-bottom: 6px; color: #fff; }
    .service-card .card-content p { font-size:13px; color: rgba(255,255,255,0.85); margin: 0; line-height: 1.5; }
.service-card .card-content h5 a{color: #fff; text-decoration: none;}
  @media (max-width: 991px) {
      .service-card { height: 240px; }
      .hero-banner { height: 220px; }
    }
    @media (max-width: 767px) {
      .service-card { height: 220px; }
      .hero-banner { height: 180px; }
      .hero-banner .banner-box h1 { font-size: 28px; }
      .services-section h2 { font-size: 28px; }
		.main-nav .nav-link{padding:10px!important;}
    }

     /* HERO BANNER */
    .hero-banner { position: relative; height:310px; overflow: hidden; }
    .hero-banner img { width: 100%; height: 100%; object-fit: cover; }
    .hero-banner .banner-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.2); }
    .hero-banner .banner-content { position: relative; bottom:100px; left: 0; z-index: 2; }
    .hero-banner .banner-box { background: var(--primary-green); padding: 20px 35px; display: inline-block;border-radius:12px 12px 0px 0px; }
    .hero-banner .banner-box h1 { color: #fff; font-size: 36px; font-weight: 700; margin-bottom: 5px; }
    .hero-banner .banner-box .breadcrumb { margin: 0; }
    .hero-banner .banner-box .breadcrumb-item a { color: #fff; text-decoration: none; font-size: 14px; }
    .hero-banner .banner-box .breadcrumb-item.active { color: var(--gold);}
    .hero-banner .banner-box .breadcrumb-item + .breadcrumb-item::before { color: #fff; }

    /* SERVICES SECTION */

     /* ABOUT SECTION */
    .about-section { padding: 70px 0; }
    .about-images { display: grid; grid-template-columns: 1.3fr 1fr; gap: 15px; }
    .about-images .img-tall { grid-row: span 2; border-radius: 12px; overflow: hidden; height: 100%; }
    .about-images .img-tall img { width: 100%; height: 100%; object-fit: cover; }
    .about-images .img-small { border-radius: 12px; overflow: hidden; }
    .about-images .img-small img { width: 100%; height: 100%; object-fit: cover; }
    .about-content h2 { font-size: 36px; font-weight: 700; color: var(--navy); margin-bottom: 25px; line-height: 1.3; }
    .about-content p { font-size: 15px; color: #555; line-height: 1.8; margin-bottom: 15px; }

    /* WHY CHOOSE US */
    .why-choose { padding: 80px 0; background: #fff; }
    .why-choose h2 { font-size: 36px; font-weight: 700; color: var(--navy); margin-bottom: 30px; }
    .why-list { list-style: none; padding: 0; }
    .why-list li { padding: 12px 0; padding-left: 35px; position: relative; font-size: 15px; }
    .why-list li::before { content: '\f058'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--primary-green); position: absolute; left: 0; font-size: 18px; }

    /* EXPERIENCE SECTION */
    .experience-section { background: var(--primary-green); padding: 60px 0; position: relative; overflow: hidden; }
    .experience-section h2 { color: #fff; font-size: 32px; font-weight: 700; margin-bottom: 40px; line-height: 1.3; }
    .experience-features { display: flex; flex-wrap: wrap; gap: 30px; }
    .experience-feature { display:block; align-items: flex-start; gap: 15px; flex: 0 0 calc(50% - 15px); }
    .experience-feature .icon { margin-bottom:12px;width: 50px; height: 50px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.3); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .experience-feature .icon i { color: #fff; font-size: 20px; }
    .experience-feature .text h5 { font-family: 'Open Sans', sans-serif; color: #fff; font-size: 16px; font-weight: 600; margin-bottom: 5px; }
    .experience-feature .text p { color: rgba(255,255,255,0.75); font-size: 13px; margin: 0; line-height: 1.5; }
    .experience-image {  background: url('../img/lief.png') center/cover no-repeat; position: absolute; right: 0; top: 0; bottom: 0; width: 40%; }
    .experience-image img { width: 100%; height: 100%; object-fit: cover; }

    /* NURSES SECTION */
    .nurses-section { padding: 80px 0; background: #fff; }
    .nurses-section .section-header { text-align: center; margin-bottom: 50px; }
    .nurses-section .eyebrow { color: var(--gold); font-weight: 600; font-size: 15px; margin-bottom: 10px; }
    .nurses-section .section-header h2 { font-size: 42px; font-weight: 700; color: var(--navy); margin-bottom: 18px; }
    .nurses-section .section-header p { font-size: 15px; color: #666; max-width: 850px; margin: 0 auto; line-height: 1.8; }
    .nurse-card { background: #fff; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.08); padding: 22px; text-align: center; margin: 10px; }
    .nurse-card .nurse-img { border-radius: 10px; overflow: hidden; margin-bottom: 22px; }
    .nurse-card .nurse-img img { width: 100%; height:100%; object-fit: cover; }
    .nurse-card h5 { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 700; color: #111; margin-bottom: 8px; }
    .nurse-card p { font-size: 15px; color: var(--navy); font-weight: 600; margin: 0; }
    .nurses-carousel .carousel-indicators { bottom: -50px; }
    .nurses-carousel .carousel-indicators button {padding: 0px 8px; width:auto; height:auto;border-radius: 50%; background: #ccc; }
    .nurses-carousel .carousel-indicators button.active { background: var(--primary-green); }
    @media (max-width: 991px) {
      .hero-banner { height: 220px; }
      .about-images { grid-template-columns: 1fr 1fr; }
      .experience-image { display: none; }
      .experience-feature { flex: 0 0 100%; }
      .team-carousel .carousel-control-prev { left: 0; }
      .team-carousel .carousel-control-next { right: 0; }
    }
    @media (max-width: 767px) {
      .hero-banner { height: 180px; }
      .hero-banner .banner-box h1 { font-size: 28px; }
      .about-images { grid-template-columns: 1fr; }
      .about-images .img-tall { grid-row: span 1; height: 250px; }
      .about-content h2 { font-size: 28px; }
      .experience-section h2 { font-size: 26px; }
    }


     /* FAQ SECTION */
    .faq-section { padding: 60px 0 80px; }
     .faq-cat{background: #eeeeee; height: fit-content;border-radius: 15px; padding-top: 20px; padding-bottom: 20px;}
    /* LEFT SIDEBAR */
    .sidebar-nav { list-style: none; padding: 0; margin: 0; }
    .sidebar-nav li { margin-bottom: 10px; }
    .sidebar-nav li a {background:#ffffff; display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border: 1px solid #e0e0d0; border-radius: 8px; text-decoration: none; color: #333; font-weight: 500; font-size: 15px; transition: all 0.3s; }
    .sidebar-nav li a:hover, .sidebar-nav li a.active { background: var(--primary-green); color: #fff; border-color: var(--primary-green); }
    .sidebar-nav li a .arrow { font-size: 14px; }

    /* FAQ CATEGORY */
    .faq-category { margin-bottom: 40px; }
    .faq-category h3 { font-size: 28px; font-weight: 700; color: var(--navy); margin-bottom: 20px; }

    /* FAQ ACCORDION ITEMS */
    .faq-item { margin-bottom: 12px; }
    .faq-item .faq-question { width: 100%; background: var(--primary-green); color: #fff; border: none; padding: 16px 24px; border-radius: 8px; font-size: 15px; font-weight: 500; text-align: left; cursor: pointer; display: flex; align-items: center; justify-content: space-between; transition: all 0.3s; }
    .faq-item .faq-question:hover { background: var(--dark-green); }
    .faq-item .faq-question .chevron { transition: transform 0.3s; }
    .faq-item .faq-question[aria-expanded="true"] .chevron { transform: rotate(180deg); }
    .faq-item .faq-answer { padding: 20px 10px; font-size: 15px; line-height: 1.8; color: #555; }

     .contact-section { padding: 80px 0; }
    .contact-info-card { background: var(--primary-green); border-radius: 12px; padding: 40px 30px; color: #fff; height: 100%; }
    .contact-info-card h4 { color: #fff; margin-bottom: 25px; }
    .contact-info-item { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; }
    .contact-info-item .icon { width: 45px; height: 45px; border-radius: 50%; background: rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .contact-info-item .icon i { color: var(--gold); font-size: 18px; }
    .contact-info-item h6 { color: #fff; margin-bottom: 5px; font-family: 'Open Sans', sans-serif; font-weight: 600; }
    .contact-info-item p { color: rgba(255,255,255,0.8); margin: 0; font-size: 14px; }
    .contact-social { margin-top: 30px; }
    .contact-social a { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.1); display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; color: #fff; text-decoration: none; }
    .contact-social a:hover { background: var(--gold); }

    .contact-form { background: #fff; border-radius: 12px; padding: 40px; box-shadow: 0 4px 25px rgba(0,0,0,0.08); }
    .contact-form h4 { color: var(--navy); margin-bottom: 25px; }
    .contact-form .form-control { border: 1px solid #e0e0e0; border-radius: 8px; padding: 14px 18px; font-size: 15px; margin-bottom: 20px; }
    .contact-form .form-control:focus { border-color: var(--primary-green); box-shadow: 0 0 0 3px rgba(45,90,39,0.1); }
    .contact-form textarea { min-height: 120px; resize: vertical; }
    .contact-form .btn-submit { background: var(--primary-green); color: #fff; border: none; padding: 14px 40px; border-radius: 6px; font-weight: 600; font-size: 16px; width: 100%; }
    .contact-form .btn-submit:hover { background: var(--dark-green); }

    .map-section { padding: 0 0 80px; }
    .map-section iframe { width: 100%; height: 400px; border: none; border-radius: 12px; }

   

 /* INTRO SECTION */
    .careers-intro { padding: 60px 0; text-align: center; }
    .careers-intro h2 { font-size: 36px; font-weight: 700; color: var(--navy); margin-bottom: 15px; }
    .careers-intro p { font-size: 15px; color: #666; max-width: 700px; margin: 0 auto; }

    /* DIFFERENCE SECTION */
    .difference-section { position: relative; padding: 90px 0; overflow: hidden; }
    .difference-section .bg-img { position: absolute; inset: 0; z-index: 0; }
    .difference-section .bg-img img { width: 100%; height: 100%; object-fit: cover; }
    .difference-section .bg-overlay { position: absolute; inset: 0; background: rgba(245,241,232,0.88); z-index: 1; }
    .difference-section .container { position: relative; z-index: 2; }
    .difference-section h2 { font-size: 38px; font-weight: 700; color: var(--navy); line-height: 1.25; margin-bottom: 30px; }
    .difference-section p { font-size: 15px; color: #444; line-height: 1.8; }
   /* .btn-get-started { background-color: var(--primary-green); color: #fff; padding: 14px 36px; border: none; border-radius: 6px; font-weight: 600; font-size: 15px; display: inline-block; text-decoration: none; transition: all 0.3s; }
    .btn-get-started:hover { background-color: var(--dark-green); color: #fff; }*/

    /* WHY WORK SECTION */
    .why-work-section { background: #f4f4f4; padding: 70px 0 40px; text-align: center; }
    .why-work-section h2 { font-size: 40px; font-weight: 700; color: var(--navy); margin-bottom: 25px; }
    .why-work-section .intro-text { font-size: 15px; color: #555; line-height: 1.9; max-width: 1000px; margin: 0 auto; }

    /* JOB CARDS */
    .jobs-section { background: #f4f4f4; padding: 20px 0 80px; }
    .job-card { background: #fff; border-radius: 8px; padding: 45px 40px; height: 100%; box-shadow: 0 5px 25px rgba(0,0,0,0.05); }
    .job-card h3 { font-size: 26px; font-weight: 700; color: var(--navy); margin-bottom: 25px; }
    .job-card .resp-label { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #111; margin-bottom: 22px; }
    .job-card ul { list-style: none; padding: 0; margin: 0; }
    .job-card ul li { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 22px; font-size: 15px; font-weight: 600; color: #222; }
    .job-card ul li i { color: var(--primary-green); font-size: 20px; margin-top: 1px; flex-shrink: 0; }
    .job-card .btn-apply { margin-top: 10px; }

    /* MISSION VALUES SECTION */
    .mission-values-section { padding: 80px 0; background: #fff; }
    .mission-values-section .mv-image { border-radius: 12px; overflow: hidden; }
    .mission-values-section .mv-image img { width: 100%; height: 100%; object-fit: cover; }
    .mission-values-section h2 { font-size: 40px; font-weight: 700; color: var(--navy); margin-bottom: 25px; }
    .mission-values-section p { font-size: 15px; color: #555; line-height: 1.9; margin-bottom: 20px; }
    .btn-contact-us { background-color: var(--primary-green); color: #fff; padding: 14px 36px; border: none; border-radius: 6px; font-weight: 600; font-size: 15px; display: inline-block; text-decoration: none; transition: all 0.3s; }
    .btn-contact-us:hover { background-color: var(--dark-green); color: #fff; }

/*blog /single*/
    .blog-section { padding: 80px 0; }
    .blog-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08); height: 100%; transition: transform 0.3s; }
    .blog-card:hover { transform: translateY(-5px); }
    .blog-card img { width: 100%; height: 200px; object-fit: cover; }
    .blog-card .card-body { padding: 25px; }
    .blog-card .blog-meta { font-size: 12px; color: #888; margin-bottom: 10px; display: flex; gap: 15px; }
    .blog-card .blog-meta span { display: flex; align-items: center; gap: 5px; }
    .blog-card .blog-meta i { color: var(--primary-green); font-size: 11px; }
    .blog-card h5 { color: var(--navy); margin-bottom: 12px; font-size: 18px; }
    .blog-card p { font-size: 14px; color: #666; margin-bottom: 15px; }
    .blog-card .btn-read { color: var(--primary-green); font-weight: 600; font-size: 14px; text-decoration: none; }
    .blog-card .btn-read:hover { text-decoration: underline; }

    .pagination-wrap { margin-top: 50px; display: flex; justify-content: center; }
    .pagination .page-link { color: var(--navy); border: 1px solid #e8e8e8; padding: 10px 16px; margin: 0 3px; border-radius: 6px; }
    .pagination .page-item.active .page-link { background: var(--primary-green); border-color: var(--primary-green); color: #fff; }

    .service-detail { padding: 80px 0; }
    .service-detail img { width: 100%; border-radius: 12px; margin-bottom: 30px; }
    .service-detail h2 { color: var(--navy); margin-bottom: 20px; }
    .service-detail p { line-height: 1.8; color: #555; }
    .feature-list { list-style: none; padding: 0; margin: 25px 0; }
    .feature-list li { padding: 10px 0; padding-left: 30px; position: relative; }
    .feature-list li::before { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--primary-green); position: absolute; left: 0; }
    .sidebar-card { background: var(--cream); border-radius: 12px; padding: 30px; margin-bottom: 25px; }
    .sidebar-card h5 { color: var(--navy); margin-bottom: 15px; }
    .sidebar-links { list-style: none; padding: 0; }
    .sidebar-links li { padding: 10px 0; border-bottom: 1px solid #e0dcd4; }
    .sidebar-links li:last-child { border: none; }
    .sidebar-links li a { color: #555; text-decoration: none; font-weight: 500; display: flex; justify-content: space-between; }
    .sidebar-links li a:hover { color: var(--primary-green); }
    .sidebar-cta { background: var(--primary-green); border-radius: 12px; padding: 35px; text-align: center; color: #fff; }
    .sidebar-cta h5 { color: #fff; }
    .sidebar-cta p { color: rgba(255,255,255,0.8); font-size: 14px; }
    .sidebar-cta .btn { background: var(--gold); color: #fff; border: none; padding: 12px 30px; border-radius: 6px; font-weight: 600; margin-top: 15px; }
    .page-banner { background: url('https://placehold.co/1400x400/2D5A27/2D5A27') center/cover no-repeat; position: relative; padding: 80px 0; text-align: center; }
    .page-banner::before { content: ''; position: absolute; inset: 0; background: rgba(45,90,39,0.85); }
    .page-banner h1 { color: #fff; font-size: 48px; font-weight: 700; position: relative; z-index: 2; }
    .page-banner .breadcrumb { position: relative; z-index: 2; justify-content: center; }
    .page-banner .breadcrumb-item a { color: var(--gold); text-decoration: none; }
    .page-banner .breadcrumb-item.active { color: #fff; }
    .page-banner .breadcrumb-item + .breadcrumb-item::before { color: #fff; }


   /* custome testimonial*/

   .testimonials-section{
    padding:80px 0;
    background:#fff;
}

.testimonial-image-wrapper{
    position:relative;
}

.testimonial-image-wrapper img{
    width:100%;
    border-radius:20px;
}

.testimonials-vertical-text{
    position:absolute;
    top:50%;
    left:-45px;
    transform:translateY(-50%) rotate(-90deg);
    letter-spacing:5px;
    font-size:18px;
    font-weight:600;
    color:#666;
    text-transform:uppercase;
}

.testimonials-content{
    position:relative;
    padding-bottom:30px;
}

.subtitle{
    color:#3CAA30;
    font-size:15px;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:15px;
}

.testimonials-content h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;
}

.quote-text{
    color:#666;
    line-height:1.9;
    margin-bottom:20px;
}

.stars{
    color:#FFC107;
    margin-bottom:15px;
}

.stars i{
    margin-right:3px;
}

.reviewer-name{
    font-size:22px;
    font-weight:700;
}

.reviewer-role{
    color:#777;
}

.quote-marks{
    position:absolute;
    right:20px;
    top:-10px;
    font-size:110px;
    color:#3CAA30;
    opacity:.15;
    line-height:1;
    font-family:serif;
}

.testimonial-nav{
    position:relative;
    right:0;
    bottom:0;
    display:flex;
    gap:12px;
}

.testimonial-nav .carousel-control-prev,
.testimonial-nav .carousel-control-next{
    position:static;
    width:50px;
    height:50px;
    border-radius:50%;
    background:#3CAA30;
    color:#fff;
    opacity:1;
}

.testimonial-nav .carousel-control-prev:hover,
.testimonial-nav .carousel-control-next:hover{
    background:#22661B;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    display:none;
}

.carousel-item{
    transition:transform .6s ease-in-out;
}

@media(max-width:991px){

    .testimonials-content h2{
        font-size:30px;
    }

    .testimonials-vertical-text{
        display:none;
    }

    .testimonial-nav{
        position:relative;
        margin-top:25px;
        justify-content:center;
    }

}
/*upload resume*/
.resume-upload {
    text-align: center;
}

.resume-input {
    display: none;
}

.upload-btn {
    display: inline-block;
    padding: 14px 28px;
    background: #D5B24E;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    transition: .3s;
}

.upload-btn:hover {
    background: #c39d33;
}

.file-name {
    display: block;
    margin-top: 10px;
    color: #666;
    font-size: 14px;
}

/* Service Category Tabs */
.service-tabs .nav-pills {
  background: var(--cream);
  padding: 10px;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.service-tabs .nav-pills .nav-link {
  background: transparent;
  color: var(--navy);
  border: 2px solid var(--primary);
  border-radius: 25px;
  padding: 8px 20px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.service-tabs .nav-pills .nav-link:hover, .service-tabs .nav-pills .nav-link{border:1px solid #2d5a27;}

.service-tabs .nav-pills .nav-link:hover,
.service-tabs .nav-pills .nav-link.active {
  background: #2d5a27;
  color: white;
}

/* Header Search Form */
.header-search-form {
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.15);
  display: none;
  z-index: 1000;
  margin-top: 10px;
  min-width: 300px;
}

.header-search-form.active {
  display: block;
  animation: slideDown 0.3s ease;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.search-input-group {
  display: flex;
  gap: 10px;
  position: relative;
}

.search-input {
  flex: 1;
  padding: 10px 15px;
  border: 2px solid var(--primary);
  border-radius: 25px;
  font-size: 14px;
  outline: none;
}

.search-input:focus {
  border-color: var(--primary-green);
}

.search-submit {
  background:#000;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 25px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.search-submit:hover {
  background: var(--primary-green);
}

.search-close {
  background: #ccc;
  color: white;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-close:hover {
  background: #999;
}

.search-toggle {
  background:#2d5a27;
  color: white !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.search-toggle:hover {
  background: var(--primary-green);
}

/* Search Results */
.search-results {
  background: var(--cream);
  padding: 15px 20px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.search-info {
  margin: 0;
  color: var(--navy);
  font-size: 15px;
}

.btn-clear-search {
  background: var(--primary);
  color: white;
  padding: 8px 20px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 14px;
  transition: background 0.3s ease;
}

.btn-clear-search:hover {
  background: var(--primary-green);
  color: white;
}


  /*==============================
    Steps Section
==============================*/

.steps-section{
    padding:80px 0;
    background:#fff;
    overflow:hidden;
}

.section-subtitle{
    text-align:center;
    color:#4b8b2d;
    font-size:18px;
    font-weight:600;
    margin-bottom:10px;
}

.steps-section h2{
    text-align:center;
  
    font-weight:700;
    color:#14356f;
    margin-bottom:50px;
}

.steps-wrapper{
    position:relative;
    max-width:1300px;
    margin:auto;
}

.steps-bg{
    width:100%;
    display:block;
    height:auto;
}

/*==============================
    Step Box
==============================*/

.step-box{
    position:absolute;
    width:17%;
    text-align:center;
    transform:translateX(-50%);
}

.step-icon{
    font-size:clamp(28px,2.5vw,42px);
    color:#447d2b;
    margin-bottom:15px;
}

.step-box h5{
    font-size:clamp(18px,1.5vw,30px);
    font-weight:700;
    line-height:1.4;
    color:#222;
    margin-bottom:15px;
}

.step-box p{
   
    line-height:1.8;
    margin-bottom:18px;
    padding: 0px 9px;
}

.step-box span{
    display:block;
    font-size:clamp(20px,2vw,34px);
    font-weight:700;
    color:#d5d5d5;
}

/*==============================
    Step Positions
==============================*/

.step1{
    left:14%;
    top:16%;
}

.step2{
    left:38%;
    top:16%;
}

.step3{
    left:63%;
    top:16%;
}

.step4{
    left:86%;
    top:16%;
}

/*==============================
    Large Laptop
==============================*/

@media(max-width:1200px){

.step-box{
    width:19%;
}

.step1{left:13%;}
.step2{left:38%;}
.step3{left:63%;}
.step4{left:88%;}

}

/*==============================
    Tablet
==============================*/

@media(max-width:991px){

.steps-bg{
    display:none;
}

.steps-wrapper{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.step-box{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    width:100%;
    padding:40px 20px;
    border:8px solid #4b8b2d;
    border-radius:50%;
}

}

/*==============================
    Mobile
==============================*/

@media(max-width:767px){

.steps-wrapper{
    grid-template-columns:1fr;
}

.step-box{
    max-width:350px;
    margin:auto;
}

.steps-section{
    padding:60px 0;
}

.steps-section h2{
    margin-bottom:35px;
}
	.faq-category{padding-top:30px;}

}

/*==============================
    Small Mobile
==============================*/

@media(max-width:480px){

.step-box{
    padding:35px 20px;
}

.step-icon{
    font-size:30px;
}

.step-box h5{
    font-size:20px;
}

.step-box p{
    font-size:14px;
}

.step-box span{
    font-size:26px;
}

}

/* ===============================
   Contact Form 7 Newsletter
================================== */

.newsletter-form{
    display:flex;
    align-items:stretch;
    max-width:550px;
    margin:0 auto;
    background:#fff;
    border-radius:9px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    position:relative;
}

.newsletter-input{
    flex:1;
    position:relative;
    padding-bottom:0px;
}

.newsletter-input .wpcf7-form-control-wrap{
    display:block;
    width:100%;
    position:relative;
}

.newsletter-input input[type="email"]{
    width:100%;
    height:60px;
    border:none;
    outline:none;
    padding:0 20px;
    font-size:14px;
    color:#555;
    background:#fff;
    border-radius:20px 0 0 20px;
    box-sizing:border-box;
}

.newsletter-input input::placeholder{
    color:#777;
}

.newsletter-btn{
    width:auto;
}

.newsletter-btn input[type="submit"]{
    width:100%;
    height:60px;
    border:none;
    background:#2f6129;
    color:#fff;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.newsletter-btn input[type="submit"]:hover{
    background:#254d20;
}

/* Hide spinner */
.newsletter-form .wpcf7-spinner{
    display:none !important;
}

/* Remove default CF7 spacing */
.newsletter-form p{
    margin:0;
}

.newsletter-form br{
    display:none;
}

/* Validation */
.newsletter-form .wpcf7-not-valid{
    border:2px solid #dc3232 !important;
}

/* Error message */
.newsletter-form .wpcf7-not-valid-tip{
    position:absolute;
    left:20px;
    bottom:-22px;
    color:#dc3232;
    font-size:14px;
    line-height:1.2;
    background:none;
}

/* Success & Error box */
.newsletter-form .wpcf7-response-output{
    width:100%;
    margin:20px 0 0 !important;
    padding:12px 18px !important;
    border-radius:8px;
    font-size:15px;
}

/* Disable extra CF7 wrappers */
.newsletter-form .wpcf7-form-control-wrap{
    display:block;
}

/* Mobile */
@media (max-width:768px){

    .newsletter-form{
        flex-direction:column;
        border-radius:15px;
    }

    .newsletter-btn{
        width:100%;
    }

    .newsletter-input{
        padding-bottom:20px;
    }

    .newsletter-input input[type="email"],
    .newsletter-btn input[type="submit"]{
        height:60px;
        font-size:18px;
        border-radius:0;
    }

    .newsletter-form{
        border-radius:15px;
    }
}

.contact-info-item a{color:#fff; text-decoration:none;}
/* Large Desktop */
@media (max-width:1600px){
    .home-banner{
      background-position:inherit;
    }
	.resp{padding-right:50px!important;}
}
.sticky-top{z-index:99999;}