html,
 body {
     font-family: 'Poppins', sans-serif !important;
     margin: 0;
     padding: 0;
     overflow-x: hidden;

 }

 /* @keyframes squares {
     from {
         transform: translateY(100%) rotate(-50deg);
     }

     to {
         transform: translateY(calc(-100vh + -100%)) rotate(20deg);
     }
 } */

 /* -------------------------------------------------
           Scroll-Down Indicator (Mouse) – hides on scroll
        ------------------------------------------------- */
 .scroll-down-container {
     position: fixed;
     bottom: 40px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 10;
     opacity: 1;
     transition: opacity 0.6s ease, transform 0.6s ease;
 }

 .scroll-down-container.hide {
     opacity: 0;
     transform: translateX(-50%) translateY(20px);
 }

 .field {
     width: 50px;
     height: 80px;
     border: 3px solid rgba(255, 255, 255, 0.8);
     border-radius: 50px;
     position: relative;
 }

 .mouse {
     width: 8px;
     height: 18px;
     background: rgba(255, 255, 255, 0.9);
     border-radius: 10px;
     position: absolute;
     top: 15px;
     left: 50%;
     transform: translateX(-50%);
     animation: scrollWheel 2s infinite;
 }

 @keyframes scrollWheel {
     0% {
         transform: translateX(-50%) translateY(0);
         opacity: 1;
     }

     80% {
         transform: translateX(-50%) translateY(20px);
         opacity: 0;
     }

     100% {
         transform: translateX(-50%) translateY(0);
         opacity: 1;
     }
 }

 /* Optional: slightly fade when near top */
 .scroll-down-container.show-on-top {
     opacity: 1 !important;
     transform: translateX(-50%) translateY(0) !important;
 }

 .main-content-wrapper {
     padding-top: 90px;
     /* Adjust if needed */
 }

 /* Optional: Make it responsive */
 @media (max-width: 768px) {
     .main-content-wrapper {
         padding-top: 100px;
         /* Slightly more on mobile if navbar is taller */
     }
 }

 .whatsapp-float {
     position: fixed;
     bottom: 25px;
     right: 25px;
     width: 55px;
     height: 55px;
     background-color: #25D366;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
     z-index: 9999;
     transition: transform 0.3s ease;
 }

 .whatsapp-float:hover {
     transform: scale(1.1);
 }

 .whatsapp-float img {
     width: 30px;
     height: 30px;
 }