.hero-bg {
    background-color: #1F4B3F; /* Solid background color */
    background-image: url('./assests/images/slides.webp'); /* Background image */
    background-position: center bottom; /* Center the image horizontally, position at the bottom */
    background-size: cover; /* Scale image to cover the container */
    background-repeat: no-repeat; /* Prevent image repetition */
    

}

  .nav-bg{
    background-color: #1F4B3F; /* Add a solid background color */
    background-image: url('./assests/images/slides.webp'); /* Background image */
    background-position: bottom; /* Position the image at the bottom */
    background-size: cover; /* Ensure the image covers the area */
  }
  .CTA-bg{
   
    background-position: bottom; /* Position the image at the bottom */
    background-size: cover; /* Ensure the image covers the area */
  }
  .dmsCTA-bg{
    background-image: url('./assests/images/h5-bg.webp'); /* Background image */
    background-position: bottom; /* Position the image at the bottom */
    background-size: cover; /* Ensure the image covers the area */
  }


  .title{
    color: #000037;
    font-family: "Poppins", Sans-serif;
    font-size: 32px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 45px;
    letter-spacing: 0.9px;
}
.prod-title{
  font-family: Merriweather, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity));
}
.para{
        color: #72749F;
        font-family: "Titillium Web", Sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        text-align: justify;
}

.loader {
    /* width: fit-content; */
    clip-path: inset(0 100% 0 0);
    animation: l5 2s steps(11) infinite;
  }
  .loader:before {
    content:""
  }
  @keyframes l5 {to{clip-path: inset(0 -1ch 0 0)}}

      /* Hide scrollbar */
      .scrollbar-hide::-webkit-scrollbar {
        display: none;
      }
      .scrollbar-hide {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
      }

      :root {
        --navbar-height: 80px; /* Adjust based on your navbar height */
      }