:root {
     --primary-blue: #1a73e8;
     --dark-blue: #0d47a1;
     --light-blue: #e8f0fe;
     --teal: #00897b;
     --light-teal: #e0f2f1;
     --white: #ffffff;
     --gray: #f8f9fa;
     --dark-gray: #6c757d;
     --secondary-text: #666;
   }

   * {
     box-sizing: border-box;
   }

   body {
     font-family: 'Poppins', sans-serif;
     color: #333;
     line-height: 1.6;
     overflow-x: hidden;
   }

   h1,
   h2,
   h3,
   h4,
   h5 {
     font-family: 'Playfair Display', serif;
     font-weight: 600;
   }

   /* Navbar */
   .navbar {
     background-color: white !important;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     padding: 15px 0;
   }

   .navbar-brand {
     font-weight: 700;
     color: var(--dark-blue) !important;
     font-size: 24px;
   }

   .navbar-brand i {
     color: var(--primary-blue);
     margin-right: 10px;
   }

   .nav-link {
     color: #333 !important;
     font-weight: 500;
     margin: 0 10px;
     position: relative;
   }

   .nav-link:hover {
     color: var(--dark-blue) !important;
   }

   .nav-link::after {
     content: '';
     position: absolute;
     width: 0;
     height: 2px;
     background: var(--primary-blue);
     bottom: 0;
     left: 0;
     transition: width 0.3s;
   }

   .nav-link:hover::after {
     width: 100%;
   }

   .nav-btn {
     padding: 8px 20px;
     border-radius: 30px;
     font-weight: 600;
     transition: all 0.3s ease;
   }

   .nav-btn:hover {
     background-color: var(--teal) !important;
     transform: translateY(-2px);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   }

   /* Dropdown Menu Styling */
   .nav-item.dropdown:hover .dropdown-menu {
     display: block;
   }

   .dropdown-menu {
     border: none;
     border-radius: 8px;
     padding: 10px 0;
     margin-top: 10px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
     background-color: white;
     animation: fadeIn 0.3s ease-in-out;
   }

   .dropdown-item {
     padding: 8px 20px;
     color: #333;
     font-weight: 500;
     transition: all 0.3s ease;
     position: relative;
   }

   .dropdown-item:hover,
   .dropdown-item:focus {
     background-color: rgba(3, 74, 177, 0.05);
     color: var(--dark-blue);
     padding-left: 25px;
   }

   .dropdown-item:hover::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 4px;
     background-color: var(--primary-blue);
   }

   .dropdown-toggle::after {
     transition: transform 0.3s ease;
   }

   .show .dropdown-toggle::after {
     transform: rotate(-180deg);
   }

   .nav-link.dropdown-toggle {
     position: relative;
   }

   .nav-link.dropdown-toggle:hover {
     color: var(--dark-blue) !important;
   }

   /* Active state for dropdown parent */
   .nav-item.dropdown:hover .nav-link.dropdown-toggle {
     color: var(--dark-blue) !important;
   }

   .nav-item.dropdown:hover .nav-link.dropdown-toggle::after {
     transform: rotate(-180deg);
   }

   @keyframes fadeIn {
     from {
       opacity: 0;
       transform: translateY(10px);
     }

     to {
       opacity: 1;
       transform: translateY(0);
     }
   }

   /* Mobile responsiveness */
   @media (max-width: 991.98px) {
     .dropdown-menu {
       box-shadow: none;
       border-left: 3px solid var(--primary-blue);
       border-radius: 0;
       margin-top: 0;
       margin-left: 15px;
       animation: none;
     }

     .dropdown-item {
       padding: 8px 15px;
     }

     .dropdown-item:hover {
       padding-left: 20px;
     }
   }

   /* Mobile responsive adjustments */
   @media (max-width: 991px) {
     .nav-btn {
       display: inline-block;
       width: auto;
       margin-top: 10px;
     }
   }
/* Default (desktop) */
.site-logo {
  height: 70px;
  max-width: 180px;
  object-fit: contain;
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* Hover effect */
.navbar-brand:hover .site-logo {
  transform: scale(1.05);
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.15));
}

/* Tablet */
@media (max-width: 991.98px) {
  .site-logo {
    height: 60px;
    max-width: 150px;
  }
}

