 /* 1. Basic CSS Reset & Styling */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      background-color: #000000;
      color: #f0f0f0;
      overflow-x: hidden;
      /* padding-top: 37px; */
      /* display: flex; */
      /* justify-content: center; */

      /* Prevent horizontal scrollbars from animations */
    }


    /* 3. Section Styling */
    section {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      padding-bottom: 50px;
      padding-top: 50px;
      margin-top: 50px;
      margin-bottom: 30px;
      /* min-height: 100vh; */
      /* Crucial: Each section is full viewport height */
      /* min-width: 100vw; */
      /* max-width: 1200px; */


      /* border-bottom: 1px solid #333; */
    }

    /* section h2 {
      font-size: 5vw;
      font-weight: 700;
      margin-bottom: 20px;
    }

    section p {
      font-size: 1.2rem;
      max-width: 600px;
      text-align: center;
    } */
/*   */
    /* Unique background for each section to see the effect clearly */
    #section1 {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: relative;
      background-color: #1d2b3a;
      margin:0 ;
    }

    #section2 {
      background-color: #000000;
      /* min-width: 100%; */
      
    }

    #section3 {
      /* services */
      /* background-color: #2b3a1d; */
      /* max-width: 1200px; */

      justify-self: center;
    }

    #section4 {
      /* background-color: #1d3a33; */
    }

    #section5 {
      /* background-color: #3a2b1d; */
    }

    /* 4. Styling for Animation Elements in Section 3 */
    /* .box-container {
      display: flex;
      gap: 20px;
    }

    .box {
      width: 100px;
      height: 100px;
      background-color: #00ff99;
      border-radius: 10px;
    } */