nav ul li a {
  font-size: 16px !important;
}

@media (max-width: 767px) {
  nav {
    padding: 0 25px !important;
  }

  /* Show hamburger */
  nav .menu-btn {
    display: block !important;
    color: #fff !important;
    font-size: 26px !important;
    z-index: 1001 !important;
  }

  #click:checked ~ .menu-btn i:before {
    content: "\f00d" !important;
  }

  /* Fullscreen overlay menu */
  nav ul {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: #0a0a0a !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    padding: 0 !important;
    transform: translateY(-100%) !important;
    transition: transform 0.25s ease-in-out !important;
    z-index: 1000 !important;
    overflow: hidden !important; /* Prevent scrolling */
  }

  /* Slide down when opened */
  #click:checked ~ ul {
    transform: translateY(0) !important;
  }

  /* Header inside dropdown (logo + close button) */
  nav ul .menu-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 25px 30px !important;
    width: 100% !important;
  }

  nav ul li a {
    opacity: 0;
    transform: none !important;
    transition: none !important;
  }

  nav ul .menu-logo {
    width: 45px !important;
    filter: brightness(0) saturate(100%) invert(100%) !important;
  }

  nav ul .close-btn {
    color: #fff !important;
    font-size: 28px !important;
    cursor: pointer !important;
  }

  /* Menu links */
  nav ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 10px 30px !important;
    list-style: none !important;
    margin: 0 !important;
    width: auto !important;
    top: 10px;
    position: relative;
    }

  nav ul li a {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between!important;
  }

  nav ul li a::after {
    content: "›" !important;
    font-size: 14px !important;
    color: #fff !important;
  }

  nav ul li a:hover {
    color: #aaa !important;
  }

  nav ul li a:hover::after {
    color: #aaa !important;
  }

  .icon-box p {
    font-size: 0.9rem!important;
}
.why-choose-us .intro-text {
    font-size: 0.9rem!important;
    text-align: left;
}

  /* CTA button at bottom */
  nav ul .cta-btn {
    margin: auto 30px 100px 30px !important;
    padding: 14px 0 !important;
    border: 1px solid #fff !important;
    border-radius: 8px !important;
    text-align: center !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
  }

  nav ul .cta-btn:hover {
    background: #fff !important;
    color: #000 !important;
  }

  /* Hide socials in mobile menu */
  nav ul .socials {
    display: none !important;
  }
}

@media (min-width: 1023px) {
  nav ul .cta-btn {
    display: none;
  }
  .cta-container h2 {
    text-align: center;
}
 .plus {
   margin: 0  1.2em;
}
}

html {
  scroll-behavior: smooth;         /* Smooth scrolling for mouse wheel & anchor links */
  -webkit-overflow-scrolling: touch; /* Momentum scroll on touch devices (iOS) */
  overflow-y: scroll;              /* Ensure scroll container works */
}
      .back-to-top {
            position: fixed;
            bottom: 40px;
            right: 40px;
            width: 50px;
            height: 80px;
            background: #000;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            z-index: 1000;
            border: none;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
            overflow: hidden;
        }

        .back-to-top::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, 
                rgba(255, 255, 255, 0.1) 0%, 
                rgba(255, 255, 255, 0.3) 50%, 
                rgba(255, 255, 255, 0.1) 100%);
            top: -100%;
            left: -100%;
            animation: glow 3s infinite;
        }

        @keyframes glow {
            0% {
                transform: translate(-100%, -100%) rotate(0deg);
            }
            100% {
                transform: translate(100%, 100%) rotate(360deg);
            }
        }

        .back-to-top.visible {
            opacity: 1;
            visibility: visible;
            transform: scale(1);
        }

        .back-to-top:hover {
            transform: scale(1.1) translateY(-5px);
            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4);
        }

        .back-to-top:active {
            transform: scale(0.95);
        }

        .arrow {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 16px solid #fff;
            position: relative;
            z-index: 1;
            animation: bounce 2s infinite;
        }

        .arrow::after {
            content: '';
            position: absolute;
            width: 3px;
            height: 12px;
            background: #fff;
            left: 50%;
            transform: translateX(-50%);
            top: 10px;
        }

        @keyframes bounce {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-8px);
            }
        }

        .particle {
            position: absolute;
            width: 4px;
            height: 4px;
            background: rgba(255, 255, 255, 0.6);
            border-radius: 50%;
            pointer-events: none;
            animation: particle-float 1s forwards;
        }

        @keyframes particle-float {
            0% {
                transform: translate(0, 0) scale(1);
                opacity: 1;
            }
            100% {
                transform: translate(var(--tx), var(--ty)) scale(0);
                opacity: 0;
            }
        }