/* Footer styles */
    .footer-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 40px;
      max-width: 1200px;
      margin: auto;
    }

    /* Media Queries */
    @media (min-width: 768px) {
      body {
        padding-top: 0px;
      }

      .navbar {
        padding: 15px 30px;
      }

      .nav-left img {
        height: 40px;
      }

      .nav-right {
        display: flex;
        align-items: center;
        gap: 20px;
      }

      .mobile-nav-controls {
        display: none;
      }

      .services-container {
        display: grid;
        grid-template-columns: 60% 40%;
        gap: 40px;
      }

      .hero-text {
        font-size: 2.5rem;
      }

      .hero-subtext {
        font-size: 1.2rem;
      }

      .cta-button {
        width: auto;
        padding: 12px 30px;
      }

      .service-card {
        height: 350px;
        padding: 25px;
      }

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

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

      .service-description {
        font-size: 0.9rem;
      }
    }

    @media (max-width: 767px) {
      .mobile-menu-btn {
        display: block;
      }

      .service-card {
        padding: 16px;
        height: 280px;
        border-radius: 8px;
        backdrop-filter: blur(10px);
      }

      .service-icon {
        width: 44px;
        height: 44px;
        font-size: 18px;
      }

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

      .service-description {
        font-size: 0.84rem;
      }

      .learn-more {
        font-size: 0.82rem;
      }

      /* Mobile adjustments for impact grid */
      #impactGrid {
        grid-template-columns: repeat(2, 1fr) !important;
      }

      .impact-box {
        padding: 20px !important;
      }

      .impact-count {
        font-size: 1.5rem !important;
      }

      /* Mobile adjustments for services grid */
      #servicesGrid {
        grid-template-columns: repeat(1, 1fr) !important;
      }

      /* Mobile adjustments for startup slider */
      #startupSlider > div {
        flex: 0 0 100% !important;
      }
    }

    @media (min-width: 992px) {
      .container {
        padding: 0 20px;
      }

      .hero-text {
        font-size: 2.8rem;
      }

      .service-card {
        height: 380px;
      }

      .services-container {
        grid-template-columns: 70% 30%;
      }
    }