/* Mobile */
@media (max-width: 575.98px) {
  .site-logo {
    height: 60px;
    max-width: 140px;
  }
}


   /* Hero Section */
   .hero-section {
     background: linear-gradient(135deg, var(--light-blue) 0%, var(--light-teal) 100%);
     padding: 80px 0;
     position: relative;
     overflow: hidden;
   }

   .hero-content {
     position: relative;
     z-index: 1;
   }

   .hero-title {
     font-size: 3rem;
     font-weight: 700;
     margin-bottom: 20px;
     color: var(--dark-blue);
     line-height: 1.3;
   }

   .hero-subtitle {
     font-size: 1.125rem;
     margin-bottom: 35px;
     color: var(--dark-gray);
     max-width: 500px;
   }

   .hero-buttons {
     display: flex;
     gap: 15px;
     flex-wrap: wrap;
   }

   .btn {
     display: inline-block;
     font-weight: 500;
     text-align: center;
     vertical-align: middle;
     cursor: pointer;
     user-select: none;
     border: 1px solid transparent;
     padding: 12px 28px;
     font-size: 1rem;
     line-height: 1.5;
     border-radius: 8px;
     transition: all 0.3s ease;
     text-decoration: none;
   }

   .btn-primary {
     background-color: var(--primary-blue);
     border-color: var(--primary-blue);
     color: white;
     font-weight: 600;
     box-shadow: 0 4px 10px rgba(0, 76, 153, 0.2);
   }

   .btn-primary:hover {
     background-color: var(--dark-blue);
     border-color: var(--dark-blue);
     transform: translateY(-2px);
     box-shadow: 0 6px 16px rgba(0, 64, 128, 0.3);
     color: white;
   }

   .btn-outline-primary {
     color: var(--primary-blue);
     border: 2px solid var(--primary-blue);
     background-color: transparent;
     font-weight: 600;
   }

   .btn-outline-primary:hover {
     background-color: var(--primary-blue);
     border-color: var(--primary-blue);
     color: #fff;
     transform: translateY(-2px);
     box-shadow: 0 6px 16px rgba(0, 76, 153, 0.25);
   }

   .hero-image img {
     width: 100%;
     height: auto;
     border-radius: 20px;
     object-fit: cover;
   }

   /* Hero Responsive */
   @media (max-width: 991px) {
     .hero-section {
       padding: 60px 0;
       text-align: center;
     }

     .hero-title {
       font-size: 2.3rem;
     }

     .hero-subtitle {
       font-size: 1rem;
       max-width: 100%;
       margin-left: auto;
       margin-right: auto;
     }

     .hero-buttons {
       justify-content: center;
     }
   }

   @media (max-width: 768px) {
     .hero-section {
       padding: 50px 0;
     }

     .hero-title {
       font-size: 2rem;
     }

     .hero-buttons {
       flex-direction: column;
       align-items: center;
     }

     .hero-buttons .btn {
       width: 100%;
       max-width: 280px;
     }

     .hero-image {
       margin-top: 30px;
     }
   }

   @media (max-width: 576px) {
     .hero-title {
       font-size: 1.8rem;
     }

     .hero-subtitle {
       font-size: 0.95rem;
     }
   }

   /* Stats Section */
   .stats-section {
     padding: 80px 0;
     background: linear-gradient(135deg, var(--light-blue) 0%, var(--light-teal) 100%);
     position: relative;
     z-index: 1;
   }

   .stats-section::before,
   .stats-section::after {
     content: "";
     position: absolute;
     border-radius: 50%;
     z-index: -1;
   }

   .stats-section::before {
     width: 120px;
     height: 120px;
     top: -40px;
     right: -40px;
     background: rgba(255, 255, 255, 0.2);
   }

   .stats-section::after {
     width: 150px;
     height: 150px;
     bottom: -50px;
     left: -50px;
     background: rgba(255, 255, 255, 0.15);
   }

   .stat-card {
     text-align: center;
     padding: 40px 25px;
     border-radius: 15px;
     transition: all 0.3s ease;
     background-color: var(--white);
     box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05);
     margin-bottom: 30px;
     position: relative;
     overflow: hidden;
   }

   .stat-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 0%;
     height: 100%;
     background: rgba(0, 123, 255, 0.05);
     transition: width 0.4s ease;
     z-index: 0;
   }

   .stat-card:hover::before {
     width: 100%;
   }

   .stat-number {
     font-size: 3rem;
     font-weight: 700;
     color: var(--primary-blue);
     margin-bottom: 12px;
     position: relative;
     z-index: 1;
   }

   .stat-title {
     font-size: 1.125rem;
     color: var(--dark-gray);
     font-weight: 500;
     position: relative;
     z-index: 1;
   }

   /* Stats Responsive */
   @media (max-width: 991px) {
     .stats-section {
       padding: 60px 0;
     }

     .stat-number {
       font-size: 2.5rem;
     }

     .stat-title {
       font-size: 1rem;
     }
   }

   @media (max-width: 768px) {
     .stats-section {
       padding: 50px 0;
     }

     .stat-card {
       padding: 30px 20px;
       margin-bottom: 20px;
     }

     .stat-number {
       font-size: 2.2rem;
     }
   }

   @media (max-width: 576px) {
     .stats-section {
       padding: 40px 0;
     }

     .stat-number {
       font-size: 2rem;
     }

     .stat-title {
       font-size: 0.95rem;
     }

     .stats-section::before,
     .stats-section::after {
       display: none;
     }
   }

   /* About Section */
   .about-section {
     padding: 100px 0;
     background-color: var(--gray);
     position: relative;
     overflow: hidden;
     z-index: 1;
   }

   .about-img {
     border-radius: 20px;
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
     overflow: hidden;
     position: relative;
     z-index: 2;
   }

   .about-img img {
     width: 100%;
     height: auto;
     transition: transform 0.6s ease;
     display: block;
   }

   .about-img:hover img {
     transform: scale(1.08);
   }

   .section-title {
     font-size: 38px;
     font-weight: 700;
     margin-bottom: 25px;
     color: var(--dark-blue);
     position: relative;
     display: inline-block;
   }

   .section-title::after {
     content: '';
     position: absolute;
     bottom: -12px;
     left: 0;
     width: 70px;
     height: 4px;
     background-color: var(--teal);
     border-radius: 2px;
   }

   .about-section p {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--dark-gray);
     margin-bottom: 20px;
   }

   .about-section .btn-primary {
     padding: 12px 32px;
     border-radius: 40px;
     font-weight: 500;
     transition: all 0.3s ease;
     box-shadow: 0 8px 20px rgba(0, 123, 255, 0.25);
   }

   .about-section .btn-primary:hover {
     background-color: var(--dark-blue);
     border-color: var(--dark-blue);
     transform: translateY(-3px);
     box-shadow: 0 12px 25px rgba(0, 123, 255, 0.3);
   }

   .about-section::before,
   .about-section::after {
     content: '';
     position: absolute;
     border-radius: 50%;
     background: rgba(0, 200, 100, 0.25);
     box-shadow: 0 0 50px 25px rgba(0, 200, 100, 0.4);
     z-index: 0;
     animation: pulse 6s infinite ease-in-out alternate;
   }

   .about-section::before {
     width: 240px;
     height: 240px;
     top: -80px;
     right: -80px;
     animation-delay: 0s;
   }

   .about-section::after {
     width: 200px;
     height: 200px;
     bottom: -70px;
     left: -70px;
     animation-delay: 2s;
   }

   @keyframes pulse {
     0% {
       transform: scale(1);
       opacity: 0.6;
     }

     100% {
       transform: scale(1.2);
       opacity: 0.9;
     }
   }

   /* About Responsive */
   @media (max-width: 991px) {
     .about-section {
       padding: 80px 0;
       text-align: center;
     }

     .section-title {
       font-size: 32px;
     }

     .section-title::after {
       left: 50%;
       transform: translateX(-50%);
     }

     .about-img {
       margin-bottom: 40px;
     }

     .about-section p {
       margin-left: auto;
       margin-right: auto;
       max-width: 600px;
     }
   }

   @media (max-width: 768px) {
     .about-section {
       padding: 60px 0;
     }

     .section-title {
       font-size: 28px;
     }

     .about-section p {
       font-size: 1rem;
     }
   }

   @media (max-width: 576px) {
     .about-section {
       padding: 50px 0;
     }

     .section-title {
       font-size: 24px;
     }

     .about-section p {
       font-size: 0.95rem;
     }

     .about-section::before,
     .about-section::after {
       display: none;
     }
   }

   /* Services Section */
   .services-section {
     padding: 100px 0;
     background-color: var(--white);
     position: relative;
     z-index: 1;
   }

   .services-section .section-title {
     text-align: center;
     margin-bottom: 20px;
   }

   .services-section p {
     color: var(--dark-gray);
     font-size: 1.1rem;
     line-height: 1.6;
     max-width: 650px;
     margin: 0 auto 40px;
     text-align: center;
   }

   .nav-pills {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 10px;
     margin-bottom: 40px;
   }

   .nav-pills .nav-link {
     padding: 12px 25px;
     font-weight: 500;
     color: var(--dark-gray);
     border-radius: 30px;
     border: 1px solid transparent;
     transition: all 0.3s ease;
   }

   .nav-pills .nav-link:hover {
     background-color: rgba(0, 123, 255, 0.08);
     color: var(--primary-blue);
   }

   .nav-pills .nav-link.active {
     background-color: var(--primary-blue);
     color: #fff;
     font-weight: 600;
     box-shadow: 0 6px 15px rgba(0, 123, 255, 0.25);
   }

   .service-card {
     padding: 35px 25px;
     border-radius: 15px;
     margin-bottom: 30px;
     transition: all 0.4s ease;
     background-color: var(--gray);
     text-align: center;
     position: relative;
     overflow: hidden;
     border: none;
   }

   .service-card::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 6px;
     background: linear-gradient(90deg, var(--primary-blue), var(--teal));
     border-radius: 15px 15px 0 0;
     opacity: 0;
     transition: 0.4s ease;
   }

   .service-card:hover::before {
     opacity: 1;
   }

   .service-card:hover {
     transform: translateY(-12px);
     box-shadow: 0 18px 35px rgba(0, 0, 0, 0.12);
     background-color: #fff;
   }

   .service-icon {
     width: 70px;
     height: 70px;
     margin: 0 auto 20px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: linear-gradient(135deg, var(--primary-blue), var(--teal));
     color: #fff;
     font-size: 32px;
     transition: all 0.3s ease;
     box-shadow: 0 8px 20px rgba(0, 123, 255, 0.25);
   }

   .service-card:hover .service-icon {
     transform: scale(1.1) rotate(5deg);
     box-shadow: 0 10px 25px rgba(0, 200, 150, 0.3);
   }

   .service-title {
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 15px;
     color: var(--dark-blue);
   }

   .service-card p {
     font-size: 1rem;
     color: var(--dark-gray);
     margin-bottom: 20px;
   }

   .service-card .btn {
     border-radius: 30px;
     padding: 8px 20px;
     font-size: 0.9rem;
     font-weight: 500;
     transition: all 0.3s ease;
   }

   .service-card .btn:hover {
     background-color: var(--dark-blue);
     border-color: var(--dark-blue);
     color: #fff;
   }

   /* Services Responsive */
   @media (max-width: 991px) {
     .services-section {
       padding: 80px 0;
     }

     .services-section .section-title {
       font-size: 32px;
     }

     .services-section p {
       font-size: 1rem;
     }

     .service-title {
       font-size: 20px;
     }
   }

   @media (max-width: 768px) {
     .services-section {
       padding: 60px 0;
     }

     .nav-pills {
       flex-wrap: nowrap;
       overflow-x: auto;
       padding-bottom: 10px;
       justify-content: flex-start;
     }

     .service-card {
       padding: 25px 20px;
     }

     .service-icon {
       width: 60px;
       height: 60px;
       font-size: 28px;
     }
   }

   @media (max-width: 576px) {
     .services-section {
       padding: 50px 0;
     }

     .services-section .section-title {
       font-size: 28px;
     }

     .service-card {
       padding: 20px 15px;
     }

     .service-title {
       font-size: 18px;
     }

     .service-card p {
       font-size: 0.9rem;
     }
   }

   /* Reviews Section */
   .reviews-section {
     padding: 80px 0;
     background-color: var(--light-teal);
     position: relative;
     overflow: hidden;
   }

   .reviews-section::before,
   .reviews-section::after {
     content: "“";
     position: absolute;
     font-size: 120px;
     font-family: 'Playfair Display', serif;
     color: var(--teal);
     z-index: 0;
     opacity: 0.1;
   }

   .reviews-section::before {
     top: 20px;
     left: 30px;
   }

   .reviews-section::after {
     content: "”";
     top: 20px;
     right: 30px;
   }

   .reviews-row {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 25px;
     position: relative;
     z-index: 2;
   }

   .review-card {
     padding: 25px;
     border-radius: 12px;
     background-color: var(--white);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
     margin-bottom: 30px;
     transition: all 0.3s ease;
     position: relative;
     text-align: left;
   }

   .review-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
   }

   .review-content {
     position: relative;
     z-index: 1;
   }

   .review-stars {
     color: #fbbc05;
     margin-bottom: 12px;
     font-size: 18px;
   }

   .review-text {
     font-style: italic;
     margin-bottom: 15px;
     color: #444;
     line-height: 1.6;
     font-size: 1rem;
   }

   .review-author {
     font-weight: 600;
     color: var(--dark-blue);
     font-size: 15px;
     margin-top: 5px;
     display: block;
   }

   /* Reviews Responsive */
   @media (max-width: 991px) {
     .reviews-row {
       grid-template-columns: repeat(2, 1fr);
     }

     .reviews-section::before,
     .reviews-section::after {
       font-size: 90px;
     }
   }

   @media (max-width: 768px) {
     .reviews-section {
       padding: 60px 0;
     }

     .reviews-row {
       grid-template-columns: 1fr;
       gap: 20px;
     }

     .review-card {
       padding: 20px;
     }

     .review-text {
       font-size: 0.95rem;
     }

     .reviews-section::before,
     .reviews-section::after {
       font-size: 70px;
     }
   }

   @media (max-width: 576px) {
     .reviews-section {
       padding: 50px 0;
     }

     .review-card {
       padding: 18px;
     }

     .review-stars {
       font-size: 16px;
     }

     .review-text {
       font-size: 0.9rem;
     }

     .review-author {
       font-size: 14px;
     }

     .reviews-section::before,
     .reviews-section::after {
       font-size: 50px;
     }
   }

   /* Insurance Section */
   .insurance-section {
     padding: 80px 0;
     background-color: var(--white);
     position: relative;
     overflow: hidden;
     text-align: center;
   }

   .insurance-section::before,
   .insurance-section::after {
     content: "";
     position: absolute;
     width: 200px;
     height: 200px;
     border-radius: 50%;
     background: radial-gradient(circle, rgba(0, 200, 150, 0.25), transparent 70%);
     z-index: 0;
   }

   .insurance-section::before {
     top: -50px;
     left: -50px;
   }

   .insurance-section::after {
     bottom: -50px;
     right: -50px;
   }

   .insurance-slider {
     display: flex;
     overflow-x: auto;
     padding: 30px 0;
     scroll-behavior: smooth;
     -webkit-overflow-scrolling: touch;
     gap: 20px;
     position: relative;
     z-index: 1;
     scrollbar-width: none;
   }

   .insurance-slider::-webkit-scrollbar {
     display: none;
   }

   .insurance-item {
     flex: 0 0 auto;
     width: 150px;
     height: 90px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: var(--gray);
     border-radius: 12px;
     padding: 15px;
     transition: all 0.3s ease;
     box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
   }

   .insurance-item:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
     background-color: var(--white);
   }

   .insurance-item img {
     max-width: 100%;
     max-height: 100%;
     filter: grayscale(100%);
     opacity: 0.7;
     transition: all 0.3s ease;
   }

   .insurance-item:hover img {
     filter: grayscale(0);
     opacity: 1;
   }

   /* Insurance Responsive */
   @media (max-width: 768px) {
     .insurance-section {
       padding: 60px 0;
     }

     .insurance-item {
       width: 130px;
       height: 80px;
     }
   }

   @media (max-width: 576px) {
     .insurance-section {
       padding: 50px 0;
     }

     .insurance-item {
       width: 110px;
       height: 70px;
       padding: 10px;
     }

     .insurance-section::before,
     .insurance-section::after {
       display: none;
     }
   }

   /* Contact Section */
   .contact-section {
     padding: 100px 0;
     background: linear-gradient(135deg, #f9fbff 0%, #ffffff 100%);
   }

   .contact-section .section-title {
     text-align: center;
     margin-bottom: 15px;
   }

   .section-subtitle {
     font-size: 1rem;
     color: #666;
     max-width: 600px;
     margin: 0 auto 40px;
     text-align: center;
     line-height: 1.6;
   }

   .card-style {
     background: #fff;
     border-radius: 20px;
     padding: 40px;
     box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
   }

   .card-style:hover {
     transform: translateY(-5px);
     box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
   }

   .contact-form .form-control {
     border-radius: 10px;
     padding: 14px 16px;
     border: 1px solid #e5e5e5;
     font-size: 0.95rem;
     transition: border 0.3s ease, box-shadow 0.3s ease;
     width: 100%;
     margin-bottom: 20px;
   }

   .contact-form .form-control:focus {
     border-color: var(--primary-blue);
     box-shadow: 0 0 8px rgba(0, 123, 255, 0.2);
     outline: none;
   }

   .contact-form .btn-primary {
     width: 100%;
   }

   .contact-item {
     display: flex;
     align-items: flex-start;
     margin-bottom: 25px;
   }

   .contact-icon {
     width: 50px;
     height: 50px;
     background: var(--primary-blue);
     color: #fff;
     font-size: 20px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 15px;
     flex-shrink: 0;
     transition: transform 0.3s ease, background 0.3s ease;
   }

   .contact-item:hover .contact-icon {
     transform: rotate(10deg) scale(1.1);
     background: var(--dark-blue);
   }

   .contact-title {
     font-size: 1rem;
     font-weight: 600;
     margin-bottom: 5px;
     color: var(--dark-blue);
   }

   .contact-info {
     color: var(--dark-gray);
   }

   .map-container {
     height: 280px;
     border-radius: 15px;
     overflow: hidden;
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
     margin-top: 30px;
   }

   .map-container iframe {
     width: 100%;
     height: 100%;
     border: none;
   }

   /* Contact Responsive */
   @media (max-width: 991px) {
     .contact-section {
       padding: 80px 0;
     }

     .card-style {
       padding: 30px;
     }
   }

   @media (max-width: 768px) {
     .contact-section {
       padding: 60px 0;
     }

     .contact-section .section-title {
       font-size: 32px;
     }

     .contact-item {
       flex-direction: column;
       align-items: center;
       text-align: center;
     }

     .contact-icon {
       margin-right: 0;
       margin-bottom: 15px;
     }
   }

   @media (max-width: 576px) {
     .contact-section {
       padding: 50px 0;
     }

     .card-style {
       padding: 25px 20px;
     }

     .contact-section .section-title {
       font-size: 28px;
     }

     .section-subtitle {
       font-size: 0.95rem;
     }

     .contact-form .form-control {
       padding: 12px;
     }

     .map-container {
       height: 220px;
     }
   }

   /* Footer */
   /* Footer */
   .footer {
     background: linear-gradient(135deg, white 0%, var(--teal) 100%);
     color: var(--white);
     padding: 70px 0 20px;
   }
.footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}

