body {
      font-family: 'Object Sans', 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;
    }
    .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;
      }
    }
    /* Add .main-heading style for headings except hero section */
    .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;
      }
    }
  
    /* ----------------------------- */

    @keyframes partners-scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    /* Decrease font size for timeline content */
    #timeline-content {
      font-size: 0.95rem;
    }
    @media (min-width: 480px) {
      #timeline-content {
        font-size: 1.05rem;
      }
    }
    @media (min-width: 640px) {
      #timeline-content {
        font-size: 1.15rem;
      }
    }
    @media (min-width: 768px) {
      #timeline-content {
        font-size: 1.2rem;
      }
    }
    @media (min-width: 1024px) {
      #timeline-content {
        font-size: 1.25rem;
      }
    }
    /* Decrease top padding for Strategic Partners and Timeline sections on mobile */
    @media (max-width: 479px) {
      section.bg-\[\#18191A\][class*="py-12"] {
        padding-top: 0.5rem !important;
        padding-bottom: 2.5rem !important;
      }
      section.bg-\[\#18191A\][class*="py-16"] {
        padding-top: 0.5rem !important;
        padding-bottom: 2.5rem !important;
      }
    }


    /* Contact Modal Styles */
    #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;
      }
      #contact-modal > div::-webkit-scrollbar {
        width: 6px;
        background: #18191A;
      }
      #contact-modal > div::-webkit-scrollbar-thumb {
        background: #d35400;
        border-radius: 6px;
      }
    }