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

        .glass-nav {
            background: linear-gradient(0deg, rgb(255 255 255) 77%, rgb(22 21 21 / 0%) 130%);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        }

        .hero-gradient {
            background: linear-gradient(to right, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.4)), url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&q=80');
            background-size: cover;
            background-position: center;
        }

        .service-card:hover {
            transform: translateY(-4px);
            transition: all 0.3s ease;
        }

        /* Custom UI Components */
        .custom-toggle {
            width: 44px;
            height: 24px;
            background: #e2e8f0;
            border-radius: 12px;
            position: relative;
            cursor: pointer;
            transition: background 0.2s;
        }

        .custom-toggle::after {
            content: '';
            position: absolute;
            top: 2px;
            left: 2px;
            width: 20px;
            height: 20px;
            background: white;
            border-radius: 50%;
            transition: transform 0.2s;
        }

        input:checked+.custom-toggle {
            background: #2563eb;
        }

        input:checked+.custom-toggle::after {
            transform: translateX(20px);
        }

        .text-sm {
            font-size: 16px !important;
            line-height: 1.25rem;
        }

        .text-slate-400 {
            --tw-text-opacity: 1;
            color: rgb(229 229 229) !important;
        }

        .bg-blue-600 {
            --tw-bg-opacity: 1;
            background-color: rgb(0 54 147) !important;
        }

        .text-slate-500 {
            --tw-text-opacity: 1;
            color: rgb(165 184 211) !important;
        }

        #services {
            background: linear-gradient(to bottom, rgb(0 25 68) 0%, rgb(0 26 70 / 58%) 20%, rgb(21 38 83) 40%, rgb(0 5 76 / 48%) 60%), url(images/services-bg.jpg) center center no-repeat;
        }

        .bg-slate-50 {
            --tw-bg-opacity: 1;
            background-color: rgb(135 145 169) !important;
        }

        footer {
            background: linear-gradient(to bottom, rgb(0 25 68) 0%, rgb(0 32 86 / 88%) 20%, rgb(21 38 83) 40%, rgb(0 5 76 / 48%) 60%), url(images/footer-bg.jpg) center center no-repeat;
        }

        .hover\:text-blue-600:hover {
            --tw-text-opacity: 1;
            color: rgb(255 206 113) !important;
        }

        .menu-links a:hover {
            color: #003693;
        }

        .enquire:hover {

            color: #ffeeae !important;
        }

        /* Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-fade-in-up {
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .breadcrumb-item {
            transition: color 0.3s ease;
        }

        .breadcrumb-item:hover {
            color: #3b82f6;
            /* blue-500 */
        }

        .h-240px {
            height: 240px !important;
        }