.maher-service-page{
	--msp-gold:#ffc400;
	--msp-gold-soft:#e8b400;
	--msp-bg:#090a0a;
	--msp-panel:#111212;
	--msp-panel-2:#151616;
	--msp-line:rgb(255 255 255 / 10%);
	--msp-muted:rgb(255 255 255 / 66%);
	min-height:100vh;
	padding: 114px 0 54px;
	color:#fff;
	background:
		radial-gradient(circle at 35% 0,rgb(255 196 0 / 4%),transparent 28%),
		var(--msp-bg);
}

.maher-service-page *{
	box-sizing:border-box;
}

.maher-service-page .msp-layout{
	direction:ltr;
	display:grid;
	grid-template-columns:minmax(0,1fr) 270px;
	gap:18px;
	align-items:start;
}

.maher-service-page .msp-main,
.maher-service-page .msp-sidebar{
	direction:rtl;
}

.maher-service-page .msp-main{
	min-width:0;
}

.maher-service-page .msp-layout.is-full-width{
	grid-template-columns:minmax(0,1fr);
}

.maher-service-page .msp-hero{
	position:relative;
	min-height:350px;
	display:flex;
	align-items:stretch;
	overflow:hidden;
	border:1px solid var(--msp-line);
	border-radius:18px 18px 7px 7px;
	background:
		radial-gradient(circle at 25% 35%,rgb(255 196 0 / 7%),transparent 28%),
		linear-gradient(135deg,#101111,#0b0c0c 72%);
}

.maher-service-page .msp-hero::after{
	content:"";
	position:absolute;
	inset:auto 0 0;
	height:3px;
	background:linear-gradient(90deg,transparent,var(--msp-gold),transparent);
	opacity:.5;
}

.maher-service-page .msp-hero__copy{
	z-index:2;
	width:58%;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	flex-direction:column;
	padding:48px clamp(28px,4vw,64px);
}

.maher-service-page .msp-kicker{
	display:inline-flex;
	margin-bottom:9px;
	color:var(--msp-gold);
	font-size:13px;
	font-weight:800;
}

.maher-service-page .msp-hero h1{
	margin:0;
	color:var(--msp-gold);
	font-size:clamp(39px,4.3vw,66px);
	font-weight:900;
	line-height:1.08;
	letter-spacing:-.035em;
}

.maher-service-page .msp-hero p{
	max-width:600px;
	margin:17px 0 0;
	color:var(--msp-muted);
	font-size:16px;
	font-weight:500;
	line-height:1.85;
}

.maher-service-page .msp-primary-button,
.maher-service-page .msp-package > a,
.maher-service-page .msp-sidebar__cta > a:first-child{
	min-height:50px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-top:22px;
	padding:0 30px;
	border:1px solid var(--msp-gold);
	border-radius:8px;
	color:#111;
	background:var(--msp-gold);
	box-shadow:0 12px 30px rgb(255 196 0 / 14%);
	font-size:17px;
	font-weight:900;
	text-decoration:none;
	transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
}

.maher-service-page .msp-primary-button:hover,
.maher-service-page .msp-package > a:hover,
.maher-service-page .msp-sidebar__cta > a:first-child:hover{
	color:#111;
	background:#ffd32f;
	box-shadow:0 15px 34px rgb(255 196 0 / 22%);
	transform:translateY(-2px);
}

.maher-service-page .msp-hero__media{
	position:relative;
	width:42%;
	min-width:310px;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	padding:22px 22px 0;
}

.maher-service-page .msp-hero__media::before{
	content:"";
	position:absolute;
	inset:18% 8% -30%;
	border-radius:50% 50% 0 0;
	background:linear-gradient(180deg,rgb(255 196 0 / 18%),rgb(255 196 0 / 2%));
	filter:blur(4px);
}

.maher-service-page .msp-hero__media img{
	position:relative;
	z-index:1;
	width:100%;
	height:325px;
	object-fit:contain;
	object-position:center bottom;
}

.maher-service-page .msp-hero__media.is-empty{
	align-items:center;
}

.maher-service-page .msp-hero__media.is-empty > i{
	position:relative;
	z-index:1;
	color:var(--msp-gold);
	font-size:110px;
	opacity:.7;
}

.maher-service-page .msp-section{
	margin-top:14px;
	padding:22px;
	border:1px solid var(--msp-line);
	border-radius:8px;
	background:linear-gradient(145deg,#101111,var(--msp-panel));
}

.maher-service-page .msp-tech-preselected{display:flex;align-items:center;gap:7px;margin-top:10px;padding:10px;border:1px solid rgb(255 196 0 / 25%);border-radius:7px;color:var(--msp-muted);background:rgb(255 196 0 / 6%);font-size:11px}.maher-service-page .msp-tech-preselected i,.maher-service-page .msp-tech-preselected a{color:var(--msp-gold)}.maher-service-page .msp-tech-preselected a{font-weight:900;text-decoration:none}

.maher-service-page .msp-section > h2{
	margin:0 0 17px;
	color:var(--msp-gold);
	font-size:22px;
	font-weight:900;
	line-height:1.4;
	text-align:center;
}

.maher-service-page .msp-includes__grid{
	display:grid;
	grid-template-columns:repeat(6,minmax(0,1fr));
	gap:8px;
}

.maher-service-page .msp-include-card{
	min-height:105px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:10px;
	padding:13px 8px;
	border-radius:8px;
	text-align:center;
	transition:background-color .2s ease,transform .2s ease;
}

.maher-service-page .msp-include-card:hover{
	background:rgb(255 255 255 / 4%);
	transform:translateY(-3px);
}

.maher-service-page .msp-include-card span{
	min-height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--msp-gold);
	font-size:35px;
}

.maher-service-page .msp-include-card h3{
	margin:0;
	color:#f5f5f5;
	font-size:13px;
	font-weight:700;
	line-height:1.5;
}

.maher-service-page .msp-content{
	color:var(--msp-muted);
	font-size:15px;
	line-height:2;
}

.maher-service-page .msp-content h2,
.maher-service-page .msp-content h3{
	margin:20px 0 9px;
	color:#fff;
}

.maher-service-page .msp-content p + p{
	margin-top:12px;
}

.maher-service-page .msp-package-grid,
.maher-service-page .msp-review-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
}

