.elementor-5628 .elementor-element.elementor-element-6bfc85c{--display:flex;--min-height:50px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;}/* Start custom CSS for html, class: .elementor-element-3cc2077 */:root {
    --primary: #2563eb;       /* Royal Blue */
    --dark: #0f172a;          /* Deep Slate */
    --white: #ffffff;
    --bg-light: #f8fafc;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body { 
    font-family: 'Segoe UI', sans-serif; 
    background: var(--bg-light); 
}

/* --- Header Container --- */
.job-portal-header {
    width: 100%;
    background: var(--white);
    /* Top se chipka rahega */
}

/* --- Row 1: Centered Logo Section --- */
.header-main {
    padding: 12px 0; /* Bohat compact height */
    text-align: center; /* Logo center mein */
    border-bottom: 1px solid #edf2f7;
}
.logo-brand {
    font-size: 30px;
    font-weight: 900;
    text-decoration: none;
    color: var(--dark);
    line-height: 1;
}
.logo-brand span { color: var(--primary); }
.tagline {
    font-size: 11px;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-top: 3px;
}

/* --- Row 2: Centered Slim Navigation --- */
.nav-row {
    background: var(--primary);
    position: sticky;
    top: 0;
    z-index: 1000;
}
.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center; /* Menu items ko center karne ke liye */
}
.main-menu { 
    display: flex; 
    list-style: none; 
}
.main-menu li a {
    color: var(--white);
    text-decoration: none;
    padding: 12px 20px; /* Slim height */
    font-weight: 600;
    font-size: 14px;
    display: block;
    transition: 0.2s;
}
.main-menu li a:hover { 
    background: rgba(0,0,0,0.1); 
}

/* --- Row 3: Compact News Ticker --- */
.ticker-wrap {
    background: var(--white);
    height: 40px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--primary);
    overflow: hidden;
}
.ticker-head {
    background: #ef4444; /* Urgent Red */
    color: #fff;
    padding: 0 15px;
    height: 100%;
    display: flex;
    align-items: center;
    font-weight: 800;
    font-size: 12px;
    z-index: 10;
}
.ticker-body { flex: 1; overflow: hidden; }
.ticker-content {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: moveLeft 22s linear infinite;
    font-weight: 600;
    font-size: 14px;
    color: var(--dark);
    will-change: transform;
}

/* Hover to Pause */
.ticker-wrap:hover .ticker-content { 
    animation-play-state: paused; 
}

@keyframes moveLeft {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}

/* Mobile Toggle */
.menu-btn { 
    display: none; 
    background: none; 
    border: none; 
    color: white; 
    padding: 10px; 
    cursor: pointer; 
    font-weight: bold;
}

/* Responsive */
@media (max-width: 768px) {
    .nav-container { justify-content: flex-start; }
    .menu-btn { display: block; }
    .main-menu { 
        display: none; 
        flex-direction: column; 
        width: 100%; 
        position: absolute;
        top: 100%;
        left: 0;
        background: var(--primary);
    }
    .main-menu.active { display: flex; }
}/* End custom CSS */