html {
     overflow-y: scroll;
     scrollbar-width: none;
      font-family: 'Roboto', Arial, sans-serif !important;
 }

 body {
     margin: 0;
     padding: 0;
     background-color: #f4f4f4;
 }

 #services-submenu a {
     color: white;
     font-weight: normal;
 }

 /* Header Styles */
 header {
     background-color: #ffffff;
     /* White background */
     position: fixed;
     width: 100%;
     z-index: 50;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     padding: 10px 0;
 }

 nav {
     max-width: 1340px !important;
     margin: 0 auto;
     padding: 0 100px;
     display: flex;
     justify-content: space-around;
     align-items: center;
 }


 /* Menu Styles */
 ul {
     display: flex;
     gap: 20px;
     align-items: center;
     list-style: none;
     margin: 0;
 }

 li a {
     color: #0a0a0a;
     /* Dark text color */
     font-size: 14px !important;
     text-decoration: none;
     transition: color 0.3s ease;
 }

 li a:hover {
     color: #71AC1E;
     /* Accent color */
 }

 .menu-button {
     display: none;
     background: none;
     border: none;
     color: #0a0a0a;
     /* Dark text color */
     font-size: 30px;
     cursor: pointer;
 }


 /* Mobile Menu */
 #mobile-menu {
     position: fixed;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     background-color:#71AC1E;
     color: #ffffff;
     display: none;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     z-index: 100;
 }

 #mobile-menu ul {
     display: flex;
     flex-direction: column;
     text-align: center;
     padding: 0;
 }

 #mobile-menu ul li a {
     color: #ffffff;
     padding: 0;
 }

 /* Show mobile menu */
 #mobile-menu {
     display: none;
 }

 #mobile-menu:not(.hidden) {
     display: flex;
 }

 /* Scrollable and Smooth animation for the marquee */
 .marquee-container {
     display: flex;
     overflow: hidden;
     white-space: nowrap;
     position: relative;
     width: 100%;
 }

 .marquee-content {
     display: flex;
     gap: 1rem;
     width: max-content;
     animation: marquee 15s linear infinite;
 }

 @keyframes marquee {
     from {
         transform: translateX(0);
     }

     to {
         transform: translateX(-50%);
     }
 }

 .marquee-content:hover {
     animation-play-state: paused;
 }

 /* Testimonial icon styles */
 .swiper-pagination-bullet {
     background-color: #71AC1E !important;
 }

 .swiper-pagination-bullet-active {
     background-color: #71AC1E !important;
 }

 /* Media Queries for Mobile */
 @media (max-width: 768px) {
     .menu-button {
         display: block;
     }

     nav {
         justify-content: space-between;
         /* Keep normal spacing */
         padding: 0 15px;
     }

     .logo img {
         width: 180px;
         /* Smaller logo on mobile */
     }

     ul.desktop-menu {
         display: none;
     }

     main {
         padding-top: 0;
         /* Remove padding to prevent white space */
     }

     header {
         padding: 5px 0;
         /* Slightly reduce header padding on mobile */
     }
    }