/* =========================================================
   AKSHARA EDUCATIONAL CONSULTANCY - MODERN UI OVERRIDES
   Responsive / Corporate / Education Consultancy
========================================================= */
:root{
  --ak-primary:#0b2341;
  --ak-primary-2:#123b68;
  --ak-accent:#f36b32;
  --ak-accent-2:#ff8a4c;
  --ak-ink:#142033;
  --ak-muted:#65748b;
  --ak-bg:#f6f8fc;
  --ak-white:#fff;
  --ak-border:#e5eaf2;
  --ak-shadow:0 16px 45px rgba(12,35,65,.10);
  --ak-radius:18px;
}
html{scroll-behavior:smooth}
body{font-family:Inter,Segoe UI,Arial,sans-serif!important;color:var(--ak-ink)!important;background:#fff;line-height:1.7;overflow-x:hidden}
img{max-width:100%;height:auto}
a{text-decoration:none}
.top-header{background:var(--ak-primary)!important;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);padding:9px 0!important}
.top-header .header-left-card ul,.top-header ul{margin:0;padding:0;list-style:none}
.top-header .header-left-card ul{display:flex;gap:26px;flex-wrap:wrap}
.top-header a,.top-header li{color:#dce7f4!important;font-size:13px}
.top-header .head-icon{color:var(--ak-accent)!important}
.top-social-link ul{display:flex;justify-content:flex-end;gap:8px}
.top-social-link a{width:30px;height:30px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:flex!important;align-items:center;justify-content:center;transition:.25s}
.top-social-link a:hover{background:var(--ak-accent);border-color:var(--ak-accent);color:#fff!important}
.navbar-area{background:rgba(255,255,255,.96)!important;box-shadow:0 5px 25px rgba(12,35,65,.08);position:sticky!important;top:0;z-index:9999;backdrop-filter:blur(12px)}
.main-nav{background:transparent!important}
.main-nav .navbar{min-height:82px;padding:8px 0}
.main-nav .navbar-brand img,.mobile-nav .logo img{object-fit:contain;width:auto;max-width:165px;height:58px}
.main-nav .navbar-nav{gap:3px}
.main-nav .navbar-nav .nav-link{font-size:14px!important;font-weight:650!important;color:var(--ak-primary)!important;padding:12px 15px!important;border-radius:9px;transition:.25s}
.main-nav .navbar-nav .nav-link:hover,.main-nav .navbar-nav .nav-link.active{color:var(--ak-accent)!important;background:#fff3ed}
.others-options .learn-btn input,.learn-btn input#reg-btn2{background:var(--ak-accent)!important;border:0!important;border-radius:9px!important;color:#fff!important;padding:12px 18px!important;font-weight:700;box-shadow:0 8px 18px rgba(243,107,50,.22);cursor:pointer}
.sidebar-modal{z-index:10001}
.sidebar-modal-inner{background:#fff!important}
.sidebar-header{border-bottom:1px solid var(--ak-border)!important}
.sidebar-about{display:none!important}
.banner-area,.banner-area-two,.banner-area-three{position:relative;overflow:hidden}
#demo{background:#eef4fb}
#demo .carousel-item{position:relative}
#demo .carousel-item img{width:100%;height:min(620px,68vw);min-height:390px;object-fit:cover;object-position:center}
#demo .carousel-item:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,25,48,.82) 0%,rgba(7,25,48,.48) 46%,rgba(7,25,48,.10) 100%);pointer-events:none}
#demo .carousel-caption{left:8%;right:auto;bottom:50%;transform:translateY(50%);text-align:left;max-width:650px;z-index:2}
#demo .carousel-caption h1,#demo .carousel-caption h2{font-size:clamp(34px,4vw,62px)!important;line-height:1.08!important;color:#fff!important;font-weight:800!important;margin-bottom:18px!important;text-shadow:0 4px 20px rgba(0,0,0,.2)}
#demo .carousel-caption p{font-size:18px!important;color:#f2f6fb!important;max-width:590px;margin-bottom:25px}
#demo .carousel-caption .default-btn,#demo .carousel-caption a{background:var(--ak-accent)!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:13px 24px!important;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.carousel-indicators button{width:28px!important;height:4px!important;border:0!important;border-radius:8px!important}
.section-bg,.bg-color,.about-area,.service-area,.choose-area,.project-area,.client-area{position:relative}
.section-title{margin-bottom:42px!important}
.section-title h2,.section-title h3{font-size:clamp(28px,3vw,42px)!important;line-height:1.2!important;color:var(--ak-primary)!important;font-weight:800!important}
.section-title p{color:var(--ak-muted)!important;max-width:760px;margin:12px auto 0!important}
.section-title span,.section-title .sub-title{color:var(--ak-accent)!important;font-weight:750!important;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.about-area,.service-area,.choose-area,.project-area,.client-area{padding-top:40px!important;padding-bottom:40px!important}
.about-img,.about-img-2,.choose-img,.choose-img-2{border-radius:var(--ak-radius);overflow:hidden;box-shadow:var(--ak-shadow)}
.about-img img,.about-img-2 img,.choose-img img,.choose-img-2 img{width:100%;display:block}
.about-content h2,.about-content h3,.choose-content h2,.choose-content h3{color:var(--ak-primary)!important;font-weight:800!important}
.about-content p,.choose-content p,.service-item p{color:var(--ak-muted)!important}
.about-counter{background:#fff!important;border:1px solid var(--ak-border);border-radius:14px!important;padding:18px!important;box-shadow:0 8px 25px rgba(12,35,65,.06)}
.about-counter h3{color:var(--ak-accent)!important}
.default-btn,.get-btn,.contact-btn,.learn-btn a{border-radius:10px!important;font-weight:700!important;transition:.25s!important}
.default-btn{background:var(--ak-primary)!important;color:#fff!important;border:0!important;padding:13px 24px!important}
.default-btn:hover{background:var(--ak-accent)!important;transform:translateY(-2px)}
.service-item,.project-card,.client-card,.team-card,.blog-card{background:#fff!important;border:1px solid var(--ak-border)!important;border-radius:var(--ak-radius)!important;box-shadow:0 8px 30px rgba(12,35,65,.06)!important;overflow:hidden;transition:.3s ease}
.service-item:hover,.project-card:hover,.client-card:hover,.blog-card:hover{transform:translateY(-7px);box-shadow:var(--ak-shadow)!important}
.service-item{padding:30px!important;height:100%;position:relative}
.service-item-icon{width:62px;height:62px;border-radius:16px;background:#fff0e9;display:flex;align-items:center;justify-content:center;color:var(--ak-accent)!important;font-size:28px;margin-bottom:20px}
.service-item h3,.service-item h2,.project-card h3,.project-card h2{color:var(--ak-primary)!important;font-weight:750!important}
.service-item-more a,.project-more a{color:var(--ak-accent)!important;font-weight:700}
.choose-content-bg,.guidelines-content-bg{background:var(--ak-primary)!important;border-radius:var(--ak-radius);color:#fff!important}
.choose-content-bg h2,.choose-content-bg h3,.guidelines-content-bg h2,.guidelines-content-bg h3{color:#fff!important}
.project-card img{width:100%;height:260px;object-fit:cover}
.client-card{padding:28px!important;height:100%}
.client-card p{color:var(--ak-muted)!important}
.form-control,select,textarea,input[type=text],input[type=email],input[type=tel],input[type=number]{border:1px solid #dce3ed!important;border-radius:10px!important;min-height:48px;padding:11px 14px!important;box-shadow:none!important;background:#fff!important}
.form-control:focus,select:focus,textarea:focus,input:focus{border-color:var(--ak-accent)!important;box-shadow:0 0 0 3px rgba(243,107,50,.10)!important;outline:0}
.form-group label{font-weight:650;color:var(--ak-primary);margin-bottom:7px}
.contact-form,.contact-card,.enquiry-form,.form-area .form-content{background:#fff;border:1px solid var(--ak-border);border-radius:var(--ak-radius);box-shadow:var(--ak-shadow);padding:30px!important}
.inner-banner{background:var(--ak-primary)!important;min-height:260px;display:flex;align-items:center;position:relative;overflow:hidden}
.inner-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(11,35,65,.94),rgba(18,59,104,.80));pointer-events:none}
.inner-banner .inner-title{position:relative;z-index:1;padding-top:95px!important;padding-bottom:70px!important}
.inner-banner .inner-title h3{color:#fff!important;font-size:clamp(30px,4vw,48px)!important;font-weight:800!important}
.inner-banner .inner-title ul li,.inner-banner .inner-title ul li a{color:#dbe7f5!important}
.footer-area,.footer-bg{background:#081a30!important;color:#c8d5e5!important}
.footer-widget h3{color:#fff!important;font-weight:750!important}
.footer-widget p,.footer-widget ul li,.footer-widget ul li a{color:#aebed0!important}
.footer-widget ul li a:hover{color:var(--ak-accent)!important}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1)!important}
#reg-form{background:linear-gradient(135deg,#f5f8fc,#fff)!important;padding:80px 0!important}
#reg-form .section-title h2{font-size:34px!important}
.whatsapp-float{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;background:#20b75a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:27px;z-index:9998;box-shadow:0 10px 25px rgba(0,0,0,.2);transition:.25s}
.whatsapp-float:hover{color:#fff;transform:translateY(-3px)}
.scrolltop{background:var(--ak-accent)!important}
@media(max-width:991px){
  .top-header{display:none!important}
  .navbar-area{position:relative!important}
  .main-nav{display:none!important}
  .mobile-nav{display:flex!important;align-items:center;justify-content:space-between;padding:10px 18px;background:#fff}
  .mobile-nav .logo img{max-width:150px;height:52px}
  #demo .carousel-item img{height:540px;min-height:420px}
  #demo .carousel-caption{left:7%;right:7%;bottom:48%;max-width:720px}
  #demo .carousel-caption p{font-size:16px!important}
  .about-area,.service-area,.choose-area,.project-area,.client-area{padding-top:65px!important;padding-bottom:65px!important}
}
@media(max-width:767px){
  .container{max-width:100%;padding-left:18px;padding-right:18px}
  #demo .carousel-item img{height:570px;min-height:500px;object-position:center}
  #demo .carousel-caption{left:20px;right:20px;bottom:50%;transform:translateY(50%)}
  #demo .carousel-caption h1,#demo .carousel-caption h2{font-size:34px!important}
  #demo .carousel-caption p{font-size:15px!important;line-height:1.6}
  .section-title{margin-bottom:30px!important}
  .section-title h2,.section-title h3{font-size:29px!important}
  .inner-banner{min-height:220px}
  .inner-banner .inner-title{padding-top:80px!important;padding-bottom:50px!important}
  .project-card img{height:220px}
  .contact-form,.contact-card,.enquiry-form,.form-area .form-content{padding:20px!important}
  #reg-form{padding:55px 0!important}
  .whatsapp-float{right:14px;bottom:14px;width:50px;height:50px;font-size:24px}
}
@media(max-width:420px){
  #demo .carousel-caption h1,#demo .carousel-caption h2{font-size:29px!important}
  #demo .carousel-caption p{font-size:14px!important}
}

/* ================================
   AKSHARA NAVIGATION CSS
================================ */

:root {
    --ak-blue: #0b3155;
    --ak-blue-dark: #082640;
    --ak-orange: #ee6b24;
    --ak-orange-dark: #d95712;
    --ak-text: #22364a;
    --ak-muted: #6d7c8c;
    --ak-border: #e7edf3;
    --ak-bg: #f7f9fc;
    --ak-white: #ffffff;
}

.ak-main-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: rgba(255,255,255,.98);
    border-bottom: 1px solid var(--ak-border);
    box-shadow: 0 5px 24px rgba(8,38,64,.08);
    backdrop-filter: blur(8px);
}

.ak-nav-wrap {
    max-width: 1200px;
    min-height: 88px;
    margin: 0 auto;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.ak-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    min-width: 270px;
}

.ak-logo img {
    width: 62px;
    height: 62px;
    object-fit: contain;
    display: block;
}

.ak-brand {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.ak-brand-name {
    color: var(--ak-blue);
    font-size: 19px;
    font-weight: 800;
    letter-spacing: .1px;
}

.ak-brand-tag {
    margin-top: 6px;
    color: var(--ak-muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.ak-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ak-nav > li {
    position: relative;
}

.ak-nav > li > a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--ak-text);
    text-decoration: none;
    padding: 13px 12px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    transition: .2s;
}

.ak-nav > li > a:hover,
.ak-nav > li.active > a {
    color: var(--ak-orange);
    background: #fff5ef;
}

.ak-nav > li > a .ak-arrow {
    font-size: 10px;
    margin-top: 1px;
}

/* Dropdown */
.ak-dropdown {
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    min-width: 245px;
    padding: 8px;
    background: #fff;
    border: 1px solid var(--ak-border);
    border-radius: 10px;
    box-shadow: 0 15px 35px rgba(8,38,64,.14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: .2s ease;
}

.ak-dropdown a {
    display: block;
    padding: 10px 12px;
    color: var(--ak-text);
    text-decoration: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
}

.ak-dropdown a:hover {
    color: var(--ak-orange);
    background: #fff5ef;
}

.ak-nav > li:hover .ak-dropdown {
    opacity: 1;
    visibility: visible;
    transform: none;
}

/* Enquiry Button */
.ak-enquiry {
    margin-left: 7px;
}

.ak-enquiry a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 12px 18px !important;
    background: var(--ak-orange) !important;
    color: #fff !important;
    border-radius: 7px !important;
    box-shadow: 0 7px 18px rgba(238,107,36,.23);
}

.ak-enquiry a:hover {
    background: var(--ak-orange-dark) !important;
    color: #fff !important;
}

/* Mobile Toggle */
.ak-mobile-toggle {
    display: none;
    width: 43px;
    height: 43px;
    border: 1px solid var(--ak-border);
    border-radius: 7px;
    background: #fff;
    color: var(--ak-blue);
    font-size: 22px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.ak-mobile-menu {
    display: none;
}

/* Tablet and Mobile */
@media (max-width: 1100px) {
    .ak-nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 13px;
    }

    .ak-logo {
        min-width: 245px;
    }

    .ak-logo img {
        width: 55px;
        height: 55px;
    }

    .ak-brand-name {
        font-size: 17px;
    }
}

@media (max-width: 900px) {
    .ak-nav-wrap {
        min-height: 74px;
        position: relative;
    }

    .ak-logo {
        min-width: 0;
    }

    .ak-logo img {
        width: 52px;
        height: 52px;
    }

    .ak-brand-name {
        font-size: 16px;
    }

    .ak-brand-tag {
        font-size: 8px;
        letter-spacing: 1.2px;
    }

    .ak-mobile-toggle {
        display: flex;
    }

    .ak-nav {
        display: none;
        position: absolute;
        left: 12px;
        right: 12px;
        top: 100%;
        padding: 9px;
        background: #fff;
        border: 1px solid var(--ak-border);
        border-top: 0;
        border-radius: 0 0 12px 12px;
        box-shadow: 0 15px 30px rgba(8,38,64,.12);
        align-items: stretch;
        flex-direction: column;
    }

    .ak-nav.open {
        display: flex;
    }

    .ak-nav > li > a {
        width: 100%;
        justify-content: space-between;
        padding: 12px;
    }

    .ak-dropdown {
        position: static;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: 0;
        padding: 0 0 0 10px;
    }

    .ak-nav > li.open .ak-dropdown {
        display: block;
    }

    .ak-nav > li:hover .ak-dropdown {
        display: none;
    }

    .ak-nav > li.open:hover .ak-dropdown {
        display: block;
    }

    .ak-enquiry {
        margin-left: 0;
        margin-top: 4px;
    }

    .ak-enquiry a {
        justify-content: center !important;
    }
}

@media (max-width: 600px) {
    .ak-nav-wrap {
        padding: 0 12px;
    }

    .ak-brand-name {
        font-size: 14px;
    }

    .ak-brand-tag {
        font-size: 7px;
    }

    .ak-logo img {
        width: 46px;
        height: 46px;
    }
}