/* Edumen Services redesign */
body.edx-services-ctx .jws-title-bar-wrap{display:none!important}
body.edx-services-ctx{scroll-behavior:smooth}
html:has(body.edx-services-ctx){scroll-behavior:smooth}

.edx-sv{--ink:#030F40;--bg:#F4F7FF;--ac:#C75702;--cta:#2A5C69;--cta-d:#204b56;--mut:#667085;--ln:rgba(3,15,64,.10);--sh:0 12px 32px rgba(3,15,64,.13);--sh-sm:0 6px 20px rgba(3,15,64,.09);font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:rgba(3,15,64,.88);background:var(--bg);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;width:100%;overflow-x:clip}
.edx-sv *,.edx-sv *::before,.edx-sv *::after{box-sizing:border-box}
.edx-sv h1,.edx-sv h2,.edx-sv h3{font-family:inherit;color:var(--ink);margin:0;line-height:1.14;font-weight:800;letter-spacing:-.01em}
.edx-sv p{margin:0}
.edx-sv ul{list-style:none;margin:0;padding:0}
.edx-sv svg{flex:none}
.edx-sv .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.edx-sv-wrap{width:min(1200px,92%);margin-inline:auto}

/* buttons / links */
.edx-sv .edx-sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cta);color:#fff!important;border:0;border-radius:999px;padding:14px 26px;font-size:.95rem;font-weight:700;line-height:1.2;text-decoration:none!important;box-shadow:none;transition:background .2s,transform .2s}
.edx-sv .edx-sv-btn:hover{background:var(--cta-d);transform:translateY(-1px)}
.edx-sv .edx-sv-btn svg{width:18px;height:18px}
.edx-sv .edx-sv-btn--sm{padding:10px 18px;font-size:.88rem}
.edx-sv .edx-sv-btn--ghost{background:#fff;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px rgba(3,15,64,.18)}
.edx-sv .edx-sv-btn--ghost:hover{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}
.edx-sv a:focus-visible{outline:3px solid var(--ac);outline-offset:3px;border-radius:8px}
.edx-sv .edx-sv-top{color:var(--mut)!important;font-weight:700;font-size:.9rem;text-decoration:none!important}
.edx-sv .edx-sv-top:hover{color:var(--ink)!important}
.edx-sv-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}

.edx-sv-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ac)}
.edx-sv-eyebrow::before{content:"";width:28px;height:2px;background:var(--ac);border-radius:2px}

/* hero */
.edx-sv-hero{padding:clamp(36px,6vw,84px) 0 clamp(30px,5vw,60px);background:radial-gradient(760px 380px at 100% -10%,rgba(199,87,2,.12),transparent 62%),linear-gradient(180deg,#fff 0,var(--bg) 100%)}
.edx-sv-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4.5vw,64px);align-items:center}
.edx-sv-hero h1{font-size:clamp(2rem,4.6vw,3.35rem);margin:14px 0 16px;max-width:16ch}
.edx-sv-lead{font-size:clamp(1rem,1.5vw,1.14rem);color:var(--mut);max-width:54ch;margin-bottom:26px!important}

