
/*************** Menu header secion*****************/

:root {
    --up-navy: #0b1f3a;
    --up-navy-dark: #07162b;
    --up-yellow: #ffc928;
    --up-yellow-dark: #e9ad00;
    --up-text: #172033;
    --up-muted: #6b7280;
    --up-border: #e8edf3;
    --up-white: #ffffff;
    --up-light: #f7f9fc;
}
.up-header{position:relative;z-index:9999;background:var(--up-white);font-family:inherit}.up-header-top{background:var(--up-navy-dark);color:#dce5f2;min-height:38px;font-size:12px;letter-spacing:.2px}.up-header-top-inner{display:flex;align-items:center;justify-content:space-between;min-height:38px}.up-top-message{line-height:38px}.up-top-message strong{color:var(--up-yellow);font-weight:700}.up-social-list{display:flex;align-items:center;gap:7px}.up-social-list a{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#dce5f2;font-size:12px;text-decoration:none;transition:.25s}.up-social-list a:hover{color:var(--up-navy);background:var(--up-yellow);border-color:var(--up-yellow);transform:translateY(-2px)}.up-brand-area{background:#fff;border-bottom:1px solid var(--up-border)}.up-brand-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px}.up-logo{display:inline-flex;align-items:center;max-width:245px}.up-logo img{display:block;max-width:100%;height:auto}.up-header-details{display:flex;align-items:center;justify-content:flex-end;gap:12px}.up-detail-card{display:flex;align-items:center;gap:11px;min-height:52px;padding:8px 16px;background:#fff;border:1px solid var(--up-border);border-radius:12px;transition:.25s}.up-detail-card:hover{border-color:#d5deea;box-shadow:0 8px 22px rgba(11,31,58,.07);transform:translateY(-2px)}.up-detail-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;color:var(--up-navy);background:#fff7d9;border-radius:10px;font-size:17px}.up-detail-content{min-width:0}.up-detail-label{display:block;margin-bottom:3px;color:var(--up-muted);font-size:10px;line-height:1.2;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.up-detail-title{display:block;color:var(--up-text);font-size:13px;line-height:1.35;font-weight:700;white-space:nowrap}.up-detail-title a{color:inherit;text-decoration:none}.up-detail-title a:hover{color:#c58d00}.up-navigation{background:var(--up-navy);box-shadow:0 5px 18px rgba(7,22,43,.12)}.up-navigation-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between}.up-navbar{margin:0;border:0;min-height:58px;background:0 0; width:100%}.up-navbar .navbar-collapse{padding:0;border:0;box-shadow:none}.up-navbar .navbar-nav{margin:0}.up-navbar .navbar-nav>li>a{position:relative;display:flex;align-items:center;min-height:58px;padding:0 18px;color:#eaf0f8;background:0 0;font-size:13px;font-weight:600;letter-spacing:.15px;text-decoration:none;transition:.25s}.up-navbar .navbar-nav>li>a:before{position:absolute;content:"";left:18px;right:18px;bottom:0;height:3px;background:var(--up-yellow);transform:scaleX(0);transform-origin:center;transition:transform .25s}.up-navbar .navbar-nav>li.active>a,.up-navbar .navbar-nav>li.open>a,.up-navbar .navbar-nav>li>a:hover{color:var(--up-yellow);background:rgba(255,255,255,.04)}.up-navbar .navbar-nav>li.active>a:before,.up-navbar .navbar-nav>li.open>a:before,.up-navbar .navbar-nav>li>a:hover:before{transform:scaleX(1)}.up-navbar .angle{display:inline-block;width:6px;height:6px;margin-left:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);position:relative;top:-2px}.up-navbar .dropdown-menu{min-width:225px;margin:0;padding:10px 0;border:0;border-radius:0 0 12px 12px;background:#fff;box-shadow:0 18px 45px rgba(7,22,43,.16)}.up-navbar .dropdown-menu>li>a{position:relative;padding:11px 20px;color:#354052;background:0 0;font-size:13px;font-weight:500;line-height:1.45;white-space:normal;transition:.2s}.up-navbar .dropdown-menu>li>a:hover{color:var(--up-navy);background:#fff8dc;padding-left:25px}.up-navbar .dropdown-menu>li>a:before{content:"";position:absolute;left:12px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--up-yellow);opacity:0;transform:translateY(-50%);transition:.2s}.up-navbar .dropdown-menu>li>a:hover:before{opacity:1}.up-navbar .megamenu{left:0;right:0;width:100%;padding:25px 0;border-radius:0 0 14px 14px}.up-navbar .megamenu .container{width:100%}.up-navbar .megamenu ul{margin:0;padding:0;list-style:none}.up-navbar .megamenu ul li a{display:block;padding:8px 12px;color:#354052;border-radius:7px;font-size:13px;line-height:1.45;text-decoration:none;transition:.2s}.up-navbar .megamenu ul li a:hover{color:var(--up-navy);background:#fff8dc;padding-left:17px} .up-navbar-toggle:focus,.up-navbar-toggle:hover{background:rgba(255,255,255,.08)}.up-navbar-toggle .icon-bar{display:block;width:22px;height:2px;margin:4px 0;background:#fff}.up-header.sticky-header{position:sticky;top:0}@media (max-width:1199px){.up-navbar .navbar-nav>li>a{padding-left:12px;padding-right:12px;font-size:12px}.up-navbar .navbar-nav>li>a:before{left:12px;right:12px}.up-detail-card{padding-left:11px;padding-right:11px}.up-detail-title{font-size:12px}}@media (max-width:991px){.up-brand-inner{min-height:82px}.up-header-details{gap:7px}.up-detail-card{padding:7px 9px}.up-detail-icon{width:30px;height:30px;flex-basis:30px;font-size:14px}.up-detail-label{font-size:9px}.up-detail-title{font-size:11px}.up-navbar .navbar-nav>li>a{padding-left:9px;padding-right:9px;font-size:11px}.up-navbar .navbar-nav>li>a:before{left:9px;right:9px}}@media (max-width:767px){.up-header-top-inner{justify-content:center}.up-top-message{text-align:center;font-size:11px}.up-header-details,.up-navbar .navbar-nav>li>a:before,.up-social-list{display:none}.up-brand-inner{min-height:76px;gap:10px}.up-logo{max-width:185px}.up-navigation-inner{display:block;min-height:0}.up-navbar{min-height:52px}.up-navbar-toggle{display:block}.up-navbar .navbar-collapse{width:100%;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.12)}.up-navbar .navbar-nav{width:100%}.up-navbar .navbar-nav>li>a{display:block;min-height:auto;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}.up-navbar .dropdown-menu{position:static;float:none;width:100%;border-radius:0;box-shadow:none;background:#091a31}.up-navbar .dropdown-menu>li>a{padding:12px 28px;color:#dce5f2;border-bottom:1px solid rgba(255,255,255,.06)}.up-navbar .dropdown-menu>li>a:hover,.up-navbar .megamenu ul li a:hover{color:var(--up-yellow);background:rgba(255,255,255,.04);padding-left:34px}.up-navbar .megamenu{padding:12px 0}.up-navbar .megamenu .col-lg-3{width:100%;float:none}.up-navbar .megamenu ul li a{padding:10px 28px;color:#dce5f2}}.up-navbar .dropdown-menu>li>.dropdown-menu{top:-10px;left:100%;margin-top:0;margin-left:0;border-radius:10px}.up-navbar .dropdown-menu>li:hover>.dropdown-menu,.up-navbar .megamenu-container:hover>.megamenu,.up-navbar .navbar-nav>li:hover>.dropdown-menu{display:block}


.up-navbar-toggle {
    display: none;
    float: right;
    margin: 12px 0;
    ...
}


/* Desktop par toggle hidden */
.up-navbar-toggle {
    display: none;
}

/* Mobile layout */
@media (max-width: 767px) {

    .up-brand-inner {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 76px;
        padding-right: 58px;
    }

    .up-logo {
        display: flex;
        align-items: center;
        max-width: 185px;
    }

    .up-logo img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    /* Contact cards mobile par hide */
    .up-header-details {
        display: none;
    }

    /* Toggle logo ke right side */
    .up-navbar-toggle {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        float: none !important;
        margin: 0 !important;
        padding: 9px 10px;
        transform: translateY(-50%);
        border: 1px solid #dce3ec;
        border-radius: 8px;
        background: #ffffff !important;
        z-index: 9999;
    }

    .up-navbar-toggle:hover,
    .up-navbar-toggle:focus,
    .up-navbar-toggle:active {
        background: #ffffff !important;
        box-shadow: none;
    }

    .up-navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        margin: 4px 0;
        background: var(--up-navy) !important;
    }

    /* Blue navigation bar mobile par sirf menu open hone par dikhe */
    .up-navigation {
        background: var(--up-navy);
    }

    .up-navigation-inner {
        display: block;
        min-height: 0;
    }

    .up-navbar {
        min-height: 0;
        margin: 0;
    }

    .up-navbar .navbar-collapse {
        width: 100%;
        margin: 0;
        padding: 0;
        border-top: 1px solid rgba(255,255,255,.12);
    }
}