/* DM Sans Font */
   * {
       font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   }

   /* Optional: Make headings bolder */
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       font-family: 'DM Sans', sans-serif;
       font-weight: 700;
       letter-spacing: -1px;
   }

   :root {
       --primary-purple: #FB393A;
       --accent-orange: #fd7e14;
   }

   .navbar {
       background-color: white;
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   }

   .accordion-item {
       border-radius: 10px;
   }

   .whiteclr {
       color: #ccc;
   }

   .frshbg {
       background: url(../img/fresh-farm-milk-sec-bg.webp);
   }

   .hero {
       background: linear-gradient(135deg, #FB393A 0%, #e90a0a 100%);
       color: white;
       padding: 120px 0 80px;
       position: relative;
       overflow: hidden;
   }

   .whitetext {
       color: #fff;
   }

   .hero::before {
       content: '';
       position: absolute;
       bottom: -50px;
       left: 0;
       right: 0;
       height: 100px;
       background: white;
       border-radius: 50% 50% 0 0;
   }

   .milk-bottle {
       animation: float 3s ease-in-out infinite;
   }

   @keyframes float {

       0%,
       100% {
           transform: translateY(0);
       }

       50% {
           transform: translateY(-20px);
       }
   }

   .section-title {
       color: var(--primary-purple);
       font-weight: 700;
   }

   .feature-card {
       transition: all 0.3s ease;
   }

   .feature-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 15px 30px rgba(111, 66, 193, 0.15) !important;
   }

   .testimonial-card {
       background: white;
       border-radius: 15px;
       box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
   }

   .faq-question {
       background: #fff3cd;
       border: none;
       text-align: left;
       font-weight: 500;
   }

   .purple-wave {
       background: linear-gradient(135deg, #FB393A 0%, #bd1414 100%);
       position: relative;
   }

   .purple-wave::after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 0;
       right: 0;
       height: 80px;
       background: white;
       border-radius: 50% 50% 0 0;
   }

   .map-container {
       border-radius: 15px;
       overflow: hidden;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
   }

   .banner-text {
       letter-spacing: -5px;
   }

   .list-unstyled li {
       padding: .8rem;
       background: #fff3cd;
       margin: 0 0 16px 0;
       border-radius: .5rem;
   }

   .black {
       color: black;
   }

   .accordion-button {
       background: #fafafa;

   }

   .banner_text {
       background: url(../img/fresh-farm-milk-sec-bg.png) #fafafa no-repeat;
       background-size: 100%;
       padding: 5rem 0 15rem;
   }

   @media(max-width:550px) {
       .banner_text {
           background-size: cover;
           padding: 5rem 0 5rem;
       }

       .banner-text {
           letter-spacing: -2px;
       }
   }