@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@300;400;600&display=swap');

        :root {
            --primary-yellow: #eab308; /* Goldish Yellow */
            --dark-gray: #1f2937;
            --light-gray: #f3f4f6;
            --legal-black: #0a0a0a;
        }

        body {
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
            background-color: white;
        }

        h1, h2, h3, .font-serif {
            font-family: 'Playfair Display', serif;
        }

        .bg-yellow-gold { background-color: var(--primary-yellow); }
        .text-yellow-gold { color: var(--primary-yellow); }
        .border-yellow-gold { border-color: var(--primary-yellow); }

        .nav-link {
            transition: all 0.3s ease;
            position: relative;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: var(--primary-yellow);
            transition: width 0.3s ease;
        }
        .nav-link:hover::after {
            width: 100%;
        }

        .dropdown:hover .dropdown-menu {
            display: block;
        }

        .hero-gradient {
            background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1589829545856-d10d557cf95f?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80');
            background-size: cover;
            background-position: center;
        }

        .service-card {
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .service-card:hover {
            transform: translateY(-12px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        }

        .active-page {
            display: block !important;
        }
        .page-content {
            display: none;
        }

        .testimonial-card {
            border-left: 4px solid var(--primary-yellow);
        }
        
        input, select, textarea {
            border: 1px solid #e5e7eb;
            transition: all 0.3s ease;
        }
        input:focus, select:focus, textarea:focus {
            border-color: var(--primary-yellow);
            box-shadow: 0 0 0 2px var(--primary-yellow);
            outline: none;
        }

        /* Fixed background utility */
        .section-bg-image {
            background-attachment: fixed;
            background-size: cover;
            background-position: center;
            transition: background-image 0.6s ease-in-out;
        }

        .glass-dark {
            background: rgba(0, 0, 0, 0.75);
            backdrop-filter: blur(10px);
        }
        /* Circle Slider Styles with Images */
        .service-circle-item {
            flex: 0 0 auto;
            width: 200px;
            transition: transform 0.3s ease;
        }
        .service-circle-item:hover {
            transform: scale(1.1);
        }
        .circle-icon {
            width: 180px;
            height: 180px;
            border: 3px solid var(--primary-yellow);
            transition: all 0.3s ease;
            background-size: cover;
            background-position: center;
            position: relative;
            overflow: hidden;
        }
        .circle-icon::before {
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.4);
            transition: all 0.3s ease;
            z-index: 1;
        }
        .service-circle-item:hover .circle-icon::before {
            background: rgba(234, 179, 8, 0.7); /* Goldish overlay on hover */
        }
        .circle-icon i {
            position: relative;
            z-index: 2;
            transition: all 0.3s ease;
        }
        .service-circle-item:hover .circle-icon i {
            color: black !important;
            transform: scale(1.1);
        }
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Prevent unwanted horizontal scroll on body while allowing slider scroll */
        #service-slider {
            scroll-behavior: auto; /* Required for JS-based smooth auto-crawling */
        }