:root{
    --primary:#02163d;
    --primary2:#0a2d73;
    --orange:#ff7a00;
    --bg:#f5f7fb;
    --text:#0b163f;
    --muted:#667085;
    --border:#e8edf5;
    --shadow:0 18px 45px rgba(2,22,61,.10);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

html{
    scroll-behavior:smooth;
}

body{
    background:var(--bg);
    color:var(--text);
    overflow-x:hidden;
}

.container{
    max-width:1320px;
}

a{
    text-decoration:none;
}

/* TOPBAR */

.topbar{
    background:var(--primary);
    color:#fff;
    font-size:13px;
    padding:7px 0;
}

.topbar a{
    color:#fff;
    margin-right:18px;
}

.topbar i{
    color:var(--orange);
    margin-right:5px;
}

.social-links a{
    margin-right:0;
    margin-left:14px;
}

/* NAVBAR */

.navbar{
    background:#fff;
    min-height:82px;
    padding:0;
    display:flex;
    align-items:center;
    box-shadow:0 3px 16px rgba(2,22,61,.06);
    position:sticky;
    top:0;
    z-index:1000;
}

.navbar .container{
    max-width:1320px;
    height:90px;
    padding-top:0!important;
    padding-bottom:0!important;
    display:flex;
    align-items:center;
}

.navbar-brand{
    display:flex;
    align-items:center;
    min-height:82px;
    margin-right:30px;
    padding:0!important;
}

.navbar-brand img{
    height:110px;
    width:auto;
    max-width:420px;
    object-fit:contain;
    display:block;
    margin:0;
    padding:0;
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    filter:none!important;
    mix-blend-mode:normal!important;
}

.navbar-nav{
    align-items:center;
}

.nav-link{
    color:var(--text)!important;
    font-size:14px;
    font-weight:700;
    margin:0 6px;
    padding:12px 6px!important;
    position:relative;
    transition:.25s;
}

.nav-link:hover{
    color:var(--orange)!important;
}

.nav-link::after{
    content:'';
    position:absolute;
    left:0;
    bottom:2px;
    width:0;
    height:2px;
    background:var(--orange);
    transition:.25s;
}

.nav-link:hover::after{
    width:100%;
}

.login-btn{
    background:var(--primary);
    color:#fff;
    padding:10px 18px;
    border-radius:10px;
    font-size:14px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:.25s;
}

.login-btn:hover{
    background:var(--orange);
    color:#fff;
    transform:translateY(-1px);
}

/* HERO */

.hero{
    min-height:560px;
    display:flex;
    align-items:center;
    color:#fff;
    position:relative;
    background-position:center!important;
    background-size:cover!important;
}

.hero-content{
    max-width:780px;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    padding:9px 18px;
    margin-bottom:20px;
    font-size:13px;
    font-weight:700;
}

.hero h1{
    font-size:58px;
    font-weight:800;
    line-height:1.08;
    color:#fff;
    letter-spacing:-1px;
}

.hero h1 span{
    color:var(--orange);
}

.hero p{
    font-size:18px;
    line-height:1.8;
    margin:22px 0 30px;
    color:#edf3fb;
}

.btn-orange,
.btn-blue{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 28px;
    border-radius:10px;
    font-weight:700;
    border:none;
    transition:.25s;
}

.btn-orange{
    background:var(--orange);
    color:#fff;
}

.btn-blue{
    border:1px solid #fff;
    color:#fff;
}

.btn-orange:hover,
.btn-blue:hover{
    background:#fff;
    color:var(--primary);
    transform:translateY(-1px);
}

/* SERVICE STRIP */

.service-strip{
    margin-top:-56px;
    position:relative;
    z-index:10;
}

.service-panel{
    background:#fff;
    border-radius:18px;
    padding:16px;
    box-shadow:var(--shadow);
}

.service-box{
    background:#fff;
    border:1px solid var(--border);
    border-radius:16px;
    min-height:122px;
    padding:20px 14px;
    text-align:center;
    transition:.25s ease;
}

.service-box:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow);
    border-color:#ffd3ad;
}

.service-box i{
    font-size:30px;
    color:var(--orange);
    margin-bottom:10px;
}

.service-box h6{
    font-size:13px;
    font-weight:800;
}

/* SECTION */

.section{
    padding:72px 0;
}

.section-title{
    text-align:center;
    margin-bottom:42px;
}

.section-title small{
    color:var(--orange);
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.section-title h2{
    font-size:38px;
    font-weight:800;
    margin-top:8px;
    letter-spacing:-.6px;
}

.section-title span{
    color:var(--orange);
}

.section-title p{
    max-width:720px;
    margin:10px auto 0;
    color:var(--muted);
}

/* STATS */

.stats{
    max-width:1280px;
    margin:36px auto 0;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    border-radius:18px;
    padding:34px;
    color:#fff;
    box-shadow:var(--shadow);
}

.stats h2{
    color:var(--orange);
    font-size:36px;
    font-weight:800;
}

.stats p{
    color:#dce6f5;
    margin:0;
    font-size:14px;
}

/* SEARCH */

.job-search{
    max-width:1280px;
    margin:0 auto;
    background:#fff;
    border-radius:18px;
    padding:30px;
    box-shadow:var(--shadow);
}

.job-search .form-control,
.job-search .form-select,
.page-content .form-control{
    height:52px;
    border-radius:10px;
    border:1px solid var(--border);
    font-size:14px;
}

.page-content textarea.form-control{
    height:auto;
}

.search-btn{
    width:100%;
    height:52px;
    border:none;
    border-radius:10px;
    background:var(--orange);
    color:#fff;
    font-weight:800;
    transition:.25s;
}

.search-btn:hover{
    background:var(--primary);
}

/* PREMIUM BASE CARDS */

.industry-card,
.why-card,
.job-card,
.testimonial-card,
.process-card,
.trusted-counter-card,
.premium-client-logo{
    background:#fff;
    border:1px solid rgba(2,22,61,.06);
    border-radius:20px;
    box-shadow:0 10px 28px rgba(2,22,61,.05);
    transition:
        transform .32s cubic-bezier(.4,0,.2,1),
        box-shadow .32s cubic-bezier(.4,0,.2,1),
        border-color .32s cubic-bezier(.4,0,.2,1);
}

.industry-card:hover,
.why-card:hover,
.job-card:hover,
.testimonial-card:hover,
.process-card:hover,
.trusted-counter-card:hover,
.premium-client-logo:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 50px rgba(2,22,61,.12);
    border-color:#ffd6b5;
}