.footer-logo-img {
  height: 100px;          /* balanced size */
  max-width: 260px;      /* prevents it from stretching */
  object-fit: contain;   /* keeps proportions */
  transition: transform 0.3s ease; /* smooth hover effect */
}

.footer-logo:hover .footer-logo-img {
  transform: scale(1.05); /* subtle zoom effect */
}

@media (max-width: 768px) {
  .footer-logo {
    justify-content: center;   /* centers logo horizontally */
    width: 100%;               /* span full row */
  }

  .footer-logo-img {
    height: 50px;
    max-width: 130px;
  }
}

@media (max-width: 480px) {
  .footer-logo {
    justify-content: center;   /* ensure centered on small screens */
  }

  .footer-logo-img {
    height: 45px;
    max-width: 110px;
  }
}


   .footer-about {
     margin-bottom: 20px;
     color: rgba(255, 255, 255, 0.9);
     line-height: 1.6;
     max-width: 400px;
   }

   .footer-links h5 {
     color: #fff;
     margin-bottom: 20px;
     font-size: 18px;
     font-weight: 600;
   }

   .footer-links ul {
     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;
     transition: all 0.3s ease;
   }

   .footer-links a:hover {
     color: #fff;
     padding-left: 5px;
   }

   .social-icons {
     margin-top: 20px;
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
   }

   .social-icons a {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 42px;
     height: 42px;
     background-color: white;
     border-radius: 50%;
     color: var(--primary-blue);
     transition: all 0.3s ease;
     text-decoration: none;
   }

   .social-icons a:hover {
     background-color: #fff;
     color: var(--teal);
     transform: translateY(-4px);
   }

   .footer-tabs {
     margin-top: 20px;
   }

   .footer-tabs .nav {
     justify-content: center;
     flex-wrap: wrap;
   }

   .footer-tabs .nav-link {
     background: rgba(255, 255, 255, 0.15);
     border-radius: 20px;
     margin: 5px;
     color: #fff;
     font-size: 14px;
     padding: 6px 16px;
     transition: all 0.3s ease;
   }

   .footer-tabs .nav-link.active,
   .footer-tabs .nav-link:hover {
     background: #fff;
     color: var(--teal);
     font-weight: 600;
   }

   .tab-content {
     margin-top: 20px;
   }

   .tab-content ul {
     padding: 0;
     list-style: none;
   }

   .tab-content ul li {
     margin-bottom: 8px;
   }

   .tab-content ul li a {
     font-size: 15px;
     color: rgba(255, 255, 255, 0.8);
     text-decoration: none;
     transition: color 0.3s ease;
   }

   .tab-content ul li a:hover {
     color: #fff;
   }

   .copyright {
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     padding-top: 20px;
     margin-top: 40px;
     text-align: center;
     color: rgba(255, 255, 255, 0.8);
     font-size: 14px;
   }

   .footer-nav-pills {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 10px;
     color: white;
     margin-bottom: 40px;
     border-bottom: 1px solid var(--light-teal);
     padding-bottom: 20px;
   }

   .footer-nav-pills .nav-link {
     padding: 12px 25px;
     font-weight: 500;
     color: black;
     border-radius: 30px;
     border: 1px solid transparent;
     transition: all 0.3s ease;
   }

   .footer-nav-pills .nav-link.active {
     background-color: var(--primary-blue);
     color: #fff;
     font-weight: 600;
     box-shadow: 0 6px 15px rgba(0, 123, 255, 0.25);
   }


   /* Footer Responsive */
   @media (max-width: 991px) {
     .footer {
       text-align: center;
       padding: 50px 0 20px;
     }

     .footer-about {
       margin-left: auto;
       margin-right: auto;
     }

     .footer-links {
       margin-bottom: 30px;
     }

     .social-icons {
       justify-content: center;
     }
   }

   @media (max-width: 768px) {
     .footer {
       padding: 40px 0 20px;
     }

     .footer-logo {
       font-size: 24px;
     }

     .footer-about {
       font-size: 0.95rem;
     }

     .footer-links h5 {
       font-size: 16px;
     }
   }

   @media (max-width: 576px) {
     .footer {
       padding: 30px 0 15px;
     }

     .footer-tabs .nav-link {
       font-size: 12px;
       padding: 5px 12px;
     }

     .tab-content ul li a {
       font-size: 14px;
     }

     .copyright {
       font-size: 12px;
     }
   }

   /*====== Service page ======*/
   .services-hero {
     background: linear-gradient(135deg, var(--light-blue) 0%, var(--light-teal) 100%);
     padding: 100px 20px;
     position: relative;
     overflow: hidden;
     text-align: center;
     color: var(--dark-blue);
   }

   .services-hero::before {
     content: "";
     position: absolute;
     top: -100px;
     right: -120px;
     width: 300px;
     height: 300px;
     background: rgba(255, 255, 255, 0.15);
     border-radius: 50%;
     filter: blur(40px);
     animation: float 6s ease-in-out infinite alternate;
   }

   @keyframes float {
     from {
       transform: translateY(0);
     }

     to {
       transform: translateY(20px);
     }
   }

   .services-hero-content {
     max-width: 800px;
     margin: 0 auto;
     position: relative;
     z-index: 1;
   }

   .hero-badge {
     display: inline-block;
     background: rgba(255, 255, 255, 0.3);
     color: var(--dark-blue);
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 1px;
     padding: 6px 16px;
     border-radius: 30px;
     margin-bottom: 20px;
     text-transform: uppercase;
   }

   .hero-title {
     font-size: 3rem;
     font-weight: 700;
     margin-bottom: 20px;
     color: var(--dark-blue);
   }

   .hero1-subtitle {
     .hero-subtitle {
       font-size: 1.2rem;
       line-height: 1.7;
       margin-bottom: 35px;
       color: #333;
       text-align: center !important;
     }

   }

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

   /* Buttons */
   .btn {
     padding: 14px 28px;
     border-radius: 40px;
     font-size: 1rem;
     font-weight: 600;
     transition: all 0.3s ease;
   }

   .btn-primary {
     background: var(--primary-blue);
     color: #fff;
     border: none;
     box-shadow: 0 6px 20px rgba(0, 123, 255, 0.25);
   }

   .btn-primary:hover {
     background: var(--dark-blue);
     transform: translateY(-3px);
   }

   .btn-outline-primary {
     border: 2px solid var(--primary-blue);
     color: var(--primary-blue);
     background: transparent;
   }

   .btn-outline-primary:hover {
     background: var(--primary-blue);
     color: #fff;
     transform: translateY(-3px);
   }

   /* 📱 Responsive Styling */
   @media (max-width: 768px) {
     .hero-title {
       font-size: 2.2rem;
     }

     .hero1-subtitle {
       font-size: 1rem;
       padding: 0 10px;
     }

     .hero-buttons {
       flex-direction: column;
       gap: 12px;
     }
   }

   /* Service Tabs Container */
   .service-tabs-container {
     background-color: var(--white);
     padding: 80px 0;
     position: relative;
     overflow: hidden;
     z-index: 1;
   }

   /* Glowy Circles */
   .service-tabs-container::before,
   .service-tabs-container::after {
     content: "";
     position: absolute;
     border-radius: 50%;
     background: rgba(0, 200, 150, 0.25);
     box-shadow: 0 0 50px 25px rgba(0, 200, 150, 0.4);
     z-index: 0;
     animation: pulse 6s infinite ease-in-out alternate;
   }

   .service-tabs-container::before {
     width: 200px;
     height: 200px;
     top: -60px;
     left: -60px;
   }

   .service-tabs-container::after {
     width: 220px;
     height: 220px;
     bottom: -70px;
     right: -70px;
     animation-delay: 2s;
   }

   @keyframes pulse {
     0% {
       transform: scale(1);
       opacity: 0.6;
     }

     100% {
       transform: scale(1.2);
       opacity: 0.9;
     }
   }

   /* Service Detail Cards */
   .service-detail-card {
     padding: 30px;
     border-radius: 15px;
     margin-bottom: 30px;
     transition: all 0.3s ease;
     background-color: var(--gray);
     border-left: 5px solid var(--primary-blue);
     position: relative;
     z-index: 1;
   }

   .service-detail-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
     border-left-color: var(--teal);
     background-color: #fff;
   }

   /* Service Icon */
   .service-icon {
     width: 60px;
     height: 60px;
     background: linear-gradient(135deg, var(--primary-blue), var(--teal));
     color: #fff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 24px;
     margin-bottom: 15px;
     box-shadow: 0 6px 15px rgba(0, 123, 255, 0.25);
     transition: all 0.3s ease;
   }

   .service-detail-card:hover .service-icon {
     transform: scale(1.1) rotate(5deg);
     box-shadow: 0 10px 25px rgba(0, 200, 150, 0.3);
   }

   /* Titles */
   .service-title {
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 12px;
     color: var(--dark-blue);
   }

   /* Features */
   .service-features li {
     margin-bottom: 8px;
     position: relative;
     padding-left: 25px;
     font-size: 0.95rem;
     color: var(--dark-gray);
   }

   .service-features li::before {
     content: "\f00c";
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     position: absolute;
     left: 0;
     color: var(--teal);
   }

   /* 📱 Responsive */
   @media (max-width: 991px) {
     .service-detail-card {
       text-align: center;
     }

     .service-icon {
       margin: 0 auto 15px;
     }
   }

   @media (max-width: 768px) {
     .section-title {
       font-size: 28px;
     }

     .service-title {
       font-size: 20px;
     }

     .service-features {
       text-align: left;
     }
   }

   /*=======CTA==========*/
   /* CTA Section */
   .cta-section {
     background: linear-gradient(135deg, var(--light-teal), var(--light-blue));
     padding: 80px 20px;
     position: relative;
     overflow: hidden;
     color: var(--dark-blue);
   }

   /* Decorative glowing circles */
   .cta-section::before,
   .cta-section::after {
     content: "";
     position: absolute;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.2);
     filter: blur(80px);
     z-index: 0;
   }

   .cta-section::before {
     width: 200px;
     height: 200px;
     top: -60px;
     left: -60px;
   }

   .cta-section::after {
     width: 250px;
     height: 250px;
     bottom: -80px;
     right: -80px;
   }

   /* Content */
   .cta-title {
     font-size: 2.5rem;
     font-weight: 700;
     margin-bottom: 20px;
     position: relative;
     z-index: 1;
   }

   .cta-subtitle {
     font-size: 1.2rem;
     margin-bottom: 35px;
     opacity: 0.9;
     position: relative;
     z-index: 1;
   }

   /* Buttons */
   .cta-buttons {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 20px;
     position: relative;
     z-index: 1;
   }

   .btn {
     padding: 14px 32px;
     border-radius: 40px;
     font-size: 1.1rem;
     font-weight: 600;
     transition: all 0.3s ease;
   }

   /* Primary Button */
   .btn-primary {
     background: var(--primary-blue);
     color: #fff;
     border: none;
     box-shadow: 0 8px 25px rgba(0, 123, 255, 0.25);
   }

   .btn-primary:hover {
     background: var(--dark-blue);
     transform: translateY(-3px);
   }

   /* Outline Button */
   .btn-outline-primary {
     border: 2px solid var(--primary-blue);
     color: var(--primary-blue);
     background: transparent;
   }

   .btn-outline-primary:hover {
     background: var(--primary-blue);
     color: #fff;
     transform: translateY(-3px);
   }

   /* 📱 Responsive Styling */
   @media (max-width: 768px) {
     .cta-title {
       font-size: 2rem;
     }

     .cta-subtitle {
       font-size: 1rem;
       padding: 0 10px;
     }

     .cta-buttons {
       flex-direction: column;
       gap: 15px;
     }
   }


   /*====== ABout page ======*/
   /* About Hero Section */
  .about-hero {
    background: linear-gradient(135deg, var(--light-blue) 0%, var(--light-teal) 100%);
     padding: 100px 20px;
     text-align: center;
     color: #fff;
     border-radius: 0 0 40px 40px;
     position: relative;
     overflow: hidden;
}

