:root{
  --blue:#0c2742;
  --blue-2:#0f3658;
  --gold:#f2b31a;
  --muted:#eef5fb;
  --text:#0b1420;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:var(--text); background-color:#f5fafe;}
img{max-width:100%;display:block}
h1,h2,h3{margin:0 0 .5rem}
h1{font-size:2.4rem;line-height:1.2}
h2{font-size:1.8rem}
h3{font-size:1.2rem}
p{line-height:1.6;margin:.5rem 0 1rem}
.container{width:min(1100px,92%);margin:0 auto}
.container.narrow{width:min(900px,92%)}
.accent{color:var(--gold)}
.btn{display:inline-block;padding:.8rem 1.2rem;border-radius:999px;text-decoration:none;border:none;cursor:pointer}
.btn.primary{background:var(--gold);color:#041320;font-weight:600}
.btn.secondary{background:var(--gold);color:#041320;width:100%;margin-top:.5rem}
.card{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:1rem}

/* Header */
.site-header{background:url('../assets/images/bg_header_dark.png') repeat-x top left}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}
.brand img{height:36px}
.top-contact img{height:28px;opacity:.9}
.icn {background-color: #f2b31b;
  padding: 5px;
  border-radius: 50%;
  font-size: 10px !important;
  color: #000;
  width: 20px;
  height: 20px;}

header {
  background: #021325;
  color: #fff;
  padding: 15px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  z-index: 1;
  width: 100%;
}

header .logo {
  display: flex;
  align-items: center;
}

.logo_mobile {display: none;}

header .logo img {
  height: 50px;
  margin-right: 10px;
}

header .contact-info {
  text-align: right;
}

header .contact-info a{
color:#fff;
text-decoration: none;
}
header .contact-info p {
  margin: 5px 0;
  font-size: 14px;
}

/* Hero */
.hero{background:url('../assets/images/bg_hero.jpg') no-repeat top;padding:4rem 0 6rem;position:relative;  background-size: cover;
  min-height: 720px;}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;min-height:520px;padding:4rem 0 6rem}

.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.hero-copy h1{color: #fff;}
.hero-copy span{color:var(--gold)}
.hero-appointment{position:absolute;right:5%;top:85%;width:min(420px,90%)}
.hero-appointment p {font-size: 12px; text-align: center;}
.hero-appointment h3{margin-bottom:.3rem; text-align: center; font-size: 33px;}
.hero-appointment form input,
.hero-appointment form textarea{width:100%;padding:.7rem .8rem;border:1px solid #d7e1ea;border-radius:8px;margin:.4rem 0;background:#fff}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}

/* Founder */
.founder{padding:0 0 3rem 0; background-color: #f5fafe;}
.founder .grid {position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;}
.founder p {font-size: 12px;}
.founder .signature{font-size: 12px;}

/* Challenges */
.challenges{background-color: #f5fafe; padding:2rem 0 1rem}
.challenges h2 {text-align: center;}
.challenge-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-left:1rem}
.challenge-list li{list-style:none; color: #1f3b54; align-content: center;}

/* Services dark strip */
/* Section */
.services-section {
  background: #102A43;
background: radial-gradient(circle, rgba(16, 42, 67, 1) 0%, rgba(16, 79, 143, 1) 0%, rgba(16, 42, 67, 1) 100%);
  padding: 60px 20px;
  text-align: center;
  border-radius: 50px;
  margin: 20px;
}

.services-section h2 {
  color: #ffffff;
  font-size: 32px;
  margin-bottom: 10px;
}

.services-section h2 span {
  color: #FFC72C;
}

.subtitle {
  color: #E5E5E5;
  font-size: 16px;
  margin-bottom: 40px;
}

.service-card img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 15px;
  margin-bottom: 12px;
}

.service-card h3 {
  font-size: 16px;
  margin-bottom: 8px;
  padding: 0 10px;
  color: #102A43;
}
.service-card .fw {font-weight:600;}

.service-card p {
  font-size: 12px;
  line-height: 14px;
  color: #333;
  padding: 0 10px;
}

.servicecard .swiper-slide {
  background-color: #FFC72C;
  border-radius: 15px;
  height: 350px;
  padding: 0;
  text-align: center;
  transition:all 200ms linear;
  transform: scale(0.9) !important;
}
.servicecard .swiper-slide-active{
    transform: scale(1) !important;
  }

.servicecard .swiper-slide__content {
  height: 300px;
}

/* Responsive */
@media (max-width: 1024px) {
  .service-card {
    flex: 0 0 calc(33.33% - 14px);
  }
}

@media (max-width: 768px) {
  .service-card {
    flex: 0 0 calc(50% - 10px);
  }
.founder .grid { gap:0; display:block}
}

@media (max-width: 500px) {
  .service-card {
    flex: 0 0 100%;
  }
}

/* Why choose */
.why{background: #f5fafe;padding:3rem 0}
.why .title {text-align: center;}
.why img {height: 80px;}
.why-stats{display:grid;grid-template-columns:repeat(4,2fr);gap:1rem;margin-top:1rem;}
.stat{padding:1rem;}
.stat h3 {font-size: 18px; font-weight: 500;}
.stat p {font-size: 12px;}

/* Industry */
.industry{background:url('../assets/images/exprience.png') no-repeat left center;padding:3rem 0;color:#fff; background-color: #102A43; background-size: contain;
  height: 500px;
  border-radius: 50px;
  margin: 20px;}
.industry .grid{columns:2;gap:2rem;margin:1rem 0 0 1rem; }
.industry .industry-grid{columns:2;gap:2rem; margin: 0;
  padding: 0 0 0 10px;}
.industry li{margin:.4rem 0; margin: .4rem 0;
  color: var(--gold);
  line-height: 30px;
  font-weight: bold; font-size: 14px;}

.grid-container {
  display: grid;
  grid-template-columns: 1.2fr 2fr; /* first column blank, second column wider */
  gap: 20px;
}

.grid-item:nth-child(1) {
  background: none;   /* blank cell */
}

.grid-item:nth-child(2) {
  font-size: 12px;
}

/* Clients */
.clients{background:#f5fafe;padding:3rem 0;text-align:center}
.clients .client-strip{margin:1rem auto;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.clients ul {margin: 0; display:grid;grid-template-columns:repeat(6,1fr);gap:1rem; margin: 0; padding: 0;}
.clients li { list-style: none; }
.clients .client-logo { padding: 20px;}

.clients .client-logo img {
  max-width: 100%;
  transition: 0.3s;
  opacity: 0.5;
  filter: grayscale(100);
}

.clients .client-logo img:hover {
  filter: none;
  opacity: 1;
}

.clientSwiper .swiper-button-next,
.clientSwiper .swiper-button-prev {
  color: #ccc !important;
}

.clientSwiper .swiper-pagination-bullet {
  background: #f2b31a !important; 
  opacity: 1;
}

/* Case studies */
.case-studies{  background: #102A43;
  background: radial-gradient(circle, rgba(16, 42, 67, 1) 0%, rgba(16, 79, 143, 1) 0%, rgba(16, 42, 67, 1) 100%);padding:3rem 0;color:#fff; margin: 20px; border-radius: 30px;}
.case-studies h2{text-align:center;margin-bottom:1rem}
.case-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.case-card{background:#0b1420;color:#fff;border-radius:50px;font-size:12px; border: 2px solid #f2b31a; min-height: 280px;}
.case-card span {color: #f2b31a; text-transform: uppercase;}
.case-card p{padding:0.5rem 1rem; line-height: 16px;}
.case-card h3 {padding: 20px; background-color: #fff; border-radius: 50px 50px 0 0px;}
.swiper {
  padding-bottom: 40px;
}

.swiper-slide {
  display: flex;
  justify-content: center;
}
/* Swiper navigation buttons */
.swiper-button-next,
.swiper-button-prev {
  color: #ffffff !important;
}

/* Swiper pagination */
.swiper-pagination-bullet {
  background: #ffffff !important; 
  opacity: 0.5;
}

.swiper-pagination-bullet-active {
  opacity: 1;
}

/* Certificates */
.certificates{background:url('../assets/images/certificate.png') no-repeat left center; background-size: cover; padding:3rem 0;color:#fff; margin: 20px; border-radius: 50px;}
.certificates .container{display:grid;grid-template-columns:1.4fr 1.4fr;gap:2rem;align-items:center}
.certificates ul{margin:.8rem 0 0 0}
.certificates li{margin:.3rem 0; color:var(--gold); line-height: 24px;}
.certificates .mob-img {display: none;}

/* CTA */
.cta{padding:2.5rem 0;text-align:center}

/* Footer */
.site-footer{background:#082a46;color:#dbe7f5; padding: 0 60px;}
.footer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;padding:2rem 0}
.footer-logo{height:60px;}
.site-footer h4{color:#fff;margin-bottom:.4rem}
.site-footer a{color:#dbe7f5;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.footer-grid ul {margin: 0; padding: 0;}
.footer-grid li {list-style: none; line-height: 30px;}
.footer-grid li span {color:var(--gold);}
.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.12);padding:1rem 0;font-size:.9rem}
.copyright div {display: inline-block;}
.copyright div:first-child {float: left;}
.copyright div:nth-child(2){float: right;}
.mobile-footer {display: none;}

/* Responsive */
@media (max-width: 1024px){
  .hero-inner{grid-template-columns:1fr}
  .hero-appointment{position:static;margin-top:1rem}
  .challenge-list{grid-template-columns:repeat(2,1fr)}
  .services-cards{grid-template-columns:repeat(3,1fr)}
  .why-stats{grid-template-columns:repeat(2,1fr)}
  .industry .industry-grid{columns:1}
  .case-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 640px){
  .logo {display: none !important;}
  .logo_mobile{display: block; background-color: #0a2a4b; padding: 15px;}
  .logo_mobile img {
    width: 160px;
  }
  .hero .container {width: 85%;}
  header{position: relative; padding:5px; }
  header .contact-info p {font-size: 10px; display: inline-block;}
  .hero-inner { padding: 2rem 0 0 0;}
  .hero-copy { text-align: center; margin-bottom: 70px;}
  .hero-appointment { width: 100%;}
  .hero-appointment h3 { font-size: 22px;}
  .hero-appointment p, .why .title p { font-size: 10px;}
  .stat h3 {
    font-size: 14px;
    font-weight: 500;
  }
  .contact-info p:nth-child(2) {text-align: right !important;}
  .contact-info {grid-template-columns: repeat(2, 1fr); display: grid; text-align: left !important; width: 100%;}
  .container {width: 95%;}
  .hero {
    background: url(../assets/images/hero_mobile_banner.png) no-repeat top;
  }
  h1{font-size:1.4rem}
  .services-section h2 {font-size:1.4rem}
  .subtitle {font-size: 10px; margin-bottom: 20px;}
  .grid-2{grid-template-columns:1fr 1fr}
  .services-cards{grid-template-columns:1fr 1fr}
  .case-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr; padding: 10px;font-size: 12px; gap: 1rem;}
  .challenge-list{grid-template-columns:repeat(2,1fr); text-align: center; font-size: 12px; padding-left: 0;}
  .challenge-list img { display: inline-block;}
  h2 {font-size: 1.4rem;}
  .services-section, .industry, .case-studies, .certificates {margin: 20px 0; border-radius: 20px; padding: 20px;}
  .site-footer { display: none;}
  .mobile-footer {display: block;}
  .mobile-footer{background:#082a46;color:#dbe7f5;}
  .mobile-footer ul {margin: 0; padding: 0;}
  .mobile-footer li { list-style: none; line-height: 30px;}
  .mobile-footer a { text-decoration: none; color: #fff;}
  .foot_bg1 { background-color: #0e375a; text-align: center; padding: 20px;}
  .coprights { padding: 10px; font-size: 10px; text-align: center;}
  .certificates{
    background: radial-gradient(circle, rgba(16, 42, 67, 3) 0%, rgba(16, 79, 143, 1) 0%, rgba(16, 42, 67, 1) 100%);
        background-size: cover;
        padding: 0 0 20px 0;
        color: #fff;
        margin: 20px 0;
        border-radius: 20px;
  }
  .certificates .container { width: 100%;}
  .certificates img { border-radius: 20px;}
  .cert-right { padding: 20px;}
  .certificates .mob-img {display: block;}
  .mobile_industy {background:url('../assets/images/industry_mobile.png') no-repeat left top; padding: 20px; border-radius: 20px; background-size: 100%;}
  .industry { padding: 0;}
  .industry .container {width: 100%;}
  .industry .industry-grid { margin: 0 20px; padding: 20px;}
}
@media (max-width: 768px) {
.founder .grid { gap:0; display:block}
.grid-container {gap:0; display:block}
.industry { background: none; height: auto;padding: 0; background-color: #102A43;}
.certificates .container {gap:0; display:block}
}