/* INDUSTRIES */

/* PREMIUM INDUSTRIES */

.industry-card{
    position:relative;
    background:#fff;
    border:1px solid rgba(2,22,61,.06);
    border-radius:18px;
    padding:18px 16px;
    height:100%;
    min-height:105px;
    display:flex;
    align-items:center;
    gap:16px;
    text-align:left;
    overflow:hidden;
    transition:.28s cubic-bezier(.4,0,.2,1);
    box-shadow:0 8px 20px rgba(2,22,61,.04);
}

.industry-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:4px;
    height:100%;
    background:linear-gradient(180deg,var(--orange),var(--primary2));
    opacity:0;
    transition:.28s;
}

.industry-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(2,22,61,.10);
    border-color:#ffd6b5;
}

.industry-card:hover::before{
    opacity:1;
}

.industry-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:16px;
    background:linear-gradient(135deg,#fff3e8,#fff8f2);
    color:var(--orange);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin:0;
    transition:.28s;
}

.industry-card:hover .industry-icon{
    background:linear-gradient(135deg,var(--orange),#ff9f45);
    color:#fff;
    transform:scale(1.06);
}

.industry-card h5{
    font-size:15px;
    font-weight:800;
    line-height:1.4;
    margin:0;
    color:var(--text);
}

.industry-card p{
    margin:4px 0 0;
    color:var(--muted);
    font-size:12px;
}
/* PREMIUM WHY CHOOSE US */

.why-card{
    position:relative;
    background:#fff;
    border:1px solid rgba(2,22,61,.06);
    border-radius:20px;
    padding:22px 20px;
    height:100%;
    min-height:165px;
    text-align:left;
    overflow:hidden;
    transition:.3s cubic-bezier(.4,0,.2,1);
    box-shadow:0 8px 24px rgba(2,22,61,.04);
}

.why-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,var(--orange),var(--primary2));
    transform:scaleX(0);
    transform-origin:left;
    transition:.35s;
}

.why-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 45px rgba(2,22,61,.10);
    border-color:#ffd6b5;
}

.why-card:hover::before{
    transform:scaleX(1);
}

