:root{
	--blue:#1264d8; --blue2:#0b4ca7; --cyan:#22a7e8; --ink:#12233d;
	--muted:#66758b; --bg:#f5f9ff; --white:#fff; --line:#e4edf8;
	--shadow:0 18px 50px rgba(18,73,135,.10); --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
	margin:0;
	font-family:"Vazirmatn",Tahoma,sans-serif;
	color:var(--ink);
	background:var(--bg);
	line-height:1.8
}
a{text-decoration:none;color:inherit}
.container{
	width:min(1160px,92%);
	margin:auto
}

.topbar{
	background:#082e67;
	color:#dcecff;
	font-size:13px;
	padding:8px 0
}
.topbar .container{
	display:flex;
	justify-content:space-between;
	gap:20px
}

header{
	background:rgba(255,255,255,.96);
	position:sticky;
	top:0;
	z-index:20;
	border-bottom:1px solid var(--line);
	backdrop-filter:blur(12px)
}

.nav{
	height:78px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px
}

.logo{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:24px;
	font-weight:800;
	color:var(--blue2)
}
.logo-mark{
	width:43px;
	height:43px;
	border-radius:13px;
	background:linear-gradient(135deg,var(--blue),var(--cyan));
	display:grid;
	place-items:center;
	color:white;
	font-size:24px;
	box-shadow:0 8px 22px rgba(18,100,216,.25)
}

nav{
	display:flex;
	gap:25px;
	font-size:14px;
	color:#42536b
}
nav a:hover{color:var(--blue)}

.actions{display:flex;gap:9px}

