@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Trispace:wght@100..800&display=swap');
    *{
    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
    }
    body {
      background-color: #F0FAEA;
       font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
    }

      .large-heading {
      font-size: 3rem; /* You can adjust the size */
    }

    /* Hero Section */
    .hero-section {
      background-color: #6DC04B;
      color: #fff;
      min-height: 100vh;
      
    }

    @media (min-width: 768px) {
  .display-md-4 {
    font-size: 3rem;
  }


.custom-title {
  font-size: 58px;
  letter-spacing: 1px;
  font-weight: 900;
}

@media (max-width: 768px) {
  .custom-title {
    font-size: 36px;
  }
}

@media (max-width: 480px) {
  .custom-title {
    font-size: 28px;
  }
}
  .fs-md-4 {
    font-size: 1.5rem;
  }

  .small-md {
    font-size: 0.9rem;
  }
}
/*hover animation (CSS)*/
.client-card {
  width: 100%;
  height: 120px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 10px;
}

.client-card img {
  display: block;
  max-width: 160px;
  max-height: 90px;
  width: auto;
  height: auto;

  object-fit: contain;

  margin: auto;
}
.client-card:hover img {
  transform: scale(1.1);
  filter: grayscale(0%);
  opacity: 1;
}
.swiper-slide {
  display: flex !important;
  align-items: center !important;     /* vertical center */
  justify-content: center !important; /* horizontal center */
}

/*hover animation (CSS)*/

  /* Animation */
  @keyframes scroll {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-20%);
      }
    }
    .hero-section h1 {
      font-weight: 700;
      font-size: 3rem;
    }
    .hero-section p {
      font-size: 1.1rem;
    }
    .hero-section .btn-primary {
      background-color: #1b1b1b;
      border: none;
      padding: 12px 30px;
      font-weight: 500;
      transition: background-color 0.3s ease;
    }
    .hero-section .btn-primary:hover {
      background-color: #333;
    }

    /* Features Cards */
    .features .card {
      background-color: #83c966; /* light green */
      color: #fff; /* white text */
      border: none;
      border-radius: 10px;
      border-left: #fff solid 4px ;
      padding: 15px 10px 0 10px;
      margin-bottom: 10px;
      box-shadow: 0 4px 10px rgba(212, 203, 203, 0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

     p{
      color: #3A6A2B;
      font-size: 18px;
     }
     h2{
      color: #1A3C1A;
     }
    .left-side {
      background-color: #6dc04b; 
      height: auto;
      padding: 0px!important;
    }
    

    .right-side {
      position: relative;
      overflow: hidden;
      height: 100vh;
      

    }
    /* Mobile (small devices) */
    @media (max-width: 768px) {
      .right-side {
        background-position: left center;
      }
    }
    /* Vending Image */
    .vending-image img {
      width: 100%;
     height: 100%;
      object-fit: contain;
    }

    /* Stats Section */
    .stats-section {
      background-color: #1A3C1A;
      color: #A8E063;
      padding: 2rem 0;
      text-align: center;
    }
    .stats-section h2 {
      font-weight: 700;
      font-size: 2.5rem;
      margin-bottom: 0.5rem;
    }
    .stats-section .stat {
      margin: 1rem 0;
    }

    @media (max-width: 992px) {
      .hero-section h1 {
        font-size: 2.5rem;
      }
    }
    @media (max-width: 576px) {
      .hero-section {
        padding: 4rem 1rem;
      }
    }



    /* contact use */



    .badge-custom {
      background-color: #c5e8a8;
      color: #356b1a;
      font-weight: 800;
      border-radius: 20px;
      padding: 2px 15px;
      display: inline-block;
      font-size: 14px;
      letter-spacing: 2.5px;
    }

    .title {
      color: #1f3d1a;
      font-weight: 700;
    }

    .info-box {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
    }

    .icon-box {
      width: 40px;
      height: 40px;
      background: #c5e8a8;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 10px;
      font-size: 18px;
    }

    .highlight-bar {
      background-color: #6dc04b;
      color: white;
      padding: 12px;
      border-radius: 8px;
      font-size: 18px;
      font-weight: 800;
      letter-spacing: 2px;
      
    }

    .form-card {
      background: #fff;
      border-radius: 12px;
      padding: 20px;
    }

    .form-control {
      border-radius: 8px;
      border: 1px solid #c5e8a8;
    }
    
    .modern-btn {
        padding: 8px 14px;
        border-radius: 50px;
        background: linear-gradient(135deg, #0d6efd, #4dabf7);
        color: white;
        font-weight: 600;
        font-size: 13px;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
        box-shadow: 0 4px 10px rgba(13, 110, 253, 0.25);
    }
    
    .modern-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(13, 110, 253, 0.35);
        color: white;
    }
    
    .modern-btn i {
        font-size: 12px;
    }

    .btn-custom {
      background-color: #6dc04b;
      color: white;
      border-radius: 8px;
      font-weight: 600;
    }

    .btn-custom:hover {
      background-color: #5aad3f;
    }