* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
     font-family: "Lato", sans-serif;
    }

    body {
      background-color: #f9f9f9;
      color: #000;
      line-height: 1.6;
        font-family: "Lato", sans-serif;

    }

    /* Top Section (Header + Vision) */
    .top-section {
      background: linear-gradient(to bottom, #00ADEC, #FFFFFF);
      padding: 40px 20px;
      text-align: center;
    }

    .header-box {
      background: #fff;
      border-radius: 8px;
      padding: 10px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 1000px;
      margin: 0 auto 40px auto;
      box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
    }

    .header-box img {
      height: 40px;
    }

    .social-icons {
      display: flex;
      gap: 10px;
      align-items: center;
    }

    .social-icons a {
      /* background: #f0f0f0; */
      /* border-radius: 50%;
      padding: 8px; */
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
    }

    .social-icons img {
      width: 40px;
      height: 40px;
    }

    .top-section h2 {
      font-size: 28px;
      margin-bottom: 20px;
letter-spacing: 0px;
color: #231F20;
opacity: 1;
font-weight: bold;
  font-family: "Lato", sans-serif;

    }

    .top-section p {
      max-width: 670px;
      margin: 0 auto;
      font-size: 16px;
      line-height: 1.8;
color: #231F20;
opacity: 1;
  font-family: "Lato", sans-serif;

    }

    /* Mission Section */
    .mission-section {
      background: #FFFFFF;
      text-align: center;
      padding: 60px 20px;
    }

    .mission-section h2 {
      font-size: 28px;
      margin-bottom: 20px;
      font-weight: bold;
      color: #231F20;
opacity: 1;
  font-family: "Lato", sans-serif;

    }

    .mission-section p {
      max-width: 870px;
      margin: 0 auto;
      font-size: 16px;
      line-height: 1.8;
      color: #231F20;
opacity: 1;
  font-family: "Lato", sans-serif;

    }

    /* APPS */
    .apps{
        background:  #231F20;
        padding: 60px 20px;
        color: #fff;
    }
    .apps h2{
        text-align: center;
        margin-bottom: 50px;
        font-size: 28px;
        font-weight: bold;
          font-family: "Lato", sans-serif;

    }
     .app-card {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .apps .app-grid{
        max-width: 900px;
        margin: 0px auto 50px auto;
    }

    .app-card img {
      /* width: 40px; */
      height: 50px;
    }

    .app-card1 img{
        height: 50px;
    }
    .app-card1{
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
    }

    @media(max-width:768px){
        .app-card1{
            justify-content: start;
            margin-bottom: 10px
            ;
        }
        .app-card{
            margin-bottom: 10px;
        }
        .apps .app-grid{
            margin:0px auto 0px auto;
        }
        .app-card img {
            height: 44px;
        }
        .app-card1 img{
            height: 44px;
        }
    }

    /* ---contact --- */
    .contact{
        padding: 60px 20px;
        max-width: 900px;
        margin: 0px auto 0px auto;
    }
    .contact h2{
        text-align: center;
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #231F20;
          font-family: "Lato", sans-serif;

    }
    .contact p{
        text-align: center;
        margin-bottom: 20px;
        color: #231F20;
          font-family: "Lato", sans-serif;
        font-size: 16px;

    }
    .submit-button .submit{
        background: #22abfa;
        color: #fff;
        border: 1px solid #22abfa;
        padding: 8px 30px;
    }
    .submit-button{
        display: flex;
        justify-content: center;
        align-items: center;
          font-family: "Lato", sans-serif;

    }
    .submit-button .submit:hover{
        background:  #00AEEF;
        color: #fff;
        border: 1px solid  #00AEEF;
        padding: 8px 30px;
    }
    .form-control{
        background-color: #F8F8F8 !important;
        border: 1px solid #bababacd !important;
          font-family: "Lato", sans-serif;


    }

    @media(max-width:991px){
        .contact-input{
            margin-bottom: 10px;
        }
    }

    /* footer-section */
    .footer{
        background:  #231F20;
    }
    .footer-section{
         color: #fff;
        padding: 20px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 900px;
        margin: 0px auto 0px auto;
    }
    .footer-logo{
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .footer-logo h3{
        font-size: 18px;
        font-weight: 600;
        line-height: 1.3;
          font-family: "Lato", sans-serif;

    }
    .footer-logo p{
        margin-bottom: 0;
          font-family: "Lato", sans-serif;
        font-size: 16px;
    }
    .social-icons p{
        margin-bottom: 0;
          font-family: "Lato", sans-serif;
        font-size: 16px;
    }
    .footer-img{
        height: 66px;
    }

    @media(max-width:700px){
      .footer-logo{
        display: block;
      }
      .footer-section{
        display: block;
        padding: 20px 20px;
      }
      
    }