.about-hero-content {
  z-index: 2;
  position: relative;
  margin-bottom: 0; /* remove bottom spacing */
}

.hero-badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.3);
  color: var(--dark-blue);
  font-size: 14px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.hero-title {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--dark-blue);
}

.hero-subtitle {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 35px;
  color: #333;
}

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

/* 📱 Responsive */
@media (max-width: 992px) {
  .about-hero {
    padding: 80px 20px;
    min-height: auto;
  }

  .hero-title {
    font-size: 2.2rem;
  }

  .hero-subtitle {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .about-hero {
    padding: 60px 15px;
  }

  .hero-title {
    font-size: 1.8rem;
  }

  .hero-buttons .btn {
    width: 100%;
    text-align: center;
  }
}

   /* About Content Section */
   .aboutMe-content {
     padding: 90px 0;
     background: var(--white);
   }

   .sectionMe-title {
     font-size: 2.4rem;
     font-weight: 700;
     color: var(--teal);
     margin-bottom: 25px;
     position: relative;
   }

   .sectionMe-title::after {
     content: "";
     display: block;
     width: 70px;
     height: 4px;
     background: var(--primary-blue);
     margin-top: 12px;
     border-radius: 3px;
   }

   .aboutMe-content p {
     font-size: 1.05rem;
     line-height: 1.8;
     color: #444;
     margin-bottom: 18px;
   }

   .aboutMe-content p.lead {
     font-size: 1.2rem;
     font-weight: 500;
     color: #222;
   }

   .profile-img {
     border-radius: 20px;
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
     overflow: hidden;
     transition: transform 0.4s ease, box-shadow 0.4s ease;
   }

   .profile-img:hover {
     transform: translateY(-10px);
     box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
   }

   .profile-img img {
     width: 100%;
     height: auto;
     display: block;
     transition: transform 0.6s ease;
   }

   .profile-img:hover img {
     transform: scale(1.08);
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .aboutMe-content {
       padding: 70px 0;
       text-align: center;
     }

     .sectionMe-title::after {
       margin-left: auto;
       margin-right: auto;
     }

     .profile-img {
       margin: 0 auto 30px;
       max-width: 420px;
     }
   }

   @media (max-width: 576px) {
     .aboutMe-content {
       padding: 50px 0;
     }

     .sectionMe-title {
       font-size: 2rem;
     }

     .aboutMe-content p {
       font-size: 1rem;
     }

     .aboutMe-content p.lead {
       font-size: 1.05rem;
     }
   }

   /* Qualifications Section */
   .qualifications {
     background: var(--gray);
     padding: 80px 0;
   }

   .sectionQual-title {
     font-size: 2.2rem;
     font-weight: 700;
     color: var(--dark-blue);
     margin-bottom: 15px;
   }

   .sectionQual-subtitle {
     font-size: 1.1rem;
     color: var(--teal);
   }

   .qual-card {
     background: var(--white);
     border-radius: 20px;
     padding: 35px 25px;
     margin-bottom: 30px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
     position: relative;
     overflow: hidden;
     transition: all 0.3s ease;
     text-align: center;
     border-left: 5px solid var(--primary-blue);
     height: 100%;
   }

   .qual-card:hover {
     transform: translateY(-8px);
     border-left-color: var(--teal);
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
   }

   .qual-icon {
     font-size: 48px;
     color: var(--primary-blue);
     margin-bottom: 20px;
   }

   .qual-card h3 {
     font-size: 1.4rem;
     font-weight: 600;
     margin-bottom: 15px;
     color: var(--dark-gray);
   }

   .service-features {
     list-style: none;
     padding: 0;
     margin: 0;
   }

   .service-features li {
     font-size: 0.95rem;
     color: var(--dark-gray);
     margin-bottom: 10px;
     line-height: 1.5;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .qualifications {
       padding: 60px 0;
     }

     .qual-card {
       padding: 30px 20px;
       margin-bottom: 20px;
     }
   }

   @media (max-width: 768px) {
     .sectionQual-title {
       font-size: 1.8rem;
     }

     .qual-card {
       text-align: left;
       padding: 25px;
     }

     .qual-icon {
       font-size: 40px;
     }
   }

   @media (max-width: 576px) {
     .qualifications {
       padding: 50px 0;
     }

     .sectionQual-title {
       font-size: 1.6rem;
     }

     .qual-card {
       text-align: center;
     }

     .qual-icon {
       font-size: 36px;
       margin-bottom: 15px;
     }
   }

   /* Timeline */
   .timeline-section {
     background: var(--white);
     position: relative;
     overflow: hidden;
     padding: 80px 0;
   }

   .sectionTime-title {
     font-size: 2.2rem;
     font-weight: 700;
     color: var(--dark-blue);
   }

   .sectionTime-subtitle {
     font-size: 1.1rem;
     color: var(--teal);
     margin-bottom: 10px;
   }

   .timeline {
     position: relative;
     padding-left: 60px;
     border-left: 3px solid var(--primary-blue);
     margin-top: 40px;
   }

   .timeline-item {
     position: relative;
     margin-bottom: 40px;
     padding-left: 20px;
   }

   .timeline-item::before {
     content: '';
     position: absolute;
     left: -41px;
     top: 5px;
     width: 22px;
     height: 22px;
     border-radius: 50%;
     background: var(--teal);
     border: 4px solid var(--white);
     box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.2);
   }

   .timeline-date {
     font-weight: 700;
     color: var(--teal);
     margin-bottom: 5px;
   }

   .timeline-item h4 {
     font-size: 1.2rem;
     font-weight: 600;
     margin-bottom: 8px;
     color: var(--dark-gray);
   }

   .timeline-item p {
     font-size: 0.95rem;
     color: var(--secondary-text);
     line-height: 1.6;
   }

   /* Responsive */
   @media (max-width: 768px) {
     .timeline-section {
       padding: 60px 0;
     }

     .timeline {
       padding-left: 40px;
     }

     .timeline-item {
       margin-bottom: 30px;
     }

     .timeline-item::before {
       left: -30px;
       width: 18px;
       height: 18px;
     }
   }

   @media (max-width: 576px) {
     .timeline-section {
       padding: 50px 0;
     }

     .sectionTime-title {
       font-size: 1.8rem;
     }
   }

   /* Philosophy Section */
   .care-philosophy {
     background: linear-gradient(135deg, var(--light-teal) 0%, var(--light-blue) 100%);
     padding: 80px 20px;
     position: relative;
     text-align: center;
     overflow: hidden;
   }

   /* Decorative abstract shapes */
   .care-philosophy::before,
   .care-philosophy::after {
     content: "";
     position: absolute;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.2);
     z-index: 0;
   }

   .care-philosophy::before {
     width: 180px;
     height: 180px;
     top: -60px;
     left: -60px;
   }

   .care-philosophy::after {
     width: 220px;
     height: 220px;
     bottom: -80px;
     right: -80px;
   }

   .section-title {
     font-size: 2.4rem;
     font-weight: 700;
     color: var(--dark-blue);
     margin-bottom: 20px;
     position: relative;
     z-index: 1;
   }

   .philosophy-text {
     font-size: 1.2rem;
     line-height: 1.8;
     font-style: italic;
     color: #333;
     max-width: 800px;
     margin: 0 auto 30px;
     position: relative;
     z-index: 1;
   }

   /* Buttons */
   .care-philosophy .btn {
     padding: 14px 28px;
     border-radius: 40px;
     font-weight: 600;
     z-index: 1;
     position: relative;
     transition: all 0.3s ease;
   }

   .care-philosophy .btn-primary {
     background: var(--primary-blue);
     color: #fff;
     border: none;
     box-shadow: 0 6px 18px rgba(0, 123, 255, 0.25);
   }

   .care-philosophy .btn-primary:hover {
     background: var(--dark-blue);
     transform: translateY(-3px);
   }

   /* Responsive adjustments */
   @media (max-width: 768px) {
     .care-philosophy {
       padding: 60px 15px;
     }

     .section-title {
       font-size: 1.8rem;
     }

     .philosophy-text {
       font-size: 1rem;
       padding: 0 10px;
     }
   }

   @media (max-width: 576px) {
     .care-philosophy {
       padding: 50px 15px;
     }
   }

   /*====== Contact page ======*/

   /* Contact Hero */
   .contact-hero {
     background: linear-gradient(135deg, var(--light-blue) 0%, var(--light-teal) 100%);
     padding: 100px 20px;
     text-align: center;
     color: #fff;
     border-radius: 0 0 40px 40px;
     position: relative;
     overflow: hidden;
   }

   .contact-hero-content {
     max-width: 750px;
     margin: 0 auto;
   }

   .heroContact-title {
     font-size: 2.8rem;
     font-weight: 700;
     margin-bottom: 20px;
     color: var(--dark-blue);
   }

   .heroContact-subtitle {
     font-size: 1.15rem;
     font-weight: 400;
     margin-bottom: 35px;
     line-height: 1.7;
     color: var(--dark-blue);
   }

   .hero-buttons .btn {
     padding: 12px 28px;
     font-size: 1rem;
     border-radius: 8px;
     transition: all 0.3s ease;
   }

   .hero-buttons .btn-primary {
     background-color: #00695c;
     border: none;
   }

   .hero-buttons .btn-primary:hover {
     background-color: #004d40;
   }

   .hero-buttons .btn-outline-primary {
     color: var(--dark-blue);
     border: 2px solid #fff;
   }

   .hero-buttons .btn-outline-primary:hover {
     background-color: #fff;
     color: #00695c;
   }

   /* Responsive */
   @media (max-width: 768px) {
     .hero-title {
       font-size: 2.2rem;
     }

     .hero-subtitle {
       font-size: 1rem;
       margin-bottom: 25px;
     }

     .hero-buttons .btn {
       display: block;
       width: 100%;
       margin: 8px 0;
     }
   }

   @media (max-width: 480px) {
     .contact-hero {
       padding: 70px 15px;
       border-radius: 0 0 25px 25px;
     }

     .hero-title {
       font-size: 1.9rem;
     }

     .hero-subtitle {
       font-size: 0.95rem;
     }
   }


   /* Contact Form Section */
   .contact1-form-section {
     padding: 80px 0;
     background: var(--white);
   }

   .contact1-form-container {
     position: relative;
     background: var(--white);
     border-radius: 20px;
     box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
     overflow: hidden;
     transition: transform 0.3s ease;
   }

   .contact1-form-container:hover {
     transform: translateY(-8px);
   }

   .contact1-form-container::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 6px;
     height: 100%;
     background: linear-gradient(to bottom, var(--primary-blue), var(--teal));
     border-radius: 0 8px 8px 0;
   }

   .form-pattern {
     position: absolute;
     right: -40px;
     bottom: -40px;
     opacity: 0.08;
     z-index: 0;
   }

   .form-pattern i {
     font-size: 220px;
     color: var(--teal);
   }

   /* Floating Input & Dropdown */
   .form-floating {
     position: relative;
   }

   .form-floating label {
     padding-left: 40px;
   }

   .form-floating .form-control,
   .form-floating .form-select {
     padding-left: 40px;
     border-radius: 10px;
     border: 1px solid #e0e0e0;
     height: 60px;
     transition: all 0.3s ease;
   }

   textarea.form-control {
     min-height: 150px;
     padding-top: 20px;
     resize: none;
   }

   .form-floating .form-control:focus,
   .form-floating .form-select:focus {
     box-shadow: 0 0 0 4px rgba(26, 115, 232, 0.15);
     border-color: var(--primary-blue);
   }

   .input-icon {
     position: absolute;
     left: 15px;
     top: 50%;
     transform: translateY(-50%);
     color: var(--primary-blue);
     z-index: 5;
     font-size: 1.2rem;
   }

   /* Submit Button */
   button[type="submit"] {
     border-radius: 10px;
     font-size: 1.1rem;
     padding: 14px;
     font-weight: 600;
     transition: all 0.3s ease;
   }

   button[type="submit"]:hover {
     background-color: var(--teal);
   }

   /* Responsive */
   @media (max-width: 768px) {
     .contact1-form-container {
       padding: 30px 20px;
     }
   }

   @media (max-width: 480px) {

     .form-floating .form-control,
     .form-floating .form-select {
       height: 55px;
       font-size: 0.95rem;
     }

     textarea.form-control {
       min-height: 120px;
     }
   }


   /* Contact Info Cards */
   .contact-info-card {
     padding: 40px 30px;
     border-radius: 15px;
     background-color: var(--white);
     margin-bottom: 30px;
     transition: all 0.3s ease;
     border-left: 6px solid var(--primary-blue);
     position: relative;
     overflow: hidden;
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
   }

   .contact-info-card:hover {
     transform: translateY(-8px) scale(1.02);
     box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
     border-left-color: var(--teal);
   }

   /* Icon styling */
   .contact-info-card i {
     font-size: 28px;
     color: var(--white);
     background: linear-gradient(135deg, var(--primary-blue), var(--teal));
     width: 70px;
     height: 70px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 20px;
     transition: transform 0.3s ease;
   }

   .contact-info-card:hover i {
     transform: rotate(10deg) scale(1.1);
   }

   .contact-info-card h3 {
     font-size: 1.3rem;
     font-weight: 700;
     margin-bottom: 10px;
     color: var(--primary-blue);
   }

   .contact-info-card p {
     font-size: 0.95rem;
     color: #555;
     margin-bottom: 8px;
   }

   .contact-info-card a {
     text-decoration: none;
     font-weight: 500;
   }

   .contact-info-card .btn {
     border-radius: 30px;
     padding: 8px 18px;
     font-size: 0.9rem;
     transition: all 0.3s ease;
   }

   .contact-info-card .btn:hover {
     background-color: var(--teal);
     color: #fff;
     border-color: var(--teal);
   }

   /* Responsive */
   @media (max-width: 991px) {
     .contact-info-card {
       margin-bottom: 20px;
     }
   }

   @media (max-width: 576px) {
     .contact-info-card {
       padding: 30px 20px;
     }

     .contact-info-card i {
       width: 60px;
       height: 60px;
       font-size: 24px;
     }

     .contact-info-card h3 {
       font-size: 1.1rem;
     }

     .contact-info-card p {
       font-size: 0.9rem;
     }
   }

   /* Interactive Map */
   .map-section {
     background: linear-gradient(135deg, var(--teal), var(--dark-blue));
     color: #fff;
   }

   .map-container {
     border-radius: 15px;
     overflow: hidden;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
     border: 6px solid var(--white);
     position: relative;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
   }

   .map-container:hover {
     transform: translateY(-5px);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
   }

   .map-container::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border: 2px solid var(--teal);
     border-radius: 10px;
     pointer-events: none;
     z-index: 2;
   }

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

     .map-container iframe {
       height: 300px;
     }
   }

   /*=========SPecialties page=======*/
   /* Hero Section */
   .specialties-hero {
     background: linear-gradient(135deg, var(--light-blue), var(--light-teal));
     padding: 100px 20px;
     position: relative;
     overflow: hidden;
     text-align: center;
   }

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

   .hero-badge {
     display: inline-block;
     background: rgba(255, 255, 255, 0.3);
     color: var(--dark-blue);
     font-size: 14px;
     font-weight: 600;
     padding: 6px 16px;
     border-radius: 30px;
     margin-bottom: 20px;
     text-transform: uppercase;
   }

   .hero-title {
     font-size: 3rem;
     font-weight: 700;
     margin-bottom: 20px;
     color: var(--dark-blue);
   }

   .hero-subtitle {
     font-size: 1.2rem;
     line-height: 1.6;
     margin-bottom: 35px;
     color: #333;
     max-width: 700px;
     margin-left: auto;
     margin-right: auto;
   }

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

   /* Buttons */
   .btn {
     padding: 14px 28px;
     border-radius: 40px;
     font-size: 1rem;
     font-weight: 600;
     transition: all 0.3s ease;
     text-decoration: none;
     display: inline-block;
   }

   .btn-primary {
     background: var(--primary-blue);
     color: #fff;
     border: none;
     box-shadow: 0 6px 20px rgba(0, 123, 255, 0.25);
   }

   .btn-primary:hover {
     background: var(--dark-blue);
     transform: translateY(-3px);
     color: #fff;
   }

   .btn-outline-primary {
     border: 2px solid var(--primary-blue);
     color: var(--primary-blue);
     background: transparent;
   }

   .btn-outline-primary:hover {
     background: var(--primary-blue);
     color: #fff;
     transform: translateY(-3px);
   }

   /* 📱 Responsive */
   @media (max-width: 992px) {
     .specialties-hero {
       padding: 80px 20px;
     }

     .hero-title {
       font-size: 2.2rem;
     }

     .hero-subtitle {
       font-size: 1rem;
     }
   }

   @media (max-width: 576px) {
     .specialties-hero {
       padding: 60px 15px;
     }

     .hero-title {
       font-size: 1.8rem;
     }

     .hero-buttons .btn {
       width: 100%;
       text-align: center;
     }
   }

   /* Specialties Tabs Section */
   .specialties1-tabs {
     padding: 80px 0;
     background: var(--white);
   }

   .sectionSpecialties-title {
     font-size: 2.4rem;
     font-weight: 700;
     color: var(--dark-blue);
     margin-bottom: 20px;
     text-align: center;
   }

   .sectionSpecialties-subtitle {
     font-size: 1.1rem;
     color: var(--teal);
     text-align: center;
     margin-bottom: 50px;
   }

   .nav-pills {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 10px;
     margin-bottom: 40px;
     border-bottom: 1px solid var(--light-teal);
     padding-bottom: 20px;
   }

   .nav-pills .nav-link {
     padding: 12px 25px;
     font-weight: 500;
     color: var(--dark-gray);
     border-radius: 30px;
     border: 1px solid transparent;
     transition: all 0.3s ease;
   }

   .nav-pills .nav-link:hover {
     background-color: rgba(0, 123, 255, 0.08);
     color: var(--primary-blue);
   }

   .nav-pills .nav-link.active {
     background-color: var(--primary-blue);
     color: #fff;
     font-weight: 600;
     box-shadow: 0 6px 15px rgba(0, 123, 255, 0.25);
   }

   .specialty-content {
     padding: 30px;
     background: var(--gray);
     border-radius: 15px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
   }

   .specialty-title {
     font-size: 1.8rem;
     color: var(--dark-blue);
     margin-bottom: 20px;
   }

   .specialty-description {
     font-size: 1.05rem;
     line-height: 1.7;
     color: var(--dark-gray);
     margin-bottom: 25px;
   }

   .specialty-features {
     list-style: none;
     padding: 0;
     margin: 0;
   }

   .specialty-features li {
     font-size: 1rem;
     color: var(--dark-gray);
     margin-bottom: 12px;
     padding-left: 30px;
     position: relative;
   }

   .specialty-features li:before {
     content: "✓";
     position: absolute;
     left: 0;
     color: var(--teal);
     font-weight: bold;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .specialties1-tabs {
       padding: 60px 0;
     }

     .section-title {
       font-size: 2rem;
     }

     .nav-pills {
       flex-wrap: nowrap;
       overflow-x: auto;
       padding-bottom: 10px;
       justify-content: flex-start;
     }
   }

   @media (max-width: 768px) {
     .specialties1-tabs {
       padding: 50px 0;
     }

     .section-title {
       font-size: 1.8rem;
     }

     .specialty-content {
       padding: 20px;
     }

     .specialty-title {
       font-size: 1.5rem;
     }
   }

   @media (max-width: 576px) {
     .specialties1-tabs {
       padding: 40px 0;
     }

     .section-title {
       font-size: 1.6rem;
     }

     .section-subtitle {
       font-size: 1rem;
     }

     .specialty-description {
       font-size: 0.95rem;
     }

     .specialty-features li {
       font-size: 0.95rem;
     }
   }

   /* Services Grid Section */
   .services1-grid {
     padding: 80px 0;
     background: var(--gray);
   }

   .service2-card {
     background: var(--white);
     border-radius: 15px;
     padding: 30px;
     margin-bottom: 30px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
     height: 100%;
     border-left: 4px solid var(--primary-blue);
   }

   .service2-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
     border-left-color: var(--teal);
   }

   .service-icon {
     font-size: 48px;
     color: white;
     margin-bottom: 20px;
     text-align: center;
   }

   .service2-card h3 {
     font-size: 1.4rem;
     font-weight: 600;
     margin-bottom: 15px;
     color: var(--dark-blue);
     text-align: center;
   }

   .service2-features {
     list-style: none;
     padding: 0;
     margin: 0;
   }

   .service2-features li {
     font-size: 0.95rem;
     color: var(--dark-gray);
     margin-bottom: 10px;
     line-height: 1.5;
     padding-left: 25px;
     position: relative;
   }

   .service2-features li:before {
     content: "•";
     position: absolute;
     left: 0;
     color: var(--teal);
     font-weight: bold;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .services1-grid {
       padding: 60px 0;
     }
   }

   @media (max-width: 768px) {
     .services1-grid {
       padding: 50px 0;
     }

     .service2-card {
       padding: 25px;
     }

     .service-icon {
       font-size: 40px;
     }
   }

   @media (max-width: 576px) {
     .services1-grid {
       padding: 40px 0;
     }

     .service2-card {
       padding: 20px;
     }

     .service2-card h3 {
       font-size: 1.2rem;
     }

     .service2-features li {
       font-size: 0.9rem;
     }
   }

   /* Approach Section */
   .approach-section {
     padding: 80px 0;
     background: var(--white);
     position: relative;
     overflow: hidden;
   }

   .approach-content {
     padding: 40px;
     background: linear-gradient(135deg, var(--light-teal) 0%, var(--light-blue) 100%);
     border-radius: 15px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
   }

   .approach-title {
     font-size: 2rem;
     font-weight: 700;
     color: var(--dark-blue);
     margin-bottom: 25px;
   }

   .approach-list {
     list-style: none;
     padding: 0;
     margin: 0;
   }

   .approach-list li {
     font-size: 1.05rem;
     color: var(--dark-gray);
     margin-bottom: 15px;
     padding-left: 35px;
     position: relative;
     line-height: 1.6;
   }

   .approach-list li:before {
     content: "✓";
     position: absolute;
     left: 0;
     top: 0;
     width: 25px;
     height: 25px;
     background: var(--teal);
     color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 14px;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .approach-section {
       padding: 60px 0;
     }

     .approach-content {
       padding: 30px;
     }
   }

   @media (max-width: 768px) {
     .approach-section {
       padding: 50px 0;
     }

     .approach-title {
       font-size: 1.6rem;
     }

     .approach-list li {
       font-size: 0.95rem;
       padding-left: 30px;
     }
   }

   @media (max-width: 576px) {
     .approach-section {
       padding: 40px 0;
     }

     .approach-content {
       padding: 20px;
     }

     .approach-title {
       font-size: 1.4rem;
     }

     .approach-list li {
       font-size: 0.9rem;
       padding-left: 25px;
     }

     .approach-list li:before {
       width: 20px;
       height: 20px;
       font-size: 12px;
     }
   }

   /* CTA Section */
   .cta-specialties {
     background: linear-gradient(135deg, var(--light-blue) 0%, var(--light-teal) 100%);
     padding: 80px 20px;
     text-align: center;
     position: relative;
     overflow: hidden;
   }

   .cta-title {
     font-size: 2.2rem;
     font-weight: 700;
     color: var(--dark-blue);
     margin-bottom: 20px;
   }

   .cta-text {
     font-size: 1.1rem;
     line-height: 1.7;
     color: #333;
     max-width: 700px;
     margin: 0 auto 30px;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .cta-specialties {
       padding: 60px 20px;
     }

     .cta-title {
       font-size: 1.8rem;
     }
   }

   @media (max-width: 768px) {
     .cta-specialties {
       padding: 50px 15px;
       text-align: center;
       padding: 60px 15px;
     }

     .cta-title {
       font-size: 1.6rem;
     }

     .cta-text {
       font-size: 1rem;
     }
   }

   @media (max-width: 576px) {
     .cta-specialties {
       padding: 40px 15px;
     }

     .cta-title {
       font-size: 1.4rem;
     }

     .cta-text {
       font-size: 0.95rem;
     }
   }

   /*============Anxiety Treatment Page =============*/
   /* Hero Section */
   .anxiety-hero {
     background: linear-gradient(135deg, var(--light-blue), var(--light-teal));
     padding: 100px 20px;
     position: relative;
     overflow: hidden;
   }

   .anxiety-hero-content {
     z-index: 2;
     position: relative;
     margin-bottom: 30px;
   }

   .hero-badge {
     display: inline-block;
     background: rgba(255, 255, 255, 0.3);
     color: var(--dark-blue);
     font-size: 14px;
     font-weight: 600;
     padding: 6px 16px;
     border-radius: 30px;
     margin-bottom: 20px;
     text-transform: uppercase;
   }

   .hero-title {
     font-size: 3rem;
     font-weight: 700;
     margin-bottom: 20px;
     color: var(--dark-blue);
   }

   .hero-subtitle {
     font-size: 1.2rem;
     line-height: 1.6;
     margin-bottom: 35px;
     color: #333;
   }

   .hero-buttons {
     display: flex;
     flex-wrap: wrap;
     gap: 15px;
   }

   /* Buttons */
   .btn {
     padding: 14px 28px;
     border-radius: 40px;
     font-size: 1rem;
     font-weight: 600;
     transition: all 0.3s ease;
     text-decoration: none;
     display: inline-block;
   }

   .btn-primary {
     background: var(--primary-blue);
     color: #fff;
     border: none;
     box-shadow: 0 6px 20px rgba(0, 123, 255, 0.25);
   }

   .btn-primary:hover {
     background: var(--dark-blue);
     transform: translateY(-3px);
     color: #fff;
   }

   .btn-outline-primary {
     border: 2px solid var(--primary-blue);
     color: var(--primary-blue);
     background: transparent;
   }

   .btn-outline-primary:hover {
     background: var(--primary-blue);
     color: #fff;
     transform: translateY(-3px);
   }

   /* 📱 Responsive */
   @media (max-width: 992px) {
     .anxiety-hero {
       text-align: center;
       padding: 80px 20px;
     }

     .hero-title {
       font-size: 2.2rem;
     }

     .hero-subtitle {
       font-size: 1rem;
     }

     .hero-buttons {
       justify-content: center;
     }
   }

   @media (max-width: 576px) {
     .anxiety-hero {
       padding: 60px 15px;
     }

     .hero-title {
       font-size: 1.8rem;
     }

     .hero-buttons .btn {
       width: 100%;
       text-align: center;
     }
   }

   /* Understanding Anxiety Section */
   .understanding-anxiety {
     padding: 80px 0;
     background: var(--white);
   }

   .sectionAnxiety-title {
     font-size: 2.4rem;
     font-weight: 700;
     color: var(--dark-blue);
     margin-bottom: 25px;
     position: relative;
     text-align: center;
   }

   .sectionAnxiety-title::after {
     content: "";
     display: block;
     width: 70px;
     height: 4px;
     background: var(--primary-blue);
     margin: 12px auto 0;
     border-radius: 3px;
   }

   .anxiety-types {
     margin-top: 50px;
   }

   .anxiety-card {
     background: var(--gray);
     border-radius: 15px;
     padding: 30px;
     margin-bottom: 30px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
     height: 100%;
     border-left: 4px solid var(--teal);
   }

   .anxiety-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
     border-left-color: var(--primary-blue);
   }

   .anxiety-icon {
     font-size: 48px;
     color: var(--teal);
     margin-bottom: 20px;
     text-align: center;
   }

   .anxiety-card h3 {
     font-size: 1.4rem;
     font-weight: 600;
     margin-bottom: 15px;
     color: var(--dark-blue);
     text-align: center;
   }

   .anxiety-features {
     list-style: none;
     padding: 0;
     margin: 0;
   }

   .anxiety-features li {
     font-size: 0.95rem;
     color: var(--dark-gray);
     margin-bottom: 10px;
     line-height: 1.5;
     padding-left: 25px;
     position: relative;
   }

   .anxiety-features li:before {
     content: "•";
     position: absolute;
     left: 0;
     color: var(--teal);
     font-weight: bold;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .understanding-anxiety {
       padding: 60px 0;
     }
   }

   @media (max-width: 768px) {
     .understanding-anxiety {
       padding: 50px 0;
     }

     .sectionAnxiety-title {
       font-size: 2rem;
     }

     .anxiety-card {
       padding: 25px;
     }

     .anxiety-icon {
       font-size: 40px;
     }
   }

   @media (max-width: 576px) {
     .understanding-anxiety {
       padding: 40px 0;
     }

     .sectionAnxiety-title {
       font-size: 1.8rem;
     }

     .anxiety-card {
       padding: 20px;
     }

     .anxiety-card h3 {
       font-size: 1.2rem;
     }

     .anxiety-features li {
       font-size: 0.9rem;
     }
   }

   /* Treatment Approaches Section */
   .treatment-approaches {
     padding: 80px 0;
     background: var(--gray);
   }

   .approach-card {
     background: var(--white);
     border-radius: 15px;
     padding: 30px;
     margin-bottom: 30px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
     height: 100%;
     text-align: center;
   }

   .approach-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 12px 25px #0000001f;
   }

   .approach-icon {
     font-size: 48px;
     color: var(--primary-blue);
     margin-bottom: 20px;
     transition: color 0.3s, transform 0.3s;
   }

   .approach-icon:hover {
     transform: translateY(-8px);
     color: var(--teal);
   }

   .approach-card h3 {
     font-size: 1.4rem;
     font-weight: 600;
     margin-bottom: 15px;
     color: var(--dark-blue);
   }

   .approach-card p {
     font-size: 0.95rem;
     color: var(--dark-gray);
     line-height: 1.6;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .treatment-approaches {
       padding: 60px 0;
     }
   }

   @media (max-width: 768px) {
     .treatment-approaches {
       padding: 50px 0;
     }

     .approach-card {
       padding: 25px;
     }

     .approach-icon {
       font-size: 40px;
     }
   }

   @media (max-width: 576px) {
     .treatment-approaches {
       padding: 40px 0;
     }

     .approach-card {
       padding: 20px;
     }

     .approach-card h3 {
       font-size: 1.2rem;
     }

     .approach-card p {
       font-size: 0.9rem;
     }
   }

   /* Symptoms Section */
   .symptoms-section {
     padding: 80px 0;
     background: var(--white);
   }

   .symptoms-content {
     background: linear-gradient(135deg, var(--light-teal) 0%, var(--light-blue) 100%);
     border-radius: 15px;
     padding: 40px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
   }

   .symptoms-list {
     list-style: none;
     padding: 0;
     margin: 0;
     columns: 2;
     column-gap: 30px;
   }

   .symptoms-list li {
     font-size: 1.05rem;
     color: var(--dark-gray);
     margin-bottom: 15px;
     padding-left: 30px;
     position: relative;
     line-height: 1.6;
     break-inside: avoid;
   }

   .symptoms-list li:before {
     content: "•";
     position: absolute;
     left: 0;
     color: var(--teal);
     font-weight: bold;
     font-size: 1.5rem;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .symptoms-section {
       padding: 60px 0;
     }

     .symptoms-content {
       padding: 30px;
     }
   }

   @media (max-width: 768px) {
     .symptoms-section {
       padding: 50px 0;
     }

     .symptoms-list {
       columns: 1;
     }

     .symptoms-list li {
       font-size: 0.95rem;
       padding-left: 25px;
     }
   }

   @media (max-width: 576px) {
     .symptoms-section {
       padding: 40px 0;
     }

     .symptoms-content {
       padding: 20px;
     }

     .symptoms-list li {
       font-size: 0.9rem;
       padding-left: 20px;
     }
   }

   /* Coping Strategies Section */
   .coping-strategies {
     padding: 80px 0;
     background: var(--gray);
   }

   .strategy-card {
     background: var(--white);
     border-radius: 15px;
     padding: 30px;
     margin-bottom: 30px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
     height: 100%;
   }

   .strategy-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
   }

   .strategy-number {
     font-size: 3rem;
     font-weight: 700;
     color: var(--teal);
     margin-bottom: 15px;
     line-height: 1;
   }

   .strategy-card h3 {
     font-size: 1.4rem;
     font-weight: 600;
     margin-bottom: 15px;
     color: var(--dark-blue);
   }

   .strategy-card p {
     font-size: 0.95rem;
     color: var(--dark-gray);
     line-height: 1.6;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .coping-strategies {
       padding: 60px 0;
     }
   }

   @media (max-width: 768px) {
     .coping-strategies {
       padding: 50px 0;
     }

     .strategy-card {
       padding: 25px;
     }

     .strategy-number {
       font-size: 2.5rem;
     }

     .strategy-card h3 {
       font-size: 1.2rem;
     }
   }

   @media (max-width: 576px) {
     .coping-strategies {
       padding: 40px 0;
     }

     .strategy-card {
       padding: 20px;
     }

     .strategy-card h3 {
       font-size: 1.1rem;
     }

     .strategy-card p {
       font-size: 0.9rem;
     }
   }

   /* Treatment Process Section */
   .treatment-process {
     padding: 80px 0;
     background: var(--white);
   }

   .process-timeline {
     position: relative;
     padding-left: 60px;
     border-left: 3px solid var(--primary-blue);
     margin-top: 40px;
   }

   .process-item {
     position: relative;
     margin-bottom: 40px;
     padding-left: 20px;
   }

   .process-item::before {
     content: '';
     position: absolute;
     left: -41px;
     top: 5px;
     width: 22px;
     height: 22px;
     border-radius: 50%;
     background: var(--teal);
     border: 4px solid var(--white);
     box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.2);
   }

   .process-number {
     font-weight: 700;
     color: var(--teal);
     margin-bottom: 5px;
     font-size: 1.2rem;
   }

   .process-item h4 {
     font-size: 1.2rem;
     font-weight: 600;
     margin-bottom: 8px;
     color: var(--dark-gray);
   }

   .process-item p {
     font-size: 0.95rem;
     color: var(--secondary-text);
     line-height: 1.6;
   }

   /* Responsive */
   @media (max-width: 768px) {
     .treatment-process {
       padding: 60px 0;
     }

     .process-timeline {
       padding-left: 40px;
     }

     .process-item {
       margin-bottom: 30px;
     }

     .process-item::before {
       left: -30px;
       width: 18px;
       height: 18px;
     }
   }

   @media (max-width: 576px) {
     .treatment-process {
       padding: 50px 0;
     }

     .process-item h4 {
       font-size: 1.1rem;
     }

     .process-item p {
       font-size: 0.9rem;
     }
   }

   /* CTA Section */
   .cta-anxiety {
     background: linear-gradient(135deg, var(--light-blue) 0%, var(--light-teal) 100%);
     padding: 80px 20px;
     text-align: center;
     position: relative;
     overflow: hidden;
   }

   .cta-title {
     font-size: 2.2rem;
     font-weight: 700;
     color: var(--dark-blue);
     margin-bottom: 20px;
   }

   .cta-text {
     font-size: 1.1rem;
     line-height: 1.7;
     color: #333;
     max-width: 700px;
     margin: 0 auto 30px;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .cta-anxiety {
       padding: 60px 20px;
     }

     .cta-title {
       font-size: 1.8rem;
     }
   }

   @media (max-width: 768px) {
     .cta-anxiety {
       padding: 50px 15px;
     }

     .cta-title {
       font-size: 1.6rem;
     }

     .cta-text {
       font-size: 1rem;
     }
   }

   @media (max-width: 576px) {
     .cta-anxiety {
       padding: 40px 15px;
     }

     .cta-title {
       font-size: 1.4rem;
     }

     .cta-text {
       font-size: 0.95rem;
     }
   }

   /* ======== Diagnosis & treatment Page =============*/
   /* Hero Section */
   .diagnosis-hero {
     background: linear-gradient(135deg, var(--light-blue), var(--light-teal));
     padding: 100px 20px;
     position: relative;
     overflow: hidden;
   }

   .diagnosis-hero-content {
     z-index: 2;
     position: relative;
     margin-bottom: 30px;
   }

   .hero-badge {
     display: inline-block;
     background: rgba(255, 255, 255, 0.3);
     color: var(--dark-blue);
     font-size: 14px;
     font-weight: 600;
     padding: 6px 16px;
     border-radius: 30px;
     margin-bottom: 20px;
     text-transform: uppercase;
   }

   .hero-title {
     font-size: 3rem;
     font-weight: 700;
     margin-bottom: 20px;
     color: var(--dark-blue);
   }

   .hero-subtitle {
     font-size: 1.2rem;
     line-height: 1.6;
     margin-bottom: 35px;
     color: #333;
   }

   .hero-buttons {
     display: flex;
     flex-wrap: wrap;
     gap: 15px;
   }

   /* Buttons */
   .btn {
     padding: 14px 28px;
     border-radius: 40px;
     font-size: 1rem;
     font-weight: 600;
     transition: all 0.3s ease;
     text-decoration: none;
     display: inline-block;
   }

   .btn-primary {
     background: var(--primary-blue);
     color: #fff;
     border: none;
     box-shadow: 0 6px 20px rgba(0, 123, 255, 0.25);
   }

   .btn-primary:hover {
     background: var(--dark-blue);
     transform: translateY(-3px);
     color: #fff;
   }

   .btn-outline-primary {
     border: 2px solid var(--primary-blue);
     color: var(--primary-blue);
     background: transparent;
   }

   .btn-outline-primary:hover {
     background: var(--primary-blue);
     color: #fff;
     transform: translateY(-3px);
   }

   /* 📱 Responsive */
   @media (max-width: 992px) {
     .diagnosis-hero {
       text-align: center;
       padding: 80px 20px;
     }

     .hero-title {
       font-size: 2.2rem;
     }

     .hero-subtitle {
       font-size: 1rem;
     }

     .hero-buttons {
       justify-content: center;
     }
   }

   @media (max-width: 576px) {
     .diagnosis-hero {
       padding: 60px 15px;
     }

     .hero-title {
       font-size: 1.8rem;
     }

     .hero-buttons .btn {
       width: 100%;
       text-align: center;
     }
   }

   /* Diagnostic Process Section */
   .diagnostic-process {
     padding: 80px 0;
     background: var(--white);
   }

   .sectionDiag-title {
     font-size: 2.4rem;
     font-weight: 700;
     color: var(--dark-blue);
     margin-bottom: 25px;
     position: relative;
     text-align: center;
   }

   .sectionDiag-title::after {
     content: "";
     display: block;
     width: 70px;
     height: 4px;
     background: var(--primary-blue);
     margin: 12px auto 0;
     border-radius: 3px;
   }

   .sectionDiag-subtitle {
     font-size: 1.1rem;
     color: var(--teal);
     text-align: center;
     margin-bottom: 50px;
   }

   .process-steps {
     position: relative;
     margin: 50px 0;
   }

   .process-step {
     display: flex;
     margin-bottom: 40px;
     position: relative;
   }

   .step-number {
     width: 60px;
     height: 60px;
     background: var(--primary-blue);
     color: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 24px;
     font-weight: 700;
     margin-right: 25px;
     flex-shrink: 0;
   }

   .step-content {
     flex: 1;
     padding: 20px;
     background: var(--gray);
     border-radius: 10px;
     border-left: 4px solid var(--teal);
   }

   .step-content h3 {
     font-size: 1.4rem;
     color: var(--dark-blue);
     margin-bottom: 10px;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .diagnostic-process {
       padding: 60px 0;
     }
   }

   @media (max-width: 768px) {
     .diagnostic-process {
       padding: 50px 0;
     }

     .sectionDiag-title {
       font-size: 2rem;
     }

     .process-step {
       flex-direction: column;
     }

     .step-number {
       margin-right: 0;
       margin-bottom: 15px;
     }
   }

   @media (max-width: 576px) {
     .diagnostic-process {
       padding: 40px 0;
     }

     .sectionDiag-title {
       font-size: 1.8rem;
     }

     .step-number {
       width: 50px;
       height: 50px;
       font-size: 20px;
     }

     .step-content h3 {
       font-size: 1.2rem;
     }
   }

   /* Diagnostic Tools Section */
   .diagnostic-tools {
     padding: 80px 0;
     background: var(--gray);
   }

   .tool-card {
     background: var(--white);
     border-radius: 15px;
     padding: 30px;
     margin-bottom: 30px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
     height: 100%;
     text-align: center;
   }

   .tool-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
   }

   .tool-icon {
     font-size: 48px;
     color: var(--primary-blue);
     margin-bottom: 20px;
   }

   .tool-card h3 {
     font-size: 1.4rem;
     font-weight: 600;
     margin-bottom: 15px;
     color: var(--dark-blue);
   }

   .tool-features {
     list-style: none;
     padding: 0;
     margin: 0;
   }

   .tool-features li {
     font-size: 0.95rem;
     color: var(--dark-gray);
     margin-bottom: 10px;
     line-height: 1.5;
     padding-left: 25px;
     position: relative;
   }

   .tool-features li:before {
     content: "•";
     position: absolute;
     left: 0;
     color: var(--teal);
     font-weight: bold;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .diagnostic-tools {
       padding: 60px 0;
     }
   }

   @media (max-width: 768px) {
     .diagnostic-tools {
       padding: 50px 0;
     }

     .tool-card {
       padding: 25px;
     }

     .tool-icon {
       font-size: 40px;
     }
   }

   @media (max-width: 576px) {
     .diagnostic-tools {
       padding: 40px 0;
     }

     .tool-card {
       padding: 20px;
     }

     .tool-card h3 {
       font-size: 1.2rem;
     }

     .tool-features li {
       font-size: 0.9rem;
     }
   }

   /* Treatment Approaches Section */
   .treatment-approaches {
     padding: 80px 0;
     background: var(--white);
   }

   .approach-card {
     background: var(--gray);
     border-radius: 15px;
     padding: 30px;
     margin-bottom: 30px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
     height: 100%;
   }

   .approach-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
   }

   .approach-header {
     display: flex;
     align-items: center;
     margin-bottom: 20px;
   }

   .approach-icon {
     font-size: 40px;
     color: var(--teal);
     margin-right: 15px;
   }

   .approach-card h3 {
     font-size: 1.4rem;
     font-weight: 600;
     margin-bottom: 0;
     color: var(--dark-blue);
   }

   .approach-features {
     list-style: none;
     padding: 0;
     margin: 0;
   }

   .approach-features li {
     font-size: 0.95rem;
     color: var(--dark-gray);
     margin-bottom: 10px;
     line-height: 1.5;
     padding-left: 25px;
     position: relative;
   }

   .approach-features li:before {
     content: "✓";
     position: absolute;
     left: 0;
     color: var(--teal);
     font-weight: bold;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .treatment-approaches {
       padding: 60px 0;
     }
   }

   @media (max-width: 768px) {
     .treatment-approaches {
       padding: 50px 0;
     }

     .approach-card {
       padding: 25px;
     }

     .approach-icon {
       font-size: 35px;
     }
   }

   @media (max-width: 576px) {
     .treatment-approaches {
       padding: 40px 0;
     }

     .approach-card {
       padding: 20px;
     }

     .approach-card h3 {
       font-size: 1.2rem;
     }

     .approach-features li {
       font-size: 0.9rem;
     }
   }

   /* Conditions Treated Section */
   .conditions-treated {
     padding: 80px 0;
     background: var(--gray);
   }

   .condition-category {
     margin-bottom: 50px;
   }

   .category-title {
     font-size: 1.8rem;
     color: var(--dark-blue);
     margin-bottom: 25px;
     padding-bottom: 10px;
     border-bottom: 2px solid var(--teal);
   }

   .condition-list {
     list-style: none;
     padding: 0;
     margin: 0;
     columns: 2;
     column-gap: 30px;
   }

   .condition-list li {
     font-size: 1.05rem;
     color: var(--dark-gray);
     margin-bottom: 12px;
     padding-left: 25px;
     position: relative;
     line-height: 1.6;
     break-inside: avoid;
   }

   .condition-list li:before {
     content: "•";
     position: absolute;
     left: 0;
     color: var(--teal);
     font-weight: bold;
     font-size: 1.2rem;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .conditions-treated {
       padding: 60px 0;
     }
   }

   @media (max-width: 768px) {
     .conditions-treated {
       padding: 50px 0;
     }

     .condition-list {
       columns: 1;
     }

     .condition-list li {
       font-size: 0.95rem;
     }
   }

   @media (max-width: 576px) {
     .conditions-treated {
       padding: 40px 0;
     }

     .category-title {
       font-size: 1.5rem;
     }

     .condition-list li {
       font-size: 0.9rem;
     }
   }

   /* Integrated Care Section */
   .integrated-care {
     padding: 80px 0;
     background: var(--white);
   }

   .integrated-content {
     background: linear-gradient(135deg, var(--light-teal) 0%, var(--light-blue) 100%);
     border-radius: 15px;
     padding: 40px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
   }

   .integrated-list {
     list-style: none;
     padding: 0;
     margin: 0;
   }

   .integrated-list li {
     font-size: 1.05rem;
     color: var(--dark-gray);
     margin-bottom: 15px;
     padding-left: 30px;
     position: relative;
     line-height: 1.6;
   }

   .integrated-list li:before {
     content: "✓";
     position: absolute;
     left: 0;
     color: var(--teal);
     font-weight: bold;
     font-size: 1.2rem;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .integrated-care {
       padding: 60px 0;
     }

     .integrated-content {
       padding: 30px;
     }
   }

   @media (max-width: 768px) {
     .integrated-care {
       padding: 50px 0;
     }

     .integrated-list li {
       font-size: 0.95rem;
       padding-left: 25px;
     }
   }

   @media (max-width: 576px) {
     .integrated-care {
       padding: 40px 0;
     }

     .integrated-content {
       padding: 20px;
     }

     .integrated-list li {
       font-size: 0.9rem;
       padding-left: 20px;
     }
   }

   /* CTA Section */
   .cta-diagnosis {
     background: linear-gradient(135deg, var(--light-blue) 0%, var(--light-teal) 100%);
     padding: 80px 20px;
     text-align: center;
     position: relative;
     overflow: hidden;
   }

   .cta-title {
     font-size: 2.2rem;
     font-weight: 700;
     color: var(--dark-blue);
     margin-bottom: 20px;
   }

   .cta-text {
     font-size: 1.1rem;
     line-height: 1.7;
     color: #333;
     max-width: 700px;
     margin: 0 auto 30px;
   }

   /* Responsive Design */
   @media (max-width: 991px) {
     .cta-diagnosis {
       padding: 60px 20px;
     }

     .cta-title {
       font-size: 1.8rem;
     }
   }

   @media (max-width: 768px) {
     .cta-diagnosis {
       padding: 50px 15px;
     }

     .cta-title {
       font-size: 1.6rem;
     }

     .cta-text {
       font-size: 1rem;
     }
   }

   @media (max-width: 576px) {
     .cta-diagnosis {
       padding: 40px 15px;
     }

     .cta-title {
       font-size: 1.4rem;
     }

     .cta-text {
       font-size: 0.95rem;
     }
   }

   /*calendly*/
   .calendly-container {
  max-width: 100%;
  height: 700px; /* default */
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  margin: 0 auto;
}

/* Adjust height for smaller devices */
@media (max-width: 768px) {
  .calendly-container {
    height: 900px; /* give more space on tablets/phones */
  }
}

@media (max-width: 480px) {
  .calendly-container {
    height: 1100px; /* extra height for mobile scrolling */
  }
}