.why-card i{
    width:54px;
    height:54px;
    border-radius:14px;
    background:linear-gradient(135deg,#fff3e8,#fff8f2);
    color:var(--orange);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 0 18px;
    font-size:22px;
    transition:.3s;
}

.why-card:hover i{
    background:linear-gradient(135deg,var(--orange),#ff9f45);
    color:#fff;
    transform:rotate(-4deg) scale(1.05);
}

.why-card h4{
    font-size:18px;
    font-weight:800;
    margin-bottom:8px;
    color:var(--text);
}

.why-card p{
    color:var(--muted);
    font-size:13px;
    line-height:1.7;
    margin-bottom:0;
}

/* PROCESS SECTION */

.process-section{
    background:linear-gradient(180deg,#f5f7fb 0%,#ffffff 100%);
}

.process-timeline{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    position:relative;
}

.process-card{
    position:relative;
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:34px 26px;
    min-height:270px;
    box-shadow:0 10px 28px rgba(2,22,61,.05);
    transition:.3s cubic-bezier(.4,0,.2,1);
    overflow:hidden;
}

.process-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,var(--orange),var(--primary2));
}

.process-card:hover{
    transform:translateY(-7px);
    box-shadow:var(--shadow);
    border-color:#ffd7b4;
}

.process-number{
    position:absolute;
    right:22px;
    top:18px;
    font-size:42px;
    font-weight:800;
    color:rgba(2,22,61,.07);
}

.process-icon{
    width:68px;
    height:68px;
    border-radius:18px;
    background:#fff3e8;
    color:var(--orange);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:24px;
}

.process-card h4{
    font-size:19px;
    font-weight:800;
    margin-bottom:12px;
    color:var(--text);
}

.process-card p{
    color:var(--muted);
    font-size:14px;
    line-height:1.75;
    margin-bottom:0;
}

/* PREMIUM CANDIDATE / EMPLOYER CTA */

.premium-cta-section{
    padding-top:20px;
    padding-bottom:80px;
}

.premium-split-cta{
    max-width:1280px;
    margin:0 auto;
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 24px 60px rgba(2,22,61,.14);
    background:#fff;
}

.cta-panel{
    min-height:340px;
    padding:44px;
    display:grid;
    grid-template-columns:1fr 210px;
    align-items:center;
    gap:28px;
    position:relative;
    overflow:hidden;
}

.cta-panel::before{
    content:'';
    position:absolute;
    inset:0;
    opacity:.12;
    background:
        radial-gradient(circle at 20% 20%,#fff 0,transparent 28%),
        radial-gradient(circle at 80% 80%,#fff 0,transparent 26%);
}

.candidate-panel{
    background:linear-gradient(135deg,#02163d,#063079);
}

.employer-panel{
    background:linear-gradient(135deg,#ff7a00,#ff982f);
}

.cta-content,
.cta-visual-wrap{
    position:relative;
    z-index:2;
}

.cta-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.24);
    color:#fff;
    border-radius:999px;
    padding:8px 13px;
    font-size:12px;
    font-weight:800;
    margin-bottom:16px;
}

.cta-content h2{
    color:#fff;
    font-size:34px;
    font-weight:800;
    letter-spacing:-.6px;
    margin-bottom:12px;
}

.cta-content p{
    color:rgba(255,255,255,.90);
    font-size:15px;
    line-height:1.7;
    margin-bottom:22px;
}

.cta-action-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff;
    color:var(--primary);
    padding:12px 18px;
    border-radius:11px;
    font-size:14px;
    font-weight:800;
    transition:.25s;
}

.cta-action-btn:hover{
    background:var(--primary);
    color:#fff;
    transform:translateY(-2px);
}

.candidate-panel .cta-action-btn:hover{
    background:var(--orange);
}

.cta-visual-wrap{
    position:relative;
}

.premium-cta-img{
    width:210px;
    height:245px;
    object-fit:cover;
    border-radius:22px;
    background:#fff;
    display:block;
    box-shadow:0 18px 40px rgba(0,0,0,.18);
    border:4px solid rgba(255,255,255,.35);
}

.cta-floating-card{
    position:absolute;
    left:-18px;
    bottom:18px;
    display:flex;
    align-items:center;
    gap:7px;
    background:rgba(255,255,255,.92);
    color:var(--primary);
    padding:9px 12px;
    border-radius:12px;
    font-size:12px;
    font-weight:800;
    box-shadow:0 12px 28px rgba(0,0,0,.16);
}

.cta-floating-card i{
    color:var(--orange);
}

/* remove old CTA conflict if present */

.candidate-box,
.employer-box{
    min-height:auto;
    padding:0;
}

@media(max-width:991px){

    .cta-panel{
        grid-template-columns:1fr;
        min-height:auto;
        padding:34px;
    }

    .premium-cta-img{
        width:100%;
        max-width:320px;
        height:260px;
    }
}

@media(max-width:576px){

    .premium-cta-section{
        padding-bottom:55px;
    }

    .cta-panel{
        padding:28px;
    }

    .cta-content h2{
        font-size:28px;
    }

    .premium-cta-img{
        height:230px;
    }
}

/* PREMIUM JOB CARDS */

.jobs-section{
    position:relative;
}

.premium-job-card{
    position:relative;
    overflow:hidden;
    padding:28px;
    min-height:315px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.premium-job-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,var(--orange),var(--primary2));
}

.job-card-top{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-bottom:20px;
}

.job-company-icon{
    width:56px;
    height:56px;
    min-width:56px;
    border-radius:16px;
    background:#fff3e8;
    color:var(--orange);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.job-category{
    display:inline-block;
    font-size:12px;
    font-weight:800;
    color:var(--orange);
    background:#fff3e8;
    border-radius:999px;
    padding:6px 11px;
    margin-bottom:10px;
}

.premium-job-card h4{
    font-size:20px;
    font-weight:800;
    margin:0;
    line-height:1.35;
}

.job-badges{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:18px;
}

.job-badges span{
    font-size:12px;
    font-weight:700;
    color:#475467;
    background:#f8fafc;
    border:1px solid var(--border);
    border-radius:999px;
    padding:7px 10px;
}

.job-badges i{
    color:var(--orange);
    margin-right:5px;
}

.job-info-list{
    margin-bottom:22px;
}

.job-info-list p{
    margin-bottom:9px;
    color:#475467;
    font-size:14px;
}

.job-info-list i{
    color:var(--orange);
    width:20px;
    margin-right:6px;
}

.job-card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:auto;
}

.job-view-btn{
    flex:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:var(--orange);
    color:#fff;
    padding:12px 18px;
    border-radius:10px;
    font-size:14px;
    font-weight:800;
    transition:.25s;
}

.job-view-btn:hover{
    background:var(--primary);
    color:#fff;
    transform:translateY(-1px);
}

.job-save-btn{
    width:44px;
    height:44px;
    border-radius:10px;
    border:1px solid var(--border);
    background:#fff;
    color:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.25s;
}

.job-save-btn:hover{
    background:var(--primary);
    color:#fff;
}

/* TESTIMONIAL */

.testimonial-card{
    padding:30px;
    height:100%;
}

.quote-icon{
    color:var(--orange);
    font-size:24px;
    margin-bottom:10px;
}

/* TRUSTED CLIENTS */

.trusted-section{
    overflow:hidden;
    position:relative;
}

.trusted-counter-wrap{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-bottom:55px;
}

.trusted-counter-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:20px;
    padding:28px 20px;
    text-align:center;
    box-shadow:0 8px 24px rgba(2,22,61,.05);
    transition:.3s cubic-bezier(.4,0,.2,1);
}

.trusted-counter-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow);
}

.trusted-counter-card h3{
    font-size:42px;
    font-weight:800;
    color:var(--orange);
    margin-bottom:8px;
}

.trusted-counter-card p{
    margin:0;
    color:var(--muted);
    font-weight:600;
    font-size:14px;
}

.trusted-slider{
    position:relative;
    overflow:hidden;
    width:100%;
    mask-image:linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image:linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.trusted-track{
    display:flex;
    width:max-content;
    animation:trustedScroll 30s linear infinite;
}

.trusted-slider:hover .trusted-track{
    animation-play-state:paused;
}

.client-logo{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    padding:18px;
    text-align:center;
    font-weight:800;
    color:var(--text);
    box-shadow:0 8px 24px rgba(2,22,61,.06);
    transition:.25s ease;
}

.client-logo:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow);
}

.premium-client-logo{
    min-width:240px;
    margin-right:20px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:18px;
    box-shadow:0 8px 24px rgba(2,22,61,.05);
    transition:.3s cubic-bezier(.4,0,.2,1);
}

.premium-client-logo:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow);
    border-color:#ffd7b4;
}

.client-logo-inner{
    min-height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:20px;
}

.client-logo-inner i{
    font-size:22px;
    color:var(--orange);
}

.client-logo-inner span{
    font-size:16px;
    font-weight:800;
    color:var(--text);
    white-space:nowrap;
}

@keyframes trustedScroll{
    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }
}

/* NEWSLETTER */

.newsletter{
    max-width:1280px;
    margin:0 auto 45px;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    color:#fff;
    border-radius:20px;
    padding:42px;
    box-shadow:var(--shadow);
}

.newsletter h2{
    color:#fff;
}

.newsletter p{
    color:#dce6f5;
}

.newsletter form{
    display:flex;
    gap:12px;
}

.newsletter input{
    flex:1;
    height:52px;
    border:none;
    border-radius:10px;
    padding:0 16px;
}

.newsletter button{
    min-width:140px;
    height:52px;
    border:none;
    background:var(--orange);
    color:#fff;
    border-radius:10px;
    font-weight:800;
    transition:.25s;
}

.newsletter button:hover{
    background:#fff;
    color:var(--primary);
}

/* FOOTER */

.footer{
    background:#01102c;
    color:#fff;
    padding:70px 0 24px;
}

