:root {
      --primary-color: #07124D;
      --text-color: #3A3A3A;
      --max-width: 1200px;
    }

    body {
   
      margin: 0;
      padding: 0;
      background: #fff;
      color: var(--text-color);
    }

    section {
      padding: 40px 20px;
      text-align: center;
    }

    .container {
      max-width: var(--max-width);
      margin: 0 auto;
    }


     /*- OUR STORY */
    .our-story h2 {
      color: var(--primary-color);
       font-size: 2rem;
     font-weight: 400;
      font-family: "Syne", sans-serif;
      margin-top: 5rem;
      margin-bottom: 1rem;
      text-align: left;
    }

    .our-story p {
      font-size: 14px;
       font-family: "poppins", sans-serif;
      max-width: 1200px;
      /* margin: 0 auto 40px; */
      line-height: 1.8;
      text-align: justify;
    }

    .our-story img {
      width: 100%;
      height: auto;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    /* Medium screens (Tablet) */
    @media (min-width: 768px) {
   
        .our-story h2 {
        font-size: 2rem;
        margin: 2rem 0;
        text-align: left;
           font-family: "Syne", sans-serif;
           font-weight: 400;
      }

      .our-story p {
        font-size: 14px;
 font-family: "poppins", sans-serif;
      }

    }

    /* Large screens (Laptop) */
    @media (min-width: 992px) {
      .section {
        padding: 60px 40px;
      }

     
    }

    /* Extra large screens (Desktop) */
    @media (min-width: 1200px) {
      .section h2 {
        font-size: 3rem;
      }

.our-story h2{
     font-size: 3.2rem;
     font-weight: 400;
      font-family: "Syne", sans-serif;
      margin-top: 5rem;
      text-align: left;
}

     
      .our-story p{
         font-size: 14px;
          font-family: "poppins", sans-serif;
          color: #3A3A3A;
          text-align: left;
          text-align: justify;
      }

    }