.maher-service-page .msp-offer{
	position:relative;
	overflow:hidden;
	padding:24px;
	border-color:rgb(255 196 0 / 34%);
	background:linear-gradient(135deg,#171408,#101111 70%);
	text-align:center;
}

.maher-service-page .msp-offer > span,
.maher-service-page .msp-package__badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:26px;
	padding:0 12px;
	border-radius:999px;
	color:#111;
	background:var(--msp-gold);
	font-size:11px;
	font-weight:900;
}

.maher-service-page .msp-offer h2{
	margin:10px 0 6px;
	color:#fff;
	font-size:24px;
	font-weight:900;
}

.maher-service-page .msp-offer p{
	max-width:680px;
	margin:0 auto;
	color:var(--msp-muted);
	font-size:14px;
	line-height:1.8;
}

.maher-service-page .msp-offer a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:40px;
	margin-top:15px;
	padding:0 20px;
	border-radius:7px;
	color:#111;
	background:var(--msp-gold);
	font-size:13px;
	font-weight:900;
	text-decoration:none;
}

.maher-service-page .msp-package{
	position:relative;
	min-height:280px;
	display:flex;
	align-items:center;
	flex-direction:column;
	padding:22px 17px 18px;
	border:1px solid rgb(255 196 0 / 25%);
	border-radius:8px;
	background:#111212;
	text-align:center;
}