.footer .row{
    align-items:flex-start;
}

.footer-brand img{
    height:80px;
    max-width:280px;
    object-fit:contain;
    margin-bottom:18px;
}

.footer-tagline{
    color:#fff!important;
    font-weight:700;
    font-size:15px;
}

.footer-text{
    color:#cbd5e1!important;
    max-width:330px;
    font-size:14px;
    line-height:1.8;
}

.footer h5{
    color:#fff;
    font-size:16px;
    font-weight:800;
    margin-bottom:18px;
}

.footer-links,
.footer-contact{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:9px;
}

.footer-links a{
    color:#cbd5e1;
    font-size:14px;
    transition:.25s;
}

.footer-links a:hover{
    color:var(--orange);
    padding-left:4px;
}

.footer-contact li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:13px;
    color:#cbd5e1;
    font-size:14px;
}

.footer-contact i{
    color:var(--orange);
    margin-top:4px;
    width:16px;
}

.footer-contact a{
    color:#cbd5e1;
}

.footer-contact a:hover{
    color:var(--orange);
}

/* PREMIUM ENTERPRISE FOOTER DEPTH */

.footer-top{
    position:relative;
}

.footer-social{
    display:flex;
    gap:12px;
    margin-top:22px;
}

.footer-social a{
    width:40px;
    height:40px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.25s;
}

.footer-social a:hover{
    background:var(--orange);
    color:#fff;
    transform:translateY(-3px);
}

.footer-whatsapp{
    margin-top:16px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#25d366;
    color:#fff!important;
    padding:10px 14px;
    border-radius:10px;
    font-weight:800;
    font-size:13px;
    transition:.25s;
}

.footer-whatsapp:hover{
    transform:translateY(-2px);
    background:#1ebe5d;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.10);
    margin-top:40px;
    padding-top:18px;
    text-align:center;
    color:#94a3b8;
    font-size:13px;
}

.footer-bottom-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.footer-policy-links{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.footer-policy-links a{
    color:#94a3b8;
    font-size:13px;
    transition:.25s;
}

.footer-policy-links a:hover{
    color:var(--orange);
}

.floating-whatsapp{
    position:fixed;
    right:22px;
    bottom:22px;
    width:56px;
    height:56px;
    border-radius:50%;
    background:#25d366;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    z-index:9999;
    box-shadow:0 12px 28px rgba(37,211,102,.35);
    animation:whatsappPulse 1.8s infinite;
}

.floating-whatsapp:hover{
    color:#fff;
    background:#1ebe5d;
    transform:translateY(-3px);
}

@keyframes whatsappPulse{
    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.45);
    }

    70%{
        box-shadow:0 0 0 16px rgba(37,211,102,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }
}

/* PAGE */

.page-banner{
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    color:#fff;
    padding:90px 0;
    text-align:center;
}

.page-banner h1{
    font-size:44px;
    font-weight:800;
}

.page-content{
    background:#fff;
    border-radius:20px;
    padding:45px;
    box-shadow:var(--shadow);
}

/* RESPONSIVE */

@media(max-width:991px){

    .navbar{
        min-height:auto;
        padding:8px 0;
    }

    .navbar .container{
        min-height:auto;
    }

    .navbar-brand{
        min-height:auto;
    }

    .navbar-brand img{
        height:82px;
        max-width:260px;
    }

    .nav-link{
        padding:12px 0!important;
    }

    .nav-link::after{
        display:none;
    }

    .navbar-collapse{
        padding-top:10px;
    }

    .hero{
        min-height:560px;
    }

    .hero h1{
        font-size:40px;
    }

    .service-strip{
        margin-top:25px;
    }

    .candidate-box,
    .employer-box{
        min-height:auto;
    }

    .process-timeline{
        grid-template-columns:repeat(2,1fr);
    }

    .trusted-counter-wrap{
        grid-template-columns:repeat(2,1fr);
    }

    .premium-client-logo{
        min-width:210px;
    }

    .newsletter form{
        flex-direction:column;
    }

    .newsletter button{
        width:100%;
    }

    .footer-bottom-inner{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media(max-width:576px){

    .hero h1{
        font-size:34px;
    }

    .hero p{
        font-size:16px;
    }

    .section{
        padding:52px 0;
    }

    .section-title h2{
        font-size:30px;
    }

    .candidate-box,
    .employer-box,
    .newsletter{
        padding:28px;
    }

    .process-timeline{
        grid-template-columns:1fr;
    }

    .process-card{
        min-height:auto;
    }

    .trusted-counter-wrap{
        grid-template-columns:1fr;
    }

    .trusted-counter-card h3{
        font-size:34px;
    }

    .premium-client-logo{
        min-width:180px;
    }

    .client-logo-inner{
        min-height:78px;
    }

    .client-logo-inner span{
        font-size:14px;
    }

    .footer-brand img{
        height:68px;
    }
}
/* HERO DASHBOARD MOCKUP */

.premium-hero{
    background-size:cover;
    background-position:center;
}

.hero-trust-row{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:28px;
}

.hero-trust-row span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#eaf0fb;
    font-size:13px;
    font-weight:700;
}

.hero-trust-row i{
    color:var(--orange);
}

.hero-dashboard{
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.55);
    border-radius:28px;
    padding:26px;
    box-shadow:0 28px 70px rgba(0,0,0,.25);
    position:relative;
    overflow:hidden;
}

.hero-dashboard::before{
    content:'';
    position:absolute;
    top:-80px;
    right:-80px;
    width:180px;
    height:180px;
    background:rgba(255,122,0,.18);
    border-radius:50%;
}

.dashboard-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:24px;
    position:relative;
    z-index:2;
}

