<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --p:#3d008b;--p2:#5a00cc;--pk:#b60162;--pk2:#e0017a;
  --white:#ffffff;--black:#000000;
  --g50:#f9f9fb;--g100:#f2f1f6;--g200:#e4e2ed;--g400:#9c99ae;--g700:#3e3a52;--g900:#0e0b1a;
}
:root {
    --purple: #3d008b;
    --purple-dark: #2a005e;
    --purple-light: #5c00cc;
    --pink: #b60162;
    --pink-dark: #8a0049;
    --black: #000000;
    --white: #ffffff;
    --cream: #f8f4ff;
    --navy: #0f0025;
    --grid: rgba(255,255,255,0.04);
  }
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--g900);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;margin: 0px;}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 48px}
.section{padding:96px 0}

/* TOPBAR */
.topbar{background:var(--g900)}
.tb-inner{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:10px 48px;font-size:12.5px}
.tb-inner a{color:rgba(255,255,255,.5);display:flex;align-items:center;gap:6px;transition:color .2s}
.tb-inner a:hover{color:var(--white)}
.tb-inner a svg{width:13px;height:13px}
.chat-pill{background:var(--pk)!important;color:var(--white)!important;padding:5px 14px;border-radius:100px;font-weight:600;font-size:12px}

/* NAV */
.logo-name img {
    width: 250px;
    margin: 9px 0px 0px;
}
.nav-wrap{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--g200)}
nav{display:flex;align-items:center;justify-content:space-between;padding:0 48px;/* height:68px; */max-width:1200px;margin:0 auto}
.logo{display:flex;align-items:center;gap:10px}
.logo-mark{width:36px;height:36px;background:var(--p);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:15px;font-weight:700;border-radius:8px}
.logo-name span:first-child{display:block;font-size:14px;font-weight:700;color:var(--p)}
.logo-name span:last-child{display:block;font-size:10.5px;color:var(--pk);font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.nav-links{display:flex;gap:4px}
.nav-links a{font-size:13px;font-weight:500;color:var(--g700);padding:6px 14px;border-radius:6px;transition:all .15s}
.nav-links a:hover{color:var(--p);background:var(--g100)}
.nav-cta{background:var(--p)!important;color:var(--white)!important;border-radius:8px;font-weight:600!important}
.nav-cta:hover{background:var(--p2)!important}

/* HERO */
.hero{background: #0f0025;border-bottom:1px solid var(--g200);background-image: linear-gradient(135deg, var(--purple-dark) 0%, var(--navy) 60%),      repeating-linear-gradient(0deg, var(--grid) 0px, var(--grid) 1px, transparent 1px, transparent 60px),      repeating-linear-gradient(90deg, var(--grid) 0px, var(--grid) 1px, transparent 1px, transparent 60px);/* padding: 40px 0px; */}
.hero-inner{display:grid;grid-template-columns:1fr 420px;min-height:600px;max-width:1200px;margin:0 auto;padding:0 48px;gap:64px;align-items:center}
.hero-left{padding:72px 0}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.ey-line{width:28px;height:2px;background:var(--pk)}
.ey-text{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pk)}
.hero h1{/* font-family:'DM Serif Display',serif; */font-size:clamp(38px,4.5vw,58px);font-weight: 700;line-height:1.1;color: #fff;letter-spacing:-.02em;margin-bottom:22px}
.hero h1 em{font-style:italic;color:var(--p)}
.hero-sub{font-size: 16px;color: #ffffffb0;line-height:1.75;max-width:420px;margin-bottom:36px}
.hero-actions{display:flex;align-items:center;gap:14px;margin-bottom:44px}
.btn-solid{display:inline-flex;align-items:center;gap:8px;background:var(--p);color:var(--white);padding:13px 26px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:background .15s;white-space:nowrap}
.btn-solid:hover{background:var(--p2)}
.btn-solid svg{width:15px;height:15px}
.btn-ghost{display:inline-flex;align-items:center;gap:6px;color: #ffffff;font-size:14px;font-weight:500;padding:13px 20px;border-radius:10px;border:1px solid var(--g200);transition:all .15s;white-space:nowrap;background: linear-gradient(to top, #b60162 0%, #3d008b 100%);}
.btn-ghost:hover{border: 1px solid #180030;color: #ffffff;}
.trust-row{display:flex;gap:24px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--g400);background: #ffffff26;padding: 7px 12px;border: 1px solid #fff;border-radius: 10px;}
.t-check{width:18px;height:18px;border-radius:50%;background:var(--g100);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.t-check svg{width:9px;height:9px;color:var(--p)}

/* FORM */
.hero-form{padding:32px;background:var(--white);border-radius:18px;box-shadow:0 2px 40px rgba(61,0,139,.1),0 0 0 1px var(--g200)}
.fh{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}
.fh-title{font-size:17px;font-weight:700;color:var(--g900);letter-spacing:-.01em}
.fh-sub{font-size:13px;color:var(--g400);margin-top:2px}
.grade{width:46px;height:46px;background:var(--p);color:var(--white);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;font-family:'DM Serif Display',serif;flex-shrink:0}
.fld{margin-bottom:16px;}
.fld label{display:block;font-size:11px;font-weight:600;color:var(--g700);letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}
.fld label span{color:var(--pk)}
.fld input,.fld textarea{width: 93%;background:var(--g50);border:1px solid var(--g200);border-radius:8px;padding:10px 13px;font-size:13.5px;font-family:'Inter',sans-serif;color:var(--g900);outline:none;transition:border .15s;}
.fld input:focus,.fld textarea:focus{border-color:var(--p);background:var(--white);box-shadow:0 0 0 3px rgba(61,0,139,.07)}
.fld textarea{height:68px;resize:none}
.fld ::placeholder{color:var(--g400)}
.form-btn{width:100%;padding:13px;background:var(--pk);color:var(--white);border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:background .15s}
.form-btn:hover{background:var(--pk2)}
.form-note{text-align:center;font-size:11.5px;color:var(--g400);margin-top:9px}

/* CONCERN */
.concern{background: #ffffff;border-top:1px solid var(--g200);/* border-bottom:1px solid var(--g200); */}
.concern-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items: center;}
.tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:4px 12px;border-radius:100px}
.tag-p{background:#ede8fa;color:var(--p)}
.tag-pk{background:#fce8f3;color:var(--pk)}
.concern h2{/* font-family:'DM Serif Display',serif; */font-size: 40px;font-weight: 700;line-height:1.25;color:var(--g900);margin:12px 0 24px}
.concern h2 em{color:var(--pk);font-style:italic}
.c-list{display:flex;flex-direction:column;gap:14px}
.c-item{display:flex;gap:12px;align-items:flex-start}
.c-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--pk);margin-top:8px}
.c-item p{font-size: 16px;color:var(--g700);line-height:1.7;margin: 0px;}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.stat-card{background:var(--white);border:1px solid var(--g200);border-radius:14px;padding:22px 18px}
.stat-num{/* font-family:'DM Serif Display',serif; */font-size:34px;color:var(--p);line-height:1;margin-bottom:4px;font-weight: 600;}
.stat-lbl{font-size:12px;color:var(--g400);font-weight:500}
.c-note{background: linear-gradient(to top, #b60162 0%, #3d008b 100%);border-radius:14px;padding:22px;color:var(--white)}
.c-note strong{display:block;font-size:15px;margin-bottom:6px}
.c-note p{font-size:13.5px;line-height:1.7;opacity:.85}

/* SERVICES */
.svc-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px}
.svc-header h2{/* font-family:'DM Serif Display',serif; */font-size: 40px;font-weight: 700;line-height:1.15;color:var(--g900);margin-top:10px}
.svc-header-note{font-size: 16px;color:var(--g400);max-width:300px;text-align:right;line-height:1.7}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc-card{border:1px solid var(--g200);border-radius:16px;padding:30px 26px;position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s;background:var(--white)}
.svc-card:hover{border-color:var(--p);box-shadow:0 8px 40px rgba(61,0,139,.08)}
.svc-num{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--g400);text-transform:uppercase;margin-bottom:22px}
.svc-icon{width:50px;height:50px;border-radius:12px;background:var(--g100);display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:background .2s}
.svc-card:hover .svc-icon{background: linear-gradient(to top, #b60162 0%, #3d008b 100%);}
.svc-card:hover .svc-icon svg {
    color: #fff;
}
.svc-icon svg{width:22px;height:22px;color:var(--p)}
.svc-card h3{font-size: 22px;font-weight:700;color:var(--g900);margin-bottom:10px}
.svc-card p{font-size: 16px;color:var(--g400);line-height:1.75}
.svc-link{display:inline-flex;align-items:center;gap:6px;margin-top:22px;font-size:13px;font-weight:600;color:var(--pk);transition:gap .15s}
.svc-link:hover{gap:10px}
.svc-link svg{width:13px;height:13px}
.svc-corner{position:absolute;bottom:0;right:0;width:72px;height:72px;background:linear-gradient(135deg,transparent 50%,var(--g50) 50%);transition:background .2s}
.svc-card:hover .svc-corner{background:linear-gradient(135deg,transparent 50%,#ede8fa 50%)}

/* EXPERTS */
.experts{background: #0f0025;background-image: linear-gradient(135deg, var(--purple-dark) 0%, var(--navy) 60%),      repeating-linear-gradient(0deg, var(--grid) 0px, var(--grid) 1px, transparent 1px, transparent 60px),      repeating-linear-gradient(90deg, var(--grid) 0px, var(--grid) 1px, transparent 1px, transparent 60px);}
.experts .section-hd h2{color:var(--white)}
.experts .section-hd p{color: #ffffffb0;}
.exp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.exp-card{background:rgba(255,255,255,.04);border: 1px solid rgb(255 255 255 / 42%);border-radius:14px;padding:26px 14px;display:flex;flex-direction:column;align-items:center;gap:11px;transition:background .2s;cursor:default}
.exp-card:hover{background:rgba(255,255,255,.07)}
.exp-icon{width: 48px;height: 48px;border-radius:50%;/* border:1px solid rgba(182,1,98,.35); */display:flex;align-items:center;justify-content:center;background: linear-gradient(to top, #b60162 0%, #3d008b 100%);}
.exp-icon svg{width: 30px;height: 30px;color: #ffffff;}
.exp-card span{font-size: 15.5px;font-weight:500;color: #fff;text-align:center}

/* ABOUT */
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.about-visual {
    flex-shrink: 0;
    width: 560px;
    position: relative;
}
.about-x.one {
    top: -8px;
    left: 40px;
}
.about-x {
    position: absolute;
    font-size: 20px;
    color: var(--pink);
    font-weight: 900;
}
.about-x.two {
    top: -8px;
    right: 40px;
}
.about-dots.tl {
    top: -24px;
    left: -24px;
}
.about-dots {
    position: absolute;
    display: flex;
    gap: 8px;
}
.dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #b60162;
}
.about-frame {
    border: 3px solid #3d008b;
    padding: 40px;
    background: var(--white);
    position: relative;
    height: 280px;
}
.about-frame::before {
    content: '';
    position: absolute;
    top: -12px;
    left: -12px;
    right: 12px;
    bottom: 12px;
    border: 2px dashed rgba(61, 0, 139, .2);
    pointer-events: none;
}
.about-illustration img {
    width: 520px;
    height: 350px;
    margin: 20px 0px -5px -14px;
}
.about-illustration {
    width: 100%;
    height: 200px;
    background: linear-gradient(135deg, #f0e8ff, #fce4f2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 80px;
}
.about-label {
    position: absolute;
    bottom: -14px;
    left: 24px;
    background: var(--pink);
    color: var(--white);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 14px;
}
.about-dots {
    position: absolute;
    display: flex;
    gap: 8px;
}
.about-dots.br {
    bottom: -24px;
    right: -24px;
}







.section-hd{margin-bottom:40px}
.section-hd h2{/* font-family:'DM Serif Display',serif; */font-size: 40px;font-weight: 700;line-height:1.15;color:var(--g900);margin: 20px 0px 10px;}
.section-hd p{font-size: 16px;color:var(--g400);line-height:1.75;margin-top:12px;/* max-width: 800px; */}
.al-list{display:flex;flex-direction:column;gap:18px;margin-bottom:32px}
.al-item{display:flex;gap:13px;align-items:flex-start}
.al-icon{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:var(--g100);display:flex;align-items:center;justify-content:center}
.al-icon svg{width:15px;height:15px;color:var(--p)}
.al-text strong{display:block;font-size: 16px;font-weight:600;color:var(--g900);margin-bottom:1px}
.al-text p{font-size: 14px;color:var(--g400);line-height:1.6;margin: 0px;}
.about-btns{display:flex;gap:12px}
section.about-section {
    padding: 50px 0px;
    background: var(--white);
}

.section-ab h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--g900);
    margin: 0px;
}

.section-ab p {
    font-size: 16px;
    color: var(--g400);
    line-height: 1.75;
}

/* CTA BAND */
.cta-band{background: #0f0025;padding:72px 0;position:relative;overflow:hidden;background-image: linear-gradient(135deg, var(--purple-dark) 0%, var(--navy) 60%),      repeating-linear-gradient(0deg, var(--grid) 0px, var(--grid) 1px, transparent 1px, transparent 60px),      repeating-linear-gradient(90deg, var(--grid) 0px, var(--grid) 1px, transparent 1px, transparent 60px);}
.cta-band::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 22px);}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.cta-text .eyebrow{margin-bottom:14px}
.cta-text .ey-text{color:rgba(255,255,255,.45)}
.cta-text .ey-line{background:var(--pk)}
.cta-text h2{/* font-family:'DM Serif Display',serif; */font-size:clamp(24px,3vw,40px);font-weight: 700;color:var(--white);line-height:1.2;margin-bottom:12px}
.cta-text p{font-size: 16px;color:rgba(255,255,255,.55);max-width: 650px;line-height:1.75}
.btn-white{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--p);padding:14px 26px;border-radius:10px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s;white-space:nowrap;flex-shrink:0}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}
.btn-white svg{width:15px;height:15px}

/* TESTIMONIALS */
.testimonials{background:var(--g50);border-top:1px solid var(--g200);border-bottom:1px solid var(--g200)}
.tcarousel{overflow:hidden;position:relative}
.tcarousel-track{display:flex;gap:22px;transition:transform .4s cubic-bezier(.4,0,.2,1)}
.tcard{flex-shrink:0;background:var(--white);border:1px solid var(--g200);border-radius:18px;padding:32px 28px;/* display:flex; */flex-direction:column;gap:18px;box-shadow:0 2px 16px rgba(61,0,139,.04);transition:box-shadow .2s,border-color .2s;width: 0px;}
.tcard:hover{border-color:var(--p);box-shadow:0 8px 32px rgba(61,0,139,.09)}
.tcard-stars{color:#f5a623;font-size:17px;letter-spacing:2px}
.tcard-body{font-size:15px;color:var(--g700);line-height:1.75;flex:1}
.tcard-footer{display:flex;align-items:center;gap:13px;margin-top:4px}
.tcard-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--pk));color:var(--white);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tcard-name{font-size:14px;font-weight:700;color:var(--g900)}
.tcard-role{font-size:12px;color:var(--g400);margin-top:1px}
.tcarousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:36px}
.tcarousel-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--g200);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}
.tcarousel-btn:hover:not(:disabled){border-color:var(--p);background:var(--p)}
.tcarousel-btn:hover:not(:disabled) svg{color:var(--white)}
.tcarousel-btn:disabled{opacity:.3;cursor:default}
.tcarousel-btn svg{width:16px;height:16px;color:var(--g700)}
.tcarousel-dots{display:flex;gap:7px;align-items:center}
.tdot{width:8px;height:8px;border-radius:50%;border:none;background:var(--g200);cursor:pointer;padding:0;transition:all .2s}
.tdot.active{background:var(--p);width:22px;border-radius:4px}

/* FAQ */
.faq{background:var(--g50);border-top:1px solid var(--g200)}
.faq-inner{display:grid;grid-template-columns: 500px 1fr;gap:72px;align-items:start}
.faq-sticky{position:sticky;top:90px}
.faq-sticky .section-hd{margin-bottom:0}
.faq-contact{margin-top:28px;padding:22px;background:var(--white);border:1px solid var(--g200);border-radius:14px}
.faq-contact p{font-size:13px;color:var(--g400);line-height:1.65;margin-bottom:14px}
.faq-contact a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--p)}
.faq-list{display:flex;flex-direction:column}
.faq-item{border-bottom:1px solid var(--g200);padding:22px 0}
.faq-item:first-child{border-top:1px solid var(--g200)}
.faq-q{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:14px}
.faq-qt{font-size: 16px;font-weight:600;color:var(--g900);line-height:1.4}
.faq-q.open .faq-qt{color:var(--p)}
.faq-tog{flex-shrink:0;width:28px;height:28px;border-radius:7px;border:1px solid var(--g200);display:flex;align-items:center;justify-content:center;transition:all .15s;background:var(--white)}
.faq-q.open .faq-tog{background:var(--p);border-color:var(--p)}
.faq-tog svg{width:13px;height:13px;color:var(--g400);transition:transform .2s}
.faq-q.open .faq-tog svg{color:var(--white);transform:rotate(45deg)}
.faq-ans{font-size:13.5px;color:var(--g400);line-height:1.75;padding-top:12px;display:none}
.faq-ans.open{display:block}

/* FOOTER */
footer{background:var(--g900);padding:52px 0 28px}
.ft{display:grid;grid-template-columns:1fr auto;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.07)}
.ft-tagline{font-size:13px;color:rgba(255,255,255,.3);margin-top:8px;max-width:240px;line-height:1.7}
.ft-logo{display:flex;align-items:center;gap:10px}
.ft-mark{width:32px;height:32px;background:var(--p);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:14px;font-weight:700;border-radius:7px}
.ft-mark-name span:first-child{display:block;font-size:13.5px;font-weight:700;color:rgba(255,255,255,.8)}
.ft-mark-name span:last-child{display:block;font-size:10.5px;color:rgba(255,255,255,.3)}
.ft-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start}
.ft-links a{font-size:12.5px;color:rgba(255,255,255,.35);padding:4px 11px;border-radius:6px;transition:color .15s}
.ft-links a:hover{color:rgba(255,255,255,.8)}
.ft-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:22px;font-size:11.5px;color:rgba(255,255,255,.2)}

/* WA */
.wa{position:fixed;bottom:26px;left:26px;width:48px;height:48px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.3);z-index:999;transition:transform .2s}
.wa:hover{transform:scale(1.1)}
.wa svg{width:24px;height:24px;fill:var(--white)}
</style>

