*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#092b52;--navy2:#06213f;--gold:#eab21b;--gold2:#f5c62d;--text:#152a43;--muted:#424f5f;--line:#e5eaf0;--white:#fff;--soft:#f7f9fc;--shadow:0 15px 45px rgba(12,38,67,.09)}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6;overflow-x:hidden}
.clearfix:after{content:" ";display:block;clear:both;visibility:hidden;line-height:0;height:0}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(1160px,calc(100% - 40px));margin:auto;position:relative;}
.section{padding:60px 0}
.site-header{height:83px;background:#061329;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(9,43,82,.08);transition:.3s;color:white;}
.site-header.scrolled{box-shadow:0 8px 25px rgba(8,34,60,.1)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:20px;font-weight:800;line-height:1.2}
.brand-mark{display:grid;place-items:center;}
.brand-mark img{height:70px;}
.brand-text{color:#fff;text-align:center;}
.brand-text strong{color:#a1a1a1;font-size:40px;}
.brand-text span{display:block;font-size:12px;letter-spacing:1px;margin-top:5px;font-weight:700}
.main-nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}
.main-nav>a{padding:28px 0;position:relative;white-space:nowrap}
.main-nav>a:not(.nav-phone):after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--gold);transition:.25s}
.main-nav>a:hover:after,.main-nav>a.active:after{right:0}
.nav-phone{background:var(--navy);color:#fff!important;padding:11px 15px!important;border-radius:5px}
.nav-phone i{color:var(--gold);margin-right:6px}
.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:24px;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;padding:13px 19px;font-size:13px;font-weight:700;transition:.25s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:#122944}
.btn-gold:hover{background:var(--gold2)}
.btn-navy{background:var(--navy);color:#fff}
.btn-outline-light{border:1px solid rgba(255,255,255,.8);color:#fff}
.stats-card{position:relative;margin-top:-38px;background:var(--navy);color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:13px;padding:17px 30px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 15px 35px rgba(0,0,0,.15);z-index:2}
.stat{display:flex;align-items:center;gap:14px;justify-content:center;border-right:1px solid rgba(255,255,255,.25)}
.stat:last-child{border-right:0}
.stat>i{font-size:30px;color:#fff;margin:-4px 10px 0 0}
.stat strong{font-size:22px}
.stat>div{line-height:18px;}
.stat>div>span{font-weight:800;color:var(--gold)}
.stat small{display:block;font-size:10px;color:#dbe5ef}
.priority-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.priority-card{border:1px solid #9d8067;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);background:#fff}
.priority-head{display:grid;grid-template-columns:85px 1fr;gap:18px;padding:25px}
.priority-head.navy .priority-icon{background:var(--navy);color:#fff}
.priority-head.gold .priority-icon{background:var(--gold);color:#fff}
.priority-icon{width:72px;height:72px;border-radius:8px;display:grid;place-items:center;font-size:28px}
.mini-label{font-size:11px;font-weight:800;letter-spacing:.7px;background:#eef3f8;padding:5px 9px 0;border-radius:20px;letter-spacing:1px}
.priority-head.gold .mini-label{background:#fff3c9}
.priority-card h2{font-size:25px;}
.priority-card p{font-size:12px;color:#273547;margin-top:-5px}
.tabs{display:flex;gap:20px;margin-top:20px;margin-left:-85px}
.tab{border:1px solid var(--line);background:#fff;padding:7px 12px;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;color:var(--text)}
.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.tab-content{display:none}
.tab-content.active{display:block}
.list-title{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:17px 25px 9px;font-size:14px}
.list-title a{font-size:13px;font-weight:700}
.list-title i,.card-footer-link i{margin-left:5px}
.listing{padding:0 25px}
.listing>div{display:grid;grid-template-columns:26px 1fr auto auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f4}
.listing>div>i{color:var(--navy);background:#f0f3f7;width:26px;height:26px;border-radius:5px;display:grid;place-items:center;font-size:12px}
.listing span{min-width:0}.listing b{display:block;font-size:19px}.listing small{display:block;font-size:12px;color:#0a1e37;margin-top:-2px}
.listing em{font-style:normal;font-size:14px;text-align:right;color:#354960}
.listing label{font-size:8px;background:var(--navy);color:#fff;padding:4px 7px;border-radius:3px;font-weight:700}
.card-footer-link{display:block;text-align:center;border-top:1px solid var(--line);padding:15px;font-size:14px;font-weight:800;color:var(--navy)}
.gold-link{color:#d49a00}
.services{background:#fff}
.section-heading{margin-bottom:42px}.section-heading.center{text-align:center}
.section-heading h2{font-size:30px;letter-spacing:-.7px}.section-heading h2 span{color:#c89408}
.section-heading p{color:var(--muted);font-size:13px;max-width:650px;margin:8px auto 0}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-card{padding:27px;border:1px solid var(--line);border-radius:9px;min-height:245px;box-shadow:0 5px 25px rgba(9,43,82,.045);transition:.3s}
.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#d8e0e9}
.service-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:21px;margin-bottom:18px}
.service-icon.navy{background:var(--navy)}.service-icon.gold{background:var(--gold)}
.service-card h3{font-size:22px;line-height:1.35;margin-bottom:9px}.service-card p{font-size:14px;color:#1b324f;min-height:58px}
.service-card a{font-size:14px;font-weight:800;color:var(--navy);display:inline-block;margin-top:13px}
.service-card a i{margin-left:5px}
.about{background:var(--soft)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-copy h2{font-size:32px;margin-bottom:14px}.about-copy>p{font-size:14px;color:var(--muted);max-width:540px}
.check-list{list-style:none;margin:20px 0 25px;display:grid;gap:10px}.check-list li{font-size:13px;font-weight:600}
.check-list i{color:var(--navy);margin-right:9px}
.about-image{position:relative}.about-image img{display:block;width:100%;height:390px;object-fit:cover;border-radius:9px;box-shadow:var(--shadow)}
.image-badge{position:absolute;z-index:1;left:-22px;bottom:22px;background:var(--gold);color:var(--navy);padding:15px 20px;border-radius:6px;display:flex;gap:10px;align-items:center;font-size:11px;line-height:1.25;box-shadow:0 10px 25px rgba(0,0,0,.15)}
.image-badge i{font-size:24px}
.why-us{background:linear-gradient(135deg,#06203d,#0b3867);color:#fff}

.why-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:85px;row-gap:28px;max-width:980px;margin:auto}
.why-item{display:flex;gap:17px;align-items:flex-start}
.why-item>i{flex:0 0 50px;width:50px;height:50px;background:#fff;color:var(--navy);border-radius:50%;display:grid;place-items:center;font-size:19px}
.why-item h3{font-size:14px;margin-bottom:3px}.why-item p{font-size:13px;color:#c5d4e3;line-height:1.5;letter-spacing:0.4px}
.testimonials{background:#fff}.testimonial-slider{display:flex;align-items:center;gap:15px}
.testimonial-track{width:100%;min-height:225px;position:relative}
.testimonial{display:none;border:1px solid var(--line);border-radius:9px;padding:35px 55px;background:#fff;box-shadow:0 8px 28px rgba(9,43,82,.06);animation:slideIn .45s ease}
.testimonial.active{display:block}
.quote-icon{font-size:24px;color:var(--gold);margin-bottom:13px}.testimonial p{font-size:14px;color:#43566c;max-width:820px}
.person{display:flex;align-items:center;gap:11px;margin-top:22px}.person>span{width:40px;height:40px;background:var(--navy);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}
.person strong{display:block;font-size:15px}.person small{display:block;color:var(--muted);font-size:12px}
.slider-btn{border:1px solid var(--line);background:#fff;color:var(--navy);width:42px;height:42px;flex:0 0 42px;border-radius:50%;cursor:pointer;transition:.2s}.slider-btn:hover{background:var(--navy);color:#fff}
.dots{display:flex;justify-content:center;gap:7px;margin-top:18px}.dot{width:7px;height:7px;border-radius:50%;background:#cbd3dc;cursor:pointer}.dot.active{background:var(--gold);width:18px;border-radius:5px}
.cta{padding:18px 0;background:#fff}.cta-inner{background:linear-gradient(100deg,#06203d,#0b3867);border-radius:8px;padding:25px 35px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:20px;color:#fff;position:relative;overflow:hidden}
.cta-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transform:translateX(-100%);animation:shine 5s infinite}
.cta-icon{width:58px;height:58px;background:#fff;color:var(--navy);border-radius:50%;display:grid;place-items:center;font-size:24px}
.cta h2{font-size:23px}.cta p{font-size:11px;color:#c8d6e4}.cta-actions{display:flex;gap:10px}
.footer{background:#05203d;color:#dce7f1;padding-top:55px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1.4fr;gap:45px;padding-bottom:45px}.light-brand{color:#fff}.footer-brand>p{font-size:11px;max-width:240px;margin:17px 0}.footer-grid h3{font-size:16px;color:#fff;margin-bottom:15px}.footer-grid>div:not(.footer-brand)>a{display:block;font-size:14px;margin:8px 0;color:#c6d5e4}.footer-grid p{font-size:14px;margin:8px 0;color:#c6d5e4}.footer-grid p i{width:18px;color:var(--gold)}.socials{display:flex;gap:8px}.socials a{width:28px;height:28px;border:1px solid #49647e;border-radius:50%;display:grid;place-items:center;font-size:11px}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:16px 0;display:flex;justify-content:space-between;font-size:14px;color:#9eb1c4}.footer-bottom a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
@keyframes shine{60%,100%{transform:translateX(100%)}}
.hrsrvcfnt{font-size: 13px;}
.hrsrvcfnt2{font-size: 12px;}
@media(max-width:1050px){.main-nav{gap:17px;font-size:12px}.nav-phone{padding:9px!important}.container{width:min(100% - 30px,1160px)}}
@media(max-width:820px){
  .menu-toggle{display:block}.main-nav{position:absolute;top:70px;left:0;right:0;background:#fff;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;box-shadow:0 12px 25px rgba(0,0,0,.12);transform:translateY(-120%);opacity:0;pointer-events:none;transition:.3s}
  .main-nav.open{transform:none;opacity:1;pointer-events:auto}.main-nav>a{padding:13px 5px;color:#061329;}.main-nav>a:not(.nav-phone):after{bottom:5px}.nav-phone{text-align:center;margin-top:7px}
  .stats-card{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:-30px}.stat{border-right:0}.priority-grid,.about-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:35px}.about-image img{height:330px}.why-grid{column-gap:30px}.cta-inner{grid-template-columns:50px 1fr}.cta-actions{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}
}
@media(max-width:560px){
  .section{padding:45px 0}.container{width:calc(100% - 24px)}.stats-card{padding:15px 10px;gap:10px}.stat{gap:8px}.stat>i{font-size:20px}.stat strong{font-size:18px}.priority-head{padding:15px;gap:0;grid-template-columns:80px 1fr}.priority-icon{width:58px;height:58px}.listing{padding:0 15px}.list-title{padding-left:15px;padding-right:15px}.listing>div{grid-template-columns:25px 1fr auto}.listing label{display:none}.services-grid{grid-template-columns:1fr}.service-card{min-height:auto}.section-heading h2{font-size:26px}.about-copy h2{font-size:28px}.about-image img{height:280px}.image-badge{left:10px}.why-grid{grid-template-columns:1fr;gap:23px}.testimonial{padding:27px 25px}.testimonial p{font-size:12px}.slider-btn{width:35px;height:35px;flex-basis:35px}.cta-inner{grid-template-columns:1fr;padding:25px}.cta-icon{margin-bottom:3px}.cta-actions{grid-column:1;display:grid;grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;gap:7px}.footer{padding-top:40px}.mini-label{margin-top:-4px;display:block;max-width:fit-content;}.priority-card h2{margin:0}
}

/*.homePage .hero-content h1{font-size:25px;margin-top:-10px; margin-bottom:10px;}*/

/* ==========================================
   JOBS IN THE FILM INDUSTRY
========================================== */

.film-jobs-section {
    padding: 0 0 60px;
    background: #ffffff;
}

.about{
    padding: 0 0 60px;
}
.why-us{
    margin: 0 0 50px;
}
.testimonials{
    padding: 0 0 60px;
}
.cta{
    padding: 0 0 60px;
}


/* ------------------------------------------
   SECTION HEADING
------------------------------------------ */

.film-section-heading {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 42px;
}

.film-eyebrow {
    display: inline-block;
    color: #0b4b86;
    font-size:14px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.film-eyebrow::after {
    content: "";
    display: block;
    width: 44px;
    height: 3px;
    background: #eab21b;
    margin: 10px auto 0;
}

.film-section-heading h2 {
    margin: 0;
    color: #102b4a;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.8px;
}

.film-section-heading h2 span {
    color: #102b4a;
}

.film-section-heading p {
    max-width: 760px;
    margin: 14px auto 0;
    color: #65758a;
    font-size: 15px;
    line-height: 1.7;
}


/* ------------------------------------------
   MAIN LAYOUT
------------------------------------------ */

.film-jobs-layout {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 28px;
    align-items: stretch;
}


/* ------------------------------------------
   LEFT INTRO / CTA
------------------------------------------ */

.film-jobs-intro {
    background: linear-gradient(
        145deg,
        #082b52 0%,
        #06203d 100%
    );

    border-radius: 14px;
    padding: 38px 35px;
    color: #ffffff;

    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 485px;

    position: relative;
    overflow: hidden;

    box-shadow: 0 18px 45px rgba(5, 34, 63, 0.14);
}

.film-jobs-intro::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 50%;
    right: -100px;
    bottom: -100px;
}

.film-intro-icon {
    width: 70px;
    height: 70px;

    display: grid;
    place-items: center;

    background: #eab21b;
    color: #092b52;

    border-radius: 9px;

    font-size: 30px;
    margin-bottom: 25px;

    position: relative;
    z-index: 1;
}

.film-jobs-intro h3 {
    position: relative;
    z-index: 1;

    font-size: 29px;
    line-height: 1.25;
    margin: 0;

    font-weight: 800;
}

.film-divider {
    width: 46px;
    height: 3px;
    background: #eab21b;

    margin: 22px 0;

    position: relative;
    z-index: 1;
}

.film-jobs-intro p {
    color: #d5e0eb;
    font-size: 13px;
    line-height: 1.7;

    max-width: 270px;

    margin-bottom: 25px;

    position: relative;
    z-index: 1;
}

.film-main-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    background: #eab21b;
    color: #102b4a;

    padding: 14px 18px;

    border-radius: 6px;

    font-size: 12px;
    font-weight: 800;

    width: fit-content;

    transition:
        transform 0.25s ease,
        background 0.25s ease;
    
    position: relative;
    z-index: 1;
}

.film-main-btn:hover {
    background: #f5c62d;
    transform: translateY(-3px);
}

.film-main-btn i {
    transition: transform 0.25s ease;
}

.film-main-btn:hover i {
    transform: translateX(4px);
}


/* ------------------------------------------
   CATEGORY AREA
------------------------------------------ */

.film-categories {
    min-width: 0;
}

.film-categories-title {
    color: #102b4a;
    font-size: 17px;
    font-weight: 800;

    margin: 3px 0 17px;
}


/* ------------------------------------------
   CATEGORY GRID
------------------------------------------ */

.film-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}


/* ------------------------------------------
   CATEGORY CARD
------------------------------------------ */

.film-category-card {
    background:#eab21b;

    border: 1px solid #e3e8ee;
    border-radius: 10px;

    min-height: 220px;

    padding: 25px 18px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.film-category-card:hover {
    transform: translateY(-6px);

    border-color: #d8b13a;

    box-shadow:
        0 14px 35px rgba(9, 43, 82, 0.10);
}


/* ------------------------------------------
   CATEGORY ICON
------------------------------------------ */

.film-category-icon {
    width: 56px;
    height: 56px;

    display: grid;
    place-items: center;

    color: #092b52;

    font-size: 23px;

    margin-bottom:0px;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.film-category-card:hover .film-category-icon {
    color: #fff;
    transform: scale(1.08);
}


/* ------------------------------------------
   CATEGORY TEXT
------------------------------------------ */

.film-category-card h4 {
    color: #102b4a;

    font-size: 18px;
    line-height: 1.4;

    margin: 0 0 9px;

    font-weight: 800;
}

.film-category-card p {
    color:#102b4a;

    font-size: 13px;
    line-height: 1.65;

    margin: 0;
}


/* ------------------------------------------
   BENEFITS AREA
------------------------------------------ */

.film-benefits {
    margin-top: 48px;

    background: #f5f8fc;

    padding: 32px 35px 36px;

    border-radius: 0;
}

.film-benefits > h3 {
    text-align: center;

    color: #102b4a;

    font-size: 17px;
    font-weight: 800;

    margin: 0 0 28px;
}


/* ------------------------------------------
   BENEFITS GRID
------------------------------------------ */

.film-benefits-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.film-benefit {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    padding: 0 22px;

    border-right: 1px solid #d8e0e9;
}

.film-benefit:first-child {
    padding-left: 5px;
}

.film-benefit:last-child {
    border-right: 0;
    padding-right: 5px;
}


/* ------------------------------------------
   BENEFIT ICON
------------------------------------------ */

.film-benefit-icon {
    flex: 0 0 50px;

    width: 50px;
    height: 50px;

    display: grid;
    place-items: center;

    background: #092b52;
    color: #ffffff;

    border-radius: 50%;

    font-size: 17px;
}


/* ------------------------------------------
   BENEFIT TEXT
------------------------------------------ */

.film-benefit h4 {
    color: #102b4a;

    font-size: 13px;

    margin: 2px 0 5px;

    line-height: 1.4;
}

.film-benefit p {
    color: #65758a;

    font-size: 10.5px;
    line-height: 1.55;

    margin: 0;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 1050px) {

    .film-jobs-layout {
        grid-template-columns: 300px 1fr;
        gap: 20px;
    }

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

    .film-jobs-intro {
        min-height: 100%;
    }

    .film-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px 0;
    }

    .film-benefit {
        border-right: 0;
    }

    .film-benefit:nth-child(odd) {
        border-right: 1px solid #d8e0e9;
    }

}


/* ==========================================
   MOBILE / TABLET
========================================== */

@media (max-width: 800px) {

    .film-section-heading h2 {
        font-size: 31px;
    }

    .film-section-heading p {
        font-size: 13px;
    }

    .film-jobs-layout {
        grid-template-columns: 1fr;
    }

    .film-jobs-intro {
        min-height: auto;
        padding: 32px;
    }

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

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 520px) {

    

    .film-section-heading {
        margin-bottom: 30px;
    }

    

    .film-section-heading h2 {
        font-size: 27px;
    }

    .film-section-heading p {
        font-size: 12px;
        line-height: 1.6;
    }

    .film-jobs-intro {
        padding: 28px 24px;
        border-radius: 10px;
    }

    .film-intro-icon {
        width: 58px;
        height: 58px;
        font-size: 24px;
    }

    .film-jobs-intro h3 {
        font-size: 25px;
    }

    .film-jobs-intro p {
        font-size: 12px;
    }

    .film-main-btn {
        width: 100%;
    }

    .film-categories-title {
        font-size: 15px;
        margin-top: 28px;
    }

    .film-category-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .film-category-card {
        min-height: 175px;
        padding: 25px 20px;
    }

    .film-benefits {
        margin-top: 35px;
        padding: 30px 20px;
    }

    .film-benefits-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .film-benefit,
    .film-benefit:nth-child(odd) {
        border-right: 0;
        padding: 0;
    }

}




/* =========================================================
   OSA HR SOLUTIONS
   HEADER + HERO + SERVICES
========================================================= */

:root {
--osa-blue: #1677c8;
--osa-dark-blue: #075b9e;
--osa-light-blue: #eef8ff;
--osa-pale-blue: #f7fbff;
--osa-text: #17324d;
--osa-muted: #63788b;
--osa-border: #dcebf5;
--osa-white: #ffffff;
}


/* =========================================================
   COMMON CONTAINER
========================================================= */

.osa-container {
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.site-header {
    
    

    background: rgba(255, 255, 255, 0.97);

    border-bottom: 1px solid var(--osa-border);

    transition:
        box-shadow 0.3s ease,
        background 0.3s ease;
}



.site-header.scrolled {
    box-shadow: 0 8px 25px rgba(20, 86, 130, 0.10);
}


.header-inner {
    min-height: 82px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;
}


/* -----------------------------
   LOGO
----------------------------- */

.site-logo {
    display: flex;
    align-items: center;
    gap: 11px;

    text-decoration: none;

    flex-shrink: 0;
}

.logo-mark {
    
    display: grid;
    place-items: center;

    
}

.logo-text {
    display: flex;
    flex-direction: column;
}

.logo-text strong {
    color: var(--osa-text);

    font-size:24px;
    line-height: 1;
font-weight: bold;
    font-weight: 800;
}

.logo-text small {
    color: #17324d;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;

}


/* -----------------------------
   NAVIGATION
----------------------------- */

.main-navigation {
    display: flex;
    align-items: center;

    gap: 27px;

    margin-left: auto;
}

.main-navigation a {
    color: var(--osa-text);

    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

    padding: 31px 0;

    position: relative;

    transition: color 0.25s ease;
}

.main-navigation a::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 22px;

    height: 3px;

    background: var(--osa-blue);

    transform: scaleX(0);

    transform-origin: center;

    transition: transform 0.25s ease;
}

.main-navigation a:hover,
.main-navigation a.active {
    color: var(--osa-blue);
}

.main-navigation a:hover::after,
.main-navigation a.active::after {
    transform: scaleX(1);
}


/* -----------------------------
   HEADER RIGHT
----------------------------- */

.header-right {
    display: flex;
    align-items: center;
    gap: 12px;
}


/* =========================================================
   LANGUAGE TOGGLE
========================================================= */

.language-toggle {
    border: 1px solid #cfe2ef;

    background: #f5faff;

    border-radius: 30px;

    padding: 4px;

    display: flex;
    align-items: center;

    cursor: pointer;

    font-family: inherit;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.language-toggle:hover {
    border-color: var(--osa-blue);

    box-shadow: 0 4px 15px rgba(22, 119, 200, 0.10);
}

.language-option {
    min-width: 42px;

    padding: 7px 10px;

    border-radius: 20px;

    color: var(--osa-muted);

    font-size: 11px;
    font-weight: 800;

    text-align: center;

    transition:
        background 0.25s ease,
        color 0.25s ease;
}

.language-option.active {
    background: var(--osa-blue);

    color: #fff;
}


/* =========================================================
   MOBILE MENU
========================================================= */

.mobile-menu-btn {
    display: none;

    width: 44px;
    height: 44px;

    border: 1px solid var(--osa-border);

    border-radius: 8px;

    background: #fff;

    color: var(--osa-text);

    font-size: 19px;

    cursor: pointer;
}


/* =========================================================
   HERO
========================================================= */

.hero-section {
    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            110deg,
            #f5fbff 0%,
            #ffffff 55%,
            #eaf7ff 100%
        );

    height: 560px;
}


/* -----------------------------
   SLIDER
----------------------------- */

.hero-slider {
    width: 100%;
    height: 100%;

    position: relative;
}

.hero-slide {
    position: absolute;

    inset: 0;

    opacity: 0;
    visibility: hidden;

    transform: translateX(35px);

    transition:
        opacity 0.65s ease,
        transform 0.65s ease,
        visibility 0.65s ease;
}

.hero-slide.active {
    opacity: 1;
    visibility: visible;

    transform: translateX(0);

    z-index: 2;
}


/* -----------------------------
   HERO INNER
----------------------------- */

.hero-inner {
    height: 100%;
    display: grid;
    grid-template-columns:
        minmax(0, 1.5fr)
        minmax(0, 0.5fr);

    align-items: center;
padding-left:50px;padding-right:20px;padding-left:20px;
    gap: 40px;
}


/* -----------------------------
   HERO CONTENT
----------------------------- */

.hero-content {
    max-width: 570px;

    padding: 0 0 35px;
}

.hero-label {
    display: inline-block;

    color: gold;

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 1.1px;

    margin:0 0px 13px;
}

.hero-label::before {
    content: "";

    display: inline-block;

    width: 25px;
    height: 3px;

    background: var(--osa-blue);

    margin-right: 9px;

    vertical-align: middle;
}

.hero-content h1,.hero-content h2 {
    margin: 0;

    color: white;

    font-size: clamp(34px, 4vw, 40px);

    line-height:70px;

    font-weight: 800;
}
.hero-content h1{margin-bottom:20px;}
.hero-content h1 span,.hero-content h2 span {
    color: var(--osa-blue);
}

.hero-content p {
    max-width: 540px;

    margin: 0px 0 20px;

    color: rgba(255,255,255,0.9);

    font-size: 17px;

    line-height: 1.7;
}


/* -----------------------------
   HERO BUTTON
----------------------------- */

.hero-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 11px;

    padding: 14px 22px;

    border-radius:25px;

    background: var(--osa-blue);

    color: #fff;

    text-decoration: none;

    font-size: 15px;

    font-weight: 800;

    box-shadow:
        0 8px 20px rgba(22, 119, 200, 0.18);

    transition:
        background 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.hero-btn:hover {
    background: var(--osa-dark-blue);

    transform: translateY(-3px);

    box-shadow:
        0 12px 25px rgba(22, 119, 200, 0.25);
}

.hero-btn i {
    transition: transform 0.25s ease;
    font-size:25px;
    margin-top: -2px;
}

.hero-btn:hover i {
    transform: translateX(4px);
}


/* -----------------------------
   HERO IMAGE
----------------------------- */

.hero-image {
    height: 100%;

    display: flex;

    align-items: center;
    justify-content: center;

    position: relative;
}

.hero-image::before {
    content: "";

    position: absolute;

    width: 430px;
    height: 430px;

    background: #dff2ff;

    border-radius: 50%;

    right: 5%;

    z-index: 0;
}

.hero-image img {
    width: min(100%, 570px);

    height: 420px;

    object-fit: cover;

    border-radius: 18px;

    position: relative;

    z-index: 1;

    box-shadow:
        0 20px 45px rgba(20, 83, 120, 0.15);

    animation: heroImageIn 0.8s ease both;
}

@keyframes heroImageIn {

    from {
        opacity: 0;
        transform: translateX(35px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }

}


/* =========================================================
   HERO ARROWS
========================================================= */

.hero-arrow {
    position: absolute;
    bottom:10px;
    z-index: 10;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid #d5e7f2;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    color: var(--osa-text);
    cursor: pointer;
    font-size: 15px;
    box-shadow: 0 5px 18px rgba(20, 80, 120, 0.10);

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.hero-arrow:hover {
    background: var(--osa-blue);

    color: #fff;

    transform:
        
        scale(1.05);
}

.hero-prev {
    left: 20px;
}

.hero-next {
    right: 20px;
}


/* =========================================================
   HERO DOTS
========================================================= */

.hero-dots {
    position: absolute;

    z-index: 20;

    bottom: 24px;

    left: 50%;

    transform: translateX(-50%);

    display: flex;

    align-items: center;

    gap: 8px;
}

.hero-dot {
    width: 9px;
    height: 9px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background: #b8d3e5;

    cursor: pointer;

    transition:
        width 0.25s ease,
        background 0.25s ease;
}

.hero-dot.active {
    width: 28px;

    border-radius: 10px;

    background: var(--osa-blue);
}


/* =========================================================
   SERVICES SECTION
========================================================= */

.services-section {
    padding: 0 0 95px;

    background: #ffffff;
}


/* -----------------------------
   SECTION HEADING
----------------------------- */

.section-heading {
    max-width: 760px;

    margin: 0 auto 45px;

    text-align: center;
}

.section-eyebrow {
    display: inline-block;

    color: var(--osa-blue);

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 1px;

    margin-bottom: 9px;
}

.section-eyebrow::after {
    content: "";

    display: block;

    width: 40px;
    height: 3px;

    margin: 9px auto 0;

    background: var(--osa-blue);
}

.section-heading h2 {
    margin: 0;

    color: var(--osa-text);

    font-size: 40px;

    line-height: 1.2;

    font-weight: 800;
}

.section-heading p {
    margin: 13px auto 0;

    color: var(--osa-muted);

    font-size: 16px;

    line-height: 1.7;
}


/* =========================================================
   SERVICES GRID
========================================================= */

.services-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 28px;
}


/* =========================================================
   SERVICE CARD
========================================================= */

.service-card {
    background: #ffffff;

    border: 1px solid var(--osa-border);

    border-radius: 13px;

    overflow: hidden;

    box-shadow:
        0 5px 20px rgba(22, 83, 120, 0.05);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.service-card:hover {
    transform: translateY(-7px);

    border-color: #b9ddf3;

    box-shadow:
        0 18px 40px rgba(22, 83, 120, 0.12);
}


/* -----------------------------
   SERVICE IMAGE
----------------------------- */

.service-image {
    height: 205px;

    position: relative;

    overflow: hidden;

    background: var(--osa-light-blue);
}

.service-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform 0.5s ease;
}

.service-card:hover .service-image img {
    transform: scale(1.05);
}


/* -----------------------------
   SERVICE ICON
----------------------------- */

.service-icon {
    position: absolute;

    left: 20px;
    bottom: -23px;

    width: 53px;
    height: 53px;

    display: grid;
    place-items: center;

    border-radius: 10px;

    background: var(--osa-blue);

    color: #fff;

    font-size: 21px;

    border: 4px solid #fff;

    box-shadow:
        0 6px 15px rgba(22, 119, 200, 0.20);
}


/* -----------------------------
   SERVICE CONTENT
----------------------------- */

.service-content {
    padding: 36px 24px 25px;
}

.service-content h3 {
    margin: 0 0 11px;

    color: var(--osa-text);

    font-size: 22px;

    line-height: 1.3;

    font-weight: 800;
}

.service-content p {
    min-height: 70px;

    margin: 0 0 20px;

    color: var(--osa-muted);

    font-size: 14px;

    line-height: 1.7;
}


/* -----------------------------
   SERVICE BUTTON
----------------------------- */

.service-btn {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: var(--osa-blue);

    text-decoration: none;

    font-size: 14px;

    font-weight: 800;

    transition: gap 0.25s ease;
}

.service-btn:hover {
    gap: 13px;
}

.service-btn i {
    font-size: 11px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .main-navigation {
        gap: 18px;
    }

    .main-navigation a {
        font-size: 13px;
    }

    /*.hero-section {
        height: 500px;
    }*/

    .hero-inner {
        gap: 25px;
    }

    .hero-content h1,.hero-content h2 {
        font-size: 39px;
        line-height:50px;
    }

    .hero-content p {
        font-size: 15px;
    }

    .hero-image img {
        height: 360px;
    }

    .hero-image::before {
        width: 350px;
        height: 350px;
    }

    .services-grid {
        gap: 20px;
    }

    .service-content h3 {
        font-size: 19px;
    }

}


/* =========================================================
   TABLET / SMALL DESKTOP
========================================================= */

@media (max-width: 850px) {

    .main-navigation {
        position: absolute;

        top: 100%;

        left: 0px;
        right: 0px;

        display: none;

        flex-direction: column;

        align-items: stretch;

        gap: 0;

        margin: 0;

        padding: 10px;

        background: #fff;

        border: 1px solid var(--osa-border);

        border-radius: 0 0 10px 10px;

        box-shadow:
            0 15px 30px rgba(20, 80, 120, 0.12);
    }

    .main-navigation.open {
        display: flex;
    }

    .main-navigation a {
        padding: 13px 15px;

        font-size: 15px;

        border-radius: 6px;
    }

    .main-navigation a:hover {
        background: var(--osa-light-blue);
    }

    .main-navigation a::after {
        display: none;
    }

    .mobile-menu-btn {
        display: grid;
        place-items: center;
    }

    .hero-section {
    height: 650px;
    }
    .hero-slide.heroSlide_1{background-position: 62% center;}

    .hero-slide {
        position: absolute;
    }

    .hero-inner {
        grid-template-columns: 1fr;

        gap: 10px;

        padding-top: 35px;
        padding-bottom: 65px;
    }

    .hero-content {
        max-width: 700px;
        margin: 0 auto;
    }

    .hero-label::before {
        display: none;
    }

    .hero-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-image {
        height: 270px;
    }

    .hero-image img {
        height: 270px;

        width: min(100%, 600px);
    }

    .hero-image::before {
        width: 270px;
        height: 270px;
    }

    .hero-prev {
        left: 10px;
    }

    .hero-next {
        right: 10px;
    }

    .services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .osa-container {
        width: min(100% - 0px, 1200px);
    }

    

    .language-option {
        min-width: 36px;

        padding: 6px 7px;

        font-size: 10px;
    }


    /* HERO */

    /*.hero-section {
        height: 650px;
    }*/

    .hero-inner {
        padding-top: 30px;
        padding-bottom: 55px;
    }

    

    .hero-content h1,.hero-content h2 {
        font-size: 31px;
        line-height:40px;
    }

    .hero-content p {
        font-size: 14px;

        line-height: 1.65;

        /*margin-top: 15px;
        margin-bottom: 21px;*/
    }

    /*.hero-btn {
        padding: 13px 18px;

        font-size: 13px;
    }*/

    .hero-image {
        height: 230px;
    }

    .hero-image img {
        height: 230px;

        border-radius: 13px;
    }

    .hero-image::before {
        width: 230px;
        height: 230px;
    }

    .hero-arrow {
        width: 36px;
        height: 36px;

        font-size: 12px;
    }

    .hero-dots {
        bottom: 16px;
    }


    /* SERVICES */

    /*.services-section {
        padding: 60px 0 70px;
    }*/

    .section-heading {
        margin-bottom: 30px;
    }

    .section-heading h2 {
        font-size: 31px;
    }

    .section-heading p {
        font-size: 14px;
    }

    .services-grid {
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .service-image {
        height: 210px;
    }

    .service-content {
        padding: 35px 21px 23px;
    }

    .service-content h3 {
        font-size: 21px;
    }

    .service-content p {
        min-height: auto;

        font-size: 14px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    

    .header-right {
        margin-left: auto;
    }

    /*.hero-section {
        height: 400px;
    }*/

    .hero-content h1,.hero-content h2 {
        font-size: 28px;
    }

    .hero-image {
        height: 205px;
    }

    .hero-image img {
        height: 205px;
    }

}


.section.priority {
    padding-top: 0;
}



.hero-slide .hero-image{display:none;}
.hero-slide{background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#052a61;}
.heroSlide_1{background-image:linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.78) 30%, rgba(255,255,255,.12) 58%, rgba(255,255,255,0) 72%), url(../assets/images/hero-manpower.jpg);}
.heroSlide_2{background-image:linear-gradient(90deg, rgb(1 35 89) 0%, rgb(8 47 103) 32%, rgb(0 0 0 / 55%) 68%, rgba(6, 14, 22, 0.22) 82%, rgb(6 36 67 / 71%) 100%), url(../assets/images/hero-staff.jpg);}
.heroSlide_3{background-image:linear-gradient(90deg, rgb(1 35 89) 0%, rgb(8 47 103) 32%, rgb(0 0 0 / 55%) 68%, rgba(6, 14, 22, 0.22) 82%, rgb(6 36 67 / 71%) 100%), url(../assets/images/hero-job-placement.jpg);}
.heroSlide_4{background-image:linear-gradient(90deg, rgb(1 35 89) 0%, rgb(8 47 103) 32%, rgb(0 0 0 / 55%) 68%, rgba(6, 14, 22, 0.22) 82%, rgb(6 36 67 / 71%) 100%), url(../assets/images/hero-documentation.jpg);}
.heroSlide_5{background-image:linear-gradient(90deg, rgb(1 35 89) 0%, rgb(8 47 103) 32%, rgb(0 0 0 / 55%) 68%, rgba(6, 14, 22, 0.22) 82%, rgb(6 36 67 / 71%) 100%), url(../assets/images/hero-loan.jpg);}
.heroSlide_6{background-image:linear-gradient(90deg, rgb(1 35 89) 0%, rgb(8 47 103) 32%, rgb(0 0 0 / 55%) 68%, rgba(6, 14, 22, 0.22) 82%, rgb(6 36 67 / 71%) 100%), url(../assets/images/hero-security.jpg);}
.heroSlide_7{background-image:linear-gradient(90deg, rgb(1 35 89) 0%, rgb(8 47 103) 32%, rgb(0 0 0 / 55%) 68%, rgba(6, 14, 22, 0.22) 82%, rgb(6 36 67 / 71%) 100%), url(../assets/images/hero-film-event.jpg);}
.hrsolfp{text-transform:uppercase;}
.hero-label,.hero-content h1,.hero-content h2,.hero-content p{text-shadow:1px 1px 1px #000,-1px 1px 1px #000;}
.hb_wa{background:#25D366;color: black;}
.hb_apply{background:#ffffff;color:black;box-shadow: none;margin-top: 10px;border:solid 1px #3816c8;font-weight:700;font-size:16px;letter-spacing:1px;}
.hb_apply i{color:#3816c8;}
.hrsolsf{text-transform:uppercase;color:gold !important;}

.light-heading h2{color:#fff}.light-heading h2 span{color:var(--gold)}.light-heading p{color:#cbd8e5}
.hb_apply_sg{width:330px;}
.hero-btn_artist{width:330px;}
.nsec_li{display:block}
.nsec_li span{font-weight:bold;color:gold;}
.nsec_li a{font-weight:bold;}
.hba_chnl{width:330px;text-align: center;}
.hba_s2{width:330px;}
#priority{margin-top:50px;padding-bottom:20px;}

.chat-body{max-height:450px;overflow:auto;background:#E3DBD4;}
.message-card {
max-width: 85%;
background-color: #fff;
color: #0b141a;
border-radius: 0px 12px 12px 12px;
padding: 8px;
position: relative;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
margin-top:15px;
margin-left:10px;
}
.message-card img.zoomable-img {
width: 100%;
border-radius: 8px;
display: block;
margin-bottom: 6px;
object-fit: cover;
cursor: zoom-in;
transition: opacity 0.2s;
}
.message-card img.zoomable-img:hover {
opacity: 0.95;
}
.message-text {
font-size: 14.5px;
line-height: 1.4;
word-wrap: break-word;
padding: 2px 4px;
}
.message-meta {
text-align: right;
font-size: 11px;
color: #8696a0;
margin-top: 4px;
padding-right: 4px;
}
/* Lightbox Overlay */
.image-modal {
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
justify-content: center;
align-items: center;
cursor: zoom-out;
backdrop-filter: blur(4px);
}
.image-modal img {
max-width: 90%;
max-height: 90%;
border-radius: 8px;
box-shadow: 0 0 20px rgba(0,0,0,0.8);
object-fit: contain;
transition: transform 0.25s ease-out;
}
.close-btn {
position: absolute;
top: 20px;
right: 25px;
color: #e9edef;
font-size: 30px;
font-weight: bold;
cursor: pointer;
line-height: 1;
}
.hmTndrBtn{text-align:center;}
.hmTndrBtn a{display:inline-block; background:#eab21b;padding:8px 25px;border-radius: 7px;margin: 15px 5px;font-weight: bold;}
.hmTndrBtn a:last-child{color:white;background:#092b52;}
















.page-hero{position:relative;overflow:hidden;padding:28px 0 34px;background:linear-gradient(120deg, #d9eeff 0%, #eaf6ff 45%, #a2d0f3 100%);border-bottom: 1px solid #d9ebf8;}
.page-hero::before {content: "";position: absolute;width: 280px;height: 280px;border-radius: 50%;background: rgba(255, 255, 255, 0.45);top: -150px;right: 5%;}
.page-hero::after {content: "";position: absolute;width: 180px;height: 180px;border-radius: 50%;background: rgba(17, 111, 196, 0.05);bottom: -100px;left: 8%;}
.breadcrumb {position: relative;z-index: 2;display: flex;align-items: center;gap: 9px;margin-bottom: 18px;font-size: 14px;color: #63748a;}
.breadcrumb a {color: #116fc4;text-decoration: none;font-weight: 600;}
.breadcrumb i {font-size: 9px;color: #8ba4bb;}
.page-hero-content {position: relative;z-index: 2;display: flex;align-items: center;}
.page-hero-text {max-width: 850px;}
.page-hero h1 {margin: 0;font-size: clamp(32px, 4vw, 48px);line-height: 1.1;color: #082e61;font-weight: 800;}
.page-hero h1 span {color: #116fc4;}
.title-line {width: 55px;height: 4px;margin: 13px 0 14px;border-radius: 10px;background: #116fc4;}
.page-hero p {max-width: 760px;margin: 0;font-size:15px;line-height: 1.4;color: #526b84;}





/* Services */
.services-section-page{padding:72px 0 82px;background:#fff}
.section-heading-page{max-width:720px;margin:0 auto 42px;text-align:center}
.section-heading-page h2{margin:4px 0 8px;font-size:35px;line-height:1.25;color:var(--blue-deep)}
.section-heading-page p{margin:0;color:var(--muted);font-size:14px}
.services-grid-page{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.service-card-page{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:0 12px 35px rgba(18,75,120,.08);transition:transform .3s,box-shadow .3s,border-color .3s;opacity:0;transform:translateY(25px)}
.service-card-page.visible{opacity:1;transform:translateY(0)}
.service-card-page:hover{transform:translateY(-7px);border-color:#b8daf1;box-shadow:0 20px 45px rgba(15,75,120,.13)}
.service-top-page{display:grid;grid-template-columns:62px 1fr;gap:16px;padding:25px 20px 20px;min-height:160px}
.service-icon-page{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#eaf6ff;color:#116fc4;font-size:22px;transition:.3s}
.service-card-page:hover .service-icon-page{color:#fff;background:#116fc4;transform:scale(1.05)}
.service-top-page h3{margin:2px 0 8px;color:var(--blue-deep);font-size:17px;line-height:1.35}
.service-top-page p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.service-card-page>img{display:block;width:calc(100% - 4px);height:145px;margin:0 2px;object-fit:cover;border-radius:11px}
.service-btn-page{display:flex;width:max-content;align-items:center;justify-content:center;gap:12px;min-width:108px;margin:12px auto 13px;padding:9px 16px;border-radius:6px;background:linear-gradient(135deg,#1479d1,#075bb1);color:#fff;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 5px 12px rgba(15,100,180,.16);transition:.25s}
.service-btn-page:hover{gap:17px;background:var(--blue-deep)}
@media(max-width:1050px){
.services-grid-page{gap:18px}
}
@media(max-width:900px){
.services-grid-page{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
.services-section-page{padding:55px 0 65px}.section-heading-page h2{font-size:29px}.services-grid-page{grid-template-columns:1fr}
.service-card-page>img{height:190px}
}
@media(max-width:380px){.service-top-page{grid-template-columns:52px 1fr}.service-icon-page{width:50px;height:50px;font-size:19px}}





/* =========================
   WORK WITH US SECTION
========================= */
.work-with-us {position: relative;overflow: hidden;padding:30px 0 0;background: #ffffff;}
.work-with-us .container {width: min(1200px, calc(100% - 40px));margin: 0 auto;}
/*.section-heading {max-width: 800px;margin: 0 auto 48px;text-align: center;}*/
/*.section-eyebrow {display: inline-block;margin-bottom: 12px;color: #116fc4;font-size: 13px;font-weight: 800;letter-spacing: 3px;}*/
/*.section-heading h2 {margin: 0;color: #082e61;font-size: clamp(32px, 4vw, 50px);font-weight: 800;line-height: 1.15;}*/
/*.section-heading h2 span {color: #116fc4;}*/
.heading-line {width: 60px;height: 4px;margin: 18px auto 20px;border-radius: 20px;background: #116fc4;}
/*.section-heading p {max-width: 700px;margin: 0 auto;color: #63748a;font-size: 17px;line-height: 1.7;}*/
.action-cards {display: grid;grid-template-columns: repeat(3, 1fr);gap: 25px;align-items: stretch;}
.action-card {position: relative;isolation: isolate;overflow: hidden;display: flex;flex-direction: column;align-items: center;padding: 35px 30px 38px;text-align: center;background: #ffffff;border: 1px solid #edf1f6;border-radius: 18px;box-shadow: 0 12px 35px rgba(25, 71, 115, 0.08);opacity: 0;transform: translateY(35px);transition:opacity 0.7s ease,transform 0.7s ease,box-shadow 0.3s ease;}
.action-card.visible {opacity: 1;transform: translateY(0);}
.action-card:hover {transform: translateY(-8px);box-shadow: 0 20px 45px rgba(25, 71, 115, 0.14);}
.card-icon {position: relative;z-index: 2;display: flex;align-items: center;justify-content: center;width: 130px;height: 130px;margin-bottom: 25px;border-radius: 50%;font-size: 58px;transition: transform 0.35s ease;}
.action-card:hover .card-icon {transform: scale(1.08) rotate(-3deg);}
.action-card h3 {margin: 0;color: #082e61;font-size: 21px;line-height: 1.3;font-weight: 800;}
.card-line {width: 45px;height: 3px;margin: 12px 0 0;border-radius: 10px;}
.action-card p {position: relative;z-index: 2;max-width: 310px;min-height: 82px;margin: 0 auto 28px;color: #63748a;font-size: 16px;line-height: 1.75;}
.action-btn {position: relative;z-index: 3;display: inline-flex;align-items: center;justify-content: center;gap: 18px;min-width: 200px;margin-top: auto;padding: 13px 20px;border-radius: 8px;color: #ffffff;text-decoration: none;font-size: 15px;font-weight: 700;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.action-btn i {font-size: 14px;transition: transform 0.3s ease;}
.action-btn:hover {gap: 24px;transform: translateY(-2px);}
.action-btn:hover i {transform: translateX(3px);}
.card-wave {position: absolute;z-index: -1;left: -15%;bottom: -75px;width: 130%;height: 155px;border-radius: 50% 50% 0 0;transform: rotate(-5deg);opacity: 0.9;}
.card-wave::after {content: "";position: absolute;left: -5%;bottom: 20px;width: 110%;height: 80px;border-radius: 50%;opacity: 0.55;}
.vendor-card .card-icon {color: #116fc4;background: #eaf3ff;}
.vendor-card .card-line {background: #116fc4;}
.vendor-card .action-btn {background: #116fc4;box-shadow: 0 8px 18px rgba(17, 111, 196, 0.22);}
.vendor-card .action-btn:hover {background: #0b5ba8;}
.vendor-card .card-wave {background: #dcecff;}
.vendor-card .card-wave::after {background: #edf6ff;}
.collaboration-card .card-icon {color: #25a447;background: #eaf8ed;}
.collaboration-card .card-line {background: #20a447;}
.collaboration-card .action-btn {background: #25a447;box-shadow: 0 8px 18px rgba(37, 164, 71, 0.22);}
.collaboration-card .action-btn:hover {background: #1c8d3b;}
.collaboration-card .card-wave {background: #dff4e3;}
.collaboration-card .card-wave::after {background: #effbf1;}
.proposal-card .card-icon {color: #673ab7;background: #f2eaff;}
.proposal-card .card-line {background: #6841c6;}
.proposal-card .action-btn {background: #673ab7;box-shadow: 0 8px 18px rgba(103, 58, 183, 0.22);}
.proposal-card .action-btn:hover {background: #56309d;}
.proposal-card .card-wave {background: #eee3ff;}
.proposal-card .card-wave::after {background: #f8f2ff;}
.card-top {position: relative;z-index: 2;width: 100%;display: flex;align-items: center;gap: 20px;margin-bottom: 25px;}
.action-icon {flex: 0 0 105px;width: 105px;height: 105px;margin: 0;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 48px;transition: transform 0.35s ease;}
.action-card:hover .action-icon {transform: scale(1.06);}
.vendor-card .action-icon {color: #116fc4;background: #eaf3ff;}
.collaboration-card .action-icon {color: #20a447;background: #eaf8ed;}
.proposal-card .action-icon {color: #6841c6;background: #f1eaff;}
.card-heading {flex: 1;text-align: left;}
.action-card > p {position: relative;z-index: 2;max-width: 100%;margin: 0 0 28px;color: #63748a;font-size: 15px;line-height: 1.7;text-align: left;}
@media (max-width: 1000px) {
.action-cards {gap: 18px;}
.action-card {padding: 30px 22px 35px;}
.action-card h3 {font-size: 21px;}
.action-card p {font-size: 15px;}
.action-btn {min-width: 185px;padding: 13px 17px;gap: 12px;}
}
@media (max-width: 760px) {
.work-with-us .container {width: min(100% - 30px, 500px);}
/*.section-heading {margin-bottom: 35px;}*/
.section-heading p {font-size: 15px;}
.action-cards {grid-template-columns: 1fr;gap: 22px;}
.action-card {padding: 32px 25px 38px;}
.action-card h3 {font-size: 23px;}
.action-card p {max-width: 350px;min-height: auto;}
.card-icon {width: 115px;height: 115px;font-size: 50px;}
}
@media (prefers-reduced-motion: reduce) {
.action-card,.card-icon,.action-btn,.action-btn i {transition: none;}
}







/* =========================================================
   COMPANY SECTION
========================================================= */
.company-section {padding:50px 0;background: #ffffff;}
.company-grid {display: grid;grid-template-columns: 1fr 1fr;align-items: center;gap: 70px;}
.company-image {position: relative;padding: 12px;}
.company-image img {position: relative;z-index: 2;width: 100%;height: 340px;object-fit: cover;border-radius: 8px;box-shadow:0 15px 35px rgba(20, 70, 110, 0.12);}
.image-decoration {position: absolute;left: 0;bottom: 0;width: 150px;height: 150px;border-radius: 15px;background: #e3f2ff;}
.company-content h2,.values-intro h2,.why-content h2 {max-width: 550px;margin: 0;color: var(--blue-deep);font-size: 36px;line-height: 1.15;font-weight: 800;}
.company-content h2 span,.values-intro h2 span,.why-content h2 span {color: var(--blue);}
.company-content p {margin-bottom: 13px;color: var(--muted);font-size: 15px;line-height: 1.75;}
.company-features {display: grid;grid-template-columns: 1fr 1fr;gap: 11px 25px;margin-top: 22px;}
.company-features div {display: flex;align-items: center;gap: 9px;color:#17436f;font-size: 14px;}
.company-features i {color: var(--blue);}
@media (max-width: 1100px) {.company-grid,.values-grid,.why-grid{gap: 40px;}}
@media(max-width:900px){.company-grid{grid-template-columns:1fr}.company-image img{height:320px}}
@media(max-width:620px){.company-section,.values-section,.testimonials-section{padding:55px 0}
.company-content h2,.values-intro h2,.why-content h2{font-size:30px;}
.company-image img{height: 260px;}
.company-features{grid-template-columns: 1fr;gap: 10px;}
}




/* =========================================================
   STATISTICS
========================================================= */
.stats-section{padding: 25px 0;background:linear-gradient(90deg,#f0f9ff,#eaf6ff,#f0f9ff);border-top: 1px solid #e1eff8;border-bottom: 1px solid #e1eff8;margin: 0 0 95px;}
.stats-grid {display: grid;grid-template-columns: repeat(4, 1fr);}
.stat-item {display: flex;align-items: center;justify-content: center;gap: 14px;min-height: 75px;border-right: 1px solid #cce2f2;}
.stat-item:last-child {border-right: 0;}
.stat-icon {width: 50px;height: 50px;flex: 0 0 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: var(--blue);background: #dceeff;font-size: 21px;}
.stat-content {display: flex;flex-direction: column;}
.stat-content strong {color: var(--blue);font-size: 25px;line-height: 1;font-weight: 800;}
.stat-content strong::after {content: "+";}
.stat-content span {margin-top: 5px;color: #536b83;font-size: 12px;}
@media (max-width: 900px) {
.stats-grid {grid-template-columns: repeat(2, 1fr);}
.stat-item {border-bottom: 1px solid #cce2f2;}
.stat-item:nth-child(2) {border-right: 0;}
.stat-item:nth-child(3),.stat-item:nth-child(4) {border-bottom: 0;}
}
@media (max-width: 620px) {
.stats-grid {grid-template-columns: 1fr 1fr;}
.stat-item {min-height: 80px;border-right: 1px solid #cce2f2 !important;border-bottom: 1px solid #cce2f2 !important;}
.stat-item:nth-child(2n) {border-right: 0 !important;}
.stat-item:nth-last-child(-n + 2) {border-bottom: 0 !important;}
.stat-icon {width: 43px;height: 43px;flex-basis: 43px;font-size: 17px;}
.stat-content strong {font-size: 21px;}
.stat-content span {font-size: 10px;}
}


/* =========================================================
   CONTACT INFORMATION
========================================================= */
:root {
--blue: #116fc4;
--blue-dark: #063d7b;
--blue-deep: #082e61;
--blue-light: #edf7ff;
--blue-soft: #f5faff;
/*--text: #112f57;*/
/*--muted: #63748a;*/
/*--white: #ffffff;*/
--border: #e0ebf4;
/*--shadow:0 15px 45px rgba(8, 46, 97, 0.08);*/
}
.contact-information{padding:60px 0;}
.contact-grid{display: grid;grid-template-columns:1.2fr .8fr;gap: 75px;align-items: start;}
.section-intro {max-width: 600px;margin-bottom: 38px;color: var(--muted);font-size: 15px;}
.contact-items {display: grid;grid-template-columns:1fr 1fr;gap: 28px 35px;}
.contact-item {display: flex;align-items: center;gap: 17px;transition:transform .25s ease;}
.contact-item:hover {transform: translateY(-3px);}
.contact-icon {flex: 0 0 58px;width: 58px;height: 58px;display: grid;place-items: center;border-radius: 50%;background: #e9f5ff;color: #0871d9;font-size: 22px;}
.contact-item-content {display: flex;flex-direction: column;}
.contact-item-content strong {margin-bottom: 2px;font-size: 13px;color: var(--blue-dark);}
.contact-item-content span,.contact-item-content a {font-size: 13px;font-weight: 600;color: var(--blue-deep);}
.contact-item-content small {font-size: 11px;color: var(--muted);}
.connect-card {position: relative;overflow: hidden;padding: 35px;min-height: 390px;border: 1px solid #dcecf8;border-radius: 10px;background:linear-gradient(145deg,#f8fcff,#edf7ff);box-shadow:0 10px 35px rgba(16,83,135,.07);}
.connect-card > * {position: relative;z-index: 2;}
.connect-card h3 {font-size: 30px;line-height: 1.15;color: var(--blue-dark);}
.connect-card p {margin-bottom: 28px;color: #496783;font-size: 14px;}
.connect-decoration {position: absolute;width: 240px;height: 240px;right: -120px;bottom: -100px;border-radius: 50%;border: 25px solid rgba(91,178,239,.08);}
.connect-list {display: flex;flex-direction: column;gap: 18px;}
.connect-item {display: flex;align-items: center;gap: 13px;}
.small-icon {width: 44px;height: 44px;flex: 0 0 44px;display: grid;place-items: center;border-radius: 50%;color: #0871d9;background: #dcefff;font-size: 17px;}
.connect-item > div:last-child {display: flex;flex-direction: column;}
.connect-item strong {font-size: 12px;color: var(--blue-dark);}
.connect-item span {font-size: 11px;color: var(--muted);}
/* =========================================================
LOCATION
========================================================= */
.location-section {padding-top: 0;padding-bottom:40px;}
.location-wrapper {display: grid;grid-template-columns:1.25fr .75fr;min-height: 330px;overflow: hidden;border: 1px solid var(--border);border-radius: 10px;background: #f7fbfe;box-shadow:0 10px 35px rgba(8,46,97,.06);}
.map-container {min-height: 330px;background: #e7f2fa;}
.map-container iframe {width: 100%;height: 100%;min-height: 330px;border: 0;}
.location-content {padding: 45px 40px;}
.location-title {display: flex;align-items: flex-start;gap: 14px;}
.location-main-icon {width: 45px;height: 45px;flex: 0 0 45px;display: grid;place-items: center;color: white;background: var(--blue);border-radius: 50%;font-size: 19px;}
.location-content h2 {font-size: 29px;}
.location-content p {margin: 20px 0;color: var(--muted);font-size: 13px;}
.office-details {display: flex;gap: 13px;margin-bottom: 25px;}
.office-icon {color: var(--blue);padding-top: 3px;}
.office-details div:last-child {display: flex;flex-direction: column;}
.office-details strong {margin-bottom: 4px;font-size: 13px;color: var(--blue-dark);}
.office-details span {font-size: 12px;color: var(--muted);}
.directions-btn {display: inline-flex;align-items: center;gap: 12px;padding: 11px 17px;border: 1px solid #1878df;border-radius: 8px;color: #0871d9;background: white;font-size: 12px;font-weight: 700;transition:background .25s ease,color .25s ease,transform .25s ease;}
.directions-btn:hover {color: white;background: var(--blue);transform: translateY(-2px);}
.section-kicker{color:#116fc4;}
.heading-line-cu{margin-left:0}
.hero-content .hrsolsfmn{font-size:20px;color:#8fff00 !important;}
/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 900px) {
.contact-grid {grid-template-columns: 1fr;gap: 45px;}
.location-wrapper {grid-template-columns: 1fr;}
.location-content {padding: 35px;}
}
@media (max-width: 650px) {
.contact-items {grid-template-columns: 1fr;gap: 23px;}
.connect-card {padding: 28px 24px;}
.location-wrapper {border-radius: 8px;}
.map-container,.map-container iframe {min-height: 260px;}
.location-content {padding: 28px 22px;}
}




/* =====================================================
EDUCATION SECTION
===================================================== */
.education-section {padding: 70px 20px;background:linear-gradient(135deg,#f7fcff 0%,#edf7ff 100%);}
.education-container {max-width: 1120px;margin: 0 auto;display: grid;grid-template-columns:1.15fr .85fr;gap: 45px;}
.education-intro {padding: 10px 0;}
.education-label {display: inline-block;margin-bottom: 12px;color: #116fc4;font-size: 11px;font-weight: 800;letter-spacing: 2px;}
.education-intro h2 {margin: 0;color: #063d7b;font-size: clamp(32px, 4vw, 46px);line-height: 1.12;font-weight: 800;}
.education-intro h2 span {color: #1473e6;}
.education-line {width: 48px;height: 3px;margin: 17px 0;border-radius: 5px;background: #1473e6;}
.education-levels {margin: 0 0 12px;color: #163f68;font-size: 18px;font-weight: 700;}
.education-levels span {color: #78a9ce;margin: 0 5px;}
.education-intro > p {max-width: 620px;margin: 0 0 24px;color: #63748a;font-size: 16px;line-height: 1.7;}
.education-points {display: grid;grid-template-columns: repeat(2, 1fr);gap: 13px 25px;}
.education-points div {display: flex;align-items: flex-start;gap: 9px;color: #254a6d;font-size: 13px;font-weight: 600;line-height: 1.4;}
.education-points i {flex: 0 0 auto;margin-top: 2px;color: #149447;font-size: 15px;}
.education-card {padding: 28px;border: 1px solid #d8eaf7;border-radius: 14px;background: #ffffff;box-shadow:0 15px 40px rgba(17, 111, 196, .08);}
.education-card-header {display: flex;align-items: center;gap: 15px;padding-bottom: 20px;border-bottom: 1px solid #e5eef5;}
.education-card-icon {width: 52px;height: 52px;flex: 0 0 52px;display: grid;place-items: center;border-radius: 12px;background: #e8f5ff;color: #116fc4;font-size: 22px;}
.education-card-header h3 {margin: 0 0 2px;color: #063d7b;font-size: 19px;}
.education-card-header p {margin: 0;color: #708399;font-size: 14px;}
.education-process {padding-top: 5px;}
.process-row {display: flex;align-items: flex-start;gap: 13px;padding: 17px 0;}
.process-row + .process-row {border-top: 1px solid #edf2f6;}
.process-icon {width: 36px;height: 36px;flex: 0 0 36px;display: grid;place-items: center;border-radius: 8px;background: #f0f8ff;color: #1473e6;font-size: 14px;}
.process-row strong {display: block;margin-bottom: 3px;color: #163e65;font-size: 15px;}
.process-row small {display: block;color: #78899a;font-size:14px;line-height: 1.5;}
.education-notice {grid-column: 1 / -1;display: flex;align-items: center;gap: 15px;padding: 18px 22px;border: 1px solid #f1dfad;border-radius: 10px;background: #fffaf0;}
.notice-icon {width: 40px;height: 40px;flex: 0 0 40px;display: grid;place-items: center;border-radius: 50%;background: #fff0c7;color: #c58a08;font-size: 17px;}
.notice-content p {margin: 0 0 4px;color: #675b42;font-size: 14px;line-height: 1.5;}
.notice-content strong {color: #8b6815;font-size: 14px;}
.notice-content strong span {margin: 0 5px;color: #c5a85b;}
.education-contact {grid-column: 1 / -1;display: flex;align-items: center;justify-content: center;gap: 12px;padding: 17px 20px;border-radius: 10px;background:#d9c7a4;color:#073f7b;margin-top: -30px;}
.contact-person {display: flex;align-items: center;gap: 10px;margin-right: 10px;}
.contact-icon {width: 35px;height: 35px;display: grid;place-items: center;border-radius: 50%;background:white;font-size: 13px;}
.contact-person small {display: block;color: #b9d1e5;font-size: 9px;}
.contact-person strong {display: block;margin-top: 1px;color:#122b43;font-size: 16px;}
.phone-number {color:#122b43;font-size: 15px;font-weight: 700;letter-spacing: .3px;}
.phone-number:hover {text-decoration: underline;}
.phone-divider {color:#122b43;font-size: 16px;}
.education-section .contact-icon{flex:0 0 35px;}
.education-readmore{margin:-60px 0 0 0;padding:0 0 50px 0;text-align:center;}
@media (max-width: 800px) {
.education-container {grid-template-columns: 1fr;gap: 30px;}
.education-card {max-width: 650px;width: 100%;margin: auto;}
.education-notice {grid-column: auto;}
.education-contact {grid-column: auto;}
}
@media (max-width: 600px) {
.education-section {padding: 50px 15px;}
.education-intro h2 {font-size: 34px;}
.education-levels {font-size: 15px;}
.education-points {grid-template-columns: 1fr;gap: 12px;}
.education-card {padding: 22px;}
.education-notice {align-items: flex-start;padding: 16px;}
.education-contact {flex-wrap: wrap;gap: 8px 10px;text-align: center;}
.contact-person {width: 100%;justify-content: center;margin: 0 0 5px;}
}




#educationpage .vendor-card{background: #dcecff;}
#educationpage .collaboration-card{background: #dff4e3;}
#educationpage .proposal-card{background: #eee3ff;}
#educationpage .vendor-card .action-icon{background: #b7d2f3;}
#educationpage .collaboration-card .action-icon{background: #b2dfbc;}
#educationpage .proposal-card .action-icon{background: #cbbaed;}
#educationpage .action-icon{flex:0 0 75px;width:75px;height:75px;font-size:40px;}
#educationpage .action-card p{margin-bottom:0;}
#educationpage .stats-section{margin:20px 0 0;}
#educationpage .service-btn-page{font-size: 18px;}
#educationpage .callraviedu{display:block;text-align:center;padding:10px 0 0;font-size:18px;font-weight:bold;color:#003d79;}
#educationpage .callraviedu i{margin-right:10px;}


#loanPage .film-jobs-layout{grid-template-columns: none;}
#loanPage .film-categories-title{padding-top:10px;}
#loanPage .film-category-icon{font-size:30px;}
#loanPage .stats-section{margin-top:-70px;margin-bottom:0;text-align:center;}
#loanPage .callraviedu{font-size:18px;font-weight:bold;color:#003d79;}
#loanPage .service-btn-page{font-size:18px;}
#loanPage .loansugg{max-width: 550px;margin: 0 auto;}
#loanPage .loanimpnote{font-size:11px;max-width: 550px;margin: 0 auto;}
#loanPage .company-section{padding: 30px 0;}
#loanPage .why-us{margin:0 0 40px;}
#loanPage .about{padding: 0 0 40px;}


.contactravisec{text-align:center;font-size:20px;background:#17324d;color:#fff;font-weight:bold;padding:20px 0;margin:30px 0 0;}
.hdforcall{font-size:22px;color:yellow;}
#documentationPage .work-with-us{padding-top:0}
#documentationPage .section-heading{margin-bottom: 0px;padding-top:40px;}
#documentationPage .action-cards{gap: 15px;}
#documentationPage .action-card2{padding:0px 15px 0px;}
#documentationPage .action-icon{flex: 0 0 80px; width: 80px; height: 80px;font-size:40px;background:transparent;}
#documentationPage .card-top{border:solid 1px;}
#documentationPage .card-top{gap:10px;margin-bottom:0;}
#documentationPage .action-card2 h3{font-size:18px;padding:0 10px 0 0;}
#documentationPage .section.why-us{margin-top:30px;}
:root{
    --cardtheme_color_1:#116fc4;
    --cardtheme_color_2:#20a447;
    --cardtheme_color_3:#6841c6;
    --cardtheme_color_4:#8d9537;
    --cardtheme_color_5:#4ca3a3;
    --cardtheme_color_6:#e91e1e;
    --cardtheme_color_7:#3b3b3b;
    --cardtheme_color_8:#3b3b3b;
}
#documentationPage .action-card2:nth-child(7n + 1) .card-top {background:#eaf3ff;border-color:var(--cardtheme_color_1);}
#documentationPage .action-card2:nth-child(7n + 1) .action-icon{color:var(--cardtheme_color_1);}

#documentationPage .action-card2:nth-child(7n + 2) .card-top {background:#eaf8ed;border-color:var(--cardtheme_color_2);}
#documentationPage .action-card2:nth-child(7n + 2) .action-icon{color:var(--cardtheme_color_2);}

#documentationPage .action-card2:nth-child(7n + 3) .card-top {background:#f1eaff;border-color:var(--cardtheme_color_3);}
#documentationPage .action-card2:nth-child(7n + 3) .action-icon{color:var(--cardtheme_color_3);}

#documentationPage .action-card2:nth-child(7n + 4) .card-top {background:#f5f7df;border-color:var(--cardtheme_color_4);}
#documentationPage .action-card2:nth-child(7n + 4) .action-icon{color:var(--cardtheme_color_4);}

#documentationPage .action-card2:nth-child(7n + 5) .card-top {background:#dff7f7;border-color:var(--cardtheme_color_5);}
#documentationPage .action-card2:nth-child(7n + 5) .action-icon{color:var(--cardtheme_color_5);}

#documentationPage .action-card2:nth-child(7n + 6) .card-top {background:#f7dfdf;border-color:var(--cardtheme_color_6);}
#documentationPage .action-card2:nth-child(7n + 6) .action-icon{color:var(--cardtheme_color_6);}

#documentationPage .action-card2:nth-child(7n + 7) .card-top {background:#e5e5e5;border-color:var(--cardtheme_color_7);}
#documentationPage .action-card2:nth-child(7n + 7) .action-icon{color:var(--cardtheme_color_7);}




#domesticServicePage .priority-card{padding-bottom:15px}
#domesticServicePage .priority-card h2{line-height:normal;padding:0 0 15px;}
#domesticServicePage .hmTndrBtn a{margin:0px 5px 10px}
#domesticServicePage .services-grid-page{grid-template-columns: repeat(4, 1fr);gap: 15px;}
@media(max-width:900px){#domesticServicePage .services-grid-page{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){#domesticServicePage .services-grid-page{grid-template-columns:1fr}}
#domesticServicePage .service-top-page{min-height:auto;align-items:center;padding:25px 20px 10px;grid-template-columns:auto;}
#domesticServicePage .service-icon-page{background:transparent;}
#domesticServicePage .catDJ{padding-bottom:0}
#domesticServicePage .catDJ h2{font-size:20px;}
.coloryellow{color:gold;}
#domesticServicePage .company-grid{display:block;}
#domesticServicePage .company-features{display:block;}
#domesticServicePage .company-features div{display:block;}


.hndlh2ingd{padding-top:20px;}
#personalDocPage .film-section-heading{margin:30px auto 0;}
#personalDocPage .service-card-page{border-color:#116fc4;}
#personalDocPage .service-top-page{min-height:auto;background:aliceblue;}
#personalDocPage .service-top-page h3{font-size:20px;}
#personalDocPage .service-icon-page{border:solid 2px;}
#personalDocPage .film-benefits-grid{grid-template-columns:repeat(4, 1fr);gap:10px;}
#personalDocPage .film-benefit{text-align:left;align-items:center;gap:5px;}
#personalDocPage .film-benefit:first-child{padding-left:22px;}
#personalDocPage .film-benefit-icon{background:transparent;color: #092b52;width:auto;height:auto;}
#personalDocPage .film-benefit h4{font-size:15px;}
#personalDocPage .film-eyebrow{line-height:1.3;letter-spacing:0.3px;padding-top: 10px;}
#personalDocPage .services-section-page{padding:30px 0;}
#personalDocPage .company-grid{align-items: flex-start;}
#personalDocPage .company-image{position: sticky;top:100px}
#personalDocPage .education-section{padding:20px 15px;}
#personalDocPage .company-section{padding:25px 0}
@media(max-width:900px){#personalDocPage .film-benefits-grid{grid-template-columns:repeat(2, 1fr);}#personalDocPage .company-image{position: relative;top:0px}}
@media(max-width:620px){#personalDocPage .film-benefits-grid{grid-template-columns:repeat(1, 1fr);}#personalDocPage .film-benefit:first-child{padding-left:0px;}}





/* =========================
Home Page Quick Services Section
========================= */
.quick-services-section {width: 100%;padding: 8px 10px;box-sizing: border-box;background: #fff;font-family: Arial, "Noto Sans Devanagari", sans-serif;}
.quick-services-grid {width: 100%;max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: repeat(6, 1fr);}
.quick-service-item {min-height: 175px;padding: 8px 12px 10px;box-sizing: border-box;text-align: center;border-right: 1px solid #e1e7eb;border-bottom: 1px solid #e1e7eb;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.quick-service-item:nth-child(6n) {border-right: none;}
.quick-service-item:nth-child(n + 7) {border-bottom: none;}
.quick-service-icon {width: 70px;height: 70px;margin-bottom: 6px;border-radius: 17px;display: flex;align-items: center;justify-content: center;font-size: 38px;box-sizing: border-box;}
.quick-service-icon.quick-blue {color: #1260a9;background: linear-gradient(145deg,#dceeff,#c6e2fa);}
.quick-service-icon.quick-green {color: #087d27;background: linear-gradient(145deg,#e5f8e9,#d0f0d8);}
.quick-service-icon.quick-purple {color: #5b159b;background: linear-gradient(145deg,#eee3ff,#dfd1f5);}
.quick-service-icon.quick-pink {color: #e5227a;background: linear-gradient(145deg,#ffe3f0,#fbd4e6);}
.quick-service-icon.quick-orange {color: #e85b16;background: linear-gradient(145deg,#fff0e5,#fce1d1);}
.quick-service-icon.quick-teal {color: #008e99;background: linear-gradient(145deg,#dff9fa,#c9ebed);}
.quick-service-icon.quick-violet {color: #6621a5;background: linear-gradient(145deg,#f0e5ff,#e4d7f5);}
.quick-service-icon.quick-red {color: #e51f36;background: linear-gradient(145deg,#ffe4e7,#fbd5d9);}
.quick-service-item h3 {margin: 2px 0 3px;color: #092a55;font-size: 16px;line-height: 1.25;font-weight: 700;}
.quick-service-item p {margin: 0;color: #092a55;font-size: 14px;line-height: 1.35;font-weight: 600;}
.qsi_1:hover{background:#cae4fb;}
.qsi_2:hover{background:#d5f2dc;}
.qsi_3:hover{background:#e2d4f7;}
.qsi_4:hover{background:#fcd8e9;}
.qsi_5:hover{background:#fde4d5;}
.qsi_6:hover{background:#cfeff0;}
.qsi_7:hover{background:#e6d9f7;}
.qsi_8:hover{background:#cae5fb;}
.qsi_9:hover{background:#d5f2dc;}
.qsi_10:hover{background:#fcd9dd;}
.qsi_11:hover{background:#cbe5fb;}
.qsi_12:hover{background:#e4d7f8;}
.qsi_13:hover{background:#fde4d4;}
@media (max-width: 900px) {
.quick-services-grid {grid-template-columns: repeat(3, 1fr);}
.quick-service-item:nth-child(6n) {border-right: 1px solid #e1e7eb;}
.quick-service-item:nth-child(3n) {border-right: none;}
.quick-service-item:nth-child(n + 7) {border-bottom: 1px solid #e1e7eb;}
.quick-service-item:nth-child(n + 10) {border-bottom: none;}
}
@media (max-width: 600px) {
.quick-services-section {padding: 5px;}
.quick-services-grid {grid-template-columns: repeat(2, 1fr);}
.quick-service-item {min-height: 165px;padding: 8px 5px;}
.quick-service-item:nth-child(3n) {border-right: 1px solid #e1e7eb;}
.quick-service-item:nth-child(2n) {border-right: none;}
.quick-service-item:nth-child(n + 10) {border-bottom: 1px solid #e1e7eb;}
.quick-service-item:nth-child(n + 11) {border-bottom: none;}
.quick-service-icon {width: 62px;height: 62px;font-size: 32px;border-radius: 15px;}
.quick-service-item h3 {font-size: 14px;}
.quick-service-item p {font-size: 12px;}
}


#eventServicesPage .service-top-page{min-height:auto;align-items:center;}
#eventServicesPage .services-section-page{padding:40px 0 0;}
#eventServicesPage #priority{margin-top: 50px;padding-bottom:40px;}
#eventServicesPage .about-copy p{margin-bottom:25px;}
#eventServicesPage .about-image img{height:260px;}
#eventServicesPage .why-grid{gap:20px;}
#eventServicesPage .why-item{align-items: center;gap: 30px;}
#eventServicesPage .why-item>i{flex:0 0 30px;width:30px;height:30px;}
@media(max-width:560px){#eventServicesPage .about-image img{height:220px;}}


#bouncerServicePage .catDJ{padding:0;}
.priorityGrid-bouncer{grid-template-columns: 1fr 1fr 1fr;}
.bncrBx_1 .hmTndrBtn a:first-child{color:white;background:#092b52;}
.bncrBx_2 .hmTndrBtn a:last-child{color:#152a43;background:#eab21b;}
.bncrBx_3 .hmTndrBtn a{color:white;background:green;}
.bncrBx_3 .priority-head .priority-icon{background:green;color:white;}
@media (max-width:1050px){.priorityGrid-bouncer{grid-template-columns: 1fr 1fr;}}
@media (max-width: 820px){.priorityGrid-bouncer{grid-template-columns:1fr;}}


#aboutusPage .company-section{padding:35px 0;}
#aboutusPage .stats-section{margin: 0 0 40px;}
#aboutusPage .services-section{padding:0 0 40px;}
#aboutusPage .cta{padding:0 0 60px;}


#jobsPage .service-btn-page{margin-left:0;}
#jobsPage .services-section-page{padding:60px 0 0px}
#jobsPage .hero-btn{padding:14px 18px}


#manpowerPage .company-section{padding:30px 0;}
#manpowerPage .stats-section{margin:0;}
#manpowerPage .service-btn-page{margin-left:0;}
.company-grid-runcontent{display:block;}
.company-grid-runcontent .company-content h2{max-width:none;padding-bottom:20px;}
.company-section-wi{padding:30px 0;;}
#manpowerPage .cta{padding: 0 0 10px;}


#matrimonialPage .company-section{padding: 30px 0 0px;}
#matrimonialPage .cta{padding:50px 0;}


#filmIndustryPage .catDJ{padding:0;}


.handle_wwu .section-heading{display:none;}
.cs3serv{padding-top:0}
#joinOSAPage{}
.funningContent{display:block;}


.join_wa_button{margin-left:auto;flex-shrink:0;}
.join_wa_button a{width:auto;font-size:13px; margin:0; padding:5px 15px;text-transform:uppercase;letter-spacing: 0;background:#189b49;border:solid 2px white;color:white !important;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}
.join_wa_button a i{font-size:18px;margin:1px -3px 0 0;color:white;}
.footerJoin{padding:15px 0 0;}