.dashboard-header small{
    color:var(--orange);
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.dashboard-header h4{
    color:var(--text);
    font-weight:800;
    margin:5px 0 0;
}

.live-dot{
    background:#ecfdf3;
    color:#027a48;
    border-radius:999px;
    padding:6px 10px;
    font-size:12px;
    font-weight:800;
}

.dashboard-metrics{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-bottom:22px;
    position:relative;
    z-index:2;
}

.dashboard-metrics div{
    background:#f8fafc;
    border:1px solid var(--border);
    border-radius:18px;
    padding:18px;
}

.dashboard-metrics strong{
    display:block;
    color:var(--primary);
    font-size:26px;
    font-weight:800;
}

.dashboard-metrics span{
    color:var(--muted);
    font-size:13px;
    font-weight:600;
}

.pipeline-list{
    position:relative;
    z-index:2;
}

.pipeline-list div:not(.pipeline-bar){
    display:flex;
    justify-content:space-between;
    margin-bottom:8px;
    color:#475467;
    font-size:13px;
    font-weight:700;
}

.pipeline-bar{
    height:9px;
    background:#eef2f7;
    border-radius:999px;
    overflow:hidden;
    margin-bottom:16px;
}

.pipeline-bar span{
    display:block;
    height:100%;
    background:linear-gradient(90deg,var(--orange),var(--primary2));
    border-radius:999px;
}

.dashboard-footer-card{
    display:flex;
    align-items:center;
    gap:14px;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    color:#fff;
    border-radius:18px;
    padding:18px;
    margin-top:22px;
    position:relative;
    z-index:2;
}

.dashboard-footer-card i{
    width:46px;
    height:46px;
    border-radius:14px;
    background:rgba(255,255,255,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--orange);
    font-size:22px;
}

.dashboard-footer-card strong{
    display:block;
    font-size:22px;
    font-weight:800;
}

.dashboard-footer-card span{
    color:#dce6f5;
    font-size:13px;
}

/* SCROLL ANIMATIONS */

[data-animate],
.stats-wrapper{
    opacity:0;
    transform:translateY(28px);
    transition:
        opacity .75s cubic-bezier(.4,0,.2,1),
        transform .75s cubic-bezier(.4,0,.2,1);
}

[data-animate].is-visible,
.stats-wrapper.is-visible{
    opacity:1;
    transform:translateY(0);
}

/* ANIMATED TRUST LOGOS ALREADY SUPPORTED */

.trusted-track{
    animation:trustedScroll 28s linear infinite;
}

.trusted-slider:hover .trusted-track{
    animation-play-state:paused;
}

/* FINAL HERO BALANCE FIX */

.premium-hero{
    min-height:520px;
    overflow:hidden;
}

.premium-hero .row{
    min-height:520px;
}

.hero-content{
    padding-top:20px;
}

.hero-dashboard{
    max-width:430px;
    margin-left:auto;
    transform:translateY(20px);
}

.dashboard-metrics strong{
    font-size:22px;
}

.dashboard-footer-card{
    padding:14px 16px;
}

.dashboard-footer-card strong{
    font-size:19px;
}

.service-strip{
    margin-top:-36px;
}

@media(max-width:991px){
    .premium-hero{
        min-height:520px;
    }

    .service-strip{
        margin-top:20px;
    }
}

/* FINAL RESPONSIVE POLISH */

@media(max-width:991px){

    .topbar{
        font-size:12px;
        text-align:center;
    }

    .topbar .container{
        justify-content:center!important;
    }

    .navbar-brand img{
        height:72px;
    }

    .premium-hero{
        min-height:auto;
        padding:70px 0 90px;
    }

    .hero-content{
        max-width:100%;
        text-align:left;
    }

    .hero h1{
        font-size:42px;
    }

    .hero p{
        font-size:16px;
    }

    .hero-trust-row{
        gap:10px;
    }

    .service-strip{
        margin-top:-35px;
    }

    .stats{
        padding:26px 20px;
    }

    .stats h2{
        font-size:30px;
    }

    .job-search{
        padding:24px;
    }

    .section-title h2{
        font-size:32px;
    }

    .premium-split-cta{
        border-radius:20px;
    }

    .cta-panel{
        grid-template-columns:1fr;
    }

    .premium-cta-img{
        width:100%;
        max-width:340px;
        margin:auto;
    }

    .footer{
        padding-top:55px;
    }
}

@media(max-width:576px){

    .container{
        padding-left:18px;
        padding-right:18px;
    }

    .hero h1{
        font-size:34px;
    }

    .hero-badge{
        font-size:11px;
        padding:8px 13px;
    }

    .btn-orange,
    .btn-blue{
        width:100%;
        justify-content:center;
    }

    .service-panel{
        padding:10px;
    }

    .service-box{
        min-height:100px;
        padding:16px 10px;
    }

    .service-box h6{
        font-size:12px;
    }

    .stats .col-md-3{
        border-bottom:1px solid rgba(255,255,255,.12);
        padding-bottom:16px;
    }

    .stats .col-md-3:last-child{
        border-bottom:none;
    }

    .industry-card{
        min-height:92px;
        padding:14px;
        gap:12px;
    }

    .industry-icon{
        width:48px;
        height:48px;
        min-width:48px;
        font-size:19px;
    }

    .why-card{
        min-height:auto;
        padding:20px;
    }

    .premium-job-card{
        min-height:auto;
    }

    .newsletter{
        padding:26px;
        border-radius:18px;
    }

    .newsletter h2{
        font-size:26px;
    }

    .floating-whatsapp{
        width:50px;
        height:50px;
        font-size:24px;
        right:16px;
        bottom:16px;
    }
}
/* =========================================
   ABOUT PAGE PREMIUM - UPDATED
========================================= */

.inner-hero{
    position:relative;
    padding:90px 0;
    background:
        linear-gradient(90deg,rgba(4,24,54,.92),rgba(4,24,54,.70)),
        url('/assets/images/page-banner.jpg') center center/cover no-repeat;
    overflow:hidden;
}

.inner-hero-content{
    width:min(100%,1200px);
    margin:auto;
    color:#fff;
    padding:0 20px;
}

.inner-hero .badge{
    display:inline-block;
    padding:8px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    font-size:13px;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:18px;
    color:#ff8c1a;
}

.inner-hero h1{
    font-size:52px;
    line-height:1.08;
    font-weight:900;
    margin-bottom:16px;
    letter-spacing:-1px;
}

.inner-hero p{
    max-width:720px;
    font-size:17px;
    line-height:1.8;
    color:#e6edf7;
}

/* ABOUT HERO */

.about-hero-premium{
    position:relative;
    min-height:560px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        url('/assets/images/about-hero.jpg')
        center center/cover no-repeat;
}

.about-hero-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(3,20,48,.96) 0%,
            rgba(3,20,48,.88) 32%,
            rgba(3,20,48,.48) 62%,
            rgba(3,20,48,.14) 100%
        );
}