<style>
/* Ã¢â€â‚¬Ã¢â€â‚¬ PAGE-SPECIFIC STYLES Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬Ã¢â€â‚¬ */

/* BREADCRUMB */
.breadcrumb{background:var(--g900);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.breadcrumb .container{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.35)}
.breadcrumb a{color:rgba(255,255,255,.35);transition:color .15s}
.breadcrumb a:hover{color:rgba(255,255,255,.7)}
.breadcrumb .sep{color:rgba(255,255,255,.15)}
.breadcrumb .current{color:var(--pk);font-weight:600}

/* SERVICE HERO */
.svc-hero{background:#0f0025;background-image:linear-gradient(135deg,var(--purple-dark) 0%,var(--navy) 60%),repeating-linear-gradient(0deg,var(--grid) 0px,var(--grid) 1px,transparent 1px,transparent 60px),repeating-linear-gradient(90deg,var(--grid) 0px,var(--grid) 1px,transparent 1px,transparent 60px);padding: 40px 0;}
.svc-hero-inner{display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center}
.svc-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(182,1,98,.15);border:1px solid rgba(182,1,98,.3);color:var(--pk);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:24px}
.svc-hero-badge svg{width:12px;height:12px}
.svc-hero h1{font-size:clamp(36px,4vw,54px);font-weight:700;line-height:1.1;color:#fff;letter-spacing:-.02em;margin: 0px;}
.svc-hero h1 em{font-style:italic;color:var(--pk)}
.svc-hero-sub{font-size:16px;color:rgba(255,255,255,.65);line-height:1.75;max-width: 600px;margin-bottom:36px}
.svc-hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.75);font-size:12.5px;font-weight:500;padding:7px 14px;border-radius:8px}
.pill svg{width:12px;height:12px;color:var(--pk)}
.svc-hero-actions{display:flex;align-items:center;gap:14px}