.edx-sv-offer{background:var(--ink);color:#fff;border-radius:20px;padding:clamp(22px,3vw,34px);box-shadow:var(--sh);position:relative;overflow:hidden}
.edx-sv-offer::after{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;background:var(--ac);opacity:.9}
.edx-sv-offer>*{position:relative;z-index:1}
.edx-sv-offer__tag{display:inline-block;background:#FFC119;color:var(--ink);font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 13px}
.edx-sv-offer__big{margin:16px 0 18px;font-size:1.05rem;color:rgba(255,255,255,.85);font-weight:600}
.edx-sv-offer__big b{display:block;font-size:clamp(2.6rem,6vw,3.8rem);line-height:1;color:#fff;font-weight:800;margin-top:4px}
.edx-sv-offer li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.14);font-size:.95rem;color:rgba(255,255,255,.92)}
.edx-sv-offer li svg{width:18px;height:18px;color:#FFC119}

/* quick nav */
.edx-sv-nav{background:#fff;border-block:1px solid var(--ln)}
.edx-sv-nav__in{display:flex;gap:8px;overflow-x:auto;padding-block:14px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.edx-sv .edx-sv-nav a{flex:none;display:inline-flex;align-items:center;gap:8px;background:var(--bg);color:var(--ink)!important;border-radius:999px;padding:9px 18px;font-size:.86rem;font-weight:700;text-decoration:none!important;white-space:nowrap;transition:background .2s,color .2s}
.edx-sv .edx-sv-nav a i{font-style:normal;font-size:.75rem;color:var(--ac)}
.edx-sv .edx-sv-nav a:hover{background:var(--ink);color:#fff!important}
.edx-sv .edx-sv-nav a:hover i{color:#FFC119}

/* grid */
.edx-sv-sec{padding:clamp(40px,6vw,76px) 0;scroll-margin-top:80px}
.edx-sv-head{margin-bottom:clamp(24px,3.5vw,40px);display:flex;flex-direction:column;gap:12px}
.edx-sv-head h2{font-size:clamp(1.5rem,3.2vw,2.3rem);max-width:24ch}
.edx-sv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,26px)}
.edx-sv-card{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:20px;padding:clamp(22px,2.4vw,30px);box-shadow:var(--sh-sm);transition:transform .25s,box-shadow .25s}
.edx-sv-card:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.edx-sv-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.edx-sv-ic{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:rgba(199,87,2,.12);color:var(--ac)}
.edx-sv-ic--sm{width:44px;height:44px;border-radius:14px;margin-right:14px;vertical-align:middle;flex:none}
.edx-sv-ic svg{width:26px;height:26px}
.edx-sv-ic--sm svg{width:22px;height:22px}
.edx-sv-num{font-size:2.2rem;font-weight:800;color:rgba(3,15,64,.10);line-height:1}
.edx-sv-card h3{font-size:1.2rem;line-height:1.28}
.edx-sv-card p{font-size:.95rem;color:var(--mut);line-height:1.6}
.edx-sv-card__foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--ln);display:flex;flex-direction:column;gap:14px}

/* price */
.edx-sv-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.edx-sv-old{color:var(--mut);text-decoration:line-through;font-size:.95rem}
.edx-sv-new{color:var(--ac);font-weight:800;font-size:1.7rem;line-height:1}
.edx-sv-unit{color:var(--mut);font-size:.88rem}
.edx-sv-off{background:rgba(42,92,105,.12);color:var(--cta);font-size:.74rem;font-weight:800;border-radius:999px;padding:3px 10px;align-self:center}
.edx-sv-price.is-big{margin:6px 0 24px}
.edx-sv-price.is-big .edx-sv-old{font-size:1.1rem}
.edx-sv-price.is-big .edx-sv-new{font-size:clamp(2.1rem,4vw,2.7rem)}
.edx-sv-price.is-big .edx-sv-unit{font-size:1rem}

/* detail sections */
.edx-sv-detail{padding:clamp(40px,6vw,76px) 0;background:#fff;scroll-margin-top:80px}
.edx-sv-detail.is-alt{background:var(--bg)}
.edx-sv-detail__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,72px);align-items:center}
.edx-sv-detail.is-alt .edx-sv-detail__main{order:2}
.edx-sv-detail__main h2{display:flex;align-items:center;font-size:clamp(1.5rem,3.2vw,2.3rem);margin:14px 0 16px}
.edx-sv-detail__main>p{color:var(--mut);max-width:60ch;margin-bottom:18px}
.edx-sv-inc{background:var(--bg);border-radius:20px;padding:clamp(22px,3vw,34px);box-shadow:inset 0 0 0 1px var(--ln)}
.edx-sv-detail.is-alt .edx-sv-inc{background:#fff;box-shadow:var(--sh-sm)}
.edx-sv-inc h3{font-size:1.1rem;margin-bottom:12px}
.edx-sv-inc li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--ln);color:var(--ink);font-weight:500}
.edx-sv-inc li:last-child{border-bottom:0;padding-bottom:0}
.edx-sv-chk{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--cta);color:#fff;margin-top:1px}
.edx-sv-chk svg{width:14px;height:14px;stroke-width:2.6}

/* band */
.edx-sv-band{background:var(--ink);padding:clamp(34px,5vw,60px) 0}
.edx-sv-band__in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.edx-sv-band h2{color:#fff;font-size:clamp(1.3rem,2.6vw,1.9rem);margin-bottom:6px}
.edx-sv-band p{color:rgba(255,255,255,.78)}
.edx-sv .edx-sv-band .edx-sv-btn{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}

/* responsive */
@media (max-width:1024px){
	.edx-sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
	.edx-sv-hero__grid,.edx-sv-detail__grid{grid-template-columns:1fr}
	.edx-sv-detail.is-alt .edx-sv-detail__main{order:0}
	.edx-sv-hero h1{max-width:20ch}
}
@media (max-width:640px){
	.edx-sv-grid{grid-template-columns:1fr}
	.edx-sv-cta .edx-sv-btn,.edx-sv-band .edx-sv-btn{width:100%}
	.edx-sv-detail__main h2{align-items:flex-start}
	.edx-sv-band__in{flex-direction:column;align-items:stretch;text-align:center}
}
@media (prefers-reduced-motion:reduce){
	.edx-sv *{transition:none!important}
	html:has(body.edx-services-ctx),body.edx-services-ctx{scroll-behavior:auto}
}
