/* Reduce padding for specific sections in mobile view */
    @media (max-width: 639px) {
      .applications-section,
      .defence-section,
      .numbers-section,
      .strategic-partners-section {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
      }
    }
    body {
      font-family: 'Roboto', sans-serif;
    }
    html {
      scroll-behavior: smooth;
    }
    .fade-in-up {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.8s cubic-bezier(.4,0,.2,1), transform 0.8s cubic-bezier(.4,0,.2,1);
    }
    .fade-in-up.visible {
      opacity: 1;
      transform: translateY(0);
    }
    #mobile-menu {
      transition: transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s cubic-bezier(.4,0,.2,1);
      transform: translateY(-40px);
      opacity: 0;
    }
    #mobile-menu.menu-visible {
      transform: translateY(0);
      opacity: 1;
    }
    .main-heading {
      font-family: 'Roboto', sans-serif;
      font-size: 1.3rem;
      color: #fff;
      text-align: left;
      font-weight: 600;
      line-height: 1.2;
      margin-bottom: 1.5rem;
    }
    @media (min-width: 480px) {
      .main-heading {
        font-size: 1.5rem;
      }
    }
    @media (min-width: 640px) {
      .main-heading {
        font-size: 1.7rem;
      }
    }
    @media (min-width: 768px) {
      .main-heading {
        font-size: 2rem;
      }
    }
    @media (min-width: 1024px) {
      .main-heading {
        font-size: 2.5rem;
      }
    }
    /* Keep hero section heading large */
    .hero-main-heading {
      font-size: 2rem;
    }
    @media (min-width: 480px) {
      .hero-main-heading {
        font-size: 2.2rem;
      }
    }
    @media (min-width: 640px) {
      .hero-main-heading {
        font-size: 2.5rem;
      }
    }
    @media (min-width: 768px) {
      .hero-main-heading {
        font-size: 3rem;
      }
    }
    @media (min-width: 1024px) {
      .hero-main-heading {
        font-size: 3.5rem;
      }
    }
    .section-container {
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0.25rem;
      padding-right: 0.25rem;
    }
    @media (min-width: 480px) {
      .section-container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
    }
    @media (min-width: 640px) {
      .section-container {
        padding-left: 1rem;
        padding-right: 1rem;
      }
    }
 

    /*contact modal */
      #contact-modal input, #contact-modal textarea { font-size: 1.1rem; font-family: 'Objet Sans', sans-serif; }
  #contact-modal input:focus, #contact-modal textarea:focus { outline: none; border-color: #d35400; }
  #contact-modal-close { position: absolute; top: 16px; right: 16px; cursor: pointer; z-index: 10; }
  @media (max-width: 768px) {
    #contact-modal > div {
      flex-direction: column;
      max-height: 90vh;
      overflow-y: auto;
      scrollbar-width: thin;
      scrollbar-color: #d35400 #18191A;
    }
    #contact-modal .flex-1 {
      min-width: 0;
    }
    #contact-modal form {
      min-width: 0;
    }
    /* Custom scrollbar for Webkit browsers */
    #contact-modal > div::-webkit-scrollbar {
      width: 6px;
      background: #18191A;
    }
    #contact-modal > div::-webkit-scrollbar-thumb {
      background: #d35400;
      border-radius: 6px;
    }
  }