/* HOW IT WORKS */
.how-section{background:var(--g50);border-top:1px solid var(--g200);border-bottom:1px solid var(--g200)}
.how-header{text-align:center;max-width: 690px;margin: 0 auto 70px;}
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.how-steps::before{content:'';position:absolute;top:36px;left:calc(12.5% + 24px);right:calc(12.5% + 24px);height:1px;background:linear-gradient(to right,var(--p),var(--pk));z-index:0}
.how-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;position:relative;z-index:1}
.how-num{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--pk));color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 20px rgba(61,0,139,.25);flex-shrink:0}
.how-step h4{font-size: 17px;font-weight:700;color:var(--g900);margin-bottom:7px}
.how-step p{font-size: 14.5px;color:var(--g400);line-height:1.65}

/* WHAT WE COVER */
.cover-section{background:var(--white)}
.cover-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items: center;}
.cover-list{display:flex;flex-direction:column;gap:0}
.cover-item{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid var(--g200)}
.cover-item:first-child{padding-top:0;border-top:none}
.cover-item:last-child{border-bottom:none}
.cover-item-icon{flex-shrink:0;width:44px;height:44px;border-radius:11px;background:var(--g100);display:flex;align-items:center;justify-content:center;transition:background .2s}
.cover-item:hover .cover-item-icon{background:linear-gradient(135deg,var(--p),var(--pk))}
.cover-item:hover .cover-item-icon svg{color:#fff}
.cover-item-icon svg{width:20px;height:20px;color:var(--p);transition:color .2s}
.cover-text strong{display:block;font-size:15px;font-weight:700;color:var(--g900);margin-bottom:3px}
.cover-text p{font-size:13.5px;color:var(--g400);line-height:1.65;margin:0}



/* SUBJECTS COVERED */
.subjects-section{background:#0f0025;background-image:linear-gradient(135deg,var(--purple-dark) 0%,var(--navy) 60%),repeating-linear-gradient(0deg,var(--grid) 0px,var(--grid) 1px,transparent 1px,transparent 60px),repeating-linear-gradient(90deg,var(--grid) 0px,var(--grid) 1px,transparent 1px,transparent 60px)}
.subjects-section .section-hd h2{color:#fff}
.subjects-section .section-hd p{color:rgba(255,255,255,.55)}
.subjects-inner{display:grid;grid-template-columns: 430px 1fr;gap:72px;align-items: anchor-center;}
.subj-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content: center;}
.subj-tag{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.8);font-size:13px;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .15s;cursor:default}
.subj-tag:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.subj-tag.featured{background:linear-gradient(135deg,rgba(61,0,139,.6),rgba(182,1,98,.4));border-color:rgba(182,1,98,.4);color:#fff}

/* WHO THIS IS FOR */
.for-section{background:var(--g50);border-top:1px solid var(--g200);border-bottom:1px solid var(--g200)}
.for-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.for-card{background:var(--white);border:1px solid var(--g200);border-radius:16px;padding:28px 24px;transition:box-shadow .2s,border-color .2s}
.for-card:hover{border-color:var(--p);box-shadow:0 8px 40px rgba(61,0,139,.08)}
.for-card-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--p),var(--pk));display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.for-card-icon svg{width:24px;height:24px;color:#fff}
.for-card h4{font-size:17px;font-weight:700;color:var(--g900);margin-bottom:9px}
.for-card p{font-size:14px;color:var(--g400);line-height:1.7;margin:0}

/* BOOKING SECTION */
.booking-section{background:var(--white)}
.booking-inner{display:grid;grid-template-columns:1fr 420px;gap:72px;align-items:start}
.booking-left .section-hd{margin-bottom:32px}
.booking-reassure{display:flex;flex-direction:column;gap:14px}
.b-item{display:flex;gap:12px;align-items:flex-start}
.b-icon{flex-shrink:0;width:36px;height:36px;border-radius:9px;background:var(--g100);display:flex;align-items:center;justify-content:center}
.b-icon svg{width:16px;height:16px;color:var(--p)}
.b-text strong{display:block;font-size:14px;font-weight:600;color:var(--g900)}
.b-text p{font-size:13px;color:var(--g400);line-height:1.55;margin:0}

/* TESTIMONIAL STRIP (service-specific) */
.svc-reviews{background:var(--g50);border-top:1px solid var(--g200);border-bottom:1px solid var(--g200);padding:72px 0}
.svc-reviews-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.svc-tcard{background:var(--white);border:1px solid var(--g200);border-radius:18px;padding:28px;transition:box-shadow .2s,border-color .2s}
.svc-tcard:hover{border-color:var(--p);box-shadow:0 8px 32px rgba(61,0,139,.09)}
.svc-tcard-stars{color:#f5a623;font-size:16px;letter-spacing:2px;margin-bottom:14px}
.svc-tcard-body{font-size:15px;color:var(--g700);line-height:1.75;margin-bottom:18px}
.svc-tcard-footer{display:flex;align-items:center;gap:12px}
.svc-tcard-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--pk));color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.svc-tcard-name{font-size:13.5px;font-weight:700;color:var(--g900)}
.svc-tcard-role{font-size:11.5px;color:var(--g400);margin-top:1px}
.svc-tcard-subject{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--pk);background:#fce8f3;padding:3px 10px;border-radius:100px}