.btn{
	border:0;
	border-radius:12px;
	padding:11px 17px;
	font-family:inherit;
	font-weight:700;
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:7px
}
.btn-outline{
	border:1px solid #cfe0f5;
	background:white;
	color:var(--blue2)
}
.btn-primary{
	background:linear-gradient(135deg,var(--blue),var(--blue2));
	color:#fff;
	box-shadow:0 10px 25px rgba(18,100,216,.22)
}
.btn-light{
	background:#eaf4ff;
	color:var(--blue2)
}
.hero{padding:28px 0 35px}
.slider{
	position:relative;
	min-height:475px;
	border-radius:30px;
	overflow:hidden;
	background:linear-gradient(115deg,#073a86,#1375df 62%,#25b8ec);
	color:white;
	box-shadow:var(--shadow)
}
.slide{
	display:none;
	min-height:475px;
	padding:70px 8%;
	align-items:center;
	position:relative
}
.slide.active{display:flex}
.slide-content{max-width:590px;position:relative;z-index:2}

.eyebrow{
	display:inline-block;
	background:rgba(255,255,255,.14);
	border:1px solid rgba(255,255,255,.22);
	padding:6px 13px;
	border-radius:30px;
	font-size:13px;
	margin-bottom:16px
}

h1{
	font-size:44px;
	line-height:1.35;
	margin:0 0 18px
}

.slide p{
	font-size:17px;
	color:#e8f4ff;
	max-width:560px;
	margin-bottom:25px
}

.hero-art{
	position:absolute;
	left:5%;
	bottom:-40px;
	width:350px;
	height:350px;
	border-radius:50%;
	background:rgba(255,255,255,.09);
	box-shadow:0 0 0 45px rgba(255,255,255,.035)
}
.hero-art:before{
	content:"⚕";
	position:absolute;
	inset:0;
	display:grid;
	place-items:center;
	font-size:180px;
	color:rgba(255,255,255,.2)
}

.dots{
	position:absolute;
	bottom:22px;
	right:8%;
	display:flex;
	gap:7px;
	z-index:5
}
.dot{
	width:9px;
	height:9px;
	border-radius:50%;
	background:rgba(255,255,255,.45);
	cursor:pointer
}
.dot.active{
	width:26px;
	border-radius:10px;
	background:#fff
}

.section{padding:70px 0}
.section-head{
	display:flex;
	justify-content:space-between;
	align-items:end;
	gap:20px;
	margin-bottom:28px
}
.section-head h2{
	margin:0;
	font-size:28px
}
.section-head p{
	margin:5px 0 0;
	color:var(--muted);
	font-size:14px
}

.link{
	color:var(--blue);
	font-weight:700;
	font-size:14px
}

.stats{
	margin-top:-5px;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:15px
}
.stat,.card,.quote,.blog-card,.ad{
	background:white;
	border:1px solid var(--line);
	border-radius:var(--radius);
	box-shadow:0 10px 30px rgba(17,74,135,.055)
}
.stat{
	padding:22px;
	display:flex;
	align-items:center;
	gap:14px
}
.stat-icon{
	width:48px;
	height:48px;
	border-radius:14px;
	background:#eaf4ff;
	color:var(--blue);
	display:grid;
	place-items:center;
	font-size:22px
}
.stat strong{
	font-size:24px;
	display:block
}
.stat span{
	font-size:12px;
	color:var(--muted)
}

.services{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:17px
}

.card{
	padding:24px;
	transition:.25s
}
.card:hover{
	transform:translateY(-5px);
	box-shadow:var(--shadow)
}

.icon{
	width:56px;
	height:56px;
	border-radius:17px;
	background:linear-gradient(135deg,#eaf5ff,#d9f2ff);
	display:grid;
	place-items:center;
	color:var(--blue);
	font-size:26px;
	margin-bottom:17px
}

.card h3{
	margin:0 0 7px;
	font-size:17px
}
.card p{
	font-size:13px;
	color:var(--muted);
	margin:0
}

.ad-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:17px}
.ad{min-height:180px;padding:28px;overflow:hidden;position:relative}
.ad.large{background:linear-gradient(135deg,#0b4ca7,#1598e5);color:white}
.ad.large p{color:#dcefff}.ad h3{font-size:22px;margin:0 0 7px}.ad p{font-size:13px;color:var(--muted)}
.ad .circle{
	position:absolute;
	width:180px;
	height:180px;
	border-radius:50%;
	left:-40px;
	bottom:-90px;
	background:rgba(255,255,255,.11)
}

.video-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
.video{height:330px;border-radius:26px;background:linear-gradient(135deg,#071f49,#0d66c7);display:grid;place-items:center;color:white;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.play{width:76px;height:76px;border-radius:50%;background:white;color:var(--blue);display:grid;place-items:center;font-size:29px;padding-right:3px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.video small{position:absolute;bottom:20px;right:22px;color:#d9ebff}
.checklist{display:grid;gap:13px;margin:20px 0}
.check{display:flex;gap:10px;align-items:center;font-size:14px}.check b{width:25px;height:25px;border-radius:8px;background:#e7f6ff;color:var(--blue);display:grid;place-items:center}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.quote{padding:24px}.stars{color:#f6b51b;letter-spacing:2px}.quote p{font-size:13px;color:#52627a}.person{display:flex;gap:10px;align-items:center;margin-top:18px}.avatar{width:42px;height:42px;border-radius:50%;background:#ddecff;display:grid;place-items:center;color:var(--blue);font-weight:800}.person small{display:block;color:var(--muted)}
.blogs{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.blog-card{overflow:hidden}.thumb{height:155px;background:linear-gradient(135deg,#dceeff,#9edbff);display:grid;place-items:center;font-size:58px;color:#1671cc}.blog-body{padding:20px}.blog-body h3{font-size:16px;margin:0 0 8px}.blog-body p{font-size:12px;color:var(--muted);margin:0 0 15px}
.cta{margin:15px 0 70px;border-radius:28px;padding:38px 6%;background:linear-gradient(110deg,#0a3f91,#149de2);color:white;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0 0 6px}.cta p{margin:0;color:#dceeff;font-size:13px}
footer{background:#071d3c;color:#c8d8ee;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer-logo{color:white}.footer h3{color:white;font-size:15px}.footer a{display:block;font-size:13px;margin:9px 0;color:#afc3dc}.footer p{font-size:13px;color:#9fb5d0}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:18px;font-size:12px;display:flex;justify-content:space-between}
@media(max-width:900px){nav{display:none}.services,.stats{grid-template-columns:repeat(2,1fr)}.quotes,.blogs{grid-template-columns:1fr}.video-wrap{grid-template-columns:1fr}.ad-grid{grid-template-columns:1fr 1fr}.ad.large{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.hero-art{opacity:.5}h1{font-size:35px}}
@media(max-width:600px){.topbar .container{justify-content:center}.topbar span:last-child{display:none}.nav{height:68px}.actions .btn-outline{display:none}.services,.stats,.ad-grid{grid-template-columns:1fr}.ad.large{grid-column:auto}.section{padding:50px 0}.slider,.slide{min-height:510px}.slide{padding:55px 7%}.hero-art{width:230px;height:230px;left:-35px}.hero-art:before{font-size:120px}.section-head{display:block}.cta{display:block}.cta .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}}