.maher-service-page .msp-package.is-featured{
	border-color:var(--msp-gold);
	box-shadow:inset 0 0 0 1px rgb(255 196 0 / 38%),0 12px 28px rgb(0 0 0 / 20%);
}

.maher-service-page .msp-package h3{
	margin:8px 0 0;
	color:#fff;
	font-size:17px;
	font-weight:900;
}

.maher-service-page .msp-booking{
	background:#101111;
}

.maher-service-page .msp-booking-form{
	display:block;
	max-width:920px;
	margin:0 auto;
}

.maher-service-page .msp-booking-price{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	margin-bottom:14px;
	padding:13px 16px;
	border:1px solid rgb(255 196 0 / 24%);
	border-radius:8px;
	background:rgb(255 196 0 / 6%);
}

.maher-service-page .msp-booking-price span{
	color:var(--msp-muted);
	font-size:13px;
	font-weight:800;
}

.maher-service-page .msp-booking-price strong{
	color:var(--msp-gold);
	font-size:19px;
	font-weight:900;
}

.maher-service-page .msp-booking-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
}

.maher-service-page .msp-booking-form label{
	display:grid;
	gap:6px;
	color:#fff;
	font-size:12px;
	font-weight:800;
}

.maher-service-page .msp-booking-form input,
.maher-service-page .msp-booking-form textarea{
	width:100%;
	min-height:43px;
	padding:0 12px;
	border:1px solid var(--msp-line);
	border-radius:7px;
	color:#fff;
	background:#0b0c0c;
	font-size:13px;
	outline:0;
}

.maher-service-page .msp-booking-form textarea{
	padding:12px;
	resize:vertical;
}

.maher-service-page .msp-booking-full{
	margin-top:10px;
}

.maher-service-page .msp-booking-form button[type="submit"]{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:48px;
	margin-top:14px;
	border:0;
	border-radius:8px;
	color:#111;
	background:var(--msp-gold);
	font-size:15px;
	font-weight:900;
	cursor:pointer;
}

.maher-service-page .msp-booking-form button[disabled]{
	opacity:.65;
	cursor:wait;
}

.maher-service-page .msp-booking-message{
	margin:12px 0 0;
	color:var(--msp-muted);
	font-size:13px;
	font-weight:800;
	text-align:center;
}

