.top-bar {
      background-color: #40bd3e;
      color: white;
      font-size: 14px;
    }
    .navbar-nav .nav-link {
      font-weight: 500;
    }
    .call-btn {
      background-color: #0089d9;
      border-radius: 30px;
      padding: 5px 15px;
      color: white;
      display: flex;
      align-items: center;
      font-weight: 600;
    }
    .call-btn i {
      margin-right: 5px;
    }


        .banner {
      background: url('your-background.jpg') no-repeat center center/cover;
      position: relative;
      color: white;
      padding: 60px 0;
    }

    .overlay {
      background: #40bd3e8a;
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      z-index: 1;
    }

    .banner-content {
      position: relative;
      z-index: 2;
    }

    .form-box {
      background: rgba(0, 40, 70, 0.9);
      border-radius: 10px;
      padding: 30px;
      color: white;
    }

    .form-control::placeholder {
      color: #ccc;
    }

    .form-control, .form-select {
      background: transparent;
      color: white;
      border-color: #ddd;
    }

    .form-control:focus, .form-select:focus {
      background: grey;
      color: white;
      box-shadow: none;
      border-color: #fff;
    }

    .form-icon {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      color: #ccc;
    }

    .form-group {
      position: relative;
    }

    .btn-custom {
      background-color: #2495b2;
      border: none;
      font-weight: 600;
    }

    .footer1{
        background-color: #00000096;
    }

      .treatment-card img {
      height: 220px;
      object-fit: cover;
    }
    .treatment-card {
      border: 1px solid #57575763;
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .treatment-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    }
    .treatment-card .card-body {
      text-align: center;
    }
    .btn-custom {
      background-color: #0d6efd;
      color: white;
      border-radius: 30px;
      padding: 8px 18px;
      font-weight: 500;
      transition: background-color 0.3s;
    }
    .btn-custom:hover {
      background-color: #084298;
      color: white;
    }

@media (max-width: 991px) {
  .desktop-only {
    display: none !important;
  }
}


   .choose-section {
      background-color: #f8f9fa;
      padding: 60px 0;
    }
    .choose-card {
      background: white;
      border-radius: 12px;
      padding: 30px 20px;
      text-align: center;
      border: none;
      box-shadow: 0 4px 15px rgba(0,0,0,0.08);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .choose-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    }
    .choose-icon {
      font-size: 40px;
      color: #0d6efd;
      margin-bottom: 15px;
    }
    .choose-card h5 {
      font-weight: 600;
      margin-bottom: 10px;
      color: #222;
    }
    .choose-card p {
      font-size: 15px;
      color: #555;
    }

        .review-section {
      background-color: #f8f9fa;
      padding: 60px 0;
    }
    .review-card {
      background: white;
      border-radius: 12px;
      padding: 25px;
      text-align: center;
      border: none;
      box-shadow: 0 4px 15px rgba(0,0,0,0.08);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .review-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    }
    .review-img {
      width: 80px;
      height: 80px;
      object-fit: cover;
      border-radius: 50%;
      margin-bottom: 15px;
      border: 3px solid #0d6efd;
    }
    .review-name {
      font-weight: 600;
      margin-bottom: 5px;
      color: #222;
    }
    .review-stars {
      color: #ffc107;
      margin-bottom: 12px;
    }
    .review-text {
      font-size: 15px;
      color: #555;
      font-style: italic;
    }

    /* Hover to open dropdown */
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* smooth opening */
}

 .marquee-container {
      width: 100%;
      overflow: hidden;
      position: relative;
      background: white;
      padding: 20px 0;
    }

    .marquee-track {
      display: flex;
      width: max-content;
      animation: scroll-left 40s linear infinite;
    }

    .marquee-track img {
      height: 180px;
      width: auto;
      margin: 0 15px;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    }

    @keyframes scroll-left {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }