:root {
        --brand-primary: #012f51; 
        --brand-light: #e6f6ff;
        --brand-dark: #212529;
        --brand-grey: #494949;
        --nav-bg: #f2f2f2;
        --white: #ffffff;
    }

    /* Color Utilities */
    .text-primary { color: var(--brand-primary) !important; }
    .bg-primary { background-color: var(--brand-primary) !important; }
    .border-primary { border-color: var(--brand-primary) !important; }

    body {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        color: var(--brand-dark);
        line-height: 1.8;
    }

    h1, h2, h3, h4 {
        color: var(--brand-primary);
        font-weight: 800;
        letter-spacing: -0.5px;
    }

    section {
        min-height: 100vh;
        padding: 100px 0;
        display: flex;
        align-items: center;
    }

    .container-next-level { width: 100%; transition: all 0.5s ease; }

    /* Custom Navbar color #f2f2f2 */
    .navbar { background-color: var(--nav-bg) !important; transition: 0.3s; }
    .navbar-brand {max-width:75%!important}
    .navbar-brand img {max-width:300px!important; height:auto!important}
.btn-nav-call {
        background-color: var(--brand-primary) !important;
        border-color: var(--brand-primary) !important;}
.btn-nav-call i 
        border-color: var(--brand-primary) !important;}
    .btn-primary {
        background-color: var(--brand-primary) !important;
        border-color: var(--brand-primary) !important;
        padding: 14px 35px;
        border-radius: 8px;
        font-weight: 600;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        text-transform: uppercase;
        font-size: 0.85rem;
    }

    .btn-primary:hover {
        background-color: #001f36 !important;
        transform: translateY(-3px);
        box-shadow: 0 10px 20px rgba(1, 47, 81, 0.2);
    }

    /* Glassmorphism Hero Caption */
    .carousel-caption {
        background: rgba(1, 47, 81, 0.9);
        backdrop-filter: blur(12px);
        border-left: 6px solid var(--brand-light);
        text-align: left;
        padding: 50px;
        border-radius: 0 20px 20px 0;
        max-width: 650px;
        left: 8%;
        bottom: 15%;
    }

    .carousel-item { height: 100vh; }

    /* High-End Cards */
    .hover-card {
        transition: all 0.3s ease;
        border-radius: 15px;
        overflow: hidden;
    }
    .hover-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;
    }

    /* Leadership Styling */
    .leader-img {
        width: 150px;
        height: 150px;
        object-fit: cover;
        border-radius: 50%;
        margin-bottom: 15px;
        border: 4px solid var(--brand-light);
    }

    /* Gallery Styling */
    .gallery-item img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        border-radius: 10px;
        transition: 0.5s;
    }
    .gallery-item:hover img { transform: scale(1.05); }

    /* WhatsApp Fixed Left Side Bottom */
    .wa-fixed {
        position: fixed;
        bottom: 30px;
        left: 30px;
        z-index: 9999;
    }

    .wa-btn {
        width: 60px;
        height: 60px;
        background-color: #25d366;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 28px;
        box-shadow: 0 8px 16px rgba(0,0,0,0.2);
        animation: wa-pulse 2s infinite;
    }

    @keyframes wa-pulse {
        0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
        70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
        100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
    }

    .aimsoft-link {
        color: #00d2ff; 
        text-decoration: none;
        font-weight: 600;
        transition: 0.3s;
    }
    .aimsoft-link:hover { color: #ffffff; text-shadow: 0 0 8px #00d2ff; }
    
    .filter--white { filter: brightness(0) invert(1); }
	
	
	
        .inner-banner {
            background: linear-gradient(rgba(1, 47, 81, 0.85), rgba(1, 47, 81, 0.85)), url('img/about_banner.png') center/cover;
            padding: 100px 0;
            color: white;
            text-align: center;
        }
        .about-section-padding { padding: 80px 0; }
        .feature-box {
            border-left: 4px solid var(--brand-primary);
            background: #fdfdfd;
            transition: 0.3s;
        }
        .feature-box:hover { background: var(--brand-light); transform: translateX(10px); }
        .list-style-none { list-style: none; padding-left: 0; }
        .list-style-none li { margin-bottom: 12px; }
		
		
		
		
        .page-banner {
            background: linear-gradient(rgba(1, 47, 81, 0.9), rgba(1, 47, 81, 0.9)), url('img/sl3.png') center/cover;
            padding: 100px 0;
            color: white;
            text-align: center;
        }

        .expertise-card {
            border: none;
            padding: 40px;
            border-radius: 15px;
            transition: 0.3s;
            background: #fdfdfd;
        }

        .expertise-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(1, 47, 81, 0.1) !important;
        }

        .institute-block {
            background: var(--white);
            padding: 50px;
            border-radius: 20px;
            height: 100%;
        }
		
		
		
		
        .contact-header {
            background: linear-gradient(rgba(1, 47, 81, 0.9), rgba(1, 47, 81, 0.9)), url('img/contact_bg.png') center/cover;
            padding: 80px 0;
            color: white;
            text-align: center;
        }

        .branch-card {
            background: var(--white);
            border-radius: 15px;
            overflow: hidden;
            transition: 0.3s;
            height: 100%;
            border: none;
        }

        .branch-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
        }

        .map-container {
            width: 100%;
            height: 250px;
        }
        
        .map-container iframe {
            width: 100%;
            height: 100%;
            border: 0;
        }

        .contact-info-strip {
            background: var(--brand-primary);
            color: white;
            padding: 40px 0;
        }

        .info-box i {
            font-size: 2rem;
            margin-bottom: 15px;
            color: var(--brand-light);
        }