.maher-service-page .msp-booking-message.is-success{ color:#7de08a; }
.maher-service-page .msp-booking-message.is-error{ color:#ff7777; }

.maher-service-page .msp-booking-whatsapp{
	display:inline-flex;
	margin-right:10px;
	color:var(--msp-gold);
	text-decoration:underline;
}

.maher-service-page .msp-login{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	min-height:240px;
	padding:25px;
	border:1px solid var(--msp-line);
	border-radius:10px;
	background:#0b0c0c;
	text-align:center;
}

.maher-service-page .msp-login > i{
	color:var(--msp-gold);
	font-size:43px;
}

.maher-service-page .msp-login strong{
	margin-top:12px;
	color:#fff;
	font-size:18px;
}

.maher-service-page .msp-login p{
	margin:6px 0 14px;
	color:var(--msp-muted);
	font-size:12px;
}

.maher-service-page .msp-login a{
	min-height:42px;
	display:flex;
	align-items:center;
	padding:0 18px;
	border-radius:7px;
	text-decoration:none;
}

.maher-service-page .msp-booking-form select{
	width:100%;
	min-height:43px;
	padding:0 12px;
	border:1px solid var(--msp-line);
	border-radius:7px;
	color:#fff;
	background:#0b0c0c;
	font-size:13px;
	outline:0;
}

.maher-service-page .msp-tech{
	margin-top:13px;
	padding:14px;
	border:1px solid var(--msp-line);
	border-radius:9px;
	background:#0b0c0c;
}

.maher-service-page .msp-tech > div:first-child{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
}

.maher-service-page .msp-tech > div:first-child strong{
	color:#fff;
	font-size:14px;
}

.maher-service-page .msp-tech > div:first-child span{
	color:var(--msp-muted);
	font-size:10px;
}

.maher-service-page .msp-tech > button{
	min-height:36px;
	margin-top:10px;
	padding:0 14px;
	border:1px solid var(--msp-gold);
	border-radius:7px;
	color:var(--msp-gold);
	background:transparent;
	font-size:11px;
	font-weight:900;
	cursor:pointer;
}

.maher-service-page .msp-tech-list{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:10px;
}

.maher-service-page .mkt-tch{
	position:relative;
	min-width:200px;
	flex:1;
	display:flex;
	align-items:center;
	gap:9px;
	padding:9px;
	border:1px solid var(--msp-line);
	border-radius:8px;
	color:#fff;
	background:#121313;
	text-align:right;
	cursor:pointer;
}

.maher-service-page .mkt-tch.active{
	border-color:var(--msp-gold);
	background:rgb(255 196 0 / 8%);
}

.maher-service-page .mkt-tch-img{
	width:48px;
	height:48px;
	flex:0 0 48px;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	border-radius:50%;
	color:#111;
	background:var(--msp-gold);
}

.maher-service-page .mkt-tch-img img{
	max-width:100%;
}

.maher-service-page .mkt-tch-txt{
	min-width:0;
	flex:1;
}

.maher-service-page .mkt-tch-txt strong,
.maher-service-page .mkt-tch-txt small,
.maher-service-page .mkt-tch-txt em{
	display:block;
}

.maher-service-page .mkt-tch-txt strong{font-size:12px}
.maher-service-page .mkt-tch-txt small{margin-top:2px;color:var(--msp-gold);font-size:9px}
.maher-service-page .mkt-tch-txt em{margin-top:2px;color:var(--msp-muted);font-size:8px;font-style:normal}
.maher-service-page .mkt-tch > i{display:none;color:var(--msp-gold)}
.maher-service-page .mkt-tch.active > i{display:block}

.maher-service-page .msp-package__subtitle{
	min-height:35px;
	margin:4px 0 0;
	color:var(--msp-muted);
	font-size:11px;
	line-height:1.6;
}

.maher-service-page .msp-package__price{
	display:flex;
	align-items:baseline;
	justify-content:center;
	gap:6px;
	margin:9px 0 12px;
	color:var(--msp-gold);
}

.maher-service-page .msp-package__price strong{
	font-size:27px;
	font-weight:900;
}

.maher-service-page .msp-package__price span{
	font-size:14px;
	font-weight:800;
}

.maher-service-page .msp-package ul{
	width:100%;
	flex:1;
	margin:0;
	text-align:right;
}

.maher-service-page .msp-package li{
	display:flex;
	align-items:flex-start;
	gap:8px;
	padding:4px 0;
	color:rgb(255 255 255 / 76%);
	font-size:12px;
	line-height:1.55;
}

.maher-service-page .msp-package li i{
	margin-top:7px;
	color:var(--msp-gold);
	font-size:5px;
}

.maher-service-page .msp-package > a{
	min-height:34px;
	margin-top:12px;
	padding:0 19px;
	font-size:12px;
}

.maher-service-page .msp-review{
	min-height:145px;
	padding:17px 18px;
	border-radius:7px;
	color:#222;
	background:#fff;
	box-shadow:0 10px 24px rgb(0 0 0 / 17%);
	text-align:center;
}

.maher-service-page .msp-stars{
	display:flex;
	justify-content:center;
	gap:2px;
	margin-bottom:8px;
	color:var(--msp-gold);
	font-size:12px;
}

.maher-service-page .msp-stars .is-empty{
	color:#ddd;
}

.maher-service-page .msp-review p{
	margin:0;
	color:#555;
	font-size:12px;
	line-height:1.75;
}

.maher-service-page .msp-review strong{
	display:block;
	margin-top:8px;
	color:#777;
	font-size:11px;
}

.maher-service-page .msp-faq details{
	border-top:1px solid var(--msp-line);
}

.maher-service-page .msp-faq details:last-child{
	border-bottom:1px solid var(--msp-line);
}

.maher-service-page .msp-faq summary{
	min-height:54px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	font-weight:800;
}

.maher-service-page .msp-faq summary::-webkit-details-marker{
	display:none;
}

.maher-service-page .msp-faq details[open] summary i{
	transform:rotate(45deg);
}

.maher-service-page .msp-faq summary i{
	color:var(--msp-gold);
	transition:transform .2s ease;
}

.maher-service-page .msp-faq details > div{
	padding:0 0 18px;
	color:var(--msp-muted);
	font-size:13px;
	line-height:1.8;
}

.maher-service-page .msp-sidebar{
	position:sticky;
	top:105px;
	overflow:hidden;
	border:1px solid var(--msp-line);
	border-radius:10px;
	background:var(--msp-panel);
}

.maher-service-page .msp-sidebar__brand{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	min-height:105px;
	padding:18px;
	border-bottom:1px solid var(--msp-line);
	text-align:center;
}

.maher-service-page .msp-sidebar__brand strong{
	color:#fff;
	font-size:27px;
	font-weight:900;
}

.maher-service-page .msp-sidebar__brand strong::before{
	content:"M";
	display:inline-grid;
	place-items:center;
	width:28px;
	height:28px;
	margin-left:7px;
	border:3px solid var(--msp-gold);
	color:var(--msp-gold);
	font:900 15px/1 Arial,sans-serif;
	transform:rotate(30deg);
}

.maher-service-page .msp-sidebar__brand span{
	margin-top:5px;
	color:var(--msp-muted);
	font-size:9px;
}

.maher-service-page .msp-sidebar section{
	padding:18px 17px;
	border-bottom:1px solid var(--msp-line);
}

.maher-service-page .msp-sidebar section h2{
	margin:0 0 12px;
	color:var(--msp-gold);
	font-size:17px;
	font-weight:900;
}

.maher-service-page .msp-service-links a,
.maher-service-page .msp-category-links a{
	display:flex;
	align-items:center;
	gap:9px;
	min-height:38px;
	color:rgb(255 255 255 / 76%);
	font-size:12px;
	font-weight:600;
	text-decoration:none;
	transition:color .2s ease,padding .2s ease;
}

.maher-service-page .msp-service-links a:hover,
.maher-service-page .msp-category-links a:hover{
	padding-right:5px;
	color:var(--msp-gold);
}

.maher-service-page .msp-service-links i{
	width:18px;
	color:var(--msp-gold);
	font-size:14px;
	text-align:center;
}

.maher-service-page .msp-category-links a::before{
	content:"";
	width:5px;
	height:5px;
	border-radius:50%;
	background:var(--msp-gold);
}

.maher-service-page .msp-sidebar__cta{
	display:grid;
	gap:8px;
	padding:18px 15px;
}

.maher-service-page .msp-sidebar__cta > a:first-child{
	min-height:43px;
	margin:0;
	padding:0 14px;
	font-size:14px;
}

.maher-service-page .msp-sidebar__cta .is-secondary{
	min-height:36px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	border:1px solid var(--msp-line);
	border-radius:7px;
	color:#ddd;
	font-size:11px;
	font-weight:700;
	text-decoration:none;
}

.maher-service-page .msp-sidebar__cta .is-secondary:hover{
	border-color:rgb(255 196 0 / 40%);
	color:var(--msp-gold);
}

@media (max-width:1100px){
	.maher-service-page .msp-layout:not(.is-full-width){
		grid-template-columns:minmax(0,1fr) 235px;
	}

	.maher-service-page .msp-includes__grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
	}
}

@media (max-width:900px){
	.maher-service-page{
		padding:20px 0 34px;
	}

	.maher-service-page .msp-layout{
		display:block;
	}

	.maher-service-page .msp-sidebar{
		display:none;
	}

	.maher-service-page .msp-hero{
		min-height:310px;
	}

	.maher-service-page .msp-hero__copy{
		width:56%;
		padding:32px 24px;
	}

	.maher-service-page .msp-hero__media{
		width:44%;
		min-width:240px;
	}

	.maher-service-page .msp-hero__media img{
		height:285px;
	}
}

@media (max-width:680px){
	.maher-service-page .container{
		padding-inline:12px;
	}

	.maher-service-page .msp-hero{
		min-height:258px;
		border-radius:12px 12px 5px 5px;
	}

	.maher-service-page .msp-hero__copy{
		width:58%;
		padding:24px 13px 19px;
	}

	.maher-service-page .msp-kicker{
		margin-bottom:4px;
		font-size:10px;
	}

	.maher-service-page .msp-hero h1{
		font-size:clamp(28px,8.5vw,39px);
	}

	.maher-service-page .msp-hero p{
		margin-top:9px;
		font-size:12px;
		line-height:1.7;
	}

	.maher-service-page .msp-primary-button{
		min-height:42px;
		margin-top:13px;
		padding:0 15px;
		font-size:13px;
	}

	.maher-service-page .msp-hero__media{
		width:42%;
		min-width:0;
		padding:14px 5px 0;
	}

	.maher-service-page .msp-hero__media img{
		height:235px;
	}

	.maher-service-page .msp-hero__media.is-empty > i{
		font-size:64px;
	}

	.maher-service-page .msp-section{
		margin-top:9px;
		padding:14px 10px;
	}

	.maher-service-page .msp-section > h2{
		margin-bottom:11px;
		font-size:17px;
	}

	.maher-service-page .msp-includes__grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:5px;
	}

	.maher-service-page .msp-include-card{
		min-height:105px;
		padding:10px 4px;
		border:1px solid var(--msp-line);
		background:#121313;
	}

	.maher-service-page .msp-include-card span{
		font-size:28px;
	}

	.maher-service-page .msp-include-card h3{
		font-size:10px;
	}

	.maher-service-page .msp-package-grid{
		display:flex;
		flex-direction:column;
		gap:7px;
	}

	.maher-service-page .msp-package{
		min-height:0;
		display:grid;
		grid-template-columns:minmax(0,1fr) auto;
		align-items:center;
		padding:12px 13px;
		text-align:right;
	}

	.maher-service-page .msp-package h3,
	.maher-service-page .msp-package__subtitle,
	.maher-service-page .msp-package ul{
		grid-column:1;
	}

	.maher-service-page .msp-package__subtitle{
		min-height:0;
	}

	.maher-service-page .msp-package__price{
		grid-column:2;
		grid-row:1 / span 2;
		margin:0 8px 0 0;
	}

	.maher-service-page .msp-package ul{
		margin-top:5px;
	}

	.maher-service-page .msp-package > a{
		grid-column:2;
		grid-row:3;
		min-height:25px;
		margin:5px 8px 0 0;
		padding:0 10px;
		font-size:9px;
	}

	.maher-service-page .msp-review-grid{
		display:flex;
		overflow-x:auto;
		gap:9px;
		padding-bottom:5px;
		scroll-snap-type:x mandatory;
		scrollbar-width:none;
	}

	.maher-service-page .msp-review-grid::-webkit-scrollbar{
		display:none;
	}

	.maher-service-page .msp-review{
		flex:0 0 82%;
		scroll-snap-align:center;
	}

	.maher-service-page .msp-booking-grid{
		grid-template-columns:1fr;
	}

	.maher-service-page .msp-booking-price{
		align-items:flex-start;
		flex-direction:column;
	}
}

@media (prefers-reduced-motion:reduce){
	.maher-service-page *,
	.maher-service-page *::before,
	.maher-service-page *::after{
		scroll-behavior:auto!important;
		transition:none!important;
	}
}
