
:root{
  --navy:#021852;--navy2:#02040d;--navy3:#162b68;--gold:#b7b9c5;--gold2:#ffffff;
  --text:#0f1d3d;--muted:#606b80;--light:#f5f7fb;--white:#fff;--border:#e3e8f1;
  --green:#173766;--maroon:#141c34;--shadow:0 18px 45px rgba(2,24,82,.14);--radius:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}img{display:block;max-width:100%;width:100%;height:100%;object-fit:cover}
.container{width:min(1220px,calc(100% - 40px));margin:auto}
.top-strip{background:#041225;color:rgba(255,255,255,.78);font-size:13px}
.top-strip .container{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.top-info{display:flex;gap:20px;flex-wrap:wrap}
.header{background:linear-gradient(90deg,#06162e,#071f3e);color:#fff;position:sticky;top:0;z-index:99;box-shadow:0 6px 26px rgba(0,0,0,.22)}
.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative}
.logo{display:flex;align-items:center;gap:12px}.logo .acs{font-size:46px;font-weight:900;letter-spacing:-5px;color:var(--gold2);line-height:.85}.logo .bar{width:1px;height:42px;background:rgba(255,255,255,.45)}.logo span:last-child{font-size:17px;font-weight:800;line-height:1.05;color:#fff}
.links{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:800}.links a{padding:30px 0;position:relative;color:rgba(255,255,255,.92)}.links a.active:after,.links a:hover:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:4px;border-radius:8px;background:var(--gold)}
.cta{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111b2d;padding:14px 22px;border-radius:10px;font-weight:900;display:inline-flex;gap:10px;align-items:center;box-shadow:0 10px 25px rgba(214,154,45,.28)}
.btn-outline{border:1px solid rgba(255,255,255,.65);color:#fff;padding:14px 28px;border-radius:10px;font-weight:900;display:inline-flex;align-items:center;gap:10px;background:rgba(0,0,0,.12)}
.btn-dark{border:1px solid var(--border);padding:13px 20px;border-radius:10px;font-weight:800;background:#fff;color:var(--navy);display:inline-flex;align-items:center;gap:10px}
.menu{display:none;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:28px;border-radius:8px;width:46px;height:42px}
.hero{min-height:530px;background:linear-gradient(90deg,rgba(3,15,32,.98) 0%,rgba(4,16,34,.90) 35%,rgba(4,16,34,.35) 100%),url('../assets/hero-team.jpg') center right/cover no-repeat;color:#fff;position:relative;overflow:hidden}
.hero .container{min-height:530px;display:flex;align-items:center}.hero-copy{max-width:635px;padding:44px 0 78px}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(216,154,45,.14);border:1px solid rgba(244,189,85,.34);color:var(--gold2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;margin-bottom:22px}
.hero h1{font-size:62px;line-height:1.03;letter-spacing:-2.9px;font-weight:900;margin-bottom:22px}.hero h1 span{color:var(--gold2)}.hero p{font-size:17px;line-height:1.72;color:rgba(255,255,255,.88);max-width:560px;margin-bottom:32px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}
.page-hero{min-height:340px;background:linear-gradient(90deg,rgba(3,15,32,.96),rgba(3,15,32,.68)),url('../assets/hero-team.jpg') center/cover;color:#fff;display:flex;align-items:center}.page-hero h1{font-size:52px;line-height:1.05;letter-spacing:-2px;margin-bottom:14px}.page-hero p{max-width:720px;color:rgba(255,255,255,.84);font-size:17px}
.stats{margin-top:-40px;position:relative;z-index:10}.stats-grid{background:linear-gradient(90deg,#06162e,#071d3b);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;color:#fff}.stat{display:flex;align-items:center;gap:18px;padding:28px 32px;border-right:1px solid rgba(255,255,255,.18)}.stat:last-child{border-right:0}.stat-icon{width:64px;height:64px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:30px;font-weight:800}.stat strong{font-size:34px;line-height:1;display:block}.stat b{font-size:14px;display:block}.stat small{font-size:12px;color:rgba(255,255,255,.72);display:block;margin-top:5px}
section{padding:82px 0}.section-soft{background:linear-gradient(180deg,#f7f9fd,#fff)}.section-compact{padding:60px 0}
.title{text-align:center;margin:0 auto 42px;max-width:860px}.title .kicker{color:var(--gold);font-size:13px;letter-spacing:.18em;font-weight:900;text-transform:uppercase;margin-bottom:12px;display:inline-flex;gap:14px;align-items:center}.title .kicker:before,.title .kicker:after{content:"";width:34px;height:2px;background:var(--gold)}.title h2{font-size:42px;line-height:1.12;letter-spacing:-1.7px;color:var(--navy);margin-bottom:15px}.title p{font-size:16px;color:var(--muted);line-height:1.82}
.about-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:54px;align-items:center}.image-frame{height:410px;border-radius:22px;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.14);border:1px solid var(--border)}.about-copy h2{font-size:40px;line-height:1.12;letter-spacing:-1.5px;color:var(--navy);margin-bottom:18px}.about-copy p{color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:14px}
.mini-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.mini{padding:16px;background:#fbfcff;border:1px solid var(--border);border-radius:16px;display:flex;gap:12px;align-items:flex-start}.mini-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:rgba(216,154,45,.13);color:var(--gold);font-size:20px}.mini strong{display:block;color:var(--navy);font-size:13px;margin-bottom:4px}.mini small{display:block;color:var(--muted);font-size:11.5px;line-height:1.45}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.why-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.08);padding:28px;transition:.25s ease}.why-card:hover,.service-card:hover,.detail-card:hover,.test-card:hover,.benefit-card:hover,.value-card:hover,.contact-note:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.why-icon{width:54px;height:54px;border-radius:18px;background:rgba(216,154,45,.12);color:var(--gold);display:grid;place-items:center;font-size:28px;margin-bottom:16px}.why-card h3{font-size:20px;color:var(--navy);margin-bottom:8px}.why-card p{color:var(--muted);font-size:14px;line-height:1.7}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{min-height:360px;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:42% 58%;align-items:stretch;box-shadow:0 20px 50px rgba(0,0,0,.18);color:#fff;border:1px solid rgba(255,255,255,.12);transition:.25s ease}.service-card img{height:100%;min-height:360px}.service-body{padding:34px 28px 30px;display:flex;flex-direction:column}.facility .service-body{background:linear-gradient(135deg,#061b39,#082651)}.temple .service-body{background:linear-gradient(135deg,#741e21,#5b1518)}.property .service-body{background:linear-gradient(135deg,#075438,#063d2a)}.service-card h3{font-size:27px;line-height:1.08;margin-bottom:18px;letter-spacing:-.7px}.service-card ul{list-style:none;display:grid;gap:11px;margin-bottom:20px}.service-card li{font-size:14px;display:flex;gap:10px;align-items:flex-start;color:rgba(255,255,255,.95);line-height:1.42}.check{color:var(--gold2);font-size:14px;line-height:1.42}.learn-more{font-size:13.5px;color:var(--gold2);font-weight:900;margin-top:auto;padding-top:12px}
.cap-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.cap{height:225px;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 18px 42px rgba(0,0,0,.13);background:#fff;border:1px solid var(--border);transition:.25s ease}.cap-img{height:155px}.cap-icon{position:absolute;left:14px;top:14px;width:50px;height:50px;background:#061b39;color:var(--gold);border-radius:14px;display:grid;place-items:center;font-size:24px;box-shadow:0 10px 24px rgba(0,0,0,.22)}.cap h3{min-height:70px;text-align:center;font-size:17px;color:var(--navy);padding:18px 10px;background:#fff;display:flex;align-items:center;justify-content:center;line-height:1.25;font-weight:900}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.test-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 34px rgba(0,0,0,.08);padding:28px;position:relative;transition:.25s ease}.test-top{display:flex;gap:16px;align-items:center;margin-bottom:18px}.avatar{width:84px;height:84px;border-radius:50%;overflow:hidden;border:5px solid #f3e5c1;flex:0 0 84px}.quote{position:absolute;right:26px;top:18px;color:rgba(216,154,45,.28);font-size:58px;font-weight:900;line-height:1}.test-card p{font-size:14px;color:#29354b;line-height:1.8}.test-card strong{display:block;color:var(--navy);font-size:16px}.test-card small{display:block;color:var(--gold);font-weight:800;font-size:12px}.stars{color:var(--gold);font-size:14px;letter-spacing:2px;margin-bottom:8px}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.detail-card,.benefit-card,.value-card,.contact-note{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 12px 32px rgba(0,0,0,.07);transition:.25s ease}.detail-card h3,.benefit-card h3,.value-card h3,.contact-note h3{font-size:22px;color:var(--navy);margin-bottom:12px}.detail-card p,.detail-card li,.benefit-card p,.value-card p,.contact-note p{color:var(--muted);font-size:14px;line-height:1.75}.detail-card ul{margin-left:18px;margin-top:10px}
.dual-highlight{display:grid;grid-template-columns:1fr 1fr;gap:24px}.highlight-panel{background:linear-gradient(135deg,#091c35,#0b2950);color:#fff;border-radius:20px;padding:30px;box-shadow:var(--shadow)}.highlight-panel.alt{background:linear-gradient(135deg,#0a5a3a,#08472f)}.highlight-panel h3{font-size:28px;margin-bottom:10px}.highlight-panel p{color:rgba(255,255,255,.84);line-height:1.8}.bullet-list{list-style:none;display:grid;gap:12px;margin-top:18px}.bullet-list li{display:flex;gap:10px;color:rgba(255,255,255,.92)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.process-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 12px 32px rgba(0,0,0,.07)}.process-no{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(216,154,45,.14);color:var(--gold);font-weight:900;margin-bottom:16px}.process-card h3{font-size:20px;color:var(--navy);margin-bottom:8px}.process-card p{color:var(--muted);font-size:14px;line-height:1.7}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.info-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.info-pill{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px 20px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.info-pill b{display:block;color:var(--navy);margin-bottom:5px}.info-pill span{font-size:13px;color:var(--muted)}
.contact-band{background:linear-gradient(90deg,#06162e,#071d3b);color:#fff;padding:34px 0}.touch-grid{display:grid;grid-template-columns:1.25fr 1fr 1.15fr 1.55fr 1.2fr;gap:22px;align-items:center}.contact-band h2{font-size:24px;color:var(--gold2);margin-bottom:5px}.contact-band p{font-size:13px;color:rgba(255,255,255,.82)}.touch-item{display:flex;gap:14px;align-items:center;border-left:1px solid rgba(255,255,255,.22);padding-left:24px}.touch-ico{width:45px;height:45px;flex:0 0 45px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:22px}.touch-item b{font-size:12px;color:var(--gold2);display:block}.touch-item span{font-size:12.5px;color:#fff;line-height:1.35}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}label{font-size:13px;font-weight:800;color:#334155}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:14px 15px;font:inherit;outline:none;background:#fbfcff}textarea{min-height:145px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(214,154,45,.13)}.submit{width:100%;padding:16px 22px;background:var(--navy);color:#fff;border:0;border-radius:14px;font-weight:900;cursor:pointer;margin-top:18px}.form-card{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:34px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.contact-panel{border-radius:22px;color:#fff;min-height:520px;padding:34px;background:linear-gradient(145deg,rgba(6,20,42,.96),rgba(6,20,42,.78)),url('../assets/about-meeting.jpg') center/cover;display:flex;flex-direction:column;justify-content:flex-end}.contact-panel h3{font-size:30px;margin-bottom:12px}.contact-panel p{color:rgba(255,255,255,.78);margin-bottom:24px}.contact-list{list-style:none;display:grid;gap:14px}.contact-list li{display:flex;gap:13px;color:rgba(255,255,255,.9)}.contact-list span{width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:rgba(216,154,45,.16);color:var(--gold2);display:grid;place-items:center}.contact-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.career-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.career-card{border:1px solid var(--border);border-radius:18px;padding:28px;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.07)}.career-card h3{font-size:22px;color:var(--navy);margin-bottom:10px}.career-card p{color:var(--muted);line-height:1.7}.apply-band{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.footer{background:#051326;color:rgba(255,255,255,.82);padding:48px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.1fr 1fr;gap:38px;align-items:start}.footer .logo .acs{font-size:40px}.footer .logo span:last-child{font-size:14px}.footer p{font-size:13px;max-width:280px;margin:12px 0 14px;line-height:1.75}.social{display:flex;gap:10px}.social span{width:30px;height:30px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font-size:12px}.footer h4{font-size:13px;color:var(--gold2);margin-bottom:12px;text-transform:uppercase}.footer ul{list-style:none;font-size:14px;line-height:1.85}.footer a:hover{color:var(--gold2)}.copyright{text-align:center;font-size:12px;border-top:1px solid rgba(255,255,255,.08);margin-top:28px;padding-top:16px;color:rgba(255,255,255,.66)}
@media(max-width:1100px){.links,.nav>.cta{display:none}.menu{display:block}.links.open{display:grid;position:absolute;top:80px;left:18px;right:18px;background:#06162e;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);gap:0}.links.open a{padding:13px}.stats-grid,.about-grid,.services-grid,.test-grid,.touch-grid,.footer-grid,.detail-grid,.contact-grid,.career-grid,.dual-highlight,.process-grid,.value-grid,.benefits-grid,.info-strip,.apply-band{grid-template-columns:1fr 1fr}.cap-grid{grid-template-columns:repeat(3,1fr)}.contact-side-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.container{width:min(100% - 28px,1220px)}.top-strip{display:none}.nav{height:72px}.logo .acs{font-size:34px}.logo span:last-child{font-size:14px}.hero{background:linear-gradient(90deg,rgba(3,15,32,.96),rgba(3,15,32,.72)),url('../assets/hero-team.jpg') center/cover}.hero h1,.page-hero h1{font-size:40px}.hero p,.page-hero p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.cta,.btn-outline,.btn-dark{justify-content:center}.stats{margin-top:-28px}.stats-grid,.about-grid,.why-grid,.services-grid,.cap-grid,.test-grid,.touch-grid,.footer-grid,.detail-grid,.contact-grid,.form-grid,.career-grid,.mini-row,.dual-highlight,.process-grid,.value-grid,.benefits-grid,.info-strip,.apply-band,.contact-side-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}section{padding:58px 0}.image-frame{height:300px}.service-card{grid-template-columns:1fr;min-height:auto}.service-card img{height:245px;min-height:auto}.cap{height:215px}.cap-img{height:145px}.touch-item{border-left:0;padding-left:0}.page-hero{min-height:290px}}


/* Logo-based brand refinements */
.logo.logo-image{gap:0;min-width:0}
.logo.logo-image img{width:245px;height:auto;max-height:58px;object-fit:contain;display:block}
.footer-logo img{width:220px;max-height:95px;object-fit:contain}
.header{background:linear-gradient(90deg,#02040d,#021852 58%,#02040d)}
.top-strip{background:#02040d}
.cta{background:linear-gradient(135deg,#ffffff,#c5c9d4);color:#021852;box-shadow:0 12px 28px rgba(2,24,82,.22)}
.cta:hover{filter:brightness(1.03);transform:translateY(-1px)}
.btn-outline{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.08)}
.hero{background:linear-gradient(90deg,rgba(2,4,13,.98) 0%,rgba(2,24,82,.90) 36%,rgba(2,24,82,.35) 100%),url('../assets/hero-team.jpg') center right/cover no-repeat}
.page-hero{background:linear-gradient(90deg,rgba(2,4,13,.96),rgba(2,24,82,.74)),url('../assets/hero-team.jpg') center/cover}
.stats-grid,.contact-band{background:linear-gradient(90deg,#02040d,#021852)}
.stat-icon,.touch-ico{border-color:#b7b9c5;color:#ffffff}
.eyebrow{background:rgba(255,255,255,.08);border-color:rgba(183,185,197,.42);color:#ffffff}
.hero h1 span,.title .kicker,.contact-band h2,.footer h4,.learn-more,.test-card small,.stars{color:#ffffff}
.title .kicker:before,.title .kicker:after{background:#b7b9c5}
.why-icon,.mini-icon,.process-no,.cap-icon{background:rgba(2,24,82,.10);color:#021852}
.cap-icon{background:linear-gradient(135deg,#02040d,#021852);color:#fff}
.facility .service-body{background:linear-gradient(135deg,#02040d,#021852)}
.temple .service-body{background:linear-gradient(135deg,#021852,#162b68)}
.property .service-body{background:linear-gradient(135deg,#0d1733,#273659)}
.highlight-panel{background:linear-gradient(135deg,#02040d,#021852)}
.highlight-panel.alt{background:linear-gradient(135deg,#021852,#273659)}
.check{color:#ffffff}
.footer{background:#02040d}
.links a.active:after,.links a:hover:after{background:#ffffff}
.service-card,.why-card,.detail-card,.benefit-card,.value-card,.contact-note,.form-card,.test-card,.cap,.image-frame{border-color:#dce2ec}
@media(max-width:720px){
  .logo.logo-image img{width:188px;max-height:50px}
  .footer-logo img{width:190px}
  .hero{background:linear-gradient(90deg,rgba(2,4,13,.96),rgba(2,24,82,.75)),url('../assets/hero-team.jpg') center/cover}
}



/* Final fix: make small section labels visible on light backgrounds */
.title .kicker,
.title h2.small-title,
.about-copy .eyebrow,
section:not(.hero):not(.page-hero):not(.contact-band) .eyebrow {
  color: #021852 !important;
}

.title .kicker:before,
.title .kicker:after {
  background: #9aa5ba !important;
}

.about-copy .eyebrow,
section:not(.hero):not(.page-hero):not(.contact-band) .eyebrow {
  background: rgba(2,24,82,0.06) !important;
  border-color: rgba(2,24,82,0.16) !important;
}

.title h2,
.about-copy h2,
.why-card h3,
.process-card h3,
.detail-card h3,
.value-card h3,
.benefit-card h3,
.contact-note h3,
.career-card h3,
.cap h3 {
  color: #021852 !important;
}


/* --- Colourful & innovative section styling update --- */
.why-grid,
.value-grid,
.process-grid,
.benefits-grid {
  gap: 26px;
}

.why-card,
.value-card,
.process-card,
.benefit-card,
.detail-card,
.contact-note {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(2,24,82,0.08);
  box-shadow: 0 16px 36px rgba(6, 24, 72, 0.08);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.why-card::before,
.value-card::before,
.process-card::before,
.benefit-card::before,
.detail-card::before,
.contact-note::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 7px;
}

.why-card:hover,
.value-card:hover,
.process-card:hover,
.benefit-card:hover,
.detail-card:hover,
.contact-note:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 48px rgba(6, 24, 72, 0.14);
  border-color: rgba(2,24,82,0.16);
}

/* Why choose us cards */
.why-card:nth-child(1){background:linear-gradient(180deg,#eef5ff 0%,#ffffff 72%)}
.why-card:nth-child(1)::before{background:linear-gradient(90deg,#2563eb,#60a5fa)}
.why-card:nth-child(1) .why-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe); color:#1d4ed8}

.why-card:nth-child(2){background:linear-gradient(180deg,#f5f3ff 0%,#ffffff 72%)}
.why-card:nth-child(2)::before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}
.why-card:nth-child(2) .why-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe); color:#6d28d9}

.why-card:nth-child(3){background:linear-gradient(180deg,#ecfdf5 0%,#ffffff 72%)}
.why-card:nth-child(3)::before{background:linear-gradient(90deg,#10b981,#6ee7b7)}
.why-card:nth-child(3) .why-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0); color:#047857}

.why-card:nth-child(4){background:linear-gradient(180deg,#fff7ed 0%,#ffffff 72%)}
.why-card:nth-child(4)::before{background:linear-gradient(90deg,#f97316,#fdba74)}
.why-card:nth-child(4) .why-icon{background:linear-gradient(135deg,#ffedd5,#fed7aa); color:#c2410c}

.why-card:nth-child(5){background:linear-gradient(180deg,#eff6ff 0%,#ffffff 72%)}
.why-card:nth-child(5)::before{background:linear-gradient(90deg,#0891b2,#67e8f9)}
.why-card:nth-child(5) .why-icon{background:linear-gradient(135deg,#cffafe,#a5f3fc); color:#0f766e}

.why-card:nth-child(6){background:linear-gradient(180deg,#fff1f2 0%,#ffffff 72%)}
.why-card:nth-child(6)::before{background:linear-gradient(90deg,#e11d48,#fda4af)}
.why-card:nth-child(6) .why-icon{background:linear-gradient(135deg,#ffe4e6,#fecdd3); color:#be123c}

/* Value cards */
.value-card:nth-child(1){background:linear-gradient(180deg,#eef5ff 0%,#ffffff 76%)}
.value-card:nth-child(1)::before{background:linear-gradient(90deg,#2563eb,#93c5fd)}
.value-card:nth-child(2){background:linear-gradient(180deg,#f5f3ff 0%,#ffffff 76%)}
.value-card:nth-child(2)::before{background:linear-gradient(90deg,#7c3aed,#c4b5fd)}
.value-card:nth-child(3){background:linear-gradient(180deg,#ecfdf5 0%,#ffffff 76%)}
.value-card:nth-child(3)::before{background:linear-gradient(90deg,#10b981,#86efac)}
.value-card:nth-child(4){background:linear-gradient(180deg,#fff7ed 0%,#ffffff 76%)}
.value-card:nth-child(4)::before{background:linear-gradient(90deg,#f97316,#fdba74)}

/* Process cards */
.process-card:nth-child(1){background:linear-gradient(180deg,#eef5ff 0%,#ffffff 76%)}
.process-card:nth-child(1)::before{background:linear-gradient(90deg,#2563eb,#60a5fa)}
.process-card:nth-child(1) .process-no{background:linear-gradient(135deg,#dbeafe,#bfdbfe); color:#1d4ed8; box-shadow:0 8px 20px rgba(37,99,235,.16)}

.process-card:nth-child(2){background:linear-gradient(180deg,#fff7ed 0%,#ffffff 76%)}
.process-card:nth-child(2)::before{background:linear-gradient(90deg,#f97316,#fdba74)}
.process-card:nth-child(2) .process-no{background:linear-gradient(135deg,#ffedd5,#fed7aa); color:#c2410c; box-shadow:0 8px 20px rgba(249,115,22,.16)}

.process-card:nth-child(3){background:linear-gradient(180deg,#ecfdf5 0%,#ffffff 76%)}
.process-card:nth-child(3)::before{background:linear-gradient(90deg,#10b981,#6ee7b7)}
.process-card:nth-child(3) .process-no{background:linear-gradient(135deg,#d1fae5,#a7f3d0); color:#047857; box-shadow:0 8px 20px rgba(16,185,129,.16)}

.process-card:nth-child(4){background:linear-gradient(180deg,#fdf2f8 0%,#ffffff 76%)}
.process-card:nth-child(4)::before{background:linear-gradient(90deg,#db2777,#f9a8d4)}
.process-card:nth-child(4) .process-no{background:linear-gradient(135deg,#fce7f3,#fbcfe8); color:#be185d; box-shadow:0 8px 20px rgba(219,39,119,.16)}

.process-no {
  width: 56px;
  height: 56px;
  font-size: 17px;
}

.why-card h3,
.value-card h3,
.process-card h3,
.benefit-card h3 {
  letter-spacing: -.02em;
}

.title h2 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.title .kicker {
  padding: 0 10px;
  font-weight: 900;
}

.why-card p,
.value-card p,
.process-card p,
.benefit-card p {
  line-height: 1.8;
}

@media(max-width:720px){
  .why-grid,
  .value-grid,
  .process-grid,
  .benefits-grid { gap: 18px; }
}


/* --- Premium corporate enhancement + colourful services update --- */
body {
  background:
    radial-gradient(circle at top left, rgba(37,99,235,0.04), transparent 24%),
    radial-gradient(circle at top right, rgba(124,58,237,0.035), transparent 26%),
    linear-gradient(180deg, #fbfcff 0%, #ffffff 24%, #fbfcff 100%);
}

.section-soft {
  background:
    linear-gradient(180deg, rgba(241,245,255,0.9) 0%, rgba(255,255,255,1) 100%);
}

.title h2 {
  text-shadow: 0 1px 0 rgba(255,255,255,.6);
}

.cta,
.btn-dark,
.submit {
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.cta:hover,
.btn-dark:hover,
.submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(2,24,82,.20);
}

/* Make service section more colourful and premium */
.services-grid {
  gap: 28px;
}

.service-card {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 22px 52px rgba(8,25,72,.16);
  border: 1px solid rgba(255,255,255,.18);
}

.service-card::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 7px;
  z-index: 2;
}

.service-card::after {
  content: "";
  position: absolute;
  inset: auto -12% -32% auto;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(255,255,255,.10);
  filter: blur(8px);
  pointer-events: none;
}

.service-card img {
  filter: saturate(1.05) contrast(1.02);
}

.service-body {
  position: relative;
  z-index: 1;
  padding: 36px 30px 32px;
}

.service-card h3 {
  font-size: 29px;
  margin-bottom: 18px;
}

.service-card ul {
  gap: 12px;
  margin-bottom: 22px;
}

.service-card li {
  font-size: 14px;
  line-height: 1.45;
}

.learn-more {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  width: fit-content;
  backdrop-filter: blur(4px);
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
}

.facility::before {background: linear-gradient(90deg,#2563eb,#60a5fa)}
.temple::before {background: linear-gradient(90deg,#f97316,#fb7185)}
.property::before {background: linear-gradient(90deg,#10b981,#22c55e)}

.facility .service-body {
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.22), transparent 34%),
    linear-gradient(145deg,#07152e 0%, #0a2f72 55%, #133d84 100%);
}

.temple .service-body {
  background:
    radial-gradient(circle at top right, rgba(251,146,60,.24), transparent 34%),
    linear-gradient(145deg,#5f1720 0%, #8b1e3f 52%, #b45309 100%);
}

.property .service-body {
  background:
    radial-gradient(circle at top right, rgba(110,231,183,.24), transparent 34%),
    linear-gradient(145deg,#0c3b33 0%, #0f6a50 55%, #1b8b67 100%);
}

/* More premium card treatments elsewhere */
.info-pill,
.form-card,
.test-card,
.cap,
.mini,
.career-card {
  box-shadow: 0 16px 34px rgba(8,25,72,.08);
  border-radius: 20px;
}

.test-card {
  background: linear-gradient(180deg,#ffffff 0%, #fbfcff 100%);
}

.info-pill {
  background: linear-gradient(180deg,#ffffff 0%, #f8faff 100%);
}

.highlight-panel,
.highlight-panel.alt {
  position: relative;
  overflow: hidden;
}

.highlight-panel::after,
.highlight-panel.alt::after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -30px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
}

@media (max-width:720px) {
  .service-card h3 { font-size: 25px; }
  .learn-more { width: 100%; justify-content: center; }
}
