@font-face {
     font-family: "Russolo";
     src: url("fonts/Russolo.woff2") format("woff2"),
         url("fonts/Russolo.woff") format("woff"),
         url("fonts/Russolo.ttf") format("truetype");
     font-weight: normal;
     font-style: normal;
 }

 h1,
 li {
     font-family: russolo, russolo Fallback !important;
 }

 /*Header start*/
 header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0px 80px;
     /* increased top-bottom + side spacing */
     background: #fff;
     /* border-bottom: 1px solid #ddd; */
 }

 .logo-section {
     display: flex;
     align-items: center;
     gap: 25px;
 }

 /* First logo bigger */
 .logo-section img:first-child {
     width: 80px;
     height: auto;
 }

 /* Second logo bigger */
 .logo-section img:last-child {
     width: 140px;
     height: auto;
 }

 nav ul {
     list-style: none;
     display: flex;
     gap: 35px;
     /* more space between menu items */
     margin: 0;
     padding: 0;
 }

 nav ul li a {
     text-decoration: none;
     color: #000;
     font-size: 18px;
     /* bigger menu text */
     font-weight: 500;
     transition: color 0.3s;
 }

 nav ul li a:hover {
     color: #006940;
 }

 /*Header end*/

 /*hero banner*/
 .hero-heading {
     font-size: 70px;
 }

 /*brand section css*/
 .container {
     max-width: 1300px;
     /* control total width */
     margin: 0 auto;
     /* centers container */
     padding: 0 40px;
     margin-top: 50px;
     margin-bottom: 100px;
     /* equal left & right space */
 }

 .icon-section {
     display: flex;
     justify-content: space-between;
     gap: 20px;
     /* space between icons */
 }

 .icon-box {
     width: 104px;
     height: 130px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 10px;
     transition: 0.3s;
 }

 .icon-box img {
     width: 100%;
     height: auto;
 }



 /*footer css*/
 footer {
      background: #fff;
      color: #000;
      padding: 60px 40px;
    }

    .footer-container {
      max-width: 1300px;
      /* ✅ Limit max width */
      margin: 0 auto;
      /* ✅ Center align */
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 40px;
    }

    /* Logos */
    .footer-logo {
      display: flex;
      align-items: center;
      /* vertically center */
      gap: 15px;
      /* space between logos */
      margin-bottom: 10px;
    }

    .footer-logo img {
      display: inline-block;
      /* allow inline positioning */
    }

    .logo1 {
      width: 80px;
      height: 91px;
      object-fit: contain;
    }

    .logo2 {
      width: 140px;
      height: 52px;
      object-fit: contain;
    }

    .footer-about {
      font-size: 16px;
      text-align: justify;
    }

    /* Titles */
    .footer-title {
      font-size: 28px;
      font-weight: 600;
      margin-bottom: 15px;
      color: #000;
    }

    /* Links */
    .footer-links,
    .footer-contact {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .footer-links li,
    .footer-contact li {
      margin-top: 10px;
      font-size: 18px;
    }

    .footer-links a,
    .footer-contact a {
      text-decoration: none;
      color: inherit;
    }

    /* Icons */
    .footer-contact i {
      color: #006940;
      margin-right: 10px;
    }

    .social-icons {
      margin-top: 20px;
      display: flex;
    }

    .social-icons a {
      background: #006940;
      color: #fff;
      padding: 10px;
      margin-right: 10px;
      border-radius: 7px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.3s ease;
    }

    .social-icons a:hover {
      background: #00694090;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .footer-container {
        grid-template-columns: 1fr;
      }
    }