:root{--n:#031526;--o:#ff7800;--b:#0878df;--m:#687789}
body{font-family:Arial,sans-serif;color:#112033}.top{background:var(--n);color:#fff;padding:10px 0;font-size:14px}.top i{color:var(--o)}
.navbar{min-height:112px;box-shadow:0 3px 18px #0001;background:#fff}.navbar-brand img{width:215px;height:92px;object-fit:contain}
.nav-link{font-weight:700;color:#122033!important;margin:0 10px}.nav-link:hover,.active{color:var(--o)!important}
.hero{min-height:570px;display:flex;align-items:center;background:linear-gradient(90deg,#031526ee,#03152666),url('../images/brand_3.jpg') center/cover}
.hero h1{font-size:clamp(42px,5vw,70px);font-weight:900;color:#fff}.hero h1 span,h2 span{color:var(--o)}.hero p{color:#e5edf4;font-size:19px;line-height:1.7;max-width:720px}
.btn-o{background:var(--o);color:#fff;font-weight:800;border:0;padding:14px 28px}.btn-b{background:var(--b);color:#fff;font-weight:800;border:0;padding:14px 28px}
.sec{padding:82px 0}.ey{color:var(--o);font-weight:900;letter-spacing:2px;font-size:13px}h2{font-size:42px;font-weight:900}
.cardx{background:#fff;padding:28px;border-radius:14px;box-shadow:0 8px 28px #041d3414;height:100%;border:1px solid #edf1f5}.icon{width:60px;height:60px;border-radius:12px;background:#fff0e5;color:var(--o);display:flex;align-items:center;justify-content:center;font-size:27px;margin-bottom:18px}
.cardx p{color:var(--m);line-height:1.7}.dark{background:var(--n);color:#fff}.dark h2{color:#fff}
.counter h3{font-size:42px;color:var(--o);font-weight:900}.counter p{color:#d5e0e9}
.brand{font-size:25px;font-weight:900;color:var(--n)}.brand span{color:var(--o)}.spare{text-align:center}.spare i{font-size:35px;color:var(--b)}
.why{display:flex;gap:18px;padding:22px;background:#fff;border-radius:13px;box-shadow:0 5px 22px #0000000d;margin-bottom:15px}.why i{color:var(--o);font-size:27px}
.gallery img{width:100%;height:230px;object-fit:cover;border-radius:12px}.test{height:100%;padding:28px;background:#fff;border-radius:13px;box-shadow:0 6px 24px #0001}.stars{color:#f59e0b}
.cta{background:var(--o);color:#fff;padding:50px 0}footer{background:var(--n);color:#d5e0e9}.fm{padding:65px 0 40px}.flogo{width:285px;height:150px;object-fit:contain;display:block}.ft{color:#fff;font-weight:900;font-size:22px;margin-bottom:18px}.links{list-style:none;padding:0}.links li{margin:13px 0}.links a{color:#d5e0e9}.links a:hover{color:var(--o)}.fb{border-top:1px solid #27415a;padding:20px 0;background:#02111f}
.wa{position:fixed;right:22px;bottom:20px;width:60px;height:60px;border-radius:50%;background:#20d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;z-index:20}
@media(max-width:575px){.hero-slide{min-height:540px}.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{width:12%}.navbar-brand img{width:145px;height:62px}.hero{min-height:520px}.hero p{font-size:16px}.sec{padding:60px 0}h2{font-size:33px}.flogo{width:235px;height:125px}}
.hero-carousel,.hero-slide{width:100%}.hero-slide{min-height:570px;background-position:center;background-size:cover;display:flex;align-items:center}.hero-content{padding-top:20px;padding-bottom:20px}.hero-carousel .carousel-indicators{margin-bottom:28px}.hero-carousel .carousel-indicators button{width:38px;height:4px;border:0;border-radius:5px}.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{width:7%}.hero-carousel .carousel-control-prev-icon,.hero-carousel .carousel-control-next-icon{filter:drop-shadow(0 2px 4px #000)}

.navbar-brand{display:flex;align-items:center;padding:4px 0}
.navbar-brand img{width:235px;height:auto;max-height:88px;object-fit:contain;display:block}
.flogo-wrap{display:block;background:transparent;border:0;padding:0;margin:0 0 18px}
.flogo-wrap img{width:300px;height:auto;max-height:145px;object-fit:contain;display:block}
@media(max-width:575px){
.navbar-brand img{width:175px;max-height:72px}
.flogo-wrap img{width:245px;max-height:120px}
}



.about-mini-carousel{position:relative;border-radius:18px;overflow:hidden;background:#061522;box-shadow:0 15px 35px rgba(0,0,0,.14)}
.about-mini-carousel .carousel-item{height:360px}
.about-mini-carousel img{width:100%;height:100%;object-fit:cover}
.about-mini-carousel .carousel-indicators{bottom:10px;margin-bottom:0}
.about-mini-carousel .carousel-indicators button{width:9px;height:9px;border-radius:50%;border:0;margin:0 5px}
.about-mini-carousel .carousel-control-prev,.about-mini-carousel .carousel-control-next{display:none}
.spare-ref-card{height:100%;border:2px solid #3154b5;background:#fff;overflow:hidden;position:relative;transition:.25s}
.spare-ref-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.spare-ref-img{height:250px;background:#f7f7f7;overflow:hidden}
.spare-ref-img img{width:100%;height:100%;object-fit:cover}
.spare-ref-body{padding:25px 28px 28px}
.spare-ref-body h4{font-family:Georgia,serif;text-transform:uppercase;color:#202020;margin-bottom:12px}
.spare-ref-body p{color:#555;line-height:1.75}
.spare-ref-enquiry{position:absolute;top:215px;left:0;background:#191919;color:#fff;text-decoration:none;display:flex;align-items:center;font-size:13px}
.spare-ref-enquiry span:first-child{background:#3154b5;padding:11px 14px}
.spare-ref-enquiry span:last-child{padding:11px 18px}
@media(max-width:767px){.about-mini-carousel .carousel-item{height:270px}.spare-ref-img{height:230px}.spare-ref-enquiry{top:195px}}


/* Services section - reference website card layout */
.services-reference {
  padding-top: 76px;
  padding-bottom: 82px;
}
.services-heading {
  text-align: left;
}
.services-heading .ey {
  color: #3154b5;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: .2px;
}
.services-heading .section-line {
  margin-top: 22px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.services-heading .section-line:before {
  content: "";
  width: 9px;
  height: 9px;
  border: 3px solid #222;
  display: inline-block;
}
.services-heading .section-line span {
  width: 75px;
  height: 3px;
  background: #3154b5;
  display: block;
}
.service-ref-card {
  height: 100%;
  background: #fff;
  border: 2px solid #3154b5;
  overflow: hidden;
  position: relative;
  transition: transform .25s ease, box-shadow .25s ease;
}
.service-ref-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
}
.service-ref-img {
  height: 285px;
  background: #fff;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-ref-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.service-ref-enquiry {
  position: relative;
  z-index: 2;
  margin-top: -1px;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  background: #1b1b1b;
  color: #fff !important;
  text-decoration: none;
  padding: 12px 18px;
  min-width: 145px;
  font-size: 14px;
}
.service-ref-enquiry span:first-child {
  color: #fff;
  font-size: 14px;
}
.service-ref-enquiry:hover {
  background: #3154b5;
  color: #fff !important;
}
.service-ref-body {
  padding: 30px 28px 30px;
  min-height: 185px;
}
.service-ref-body h4 {
  margin: 0 0 16px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 19px;
  color: #222;
  letter-spacing: .2px;
}
.service-ref-body p {
  margin: 0;
  color: #1d2d42;
  line-height: 1.8;
  font-size: 15px;
}
@media (max-width: 767.98px) {
  .services-reference {
    padding-top: 55px;
  }
  .services-heading .ey {
    font-size: 24px;
  }
  .service-ref-img {
    height: 250px;
    padding: 16px;
  }
  .service-ref-body {
    padding: 24px 20px;
  }
}

/* Hero carousel - reference style */
.hero-carousel .carousel-indicators{display:none!important}
.hero-carousel .hero-content .ey{display:none}
.hero-carousel .hero-content h1,.hero-carousel .hero-content h1 span{text-decoration:none!important}
.hero-carousel .hero-content a{text-decoration:none!important}
.hero-carousel .hero-slide{min-height:640px;background-position:center;background-size:cover}
.hero-carousel .hero-content{padding-top:30px}
.hero-carousel .hero-content h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5vw,68px);font-weight:700;color:#fff;line-height:1.08;text-shadow:0 3px 10px rgba(0,0,0,.28)}
.hero-carousel .hero-content h1 span{color:#fff}
.hero-carousel .hero-content p{max-width:720px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.8;text-shadow:0 2px 6px rgba(0,0,0,.35)}
.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{width:5%;opacity:.9}
@media(max-width:575.98px){.hero-carousel .hero-slide{min-height:570px}.hero-carousel .hero-content h1{font-size:39px}.hero-carousel .hero-content p{font-size:16px;line-height:1.65}}

/* Services dropdown */
.navbar .dropdown-menu{border:0;border-radius:0;box-shadow:0 12px 28px rgba(0,0,0,.14);padding:8px 0;min-width:270px}.navbar .dropdown-item{font-weight:600;color:#172436;padding:11px 18px;white-space:normal;line-height:1.35}.navbar .dropdown-item:hover{background:#fff0e5;color:#ff7800}.navbar .dropdown-toggle:after{margin-left:.4em}


/* Mission / Vision / Values video - video only, no overlay text */
.mission-video-section {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #061525;
}
.mission-video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 620px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767.98px) {
  .mission-video {
    min-height: 240px;
    max-height: 420px;
    object-fit: cover;
  }
}

/* Final logo visibility fix */
.navbar{min-height:118px}
.navbar-brand{display:flex;align-items:center;padding:3px 0}
.navbar-brand img{width:220px;height:96px;max-height:96px;object-fit:contain;display:block}
.flogo-wrap img{width:285px;height:auto;max-height:140px;object-fit:contain;display:block}
@media(max-width:575px){
  .navbar{min-height:82px}
  .navbar-brand img{width:165px;height:68px;max-height:68px}
  .flogo-wrap img{width:235px;max-height:115px}
}