.about-hero-content{
    position:relative;
    z-index:2;
    max-width:640px;
    color:#fff;
    padding:90px 0;
}

.about-hero-content span{
    display:inline-block;
    padding:9px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#ff7a00;
    font-size:12px;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
    margin-bottom:22px;
}

.about-hero-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    margin-bottom:24px;
    color:#fff;
    letter-spacing:-2px;
    max-width:620px;
}

.about-hero-content p{
    font-size:17px;
    line-height:1.9;
    color:#dce6f5;
    max-width:580px;
    margin-bottom:32px;
}

.hero-btns{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.hero-orange-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#ff7a00;
    color:#fff;
    text-decoration:none;
    padding:15px 28px;
    border-radius:12px;
    font-weight:800;
    font-size:14px;
    transition:.3s;
}

.hero-orange-btn:hover{
    background:#fff;
    color:#061b3a;
}

.hero-outline-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(255,255,255,.35);
    color:#fff;
    text-decoration:none;
    padding:15px 28px;
    border-radius:12px;
    font-weight:800;
    font-size:14px;
    transition:.3s;
}

.hero-outline-btn:hover{
    background:#fff;
    color:#061b3a;
}

/* ABOUT BODY */

.about-premium{
    padding:90px 0 45px;
    background:#fff;
}

.about-premium-grid{
    width:min(100%,1200px);
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
    padding:0 20px;
}

.section-label{
    display:inline-block;
    color:#ff7a00;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:18px;
    letter-spacing:.09em;
}

.about-premium h2{
    font-size:52px;
    line-height:1.1;
    color:#061b3a;
    margin-bottom:24px;
    font-weight:900;
    letter-spacing:-1px;
}

.about-premium p{
    color:#5f6c7b;
    line-height:1.85;
    margin-bottom:16px;
    font-size:15px;
}

.outline-orange-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    border:2px solid #ff7a00;
    color:#ff7a00;
    text-decoration:none;
    padding:13px 24px;
    border-radius:12px;
    font-weight:800;
    margin-top:10px;
    transition:.3s;
}

.outline-orange-btn:hover{
    background:#ff7a00;
    color:#fff;
}

.about-visual{
    position:relative;
}

.about-visual img{
    width:100%;
    border-radius:24px;
    display:block;
    box-shadow:0 20px 60px rgba(0,0,0,.12);
}

.experience-box{
    position:absolute;
    right:-24px;
    bottom:34px;
    width:240px;
    background:#061b3a;
    color:#fff;
    border-radius:24px;
    padding:30px;
    box-shadow:0 20px 60px rgba(0,0,0,.18);
}

.experience-box i{
    font-size:30px;
    color:#ff7a00;
    margin-bottom:16px;
}

.experience-box h3{
    font-size:50px;
    font-weight:900;
    margin-bottom:6px;
}

.experience-box strong{
    display:block;
    font-size:18px;
    margin-bottom:12px;
}

.experience-box p{
    color:#d8e0ea;
    margin:0;
    line-height:1.7;
    font-size:13px;
}

.about-stats{
    width:min(100%,1200px);
    margin:64px auto 0;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    padding:0 20px;
}

.about-stats div{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:22px;
    padding:32px 24px;
    text-align:center;
    box-shadow:0 12px 35px rgba(0,0,0,.05);
}

.about-stats i{
    font-size:30px;
    color:#ff7a00;
    margin-bottom:16px;
}

.about-stats strong{
    display:block;
    font-size:38px;
    color:#061b3a;
    margin-bottom:8px;
    font-weight:900;
}

.about-stats span{
    color:#6c7887;
    font-size:14px;
}

/* MISSION */

.mission-values{
    background:#f7f9fc;
    padding:80px 0;
}

.mission-values h2{
    text-align:center;
    font-size:44px;
    color:#061b3a;
    margin-bottom:52px;
    font-weight:900;
    letter-spacing:-1px;
}

.mission-values h2 span{
    color:#ff7a00;
}

.mission-grid{
    width:min(100%,1200px);
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    padding:0 20px;
}

.mission-card{
    background:#fff;
    border-radius:24px;
    padding:38px;
    box-shadow:0 12px 35px rgba(0,0,0,.05);
    border:1px solid #edf1f7;
}

.mission-icon{
    width:66px;
    height:66px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:26px;
}

.mission-icon.orange{
    background:#ff7a00;
    color:#fff;
}

.mission-icon.navy{
    background:#061b3a;
    color:#fff;
}

.mission-icon i{
    font-size:26px;
}

.mission-card h3{
    font-size:24px;
    color:#061b3a;
    margin-bottom:14px;
    font-weight:800;
}

.mission-card p,
.mission-card li{
    color:#687586;
    line-height:1.85;
    font-size:14px;
}

.mission-card ul{
    padding-left:18px;
}

/* ABOUT CTA */

.about-cta{
    width:min(100%,1200px);
    margin:64px auto 0;
    background:linear-gradient(135deg,#061b3a 0%,#0b2b57 100%);
    border-radius:26px;
    padding:46px 56px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    color:#fff;
    box-shadow:0 22px 55px rgba(2,22,61,.16);
}

.about-cta h3{
    font-size:34px;
    margin-bottom:8px;
    font-weight:900;
    letter-spacing:-.6px;
}

.about-cta p{
    margin:0;
    color:#d8e0ea;
    font-size:15px;
}

.about-cta a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#ff7a00;
    color:#fff;
    text-decoration:none;
    padding:15px 30px;
    border-radius:13px;
    font-weight:800;
}

/* =========================================
   SERVICES PREMIUM PAGE
========================================= */

.services-premium-page{
    padding:90px 0;
    background:#fff;
}

.section-heading-center{
    text-align:center;
    max-width:820px;
    margin:0 auto 60px;
}

