html {
         scroll-behavior: smooth;
     }

     body {
         font-family: 'Poppins', sans-serif;
     }

     body.scrolled::before {
         backdrop-filter: blur(20px);
         -webkit-backdrop-filter: blur(20px);
         opacity: 1;
     }

     /* Custom Scrollbar */
     ::-webkit-scrollbar {
         width: 10px;
     }

     ::-webkit-scrollbar-track {
         background: #000000;
     }

     ::-webkit-scrollbar-thumb {
         background: linear-gradient(180deg, #FFD700, #FFA500);
         border-radius: 10px;
     }

     /* Glassmorphism utilities */
     .glass-bg {
         background: rgba(255, 255, 255, 0.05);
         backdrop-filter: blur(20px);
         -webkit-backdrop-filter: blur(20px);
     }

     .glass-border {
         border: 1px solid rgba(255, 255, 255, 0.1);
     }

     /* Gradient text */
     .gradient-text {
         background: linear-gradient(135deg, #FFD700, #FFA500);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         background-clip: text;
     }

     .gradient-text-white {
         background: linear-gradient(135deg, #ffffff, #a0a0a0);
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         background-clip: text;
     }

     /* Header blur effect */
     body::before {
         content: '';
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 120px;
         backdrop-filter: blur(0px);
         -webkit-backdrop-filter: blur(0px);
         transition: backdrop-filter 0.4s ease;
         pointer-events: none;
         z-index: 40;
         opacity: 0;
     }

     body.scrolled::before {
         backdrop-filter: blur(20px);
         -webkit-backdrop-filter: blur(20px);
         opacity: 1;
     }

     /* Floating shapes */
     .floating-shape {
         position: absolute;
         border-radius: 50%;
         filter: blur(100px);
         opacity: 0.25;
     }

     .shape1 {
         width: 600px;
         height: 600px;
         background: linear-gradient(135deg, #FFD700, #FFA500);
         top: 10%;
         right: -10%;
         animation: float-around 25s ease-in-out infinite;
     }

     .shape2 {
         width: 500px;
         height: 500px;
         background: linear-gradient(135deg, #8B5CF6, #FFD700);
         bottom: -10%;
         left: -5%;
         animation: float-around 25s ease-in-out infinite;
         animation-delay: -8s;
     }

     .shape3 {
         width: 400px;
         height: 400px;
         background: linear-gradient(135deg, #FFA500, #8B5CF6);
         top: 50%;
         left: 50%;
         animation: float-around 25s ease-in-out infinite;
         animation-delay: -16s;
     }

     /* Round floating particles */
     .round-particle {
         position: absolute;
         border-radius: 50%;
         background: rgba(255, 215, 0, 0.3);
         animation: float-particles 20s ease-in-out infinite;
     }

     /* Hero particles */
     .particle {
         position: absolute;
         width: 4px;
         height: 4px;
         background: #FFD700;
         border-radius: 50%;
         opacity: 0.4;
         animation: float-up 15s linear infinite;
     }

     /* Stats circle */
     .stat-circle {
         background: conic-gradient(#FFD700 var(--progress), rgba(255, 215, 0, 0.1) 0deg);
     }

     /* Nav link hover effect */
     .nav-link::after {
         content: '';
         position: absolute;
         bottom: -5px;
         left: 0;
         width: 0;
         height: 2px;
         background: linear-gradient(135deg, #FFD700, #FFA500);
         transition: width 0.3s ease;
     }

     .nav-link:hover::after {
         width: 100%;
     }

     /* Dropdown Menu Styles */
     .dropdown {
         position: relative;
     }

     .dropdown-menu {
         position: absolute;
         top: calc(100% + 10px);
         left: 0;
         min-width: 200px;
         background: rgba(0, 0, 0, 0.95);
         backdrop-filter: blur(20px);
         -webkit-backdrop-filter: blur(20px);
         border: 1px solid rgba(255, 215, 0, 0.2);
         border-radius: 15px;
         padding: 8px 0;
         opacity: 0;
         visibility: hidden;
         transform: translateY(-10px);
         transition: all 0.3s ease;
         z-index: 1000;
         box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
     }

     .dropdown:hover .dropdown-menu {
         opacity: 1;
         visibility: visible;
         transform: translateY(0);
     }

     .dropdown-menu a {
         display: block;
         padding: 12px 20px;
         color: white;
         text-decoration: none;
         font-size: 14px;
         font-weight: 500;
         transition: all 0.3s ease;
         position: relative;
     }

     .dropdown-menu a::before {
         content: '';
         position: absolute;
         left: 0;
         top: 0;
         width: 3px;
         height: 100%;
         background: linear-gradient(135deg, #FFD700, #FFA500);
         transform: scaleY(0);
         transition: transform 0.3s ease;
     }

     .dropdown-menu a:hover {
         background: rgba(255, 215, 0, 0.1);
         color: #FFD700;
         padding-left: 25px;
     }

     .dropdown-menu a:hover::before {
         transform: scaleY(1);
     }

     .dropdown-toggle {
         display: flex;
         align-items: center;
         gap: 5px;
         cursor: pointer;
     }

     .dropdown-toggle i {
         font-size: 12px;
         transition: transform 0.3s ease;
     }

     .dropdown:hover .dropdown-toggle i {
         transform: rotate(180deg);
     }

     /* Mobile Dropdown Styles */
     @media (max-width: 768px) {
         .dropdown-menu {
             position: static;
             opacity: 1;
             visibility: visible;
             transform: translateY(0);
             background: rgba(255, 255, 255, 0.05);
             border: 1px solid rgba(255, 255, 255, 0.1);
             margin-top: 8px;
             max-height: 0;
             overflow: hidden;
             transition: max-height 0.3s ease, padding 0.3s ease;
             padding: 0;
         }

         .dropdown.active .dropdown-menu {
             max-height: 300px;
             padding: 8px 0;
         }

         .dropdown-toggle {
             width: 100%;
             justify-content: space-between;
         }
     }

     /* Testimonial fade */
     .testimonial-content {
         opacity: 0;
         display: none;
         transition: opacity 0.5s ease-in-out;
     }

     .testimonial-content.active {
         opacity: 1;
         display: block;
     }

     /* Service card shimmer effect */
     .service-card::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.1), transparent);
         transition: left 0.6s ease;
     }

     .service-card:hover::before {
         left: 100%;
     }

     @keyframes float-around {

         0%,
         100% {
             transform: 'translate(0, 0) rotate(0deg)';
         }

         25% {
             transform: 'translate(100px, -100px) rotate(90deg)';
         }

         50% {
             transform: 'translate(50px, 100px) rotate(180deg)';
         }

         75% {
             transform: 'translate(-50px, 50px) rotate(270deg)';
         }
     }

     @keyframes float-around {

         0%,
         100% {
             transform: translate(0, 0) rotate(0deg);
         }

         25% {
             transform: translate(100px, -100px) rotate(90deg);
         }

         50% {
             transform: translate(50px, 100px) rotate(180deg);
         }

         75% {
             transform: translate(-50px, 50px) rotate(270deg);
         }
     }

     @keyframes float-particles {

         0%,
         100% {
             transform: translate(0, 0);
             opacity: 0.3;
         }

         25% {
             transform: translate(50px, -80px);
             opacity: 0.6;
         }

         50% {
             transform: translate(-30px, 60px);
             opacity: 0.4;
         }

         75% {
             transform: translate(40px, 30px);
             opacity: 0.7;
         }
     }

     @keyframes float-up {
         0% {
             transform: translateY(100vh) scale(0);
             opacity: 0;
         }

         10% {
             opacity: 0.4;
         }

         90% {
             opacity: 0.4;
         }

         100% {
             transform: translateY(-100px) scale(1);
             opacity: 0;
         }
     }

     @keyframes scroll-trust {
         0% {
             transform: translateX(0);
         }

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

     @keyframes pulse-glow {

         0%,
         100% {
             opacity: 0.3;
             transform: scale(1);
         }

         50% {
             opacity: 0.6;
             transform: scale(1.1);
         }
     }

     /* Mobile nav - Completely Redesigned */
     @media (max-width: 1024px) {
         #menuToggle {
             display: flex !important;
         }

         .nav-links {
             position: fixed;
             top: 0;
             left: 0;
             width: 100%;
             height: 100vh;
             background: linear-gradient(135deg, rgba(0, 0, 0, 0.98), rgba(26, 26, 26, 0.98));
             backdrop-filter: blur(20px);
             -webkit-backdrop-filter: blur(20px);
             flex-direction: column;
             justify-content: center;
             align-items: center;
             padding: 80px 40px 40px 40px;
             gap: 0;
             opacity: 0;
             visibility: hidden;
             pointer-events: none;
             transform: scale(0.95);
             transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
             z-index: 9999;
             overflow-y: auto;
         }

         .nav-links.active {
             opacity: 1;
             visibility: visible;
             pointer-events: all;
             transform: scale(1);
         }

         .nav-links li {
             width: 100%;
             max-width: 500px;
             opacity: 0;
             transform: translateY(20px);
             transition: all 0.4s ease;
         }

         .nav-links.active li {
             opacity: 1;
             transform: translateY(0);
         }

         .nav-links.active li:nth-child(1) {
             transition-delay: 0.1s;
         }

         .nav-links.active li:nth-child(2) {
             transition-delay: 0.15s;
         }

         .nav-links.active li:nth-child(3) {
             transition-delay: 0.2s;
         }

         .nav-links.active li:nth-child(4) {
             transition-delay: 0.25s;
         }

         .nav-links.active li:nth-child(5) {
             transition-delay: 0.3s;
         }

         .nav-links.active li:nth-child(6) {
             transition-delay: 0.35s;
         }

         .nav-links.active li:nth-child(7) {
             transition-delay: 0.4s;
         }

         .nav-links li a:not(.bg-gradient-to-br) {
             display: block;
             width: 100%;
             padding: 18px 24px;
             text-align: left;
             font-size: 18px;
             font-weight: 600;
             background: rgba(255, 255, 255, 0.05);
             border: 1px solid rgba(255, 255, 255, 0.1);
             border-radius: 16px;
             margin-bottom: 12px;
             transition: all 0.3s ease;
         }

         .nav-links li a:not(.bg-gradient-to-br):hover {
             background: rgba(255, 215, 0, 0.1);
             border-color: rgba(255, 215, 0, 0.3);
             transform: translateX(8px);
         }

         .nav-links li a.bg-gradient-to-br {
             display: inline-flex;
             margin-top: 20px;
             padding: 16px 40px;
             font-size: 16px;
         }

         /* Mobile Dropdown Redesign */
         .dropdown {
             width: 100%;
         }

         .dropdown-toggle {
             width: 100%;
             padding: 18px 24px;
             background: rgba(255, 255, 255, 0.05);
             border: 1px solid rgba(255, 255, 255, 0.1);
             border-radius: 16px;
             margin-bottom: 12px;
             font-size: 18px;
             font-weight: 600;
             transition: all 0.3s ease;
         }

         .dropdown.active .dropdown-toggle {
             background: rgba(255, 215, 0, 0.1);
             border-color: rgba(255, 215, 0, 0.3);
             border-bottom-left-radius: 0;
             border-bottom-right-radius: 0;
             margin-bottom: 0;
         }

         .dropdown-menu {
             position: static;
             opacity: 1;
             visibility: visible;
             transform: translateY(0);
             background: rgba(255, 215, 0, 0.05);
             border: 1px solid rgba(255, 215, 0, 0.2);
             border-top: none;
             border-radius: 0 0 16px 16px;
             margin-bottom: 12px;
             max-height: 0;
             overflow: hidden;
             padding: 0;
             transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
         }

         .dropdown.active .dropdown-menu {
             max-height: 300px;
             padding: 8px 0;
         }

         .dropdown-menu a {
             padding: 14px 32px;
             font-size: 16px;
             background: transparent;
         }

         .dropdown-menu a:hover {
             background: rgba(255, 215, 0, 0.15);
             padding-left: 40px;
         }

         .dropdown-toggle i {
             transition: transform 0.3s ease;
         }

         .dropdown.active .dropdown-toggle i {
             transform: rotate(180deg);
         }

         /* Hide menu toggle icon when menu is open */
         #menuToggle {
             position: relative;
             z-index: 10000;
         }

         .nav-links.active~#menuToggle {
             position: fixed;
             top: 35px;
             right: 5%;
         }
     }

     @media (max-width: 768px) {
         .nav-links {
             padding: 100px 30px 40px 30px;
         }

         .nav-links li {
             max-width: 400px;
         }

         .nav-links li a:not(.bg-gradient-to-br) {
             font-size: 16px;
             padding: 16px 20px;
         }

         .dropdown-toggle {
             font-size: 16px;
             padding: 16px 20px;
         }
     }

     @media (max-width: 480px) {
         .nav-links {
             padding: 90px 20px 40px 20px;
         }

         .nav-links li a:not(.bg-gradient-to-br) {
             font-size: 15px;
             padding: 14px 18px;
         }

         .dropdown-toggle {
             font-size: 15px;
             padding: 14px 18px;
         }

         .dropdown-menu a {
             padding: 12px 28px;
             font-size: 14px;
         }
     }

     /* Step card connector */
     .step-card::before {
         content: '';
         position: absolute;
         top: 50%;
         right: -30px;
         width: 30px;
         height: 2px;
         background: linear-gradient(90deg, #FFD700, transparent);
     }

     .step-card:last-child::before {
         display: none;
     }