@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --navy:#062d5c;
  --navy2:#073c76;
  --blue:#0878d1;
  --blue2:#0b63b7;
  --sky:#eaf6ff;
  --green:#12a85a;
  --green2:#078b48;
  --text:#102b4e;
  --muted:#63758a;
  --border:#dce8f3;
  --white:#fff;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{text-decoration:none}
.container{max-width:1240px}

.topbar{background:#062b55;color:#fff;font-size:12px;padding:7px 0}
.topbar .container{display:flex;justify-content:space-between;align-items:center}
.topbar-left,.topbar-right{display:flex;gap:18px;align-items:center}
.topbar i{margin-right:5px}
.topbar-right a{color:#fff}
.top-enquire{background:#0ca557;padding:5px 17px;border-radius:3px;font-weight:700}

.main-nav{background:#fff;border-bottom:1px solid #e7edf3;padding:10px 0}
.brand{display:flex;align-items:center;gap:9px;color:var(--text)}
.brand-gk{font-size:34px;line-height:1;font-weight:800;color:#0877c9;letter-spacing:-3px}
.brand strong{display:block;font-size:17px;line-height:1.1}
.brand small{display:block;font-size:8px;color:#6a7a8e;font-weight:600;margin-top:3px}
.nav-link{font-size:12px;font-weight:700;color:#153455!important;padding:10px 9px!important}
.nav-link:hover,.nav-link.active{color:#0877c9!important}
.nav-cta{margin-left:10px;font-size:12px;padding:10px 15px}

.btn{border-radius:5px;font-weight:700;font-size:13px;padding:11px 20px;border:0}
.btn-primary,.btn-blue{background:var(--blue2);color:#fff}
.btn-primary:hover,.btn-blue:hover{background:#084e92;color:#fff}
.btn-green{background:var(--green);color:#fff}
.btn-green:hover{background:var(--green2);color:#fff}
.btn-white{background:#fff;color:var(--navy)}
.btn-light-outline{background:#fff;color:#0b3767}
.btn-light-outline:hover{background:#eaf5ff}
.dropdown-menu{border:1px solid #e1eaf3;box-shadow:0 12px 30px rgba(4,43,83,.12)}
.dropdown-item{font-size:12px;font-weight:600;padding:8px 15px}

.hero-section{position:relative;min-height:495px;overflow:hidden;background:
 radial-gradient(circle at 75% 35%,rgba(53,166,236,.35),transparent 25%),
 linear-gradient(115deg,#082e5d 0%,#0b4c86 48%,#b8ddf4 100%)}
.hero-section:after{content:"";position:absolute;right:-10%;bottom:-38%;width:70%;height:90%;background:radial-gradient(ellipse,rgba(255,255,255,.32),transparent 65%);transform:rotate(-12deg)}
.hero-content{position:relative;z-index:2;padding-top:65px}
.eyebrow,.section-kicker,.section-heading>span{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#0b9c69}
.hero-section .eyebrow{color:#cdeeff}
.hero-section h1{color:#fff;font-size:54px;line-height:1.02;font-weight:800;letter-spacing:-2px;margin:12px 0 18px}
.hero-section h1 span{color:#c7e8ff}
.hero-section p{color:#e7f4ff;max-width:550px;font-size:15px;margin-bottom:25px}
.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}
.hero-points{display:flex;gap:30px;margin-top:42px}
.hero-points div{display:flex;gap:9px;align-items:center;color:#fff;font-size:10px;font-weight:700;line-height:1.3}
.hero-points i{font-size:23px;color:#fff}
.hero-visual{height:400px;position:relative}
.worker-main{position:absolute;right:80px;bottom:10px;width:260px;height:330px;border-radius:150px 150px 0 0;background:linear-gradient(160deg,#ffd17c,#eaa34a 42%,#0c315d 43%,#07294e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:90px;box-shadow:0 25px 50px rgba(0,0,0,.22)}
.worker-main:before{content:"";position:absolute;top:18px;width:110px;height:110px;border-radius:50%;background:#d9935d}
.floating-worker{position:absolute;border-radius:50%;width:100px;height:150px;display:flex;justify-content:center;align-items:center;font-size:45px;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.w1{right:15px;bottom:55px;background:linear-gradient(#1574b8,#0b416f)}
.w2{right:240px;bottom:55px;background:linear-gradient(#e5edf5,#4b6680)}
.w3{right:150px;bottom:25px;background:linear-gradient(#fff,#dfe8ef);color:#526b82}
.hero-slogan{position:absolute;right:-10px;top:10px;color:#082e5d;font-size:19px;font-style:italic;font-family:Georgia,serif;transform:rotate(-4deg)}

.stats-wrap{position:relative;z-index:5;margin-top:-28px}
.stats-card{background:#fff;border-radius:10px;box-shadow:0 10px 35px rgba(10,54,95,.13);display:grid;grid-template-columns:repeat(4,1fr);padding:22px 10px}
.stat{display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:5px 25px;border-right:1px solid #d9e5f0}
.stat:last-child{border-right:0}
.stat i{grid-row:1/3;font-size:31px;color:#0b6ebd}
.stat strong{font-size:25px;line-height:1}
.stat span{font-size:11px;font-weight:700;color:#23415f}

.section{padding:70px 0}
.section-heading{text-align:center;max-width:850px;margin:0 auto 35px}
.section-heading h2,.section-title-row h2,.about-section h2,.why-section h2,.testimonials-section h2,.employers-section h2{font-size:30px;line-height:1.15;font-weight:800;margin:5px 0 9px;color:#092e59}
.section-heading p,.section-title-row p{font-size:12px;color:var(--muted);margin:0}

.destinations{background:#fff}
.country-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}
.country-card{background:#fff;border:1px solid #e4edf5;border-radius:8px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px 16px rgba(10,55,95,.05);transition:.25s;color:#17395d}

.country-card img {
    width: 58px;
    height: 38px;
    object-fit: cover;
    display: block;
    border-radius: 4px;
}

.country-card strong {
    font-size: 10px;
    text-align: center;
    line-height: 1.3;
}

.country-card strong{font-size:10px;text-align:center}
.country-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(10,75,130,.13);border-color:#acd5f4}

.about-section{background:#f2f9ff}
.about-section h2 span{color:#0874c7}
.about-section p{font-size:13px;color:#516b83}
.about-visual{position:relative;height:370px}
.image-box{position:absolute;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 12px 28px rgba(9,61,105,.16)}
.image-box i{font-size:75px;color:#fff}
.image-box.big{left:0;bottom:0;width:67%;height:73%;background:linear-gradient(145deg,#12659b,#68b3dc)}
.image-box.big:after{content:"SKILLED WORKFORCE";position:absolute;bottom:18px;left:20px;background:#062f5f;color:#fff;padding:7px 12px;font-size:9px;font-weight:800;border-radius:4px}
.image-box.plane{right:0;top:0;width:43%;height:43%;background:linear-gradient(135deg,#a9dbf5,#fff)}
.image-box.plane i{color:#0b5f9d}
.image-box.city{right:0;bottom:0;width:43%;height:48%;background:linear-gradient(145deg,#1b527a,#85c7e8)}
.image-box.city i{font-size:70px}
.about-badge{position:absolute;right:15px;bottom:70px;width:34%;padding:23px 15px;border-radius:8px;background:#07376c;color:#fff;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;box-shadow:0 15px 35px rgba(0,35,75,.25)}
.about-badge i{font-size:27px}.about-badge strong{font-size:14px;line-height:1.35}

.services-section{background:#f7fbff}
.service-card{background:#fff;border:1px solid #e4edf5;border-radius:7px;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;box-shadow:0 5px 16px rgba(11,65,110,.04);transition:.25s}
.service-card i{font-size:28px;color:#0b79c9;margin-bottom:10px}
.service-card h3{font-size:11px;font-weight:800;margin:0;line-height:1.3}.service-card p{font-size:10px;margin:0;font-weight:700}
.service-card:hover{transform:translateY(-5px);border-color:#a6d7f7}

.industries-section{background:#fff}
.industry-intro{height:100%;min-height:340px;border-radius:8px;padding:35px 30px;background:linear-gradient(145deg,#062b58,#0b5796);color:#fff;position:relative;overflow:hidden}
.industry-intro:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-80px;bottom:-100px;box-shadow:0 0 0 35px rgba(255,255,255,.03),0 0 0 70px rgba(255,255,255,.02)}
.industry-intro span{font-size:10px;letter-spacing:1.5px;font-weight:800}.industry-intro h2{font-size:27px;line-height:1.1;margin:10px 0}.industry-intro p{font-size:12px;max-width:260px}.industry-intro .btn{margin-top:12px}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;height:100%}
.industry-card{min-height:160px;border-radius:8px;background:linear-gradient(145deg,#0c578b,#9dd5ee);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:14px;text-align:center;color:#fff;position:relative;overflow:hidden}
.industry-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,30,65,.75));}
.industry-card i,.industry-card strong{position:relative;z-index:1}.industry-card i{font-size:43px;margin-bottom:8px}.industry-card strong{font-size:11px}

.process-section{background:#f6fbff}
.process-line{display:grid;grid-template-columns:repeat(7,1fr);position:relative;gap:10px}
.process-line:before{content:"";position:absolute;top:29px;left:7%;right:7%;height:2px;background:#62b6eb}
.process-step{text-align:center;position:relative;z-index:1}
.process-step b{position:absolute;top:-7px;right:calc(50% - 28px);background:#0b79c9;color:#fff;font-size:9px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:2}
.process-step i{width:58px;height:58px;border-radius:50%;background:#0b79c9;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;border:5px solid #e4f4ff;font-size:19px}
.process-step strong{display:block;font-size:10px}

.jobs-section{background:#fff}
.section-title-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}
.section-title-row h2{margin:4px 0}
.job-card{border:1px solid #e2ebf3;border-radius:7px;padding:17px 15px;min-height:200px;box-shadow:0 4px 14px rgba(6,52,90,.04);display:flex;flex-direction:column}
.job-card h3{font-size:16px;margin:0 0 4px;font-weight:800}.job-card span{font-size:10px;color:#188b60;font-weight:700;margin-bottom:10px}.job-card small{font-size:10px;color:#63758a;margin-bottom:5px}.job-card a{margin-top:auto;border-top:1px solid #e6eef5;padding-top:10px;color:#0868b6;font-size:10px;font-weight:800}
.job-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(10,70,120,.1)}

.why-section{background:#f1f9ff}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:25px}
.check-grid div{font-size:11px;font-weight:700;color:#38536d}.check-grid i{color:#13a05b;margin-right:6px}
.career-image{min-height:330px;border-radius:10px;background:linear-gradient(145deg,#1673a8,#a9ddf3);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}
.career-image i{font-size:160px;opacity:.95}.career-image div{position:absolute;right:20px;top:25px;color:#0a335e;font-family:Georgia,serif;font-size:20px;font-style:italic;transform:rotate(-5deg)}

.testimonials-section{background:#fff}
.testimonial{height:100%;border:1px solid #e0eaf3;border-radius:8px;padding:20px;position:relative;box-shadow:0 5px 15px rgba(5,49,88,.04)}
.quote{font-size:42px;line-height:1;color:#0b79c9;font-family:Georgia,serif}.testimonial p{font-size:12px;color:#536b80;min-height:62px}.person{display:flex;align-items:center;gap:10px;border-top:1px solid #edf2f6;padding-top:12px}.person span{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dbeefe;color:#0967ad;font-weight:800;font-size:11px}.person strong{font-size:11px}.person small{display:block;color:#7990a4;font-size:9px;font-weight:500}

.employers-section{padding-top:20px;padding-bottom:60px}
.partners{display:grid;grid-template-columns:repeat(8,1fr);gap:18px;margin-top:25px;align-items:center}
.partners span{color:#556879;font-weight:800;text-align:center;font-size:17px;filter:grayscale(1);opacity:.85}

.final-cta{background:linear-gradient(100deg,#052c5b,#0b5794);color:#fff;padding:32px 0;position:relative;overflow:hidden}
.final-cta:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:5%;top:-180px;box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.018)}
.final-cta h2{font-size:23px;font-weight:800;margin:0 0 5px;position:relative;z-index:1}.final-cta p{font-size:11px;margin:0;color:#d9edff;position:relative;z-index:1}.final-cta .btn{position:relative;z-index:2}

.footer{background:#fff;padding-top:42px;color:#52697f}
.footer-brand{margin-bottom:12px}
.footer h4{font-size:12px;color:#123657;font-weight:800;margin-bottom:15px}.footer> .container p{font-size:11px}.footer .col-lg-2 a{display:block;color:#5a6f82;font-size:10px;margin-bottom:7px}.footer .col-lg-4 p{font-size:10px;margin:7px 0}.footer p i{width:18px;color:#0875c4}
.socials{display:flex;gap:7px}.socials a{width:30px;height:30px;border-radius:50%;background:#0a6eb9;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}
.copyright{background:#052d5a;color:#cce5fa;padding:12px 0;margin-top:35px;font-size:9px}.copyright .container{display:flex;justify-content:space-between}

.whatsapp{position:fixed;right:20px;bottom:20px;width:52px;height:52px;border-radius:50%;background:#19b85a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;z-index:100;box-shadow:0 7px 20px rgba(0,0,0,.2)}
.whatsapp:hover{color:#fff;transform:scale(1.06)}

@media(max-width:1199px){
  .country-grid{grid-template-columns:repeat(5,1fr)}
  .nav-link{padding-left:6px!important;padding-right:6px!important}
  .nav-cta{font-size:10px}
}
@media(max-width:991px){
  .topbar-left span:last-child{display:none}.topbar-right{gap:10px}
  .main-nav .navbar-collapse{padding-top:15px}.nav-cta{margin:10px 0 0}
  .hero-section{min-height:auto}.hero-content{padding:55px 15px 25px}.hero-section h1{font-size:43px}
  .hero-visual{display:none}.hero-points{gap:15px;flex-wrap:wrap;margin-top:30px}
  .stats-card{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #d9e5f0;padding-bottom:18px}.stat:nth-child(n+3){padding-top:18px}
  .industry-grid{grid-template-columns:repeat(4,1fr)}
  .process-line{overflow-x:auto;padding-bottom:10px}.process-step{min-width:115px}
  .partners{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:767px){
  .topbar .container{justify-content:center}.topbar-right a:not(.top-enquire){display:none}
  .brand strong{font-size:15px}
  .hero-section h1{font-size:37px;letter-spacing:-1px}.hero-section p{font-size:13px}
  .hero-points div{width:45%}
  .stats-card{grid-template-columns:1fr 1fr}.stat{padding-left:12px;padding-right:12px}.stat i{font-size:25px}.stat strong{font-size:20px}
  .section{padding:52px 0}.section-heading h2,.section-title-row h2,.about-section h2,.why-section h2,.testimonials-section h2,.employers-section h2{font-size:25px}
  .country-grid{grid-template-columns:repeat(2,1fr)}
  .about-visual{height:300px}.about-badge{width:43%;bottom:35px}.image-box i{font-size:55px}
  .industry-intro{min-height:270px}.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-card{min-height:130px}
  .section-title-row{display:block}.section-title-row .btn{margin-top:15px}
  .check-grid{grid-template-columns:1fr}
  .partners{grid-template-columns:repeat(2,1fr)}
  .final-cta{text-align:center}.final-cta .btn{margin-top:14px}.final-cta .ms-2{margin-left:0!important}
  .copyright .container{display:block;text-align:center}.copyright span{display:block;margin:3px 0}
}
@media(max-width:480px){
  .hero-buttons .btn{width:100%}.hero-points div{width:100%}
  .stats-card{grid-template-columns:1fr}.stat{border-right:0!important;border-bottom:1px solid #d9e5f0!important;padding:14px 20px!important}.stat:last-child{border-bottom:0!important}
  .country-card{min-height:85px}.country-card span{font-size:30px}
  .about-visual{height:260px}.about-badge{font-size:11px}.about-badge strong{font-size:11px}
  .service-card{min-height:125px}.industry-grid{gap:7px}.industry-card{min-height:115px}.industry-card i{font-size:32px}
}