.section-heading-center span{
    color:#ff7a00;
    font-size:12px;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.section-heading-center h2{
    font-size:48px;
    color:#061b3a;
    margin:16px 0;
    font-weight:900;
    letter-spacing:-1px;
}

.section-heading-center p{
    color:#667085;
    line-height:1.85;
    font-size:15px;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    margin-bottom:70px;
}

.service-card-premium{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:24px;
    padding:38px 30px;
    transition:.3s;
    box-shadow:0 12px 35px rgba(0,0,0,.04);
}

.service-card-premium:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 45px rgba(0,0,0,.10);
}

.service-icon{
    width:76px;
    height:76px;
    border-radius:50%;
    background:#fff4eb;
    color:#ff7a00;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:26px;
}

.service-card-premium h3{
    font-size:24px;
    color:#061b3a;
    margin-bottom:14px;
    font-weight:800;
}

.service-card-premium p{
    color:#667085;
    line-height:1.8;
    margin-bottom:22px;
    font-size:14px;
}

.service-card-premium a{
    color:#ff7a00;
    text-decoration:none;
    font-weight:800;
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:14px;
}

/* FEATURED SERVICE */

.featured-service-box{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
    margin-bottom:60px;
}

.featured-service-image img{
    width:100%;
    border-radius:28px;
    display:block;
    box-shadow:0 18px 45px rgba(0,0,0,.10);
}

.featured-service-content span{
    color:#ff7a00;
    font-size:12px;
    font-weight:800;
    letter-spacing:.09em;
}

.featured-service-content h2{
    font-size:44px;
    color:#061b3a;
    margin:16px 0;
    font-weight:900;
    letter-spacing:-1px;
}

.featured-service-content p{
    color:#667085;
    line-height:1.85;
    font-size:15px;
}

.featured-service-content ul{
    list-style:none;
    padding:0;
    margin:26px 0;
}

.featured-service-content li{
    margin-bottom:13px;
    color:#344054;
    position:relative;
    padding-left:32px;
    font-size:14px;
}

.featured-service-content li:before{
    content:'✔';
    position:absolute;
    left:0;
    top:0;
    color:#ff7a00;
    font-weight:800;
}

.orange-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#ff7a00;
    color:#fff;
    text-decoration:none;
    padding:15px 26px;
    border-radius:12px;
    font-weight:800;
    font-size:14px;
}

/* SERVICE STATS */

.service-stats-bar{
    background:#061b3a;
    border-radius:24px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    padding:34px;
    margin-bottom:50px;
}

.service-stats-bar div{
    text-align:center;
    color:#fff;
}

.service-stats-bar i{
    font-size:30px;
    color:#ff7a00;
    margin-bottom:12px;
}

.service-stats-bar strong{
    display:block;
    font-size:34px;
    margin-bottom:6px;
    font-weight:900;
}

.service-stats-bar span{
    color:#d5deea;
    font-size:13px;
}

/* SERVICES CTA */

.services-bottom-cta{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:22px;
    padding:38px 48px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    box-shadow:0 12px 30px rgba(0,0,0,.04);
}

.services-bottom-cta h3{
    font-size:34px;
    color:#061b3a;
    margin-bottom:10px;
    font-weight:900;
    letter-spacing:-.6px;
}

.services-bottom-cta h3 span{
    color:#ff7a00;
}

.services-bottom-cta p{
    color:#667085;
    margin:0;
    font-size:14px;
}

.services-bottom-cta a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#061b3a;
    color:#fff;
    text-decoration:none;
    padding:15px 26px;
    border-radius:12px;
    font-weight:800;
}

/* SERVICES HERO */

.services-hero-premium{
    position:relative;
    min-height:560px;
    display:flex;
    align-items:center;
    background:
        url('/assets/images/services-hero.jpg')
        center center/cover no-repeat;
    overflow:hidden;
}

.services-hero-premium.clean-hero-image{
    background:
        url('/assets/images/services-hero.jpg')
        center center/cover no-repeat;
}

.services-hero-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(3,20,48,.96) 0%,
            rgba(3,20,48,.88) 32%,
            rgba(3,20,48,.48) 62%,
            rgba(3,20,48,.14) 100%
        );
}

.services-hero-content{
    position:relative;
    z-index:2;
    max-width:640px;
    color:#fff;
    padding:90px 0;
}

.services-hero-content span{
    display:inline-block;
    padding:9px 16px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#ff7a00;
    font-size:12px;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
    margin-bottom:22px;
}

.services-hero-content h1{
    font-size:64px;
    line-height:1.05;
    font-weight:900;
    margin-bottom:24px;
    color:#fff;
    letter-spacing:-2px;
}

.services-hero-content p{
    font-size:17px;
    line-height:1.9;
    color:#dce6f5;
    margin-bottom:32px;
    max-width:580px;
}

/* RESPONSIVE ABOUT + SERVICES */

@media(max-width:992px){

    .about-premium-grid,
    .mission-grid,
    .about-stats,
    .services-grid,
    .featured-service-box,
    .service-stats-bar{
        grid-template-columns:1fr;
    }

    .about-cta,
    .services-bottom-cta{
        flex-direction:column;
        align-items:flex-start;
    }

    .experience-box{
        position:relative;
        right:auto;
        bottom:auto;
        width:100%;
        margin-top:20px;
    }

    .about-hero-premium,
    .services-hero-premium{
        min-height:auto;
    }

    .about-hero-content,
    .services-hero-content{
        padding:90px 20px;
    }

    .about-hero-content h1,
    .services-hero-content h1{
        font-size:52px;
    }

    .about-hero-content p,
    .services-hero-content p{
        font-size:16px;
    }

    .about-premium h2,
    .mission-values h2,
    .section-heading-center h2,
    .featured-service-content h2{
        font-size:38px;
    }
}

@media(max-width:768px){

    .about-hero-content h1,
    .services-hero-content h1{
        font-size:42px;
        letter-spacing:-1px;
    }

    .about-premium{
        padding:65px 0 35px;
    }

    .mission-values,
    .services-premium-page{
        padding:65px 0;
    }

    .about-cta,
    .services-bottom-cta{
        padding:32px;
    }

    .about-cta h3,
    .services-bottom-cta h3{
        font-size:28px;
    }
}
/* FINAL ABOUT PAGE PREMIUM OVERRIDES */

.navbar{
    min-height:72px;
}

