.about-hero {
    background: linear-gradient(
        rgba(13, 71, 161, 0.8),
        rgba(46, 125, 50, 0.8)
      ),
      url("https://images.unsplash.com/photo-1521791136064-7986c2920216?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2069&q=80");
    background-size: cover;
    background-position: center;
  }
  .value-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
  }
  .timeline-item::before {
    content: "";
    position: absolute;
    left: -38px;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #2e7d32;
    border: 4px solid #0d47a1;
  }
  .team-card:hover img {
    transform: scale(1.05);
  }

  /* Counter animation */
  .counter {
    display: inline-block;
  }

  /* Team card hover effect */
  .team-card:hover {
    transform: translateY(-10px);
  }

  /* Animation for stats counter */
  @keyframes countUp {
    from {
      transform: translateY(20px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .contact-hero {
    background: linear-gradient(
        rgba(13, 71, 161, 0.85),
        rgba(46, 125, 50, 0.85)
      ),
      url("https://images.unsplash.com/photo-1521791136064-7986c2920216?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2069&q=80");
    background-size: cover;
    background-position: center;
  }
  .contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
  }
  .form-input:focus {
    border-color: #0d47a1;
    box-shadow: 0 0 0 2px rgba(13, 71, 161, 0.2);
  }

  .hero-gradient {
    background: linear-gradient(135deg, #0d47a1 0%, #2e7d32 100%);
  }
  .service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }
  .floating {
    animation: floating 3s ease-in-out infinite;
  }
  @keyframes floating {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-15px);
    }
    100% {
      transform: translateY(0px);
    }
  }


  .service-hero {
    background: linear-gradient(
        rgba(13, 71, 161, 0.85),
        rgba(46, 125, 50, 0.85)
      ),
      url("https://images.unsplash.com/photo-1467232004584-a241de8bcf5d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2069&q=80");
    background-size: cover;
    background-position: center;
  }
  .service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }
  .tab-button.active {
    background-color: #0d47a1;
    color: white;
  }
  .feature-icon {
    transition: all 0.3s ease;
  }
  .feature-card:hover .feature-icon {
    transform: rotate(15deg) scale(1.1);
    color: #2e7d32;
  }
  .floating {
    animation: floating 3s ease-in-out infinite;
  }
  @keyframes floating {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-15px);
    }
    100% {
      transform: translateY(0px);
    }
  }