/* GLOBAL SETTINGS */
    :root {
            --bs-primary: #3960ad;
            --bs-primary-rgb: 57, 96, 173;
            --bs-light-blue: #f8faff;
            --bs-body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        }

        body {
            padding-top: 86px;
            font-family: var(--bs-body-font-family);
            -webkit-font-smoothing: antialiased;
            color: #212529;
        }

        h1, h2, h3, h4, h5, h6 { letter-spacing: -0.02em; }
        .bg-light-accent { background-color: #fff9f9; }
        .bg-light-blue { background-color: var(--bs-light-blue); }
        .mw-800 { max-width: 800px; }
        
        /* --- Logo Styling --- */
        .navbar-brand svg {
            height: 48px; /* Fixed height for consistency */
            width: auto;
            display: block;
        }

        /* --- CEO Photo Fix --- */
        .ceo-photo {
            width: 250px;  
            height: 250px;
            object-fit: cover;
            object-position: top center;
            border-radius: 50%;
        }

        /* --- Service Cards Styling --- */
        .service-card {
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: none !important;
            border-radius: 1.5rem !important;
            overflow: hidden;
            position: relative;
        }
        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 1rem 3rem rgba(0,0,0,.1)!important;
        }
        
        /* Pastel Colors */
        .col-md-6:nth-child(6n+1) .service-card { background-color: #fff1f2; }
        .col-md-6:nth-child(6n+1) .service-card .badge { background-color: #fecdd3 !important; color: #881337 !important; }
        .col-md-6:nth-child(6n+2) .service-card { background-color: #ecfdf5; }
        .col-md-6:nth-child(6n+2) .service-card .badge { background-color: #a7f3d0 !important; color: #064e3b !important; }
        .col-md-6:nth-child(6n+3) .service-card { background-color: #f3e8ff; }
        .col-md-6:nth-child(6n+3) .service-card .badge { background-color: #d8b4fe !important; color: #581c87 !important; }
        .col-md-6:nth-child(6n+4) .service-card { background-color: #eff6ff; }
        .col-md-6:nth-child(6n+4) .service-card .badge { background-color: #bfdbfe !important; color: #1e3a8a !important; }
        .col-md-6:nth-child(6n+5) .service-card { background-color: #fffbeb; }
        .col-md-6:nth-child(6n+5) .service-card .badge { background-color: #fde68a !important; color: #78350f !important; }
        .col-md-6:nth-child(6n+6) .service-card { background-color: #f1f5f9; }
        .col-md-6:nth-child(6n+6) .service-card .badge { background-color: #cbd5e1 !important; color: #334155 !important; }

        .card-arrow {
            width: 40px;
            height: 40px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            font-size: 1.2rem;
            color: #333;
        }

        /* --- Feature Images Fix --- */
        .feature-img {
            width: 100%;
            height: 400px;
            object-fit: contain;
            object-position: center;
            border-radius: 0.5rem;
            background-color: transparent;
        }

        /* Logos */
        .logo-grayscale {
            filter: grayscale(100%);
            opacity: 0.6;
            transition: all 0.3s ease;
            max-width: 100%;
            height: auto;
            max-height: 50px;
        }
        .logo-grayscale:hover { filter: grayscale(0%); opacity: 1; }

        /* Video Circles */
        .video-circle-wrapper {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            overflow: hidden;
            position: relative;
            cursor: pointer;
            border: 4px solid var(--bs-primary);
            flex-shrink: 0;
            background-color: #eee;
        }
        .video-circle-wrapper video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .play-btn-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
            transition: opacity 0.2s;
            z-index: 2;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
        }
        .play-btn-overlay::after {
            content: "▶";
            color: var(--bs-primary);
            font-size: 1.5rem;
            margin-left: 4px; 
        }
        .video-circle-wrapper.playing .play-btn-overlay {
            opacity: 0;
        }

        /* Mobile */
        .overflow-auto::-webkit-scrollbar { display: none; }
        .overflow-auto { -ms-overflow-style: none; scrollbar-width: none; }
        .small-text { font-size: 0.9rem; }

        @media (max-width: 991.98px) {
            body { padding-top: 80px; padding-bottom: 60px; }
            .hero-section { text-align: center; padding-top: 1rem; }
            .display-5 { font-size: 2rem; }
            .navbar-brand svg { height: 35px; } /* Smaller logo on mobile */
            .feature-img { height: auto; max-height: 300px; }
        }
		
		.translate-middle-2 {
            transform: translate(-20%, -20%) !important;
        }