/* FAQ (service-page variant Ã¢â‚¬â€ inherit from global, just override container) */
.svc-faq{background:var(--g50);border-top:1px solid var(--g200)}
.svc-faq-inner{display:grid;grid-template-columns:460px 1fr;gap:72px;align-items:start}

.breadcrumb {
    background: #000;
    padding: 6px 0px;
}
.ctaes-text h2 {
    font-size: clamp(24px, 3vw, 40px);
    font-weight: 700;
    color: #fff;
    margin: 0px;
    text-align: center;
}

/* EXAM TYPES GRID */
.exam-types-section{background:var(--white)}
section.exam-types-section.section {
    padding: 50px 0px;
}
.exam-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.exam-type-card{border:1px solid var(--g200);border-radius:16px;padding:28px 24px;position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s;background:var(--white)}
.exam-type-card:hover{border-color:var(--p);box-shadow:0 8px 40px rgba(61,0,139,.08)}
.exam-type-card:hover .exam-type-icon{background:linear-gradient(135deg,var(--p),var(--pk))}
.exam-type-card:hover .exam-type-icon svg{color:#fff}
.exam-type-icon{width:50px;height:50px;border-radius:12px;background:var(--g100);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:background .2s}
.exam-type-icon svg{width:22px;height:22px;color:var(--p);transition:color .2s}
.exam-type-card h3{font-size:17px;font-weight:700;color:var(--g900);margin-bottom:8px}
.exam-type-card p{font-size:14px;color:var(--g400);line-height:1.7;margin:0}
.exam-type-corner{position:absolute;bottom:0;right:0;width:60px;height:60px;background:linear-gradient(135deg,transparent 50%,var(--g50) 50%);transition:background .2s}
.exam-type-card:hover .exam-type-corner{background:linear-gradient(135deg,transparent 50%,#ede8fa 50%)}


/* TRUST STRIP */
.trust-strip{background:var(--g50);border-top:1px solid var(--g200);border-bottom:1px solid var(--g200);padding:40px 0}
.trust-strip-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.trust-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.trust-block-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--p),var(--pk));display:flex;align-items:center;justify-content:center}
.trust-block-icon svg{width:24px;height:24px;color:#fff}
.trust-block strong{font-size:14px;font-weight:700;color:var(--g900)}
.trust-block p{font-size:13px;color:var(--g400);line-height:1.55;margin:0}
</style>