@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 */
        }
        
          .lang-btn.active {
    background-color: var(--primary-yellow);
    color: black;
    border-left-color: var(--primary-yellow) !important;
    font-weight: bold;
}



/* e-services css */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@400;500;600;700&display=swap');
        
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f9fafb;
            scroll-behavior: smooth;
        }
        .font-serif {
            font-family: 'Playfair Display', serif;
        }
        .text-yellow-gold {
            color: #D4AF37;
        }
        .bg-yellow-gold {
            background-color: #D4AF37;
        }
        .border-yellow-gold {
            border-color: #D4AF37;
        }

        /* Smooth transitions for the description reveal */
        .service-card .service-desc-preview {
            max-height: 0;
            opacity: 0;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            overflow: hidden;
        }

        .service-card:hover .service-desc-preview {
            max-height: 100px;
            opacity: 1;
            margin-bottom: 1.5rem;
        }

        .section-bg-blur {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .glass-dark {
            background: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(10px);
        }

        .view-hidden {
            display: none;
        }

/* --- Google Translate Custom Styles --- */

/* Container alignment */
#google_translate_element {
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

/* Mobile container alignment */
#google_translate_element_mobile {
    display: block;
    width: 100%;
}

/* Hide the "Powered by Google" branding to keep it clean */
.goog-logo-link {
    display: none !important;
}
.goog-te-gadget {
    height: 28px !important;
    overflow: hidden;
}

/* Widget Box Styling */
.goog-te-gadget-simple {
    background-color: transparent !important;
    border: 1px solid #333 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.goog-te-gadget-simple:hover {
    border-color: #D4AF37 !important; /* Yellow Gold */
}

/* Text Styling inside the widget */
.goog-te-gadget-simple .goog-te-menu-value {
    color: white !important;
    text-decoration: none !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    color: white !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.75rem !important; /* text-xs equivalent */
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em;
    padding-right: 5px !important; /* Space for arrow */
}

.goog-te-gadget-simple .goog-te-menu-value span:hover {
    color: #D4AF37 !important;
}

/* Icon Cleanup */
.goog-te-gadget-icon {
    display: none !important;
}

/* Hide the top banner frame that Google inserts */
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}
body {
    top: 0px !important;
}

/* Customize Dropdown Arrow Color */
.goog-te-gadget-simple .goog-te-menu-value span {
    border-left: none !important;
}