.navbar .container{
    height:76px;
}

.navbar-brand img{
    height:105px;
    max-width:260px;
}

.about-hero-premium{
    min-height:500px;
    background-position:center right;
}

.about-hero-overlay{
    background:linear-gradient(
        90deg,
        rgba(3,20,48,.94) 0%,
        rgba(3,20,48,.82) 34%,
        rgba(3,20,48,.42) 62%,
        rgba(3,20,48,.08) 100%
    );
}

.about-hero-content{
    max-width:560px;
    padding:72px 0;
}

.about-hero-content h1{
    font-size:54px;
    line-height:1.08;
    letter-spacing:-1.5px;
    margin-bottom:20px;
}

.about-hero-content p{
    font-size:15px;
    line-height:1.8;
    max-width:520px;
    margin-bottom:26px;
}

.hero-orange-btn,
.hero-outline-btn{
    padding:13px 24px;
    border-radius:10px;
    font-size:13px;
}

.about-premium{
    padding:78px 0 36px;
}

.about-premium-grid{
    gap:58px;
}

.about-premium h2{
    font-size:44px;
    line-height:1.12;
}

.about-premium p{
    font-size:14px;
    line-height:1.85;
}

.about-visual img{
    max-height:300px;
    object-fit:cover;
}

.experience-box{
    width:220px;
    padding:26px;
    right:-18px;
}

.about-stats{
    margin-top:54px;
}

.about-stats div{
    padding:28px 22px;
}

.about-stats strong{
    font-size:34px;
}

.mission-values{
    padding:68px 0;
}

.mission-values h2{
    font-size:38px;
    margin-bottom:42px;
}

.mission-card{
    padding:32px;
}

.about-cta{
    margin-top:54px;
    padding:38px 50px;
}

.about-cta h3{
    font-size:30px;
}

.footer{
    padding-top:58px;
}
.jobs-hero-premium{
    min-height:330px;
    display:flex;
    align-items:center;
    background:linear-gradient(90deg,rgba(2,22,61,.95),rgba(2,22,61,.55)),url('/assets/images/jobs-hero.jpg') center/cover;
    color:#fff;
}

.jobs-hero-content{
    max-width:650px;
}

.jobs-hero-content span{
    color:#ff7a00;
    font-weight:800;
}

.jobs-hero-content h1{
    font-size:52px;
    font-weight:900;
    line-height:1.1;
}

.jobs-hero-content p{
    font-size:17px;
    color:#e8eef7;
}

.jobs-search-wrapper{
    margin-top:-45px;
    position:relative;
    z-index:5;
}

.jobs-search-box{
    background:#fff;
    padding:28px;
    border-radius:18px;
    box-shadow:0 20px 50px rgba(2,22,61,.12);
}

.search-field{
    height:52px;
    border:1px solid #e8edf5;
    border-radius:12px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 15px;
}

.search-field input{
    border:0;
    outline:0;
    width:100%;
}

.search-field i{
    color:#667085;
}

.jobs-search-btn{
    width:100%;
    height:52px;
    border:0;
    border-radius:12px;
    background:#ff7a00;
    color:#fff;
    font-weight:800;
}

.jobs-listing-section{
    padding:70px 0;
    background:#f5f7fb;
}

.jobs-filter-card,
.jobs-result-card{
    background:#fff;
    border:1px solid #edf1f7;
    border-radius:18px;
    padding:24px;
    box-shadow:0 12px 35px rgba(0,0,0,.04);
}

.filter-head,
.jobs-result-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:22px;
}

.filter-head h4,
.jobs-result-head h3{
    font-weight:900;
    color:#02163d;
}

.jobs-result-head h3 span{
    color:#ff7a00;
}

.jobs-filter-card label{
    display:block;
    margin:16px 0 7px;
    font-size:13px;
    font-weight:800;
    color:#344054;
}

.jobs-filter-card input,
.jobs-filter-card select,
.jobs-result-head select{
    width:100%;
    height:44px;
    border:1px solid #e8edf5;
    border-radius:10px;
    padding:0 12px;
}

.jobs-filter-card button{
    width:100%;
    height:46px;
    border:0;
    border-radius:10px;
    background:#ff7a00;
    color:#fff;
    font-weight:800;
    margin-top:20px;
}

.premium-job-list-item{
    display:grid;
    grid-template-columns:90px 1fr 130px;
    gap:22px;
    padding:24px 0;
    border-bottom:1px solid #edf1f7;
}

.premium-job-list-item:last-child{
    border-bottom:0;
}

.job-company-box{
    width:82px;
    height:82px;
    border:1px solid #e8edf5;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ff7a00;
    font-size:30px;
    background:#fff;
}

.job-title-row{
    display:flex;
    justify-content:space-between;
    gap:12px;
}

.job-title-row h4{
    font-size:22px;
    font-weight:900;
    color:#02163d;
}

.job-title-row strong{
    font-size:14px;
    color:#02163d;
}

.job-status{
    color:#039855;
    font-weight:800;
    font-size:13px;
}

.job-meta-row{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    margin:12px 0;
    color:#475467;
    font-size:14px;
}

.job-meta-row i{
    color:#ff7a00;
}

.job-tags{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.job-tags span{
    background:#eef6ff;
    color:#0a2d73;
    padding:6px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
}

.job-action-box{
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.job-action-box a{
    border:1px solid #dce3ee;
    color:#02163d;
    border-radius:10px;
    padding:11px 16px;
    font-weight:800;
    font-size:13px;
}

.resume-cta-strip{
    margin-top:35px;
    background:#061b3a;
    border-radius:18px;
    padding:28px 36px;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.resume-cta-strip h3{
    font-weight:900;
}

.resume-cta-strip p{
    margin:0;
    color:#d8e0ea;
}

.resume-cta-strip a{
    border:1px solid #ff7a00;
    color:#ff7a00;
    padding:12px 28px;
    border-radius:10px;
    font-weight:800;
}

@media(max-width:992px){
    .premium-job-list-item{
        grid-template-columns:1fr;
    }

    .job-action-box{
        justify-content:flex-start;
    }

    .resume-cta-strip{
        flex-direction:column;
        align-items:flex-start;
        gap:18px;
    }
}