/* Services page styles (page-level) ---------------------------------- */
:root{
  --navy:#0A1F44;
  --orange:#FF7A00;
  --white:#FFFFFF;
  --muted:#6C757D;
  --container:1200px;
  --transition:.45s cubic-bezier(.2,.9,.2,1);
}

/* Base container */
.container{max-width:var(--container);margin:0 auto;padding:0 1rem;}

/* HERO */
.hero-landing{
  height:78vh; min-height:520px; display:flex; align-items:center; justify-content:center;
  position:relative; color:var(--white);
  background:url('../img/hero-services.jpg') center/cover no-repeat;
}
.hero-landing::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(6,21,47,0.6), rgba(6,21,47,0.75));}
.hero-inner{position:relative;text-align:center;z-index:2;max-width:900px;padding:0 1rem;}
.hero-inner h1{font-family:'Montserrat',sans-serif;font-size:3rem;color:var(--orange);margin-bottom:.4rem;}
.hero-inner .sub{font-size:1.1rem;color:rgba(255,255,255,0.92);margin-bottom:1rem;}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.15);color:#fff;padding:.7rem 1rem;border-radius:8px;text-decoration:none;font-weight:700}

/* PARALLAX */
.parallax-section{
  position:relative;min-height:62vh;display:flex;align-items:center;padding:4rem 0;overflow:hidden;color:#fff;
}
.parallax-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);transition:transform 1.2s ease;z-index:-1;}
.parallax-section .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.35),rgba(0,0,0,0.45));z-index:0;}
.parallax-section .content{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:2rem;border-radius:10px;backdrop-filter:blur(6px);}
.parallax-section h2{font-family:'Montserrat',sans-serif;font-size:2rem;}
.parallax-section p{color:rgba(255,255,255,0.92);max-width:780px;line-height:1.6;}
.parallax-section .link{color:var(--orange);font-weight:700;text-decoration:none;margin-top:.6rem;display:inline-block;}
.parallax-section[data-side="left"] .content{margin-left:6%;text-align:left;transform:translateX(-10px);opacity:0;}
.parallax-section[data-side="right"] .content{margin-right:6%;text-align:right;transform:translateX(10px);opacity:0;}
.parallax-section.visible .content{transform:translateX(0);opacity:1;transition:transform .7s ease,opacity .6s ease;}

/* SLIDER */
.case-highlights{padding:4rem 0;background:#f7f8fb;color:#0a1f44;}
.section-header{text-align:center;margin-bottom:2rem;}
.slider{position:relative;max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:1rem;}
.slides{position:relative;flex:1;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px rgba(6,20,40,0.08);}
.slide{position:absolute;inset:0;opacity:0;transform:translateX(20px);transition:all .6s ease;}
.slide.active{opacity:1;transform:translateX(0);}
.slide img{width:100%;height:420px;object-fit:cover;border-radius:12px;filter:brightness(.7);}
.slide .caption{position:absolute;left:1rem;bottom:1rem;background:rgba(10,31,68,0.75);color:#fff;padding:.6rem .9rem;border-radius:6px;font-weight:600;}
.slider-btn{background:rgba(255,255,255,0.95);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;box-shadow:0 6px 18px rgba(6,20,40,0.12);}
.slider-btn:hover{transform:scale(1.05);}
.dots{display:flex;gap:.5rem;justify-content:center;margin-top:.9rem;}
.dot{width:10px;height:10px;border-radius:50%;background:rgba(10,31,68,0.2);cursor:pointer;}
.dot.active{background:var(--orange);}
.view-all{margin-top:2rem;}

/* CTA */
.final-cta{padding:3.5rem 0;background:linear-gradient(135deg,var(--navy),#071227);color:#fff;text-align:center;}
.final-cta h2{font-family:'Montserrat',sans-serif;font-size:1.6rem;margin-bottom:1rem;}
.btn-primary{background:var(--orange);color:var(--navy);padding:.9rem 1.6rem;border-radius:8px;text-decoration:none;font-weight:700;}

/* MOBILE NAV & DROPDOWN */
@media (max-width:900px){
  header nav ul{
    position:absolute;top:100%;left:0;right:0;background:var(--navy);
    flex-direction:column;align-items:stretch;
    max-height:0;overflow:hidden;opacity:0;visibility:hidden;
    transition:max-height 0.35s ease,opacity 0.35s ease;
  }
  header nav ul.active{max-height:700px;opacity:1;visibility:visible;}
  header nav ul li{border-top:1px solid rgba(255,255,255,0.08);}
  header nav ul li .dropdown-menu{
    position:static;background:rgba(255,255,255,0.05);
    padding:0;margin:0;max-height:0;overflow:hidden;
    transition:max-height 0.35s ease,padding 0.25s ease;border-left:3px solid var(--orange);
  }
  header nav ul li.dropdown.open > .dropdown-menu{
    max-height:400px;padding:.6rem 1rem;
  }
  header nav ul li .dropdown-menu li a{
    padding:.6rem 0;color:var(--white);display:block;
  }
  .menu-toggle{display:block;background:none;border:none;color:var(--white);font-size:1.8rem;cursor:pointer;}
}

/* SMALL SCREEN */
@media (max-width:420px){
  .hero-inner h1{font-size:1.8rem;}
  .hero-inner .sub{font-size:.95rem;}
  .slide img{height:180px;}
}