:root{
  --pp-pink:#fd0a6d;
  --pp-blue:#0242fa;
  --pp-gradient:linear-gradient(90deg, var(--pp-pink) 0%, var(--pp-blue) 100%);
}		
		
		:root{
			--pink:#fd0a6d;
			--blue:#0242fa;
			--grad: linear-gradient(90deg, var(--pink) 0%, var(--blue) 100%);
			--grad-soft: linear-gradient(135deg, rgba(253,10,109,0.08), rgba(2,66,250,0.08));
			--dark:#101828;
			--muted:#65708b;
			--bg-soft:#f6f8fc;
			--radius:16px;
			--shadow: 0 15px 40px rgba(16,24,40,0.08);
		}
		*{box-sizing:border-box;}
		html{scroll-behavior:smooth;}
		body{
			margin:0;
			font-family:'Poppins',sans-serif;
			color:var(--dark);
			-webkit-font-smoothing:antialiased;
			overflow-x:hidden;
		}
		img{max-width:100%; display:block;}
		a{text-decoration:none;}
		ul{list-style:none; margin:0; padding:0;}
		.container{
			width:100%;
			max-width:1200px;
			margin:0 auto;
			padding:0 20px;
		}
		.grad-text{
			background:var(--grad);
			-webkit-background-clip:text;
			background-clip:text;
			-webkit-text-fill-color:transparent;
		}
		.section{ padding:80px 0; }
		.section-tag{
			display:inline-block;
			font-size:13px;
			font-weight:700;
			letter-spacing:1.5px;
			text-transform:uppercase;
			padding:6px 16px;
			border-radius:30px;
			background:var(--grad-soft);
			color:var(--pink);
			margin-bottom:14px;
		}
		.section-head{ text-align:center; max-width:720px; margin:0 auto 50px; }
		.section-head h2{
			font-size:36px;
			font-weight:800;
			margin:0 0 14px;
			line-height:1.25;
		}
		.section-head p{
			color:var(--muted);
			font-size:16px;
			line-height:1.7;
			margin:0;
		}
		.btn-grad{
			display:inline-block;
			padding:15px 34px;
			border-radius:50px;
			background:var(--grad);
			background-size:200% auto;
			color:#fff !important;
			font-weight:600;
			font-size:15px;
			border:none;
			cursor:pointer;
			box-shadow:0 12px 25px rgba(253,10,109,0.28);
			transition:background-position .4s ease, transform .25s ease, box-shadow .25s ease;
		}
		.btn-grad:hover{
			background-position:right center;
			transform:translateY(-3px);
			box-shadow:0 16px 32px rgba(2,66,250,0.32);
			color:#fff !important;
		}

		/* ---------------- HERO SLIDER ---------------- */
.hero-slider{
	position:relative;
	height:600px;
	overflow:hidden;
	    margin-top: 50px;
}
.hs-track{
	position:relative;
	height:100%;
}
.hs-slide{
	position:absolute;
	inset:0;
	background-size:cover;
	background-position:center;
	opacity:0;
	visibility:hidden;
	transition:opacity 1s ease;
	display:flex;
	align-items:center;
}
.hs-slide.active{
	opacity:1;
	visibility:visible;
}
.hs-overlay{
	position:absolute;
	inset:0;
	background:linear-gradient(115deg, rgba(11,19,48,0.92) 0%, rgba(253,10,109,0.55) 55%, rgba(2,66,250,0.6) 100%);
}
.hs-content{
	position:relative;
	z-index:1;
	max-width:640px;
}
.hs-tag{
	display:inline-block;
	padding:7px 18px;
	border-radius:30px;
	background:rgba(255,255,255,0.15);
	color:#fff;
	font-size:12.5px;
	font-weight:700;
	letter-spacing:.5px;
	text-transform:uppercase;
	margin-bottom:18px;
}
.hs-content h2{
	color:#fff;
	font-size:40px;
	font-weight:800;
	line-height:1.3;
	margin:0 0 18px;
}
.hs-content .grad-text-light{
	background:linear-gradient(90deg,#ffdce8,#dbe6ff);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
}
.hs-content p{
	color:rgba(255,255,255,0.85);
	font-size:16px;
	line-height:1.7;
	margin:0 0 30px;
	max-width:520px;
}

.hs-arrow{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:46px; height:46px;
	border-radius:50%;
	border:none;
	background:rgba(255,255,255,0.15);
	color:#fff;
	font-size:16px;
	cursor:pointer;
	z-index:2;
	display:flex; align-items:center; justify-content:center;
	transition:background .25s ease;
}
.hs-arrow:hover{ background:linear-gradient(90deg,#fd0a6d,#0242fa); }
.hs-prev{ left:24px; }
.hs-next{ right:24px; }

.hs-dots{
	position:absolute;
	bottom:26px;
	left:50%;
	transform:translateX(-50%);
	display:flex;
	gap:10px;
	z-index:2;
}
.hs-dots button{
	width:10px; height:10px;
	border-radius:50%;
	border:none;
	background:rgba(255,255,255,0.4);
	cursor:pointer;
	padding:0;
}
.hs-dots button.active{
	width:26px;
	border-radius:6px;
	background:linear-gradient(90deg,#fd0a6d,#0242fa);
}

@media (max-width:768px){
	.hero-slider{ height:520px; }
	.hs-content h2{ font-size:27px; }
	.hs-content p{ font-size:14.5px; }
	.hs-arrow{ width:38px; height:38px; }
	.hs-prev{ left:12px; }
	.hs-next{ right:12px; }
}
		/* ---------------- HIGHLIGHT FEATURE CARDS ---------------- */
		.highlight-wrap{
			margin-top:-70px;
			position:relative;
			z-index:3;
		}
		.highlight-grid{
			display:grid;
			grid-template-columns:repeat(3,1fr);
			gap:24px;
		}
		.highlight-card{
			background:#fff;
			border-radius:var(--radius);
			padding:34px 28px;
			box-shadow:var(--shadow);
			transition:transform .25s ease, box-shadow .25s ease;
		}
		.highlight-card:hover{
			transform:translateY(-8px);
			box-shadow:0 25px 50px rgba(2,66,250,0.15);
		}
		.highlight-card .ic{
			width:56px; height:56px;
			border-radius:14px;
			background:var(--grad);
			display:flex; align-items:center; justify-content:center;
			color:#fff; font-size:22px;
			margin-bottom:18px;
		}
		.highlight-card h3{ font-size:18px; font-weight:700; margin:0 0 10px; }
		.highlight-card p{ color:var(--muted); font-size:14.5px; line-height:1.7; margin:0; }

		/* ---------------- ABOUT ---------------- */
		.about-section{
			background:var(--bg-soft);
			position:relative;
		}
		.about-inner{
			text-align:center;
			max-width:820px;
			margin:0 auto;
			position:relative;
		}
		.about-inner .glow{
			position:absolute;
			width:260px; height:260px;
			border-radius:50%;
			background:var(--grad);
			opacity:.12;
			filter:blur(70px);
			top:-60px; left:50%;
			transform:translateX(-50%);
			z-index:0;
		}
		.about-inner > *{ position:relative; z-index:1; }
		.about-inner h2{ font-size:32px; font-weight:800; margin-bottom:22px; }
		.about-inner p{ color:var(--muted); font-size:16px; line-height:1.85; margin-bottom:18px; }

		/* ---------------- SERVICES ---------------- */
		.services-grid{
			display:grid;
			grid-template-columns:repeat(3,1fr);
			gap:28px;
		}
		.service-card{
			background:#fff;
			border-radius:var(--radius);
			padding:36px 28px;
			box-shadow:var(--shadow);
			border:1px solid #eef1f6;
			transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
			height:100%;
			display:flex;
			flex-direction:column;
		}
		.service-card:hover{
			transform:translateY(-6px);
			border-color:transparent;
			box-shadow:0 25px 50px rgba(253,10,109,0.14);
		}
		.service-card img{ width:64px; height:64px; margin-bottom:20px; }
		.service-card h2{ font-size:19px; font-weight:700; margin:0 0 12px; }
		.service-card p{ color:var(--muted); font-size:14.5px; line-height:1.7; flex:1; margin:0 0 20px; }
		.service-card a{ color:var(--pink); font-weight:600; font-size:14px; }
		.service-card a i{ margin-left:4px; transition:margin-left .2s ease; }
		.service-card a:hover i{ margin-left:8px; }

		/* ---------------- TRANSCEND ---------------- */
		.transcend{
			background:linear-gradient(135deg, #fff0f6 0%, #eef2ff 100%);
			text-align:center;
		}
		.transcend .container{ max-width:900px; }
		.transcend p{ color:var(--muted); font-size:16px; line-height:1.85; margin-bottom:18px; }

		/* ---------------- PRICING ---------------- */
		.pricing-grid{
			display:grid;
			grid-template-columns:repeat(3,1fr);
			gap:28px;
			align-items:stretch;
		}
		.price-card{
			position:relative;
			background:#fff;
			border-radius:var(--radius);
			box-shadow:var(--shadow);
			padding:38px 30px;
			display:flex;
			flex-direction:column;
			border:2px solid transparent;
			transition:transform .25s ease, box-shadow .25s ease;
		}
		.price-card.featured{
			border-color:var(--pink);
			transform:scale(1.03);
		}
		.price-card:hover{ transform:translateY(-6px); }
		.price-card.featured:hover{ transform:scale(1.03) translateY(-6px); }
		.price-card .ribbon{
			position:absolute; top:20px; right:-8px;
			background:var(--grad);
			color:#fff;
			font-size:12px;
			font-weight:700;
			padding:6px 16px 6px 20px;
			border-radius:6px 0 0 6px;
		}
		.price-card img.pk-ico{ width:64px; height:64px; margin-bottom:16px; }
		.price-card h2{ font-size:20px; font-weight:700; margin:0 0 18px; }
		.price-card ul{ margin-bottom:24px; flex:1; }
		.price-card ul li{
			display:flex; align-items:flex-start; gap:10px;
			font-size:13.5px; color:var(--muted);
			padding:7px 0;
			border-bottom:1px dashed #eef1f6;
		}
		.price-card ul li i, .price-card ul li img{
			color:var(--blue);
			margin-top:2px;
			flex-shrink:0;
			width:16px;
		}
		.price-card ul li b{ color:var(--dark); }
		.price-card .price{ margin-bottom:18px; }
		.price-card .price .txt{ font-size:13px; color:var(--muted); display:block; }
		.price-card .price s{ color:#aab1c0; font-size:16px; margin-right:6px;}
		.price-card .price .currency{ font-size:20px; font-weight:700; color:var(--pink); }
		.price-card .price .num{ font-size:30px; font-weight:800; color:var(--dark); }
		.price-card .note{ font-size:11.5px; color:#9aa2b1; margin-top:14px; text-align:center; }

		/* ---------------- INDUSTRIES ---------------- */
		.industries-section{ background:var(--bg-soft); }
		.industries-grid{
			display:grid;
			grid-template-columns:repeat(6,1fr);
			gap:20px;
		}
		.industry-card{
			background:#fff;
			border-radius:14px;
			padding:26px 12px;
			text-align:center;
			box-shadow:0 6px 18px rgba(16,24,40,0.05);
			transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
			border:1px solid transparent;
		}
		.industry-card:hover{
			transform:translateY(-6px);
			box-shadow:0 18px 34px rgba(2,66,250,0.15);
			border-color:rgba(253,10,109,0.25);
		}
		.industry-card .ind-icon{
			width:58px; height:58px;
			margin:0 auto 12px;
			border-radius:50%;
			display:flex; align-items:center; justify-content:center;
			font-size:26px;
			background:var(--grad-soft);
		}
		.industry-card p{ margin:0; font-weight:600; font-size:14px; }

		/* ---------------- COLLABORATE ---------------- */
		.collab-grid{
			display:grid;
			grid-template-columns:1fr 1fr;
			gap:50px;
			align-items:center;
		}
		.collab-info-grid{
			display:grid;
			grid-template-columns:1fr 1fr;
			border-top:1px solid #e6e9f0;
		}
		.collab-item{
			display:flex; gap:16px;
			padding:26px 20px 26px 0;
			border-bottom:1px solid #e6e9f0;
		}
		.collab-info-grid .collab-item:nth-child(odd){ border-right:1px solid #e6e9f0; padding-right:24px;}
		.collab-info-grid .collab-item:nth-child(even){ padding-left:24px;}
		.collab-icon{
			min-width:52px; height:52px;
			border-radius:50%;
			background:var(--grad-soft);
			color:var(--pink);
			display:flex; align-items:center; justify-content:center;
			font-size:20px;
		}
		.collab-item h4{ margin:0 0 6px; font-size:16px; font-weight:700; }
		.collab-item p{ margin:0; font-size:13.5px; color:var(--muted); line-height:1.6; }

		.collab-form-card{
			background:#fff;
			border-radius:20px;
			padding:40px 34px;
			box-shadow:0 25px 55px rgba(2,66,250,0.14);
		}
		.collab-form-card h3{ font-size:24px; font-weight:800; margin:0 0 10px; }
		.collab-form-card > p{ color:var(--muted); font-size:14px; margin:0 0 26px; }
		.input-group{ position:relative; margin-bottom:18px; }
		.input-group i{
			position:absolute; left:16px; top:18px;
			color:var(--blue);
		}
		.input-group input, .input-group textarea{
			width:100%;
			border:1px solid #e6e9f0;
			background:#f7f9fc;
			border-radius:10px;
			padding:15px 16px 15px 46px;
			font-family:inherit;
			font-size:14px;
			outline:none;
			transition:border-color .2s ease, box-shadow .2s ease;
		}
		.input-group textarea{ padding-left:16px; min-height:100px; resize:vertical; }
		.input-group input:focus, .input-group textarea:focus{
			border-color:var(--pink);
			box-shadow:0 0 0 3px rgba(253,10,109,0.12);
		}
		.collab-form-card .btn-grad{ width:100%; text-align:center; border:none; }

		/* ---------------- WORK PROCESS ---------------- */
		.process-grid{
			display:grid;
			grid-template-columns:repeat(5,1fr);
			gap:20px;
		}
		.process-card{
			text-align:center;
			padding:30px 16px;
			position:relative;
		}
		.process-card .num{
			width:46px; height:46px;
			border-radius:50%;
			background:var(--grad);
			color:#fff;
			font-weight:700;
			display:flex; align-items:center; justify-content:center;
			margin:0 auto 16px;
		}
		.process-card i{ font-size:26px; color:var(--pink); margin-bottom:12px; display:block; }
		.process-card h4{ font-size:14.5px; font-weight:600; line-height:1.5; margin:0; }

		/* ---------------- CLIENTS MARQUEE ---------------- */
		.clients-wrap{ overflow:hidden; position:relative; }
		.clients-track{
			display:flex;
			align-items:center;
			gap:60px;
			width:max-content;
			animation:scrollLogos 28s linear infinite;
		}
		.clients-track img{
			height:42px; width:auto;
			filter:grayscale(100%);
			opacity:.65;
			transition:filter .3s ease, opacity .3s ease;
		}
		.clients-track img:hover{ filter:grayscale(0%); opacity:1; }
		@keyframes scrollLogos{
			0%{ transform:translateX(0); }
			100%{ transform:translateX(-50%); }
		}

		/* ---------------- TESTIMONIALS ---------------- */
		.testi-section{
			background:linear-gradient(180deg,#0b1330 0%, #131c3f 100%);
			color:#fff;
			position:relative;
			overflow:hidden;
		}
		.testi-section::after{
			content:"";
			position:absolute;
			width:500px; height:500px;
			background:var(--grad);
			opacity:.25;
			filter:blur(140px);
			left:-150px; bottom:-150px;
			border-radius:50%;
		}
		.testi-section .section-head h2, .testi-section .section-head p{ color:#fff; }
		.testi-section .section-head p{ color:#c4c9dc; }
		.testi-viewport{
			overflow:hidden;
			position:relative;
			z-index:1;
		}
		.testi-track{
			display:flex;
			gap:22px;
			transition:transform .6s ease;
		}
		.testi-card{
			flex:0 0 calc(25% - 16.5px);
			background:rgba(255,255,255,0.06);
			border:1px solid rgba(255,255,255,0.1);
			backdrop-filter:blur(6px);
			border-radius:16px;
			padding:26px 22px;
			border-top:3px solid transparent;
			border-image:var(--grad);
			border-image-slice:1;
		}
		.testi-card p{ font-size:14px; line-height:1.7; color:#d7dae6; margin:0 0 16px; }
		.testi-card span{ font-weight:700; color:#fff; }
		.testi-dots{ display:flex; justify-content:center; gap:8px; margin-top:30px; position:relative; z-index:1;}
		.testi-dots button{
			width:9px; height:9px; border-radius:50%;
			border:none; background:rgba(255,255,255,0.3);
			cursor:pointer; padding:0;
		}
		.testi-dots button.active{ background:var(--pink); width:22px; border-radius:6px; }

		/* ---------------- RESPONSIVE ---------------- */
		@media (max-width:1100px){
			.services-grid, .pricing-grid{ grid-template-columns:repeat(2,1fr); }
			.industries-grid{ grid-template-columns:repeat(4,1fr); }
			.process-grid{ grid-template-columns:repeat(3,1fr); }
			.testi-card{ flex:0 0 calc(50% - 11px); }
			.price-card.featured{ transform:none; }
			.hero .container{ grid-template-columns:1fr; text-align:center; }
			.hero-img{ order:-1; }
			.hero h2{ margin-left:auto; margin-right:auto; }
		}
		@media (max-width:768px){
			.section{ padding:56px 0; }
			.section-head h2{ font-size:27px; }
			.highlight-grid, .services-grid, .pricing-grid, .collab-grid, .collab-info-grid{
				grid-template-columns:1fr;
			}
			.collab-info-grid .collab-item:nth-child(odd){ border-right:none; padding-right:0; }
			.collab-info-grid .collab-item:nth-child(even){ padding-left:0; }
			.industries-grid{ grid-template-columns:repeat(3,1fr); }
			.process-grid{ grid-template-columns:repeat(2,1fr); }
			.hero{ padding-top:110px; min-height:auto; }
			.hero h2{ font-size:30px; }
			.testi-card{ flex:0 0 100%; }
			.highlight-wrap{ margin-top:30px; }
		}
		@media (max-width:480px){
			.industries-grid{ grid-template-columns:repeat(2,1fr); }
		}

		/* ---------------- CONTACT MODAL ---------------- */
		.cm-overlay{
			position:fixed; inset:0;
			background:rgba(10,15,35,0.6);
			display:none;
			align-items:center; justify-content:center;
			z-index:9999;
			padding:20px;
		}
		.cm-overlay.show{ display:flex; }
		.cm-box{
			background:#fff;
			border-radius:18px;
			max-width:520px; width:100%;
			padding:34px 30px;
			position:relative;
			max-height:90vh; overflow:auto;
		}
		.cm-box .closes{
			position:absolute; top:14px; right:18px;
			background:none; border:none; font-size:24px; cursor:pointer; color:var(--muted);
		}
		.cm-box h1{ font-size:22px; font-weight:800; margin:10px 0 20px; }
		.cm-box .mb-2{ margin-bottom:14px; }
		.cm-box .row{ display:flex; gap:14px; }
		.cm-box .row .col{ flex:1; }
		.cm-box label{ font-size:13px; font-weight:600; margin-bottom:6px; display:block; }
		.cm-box .form-control{
			width:100%;
			border:1px solid #e6e9f0;
			background:#f7f9fc;
			border-radius:10px;
			padding:12px 14px;
			font-family:inherit;
			font-size:14px;
			outline:none;
		}
		.cm-box .form-control:focus{ border-color:var(--pink); }
		.cm-box button[type="submit"]{
			border:none; width:100%; padding:14px; border-radius:10px;
			background:var(--grad); color:#fff; font-weight:700; cursor:pointer;
		}
		@media (max-width:480px){ .cm-box .row{ flex-direction:column; gap:0; } }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* ---------------- ABOUT SECTION (Premium) ---------------- */
.about-premium{
	position:relative;
	padding:100px 0;
	overflow:hidden;
	background:#fbfbfe;
}
.ap-blob{
	position:absolute;
	border-radius:50%;
	filter:blur(120px);
	opacity:.3;
	z-index:0;
}
.ap-blob-1{ width:420px; height:420px; background:#fd0a6d; top:-140px; left:-140px; }
.ap-blob-2{ width:420px; height:420px; background:#0242fa; bottom:-160px; right:-140px; }

.ap-grid{
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:.9fr 1.1fr;
	gap:70px;
	align-items:center;
}

/* ---- Visual side ---- */
.ap-visual{
	position:relative;
	padding:30px 40px 50px 10px;
}
.ap-img-main{
	border-radius:24px;
	overflow:hidden;
	box-shadow:0 30px 60px rgba(2,66,250,0.18);
	position:relative;
	z-index:2;
}
.ap-img-main img{ width:100%; height:420px; object-fit:cover; display:block; }

.ap-img-float{
	position:absolute;
	bottom:0; right:0;
	width:180px;
	border-radius:18px;
	overflow:hidden;
	border:6px solid #fff;
	box-shadow:0 20px 45px rgba(253,10,109,0.25);
	z-index:3;
}
.ap-img-float img{ width:100%; height:140px; object-fit:cover; display:block; }

.ap-ring{
	position:absolute;
	width:120px; height:120px;
	border:3px dashed rgba(2,66,250,0.3);
	border-radius:50%;
	top:-10px; left:-10px;
	z-index:1;
}

.ap-badge{
	position:absolute;
	display:flex;
	align-items:center;
	gap:12px;
	background:#fff;
	padding:14px 20px;
	border-radius:16px;
	box-shadow:0 18px 40px rgba(16,24,40,0.12);
	z-index:4;
}
.ap-badge-top{ top:10px; right:10px; }
.ap-badge-bottom{ bottom:60px; left:-30px; }
.ap-badge-icon{
	width:44px; height:44px;
	border-radius:12px;
	background:linear-gradient(90deg,#fd0a6d,#0242fa);
	color:#fff;
	display:flex; align-items:center; justify-content:center;
	font-size:17px;
	flex-shrink:0;
}
.ap-badge h4{ margin:0; font-size:17px; font-weight:800; color:#101828; }
.ap-badge p{ margin:2px 0 0; font-size:11.5px; color:#65708b; white-space:nowrap; }

/* ---- Content side ---- */
.ap-tag{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:7px 16px;
	border-radius:30px;
	background:linear-gradient(135deg, rgba(253,10,109,0.1), rgba(2,66,250,0.1));
	color:#fd0a6d;
	font-size:12.5px;
	font-weight:700;
	margin-bottom:18px;
}
.ap-content h2{
	font-size:34px;
	font-weight:800;
	line-height:1.35;
	margin:0 0 20px;
	color:#101828;
}
.ap-content h2 .grad-text{
	background:linear-gradient(90deg,#fd0a6d,#0242fa);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
}
.ap-content p{
	color:#65708b;
	font-size:15.5px;
	line-height:1.85;
	margin:0 0 16px;
}
.ap-points{ margin:26px 0 32px; }
.ap-point{
	display:flex;
	align-items:center;
	gap:12px;
	padding:10px 0;
	font-size:14.5px;
	font-weight:600;
	color:#101828;
}
.ap-point i{
	color:#fd0a6d;
	font-size:18px;
}

@media (max-width:1000px){
	.ap-grid{ grid-template-columns:1fr; gap:60px; }
	.ap-visual{ max-width:460px; margin:0 auto; padding:30px 30px 50px 20px; }
	.ap-content{ text-align:center; }
	.ap-tag, .ap-point{ justify-content:center; }
	.ap-points{ display:inline-block; text-align:left; }
}
@media (max-width:576px){
	.about-premium{ padding:70px 0; }
	.ap-content h2{ font-size:26px; }
	.ap-img-main img{ height:300px; }
	.ap-img-float{ width:130px; }
	.ap-img-float img{ height:100px; }
	.ap-badge{ padding:10px 14px; }
	.ap-badge-bottom{ left:-10px; bottom:40px; }
}


section#lets-collaborate {
    background: linear-gradient(135deg, #fff0f6 0%, #eef2ff 100%);
}



/* ---------------- VISION & MISSION SECTION (conflict-safe) ---------------- */
.vm-section{
	position:relative !important;
	overflow:hidden !important;
	padding:90px 0 !important;
	background:#fbfbfe !important;
	float:none !important;
}
.vm-blob{
	position:absolute !important;
	border-radius:50% !important;
	filter:blur(120px) !important;
	opacity:.28 !important;
	z-index:0 !important;
	pointer-events:none;
}
.vm-blob-1{ width:380px !important; height:380px !important; background:#fd0a6d !important; top:-140px !important; right:-100px !important; left:auto !important; }
.vm-blob-2{ width:380px !important; height:380px !important; background:#0242fa !important; bottom:-150px !important; left:-100px !important; right:auto !important; }

.vm-section .container{
	position:relative !important;
	z-index:1 !important;
}

/* --- force the heading block to stack, no matter what theme CSS says --- */
.vm-section .section-head{
	display:block !important;
	text-align:center !important;
	max-width:720px !important;
	margin:0 auto 50px !important;
	float:none !important;
}
.vm-section .section-head .section-tag{
	display:inline-block !important;
	float:none !important;
	width:auto !important;
	font-size:13px !important;
	font-weight:700 !important;
	letter-spacing:1.5px !important;
	text-transform:uppercase !important;
	padding:6px 16px !important;
	border-radius:30px !important;
	background:linear-gradient(135deg, rgba(253,10,109,0.1), rgba(2,66,250,0.1)) !important;
	color:#fd0a6d !important;
	margin:0 0 14px !important;
}
.vm-section .section-head h2{
	display:block !important;
	float:none !important;
	width:auto !important;
	font-size:36px !important;
	font-weight:800 !important;
	margin:0 0 14px !important;
	line-height:1.25 !important;
	text-align:center !important;
}
.vm-section .section-head p{
	display:block !important;
	float:none !important;
	color:#65708b !important;
	font-size:16px !important;
	line-height:1.7 !important;
	margin:0 auto !important;
	text-align:center !important;
}

.vm-grid{
	display:grid !important;
	grid-template-columns:repeat(2,1fr) !important;
	gap:30px !important;
	float:none !important;
}
.vm-card{
	position:relative !important;
	background:#fff !important;
	border-radius:22px !important;
	padding:44px 36px !important;
	box-shadow:0 20px 50px rgba(16,24,40,0.08) !important;
	/*border-top:4px solid transparent !important;*/
	/*border-image:linear-gradient(90deg,#fd0a6d,#0242fa) !important;*/
	border-image-slice:1 !important;
	transition:transform .3s ease, box-shadow .3s ease !important;
	float:none !important;
}
.vm-card:hover{
	transform:translateY(-8px) !important;
	box-shadow:0 28px 60px rgba(2,66,250,0.18) !important;
}
.vm-card-alt{
	background:linear-gradient(135deg, #fd0a6d 0%, #0242fa 100%) !important;
}
.vm-icon{
	width:64px !important; height:64px !important;
	border-radius:16px !important;
	background:linear-gradient(90deg,#fd0a6d,#0242fa) !important;
	color:#fff !important;
	display:flex !important; align-items:center !important; justify-content:center !important;
	font-size:26px !important;
	margin-bottom:22px !important;
	float:none !important;
}
.vm-card-alt .vm-icon{
	background:rgba(255,255,255,0.2) !important;
}
.vm-card h3{
	font-size:22px !important;
	font-weight:800 !important;
	margin:0 0 14px !important;
	color:#101828 !important;
	float:none !important;
}
.vm-card p{
	font-size:15px !important;
	line-height:1.8 !important;
	color:#65708b !important;
	margin:0 !important;
	float:none !important;
}
.vm-card-alt h3, .vm-card-alt p{
	color:#fff !important;
}
.vm-card-alt p{
	color:rgba(255,255,255,0.9) !important;
}

@media (max-width:768px){
	.vm-section{ padding:60px 0 !important; }
	.vm-grid{ grid-template-columns:1fr !important; gap:24px !important; }
	.vm-card{ padding:34px 26px !important; text-align:center !important; }
	.vm-icon{ margin:0 auto 20px !important; }
}




/* ---------------- CONTACT SECTION ---------------- */
.contact-section{
	position:relative;
	overflow:hidden;
	padding:90px 0;
	background:#fbfbfe;
}
.ct-blob{
	position:absolute;
	border-radius:50%;
	filter:blur(120px);
	opacity:.28;
	z-index:0;
	pointer-events:none;
}
.ct-blob-1{ width:380px; height:380px; background:#fd0a6d; top:-140px; left:-120px; }
.ct-blob-2{ width:380px; height:380px; background:#0242fa; bottom:-150px; right:-120px; }
.contact-section .container{ position:relative; z-index:1; }

.ct-grid{
	display:grid;
	grid-template-columns:.85fr 1.15fr;
	gap:36px;
	align-items:start;
	margin-bottom:50px;
}

/* ---- Left info cards ---- */
.ct-info{
	display:flex;
	flex-direction:column;
	gap:20px;
}
.ct-info-card{
	background:#fff;
	border-radius:16px;
	padding:26px;
	display:flex;
	gap:18px;
	align-items:flex-start;
	box-shadow:0 15px 35px rgba(16,24,40,0.07);
	transition:transform .25s ease, box-shadow .25s ease;
}
.ct-info-card:hover{
	transform:translateY(-5px);
	box-shadow:0 20px 45px rgba(2,66,250,0.15);
}
.ct-info-icon{
	width:52px; height:52px;
	min-width:52px;
	border-radius:14px;
	background:linear-gradient(90deg,#fd0a6d,#0242fa);
	color:#fff;
	display:flex; align-items:center; justify-content:center;
	font-size:19px;
}
.ct-info-card h4{
	margin:0 0 8px;
	font-size:16px;
	font-weight:700;
	color:#101828;
}
.ct-info-card p{
	margin:0;
	font-size:14px;
	color:#65708b;
	line-height:1.7;
}
.ct-info-card p a{
	color:#65708b;
	transition:color .2s ease;
}
.ct-info-card p a:hover{
	color:#fd0a6d;
}

/* ---- Right form card (restyled bootstrap card, same fields/action) ---- */
.ct-form-wrap .card{
	border:none;
	border-radius:20px;
	overflow:hidden;
	box-shadow:0 25px 55px rgba(2,66,250,0.15);
}
.ct-form-wrap .card-header{
	border:none;
}
.ct-form-wrap .bg-info{
	background:linear-gradient(90deg,#fd0a6d,#0242fa) !important;
	padding:28px 20px !important;
}
.ct-form-wrap .bg-info h3{
	font-size:20px;
	font-weight:800;
	margin:0 0 4px;
}
.ct-form-wrap .bg-info p{
	font-size:13.5px;
	opacity:.9;
}
.ct-form-wrap .card-body{
	padding:30px 28px !important;
	background:#fff;
}
.ct-form-wrap .input-group-text{
	background:#f7f9fc;
	border:1px solid #e6e9f0;
	border-right:none;
	border-radius:10px 0 0 10px;
}
.ct-form-wrap .input-group-text i.text-info{
	color:#fd0a6d !important;
}
.ct-form-wrap .form-control{
	background:#f7f9fc;
	border:1px solid #e6e9f0;
	border-left:none;
	border-radius:0 10px 10px 0;
	padding:12px 14px;
	font-size:14px;
}
.ct-form-wrap .form-control:focus{
	box-shadow:none;
	border-color:#fd0a6d;
	background:#fff;
}
.ct-form-wrap textarea.form-control{
	min-height:100px;
	resize:vertical;
}
.ct-form-wrap .btn-info{
	background:linear-gradient(90deg,#fd0a6d,#0242fa) !important;
	border:none !important;
	font-weight:700;
	letter-spacing:.5px;
	text-transform:uppercase;
	font-size:13.5px;
	border-radius:10px !important;
	transition:transform .2s ease, box-shadow .2s ease;
}
.ct-form-wrap .btn-info:hover{
	transform:translateY(-2px);
	box-shadow:0 12px 28px rgba(253,10,109,0.3);
}

/* ---- Premium Map ---- */
.ct-map-wrap{
	position:relative;
	border-radius:22px;
	overflow:hidden;
	box-shadow:0 25px 60px rgba(16,24,40,0.12);
	border:6px solid #fff;
}
.ct-map-wrap iframe{
	display:block;
	filter:grayscale(15%) contrast(1.05);
}
.ct-map-badge{
	position:absolute;
	bottom:20px; left:20px;
	background:#fff;
	padding:14px 20px;
	border-radius:14px;
	display:flex;
	align-items:center;
	gap:12px;
	box-shadow:0 15px 35px rgba(16,24,40,0.18);
}
.ct-map-badge i{
	width:40px; height:40px;
	border-radius:10px;
	background:linear-gradient(90deg,#fd0a6d,#0242fa);
	color:#fff;
	display:flex; align-items:center; justify-content:center;
	font-size:16px;
}
.ct-map-badge h5{ margin:0; font-size:14px; font-weight:800; color:#101828; }
.ct-map-badge p{ margin:2px 0 0; font-size:11.5px; color:#65708b; }

/* ---- Responsive ---- */
@media (max-width:992px){
	.ct-grid{ grid-template-columns:1fr; }
}
@media (max-width:576px){
	.contact-section{ padding:60px 0; }
	.ct-info-card{ padding:20px; }
	.ct-form-wrap .card-body{ padding:24px 18px !important; }
	.ct-map-wrap iframe{ height:280px; }
	.ct-map-badge{ left:12px; bottom:12px; padding:10px 14px; }
}
/* ---------------- SECTION-HEAD FORCE-CENTER FIX ---------------- */
/* Old theme CSS is overriding float/alignment — this forces it back */
.section-head{
	display:block !important;
	float:none !important;
	clear:both !important;
	width:100% !important;
	max-width:720px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	margin-bottom:50px !important;
	text-align:center !important;
	position:relative !important;
}
.section-head *{
	float:none !important;
	clear:both !important;
}
.section-head .section-tag{
	display:inline-block !important;
	width:auto !important;
	margin:0 auto 14px !important;
	text-align:center !important;
}
.section-head h2{
	display:block !important;
	width:100% !important;
	text-align:center !important;
	margin:0 0 14px !important;
}
.section-head p{
	display:block !important;
	width:100% !important;
	text-align:center !important;
	margin:0 auto !important;
}
/* ---------------- FORM ICON CUT-OFF FIX ---------------- */
.ct-form-wrap .input-group{
	display:flex !important;
	flex-wrap:nowrap !important;
	align-items:stretch !important;
	width:100% !important;
}
.ct-form-wrap .input-group-prepend{
	display:flex !important;
	flex-shrink:0 !important;   /* icon box ko shrink hone se roke */
}
.ct-form-wrap .input-group-text{
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:46px !important;
	min-width:46px !important;
	height:auto !important;
	padding:0 !important;
	background:#f7f9fc !important;
	border:1px solid #e6e9f0 !important;
	border-right:none !important;
	border-radius:10px 0 0 10px !important;
	overflow:visible !important;
}
.ct-form-wrap .input-group-text i{
	font-size:15px !important;
	line-height:1 !important;
	margin:0 !important;
	display:inline-block !important;
}
.ct-form-wrap .form-control{
	flex:1 1 auto !important;
	min-width:0 !important;      /* text overflow se icon push hone se roke */
	width:auto !important;
	height:auto !important;
	min-height:46px !important;
	padding:10px 14px !important;
	border:1px solid #e6e9f0 !important;
	border-left:none !important;
	border-radius:0 10px 10px 0 !important;
	box-sizing:border-box !important;
}
.ct-form-wrap textarea.form-control{
	min-height:100px !important;
	height:auto !important;
}
.ct-form-wrap .card, .ct-form-wrap .card-body{
	overflow:visible !important;   /* card agar overflow:hidden hai toh icon cut hota hai */
}










/* ---------------- PREMIUM FOOTER (New Structure) ---------------- */
.footer-pro{
	position:relative;
	overflow:hidden;
	background:linear-gradient(180deg, #0b1330 0%, #131c3f 100%) !important;
	color:rgba(255,255,255,0.75) !important;
	padding:35px 0 0 !important;
	margin-top:0 !important;
}
.footer-pro::before{
	content:"";
	position:absolute;
	top:0; left:0; right:0;
	height:4px;
	background:linear-gradient(90deg,#fd0a6d,#0242fa);
	z-index:2;
}
.footer-blob{
	position:absolute;
	border-radius:50%;
	filter:blur(140px);
	opacity:.15;
	z-index:0;
	pointer-events:none;
}
.footer-blob-1{ width:420px; height:420px; background:#fd0a6d; top:-140px; right:-100px; }
.footer-blob-2{ width:420px; height:420px; background:#0242fa; bottom:-160px; left:-120px; }
.footer-pro .container{ position:relative; z-index:1; }

/* ---- Top: brand + social ---- */
.footer-top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:30px;
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom:1px solid rgba(255,255,255,0.08);
	flex-wrap:wrap;
}
.footer-brand{ max-width:520px; }
.footer-brand img.logo{
	max-width:170px;
	filter:brightness(0) invert(1);
	margin-bottom:16px;
}
.footer-brand p{
	color:rgba(255,255,255,0.6);
	font-size:14px;
	line-height:1.8;
	margin:0;
}
.footer-social{
	display:flex;
	align-items:center;
	gap:16px;
}
.footer-social span{
	font-size:13px;
	font-weight:600;
	letter-spacing:.5px;
	text-transform:uppercase;
	color:rgba(255,255,255,0.5);
}
.social-icons{ display:flex; gap:10px; }
.social-icons a{
	width:40px; height:40px;
	border-radius:50%;
	background:rgba(255,255,255,0.07);
	display:flex; align-items:center; justify-content:center;
	transition:background .3s ease, transform .25s ease, box-shadow .3s ease;
}
.social-icons a i{ color:#fff; font-size:15px; }
.social-icons a:hover{
	background:linear-gradient(90deg,#fd0a6d,#0242fa);
	transform:translateY(-4px);
	box-shadow:0 10px 22px rgba(253,10,109,0.35);
}

/* ---- Middle: link columns ---- */
.footer-links{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:30px;
	padding-bottom:40px;
}
.footer-col h5{
	color:#fff;
	font-size:16px;
	font-weight:700;
	margin:0 0 22px;
	position:relative;
	padding-bottom:12px;
}
.footer-col h5::after{
	content:"";
	position:absolute;
	left:0; bottom:0;
	width:32px; height:3px;
	border-radius:10px;
	background:linear-gradient(90deg,#fd0a6d,#0242fa);
}
.footer-col ul{ list-style:none; margin:0; padding:0; }
.footer-col ul li{ margin-bottom:12px; }
.footer-col ul li a{
	color:rgba(255,255,255,0.62);
	font-size:14px;
	text-decoration:none;
	display:flex;
	align-items:center;
	gap:8px;
	transition:color .25s ease, gap .25s ease;
}
.footer-col ul li a i{
	font-size:10px;
	color:#fd0a6d;
}
.footer-col ul li a:hover{
	color:#fff;
	gap:12px;
}

.footer-contact-list li{
	display:flex;
	align-items:flex-start;
	gap:10px;
	font-size:14px;
	color:rgba(255,255,255,0.62);
	line-height:1.6;
}
.footer-contact-list li i{
	width:32px; height:32px;
	min-width:32px;
	border-radius:9px;
	background:rgba(255,255,255,0.07);
	color:#fd0a6d;
	display:flex; align-items:center; justify-content:center;
	font-size:13px;
}

/* ---- Bottom bar ---- */
.footer-bottom{
	border-top:1px solid rgba(255,255,255,0.08);
	padding:22px 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	gap:14px;
	font-size:13.5px;
	color:rgba(255,255,255,0.5);
}
.footer-bottom a{
	color:#fff;
	font-weight:600;
	text-decoration:none;
}
.footer-bottom a:hover{
	background:linear-gradient(90deg,#fd0a6d,#0242fa);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
}
.footer-bottom-links{ display:flex; align-items:center; gap:10px; }
.footer-bottom-links span{ color:rgba(255,255,255,0.25); }

/* ---- Responsive ---- */
@media (max-width:991px){
	.footer-links{ grid-template-columns:repeat(2,1fr); }
	.footer-top{ flex-direction:column; align-items:flex-start; }
}
@media (max-width:576px){
	.footer-pro{ padding:50px 0 0 !important; }
	.footer-links{ grid-template-columns:1fr; gap:34px; }
	.footer-bottom{ flex-direction:column; text-align:center; }
}












.premium-portfolio{
  --pp-dark:#0a0a14;
  --pp-pink:#fd0a6d;
  --pp-blue:#0242fa;
  --pp-gradient:linear-gradient(90deg, var(--pp-pink) 0%, var(--pp-blue) 100%);
  --pp-muted:#9497a3;
  background:#0a0a14;
  padding:100px 0 110px;
  position:relative;
  overflow:hidden;
  font-family:inherit;
}
.premium-portfolio::before{
  content:"";
  position:absolute;
  top:-180px; right:-180px;
  width:450px; height:450px;
  background:radial-gradient(circle, rgba(253,10,109,0.25) 0%, transparent 70%);
  pointer-events:none;
}
.premium-portfolio::after{
  content:"";
  position:absolute;
  bottom:-180px; left:-180px;
  width:450px; height:450px;
  background:radial-gradient(circle, rgba(2,66,250,0.25) 0%, transparent 70%);
  pointer-events:none;
}
.premium-portfolio .container-fluid{
  max-width:1400px;
  margin:0 auto;
  padding:0 24px;
}

/* Header */
.pp-header{ text-align:center; max-width:640px; margin:0 auto 50px; }
.pp-tag{
  display:inline-block;
  background:var(--pp-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  letter-spacing:3px;
  text-transform:uppercase;
  font-size:13px;
  font-weight:700;
  margin-bottom:14px;
}
.pp-title{
  color:#fff;
  font-size:42px;
  font-weight:700;
  margin:0 0 16px;
  line-height:1.2;
}
.pp-title span{
  background:var(--pp-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.pp-sub{ color:var(--pp-muted); font-size:16px; line-height:1.7; margin:0; }

/* Filters */
.pp-filters{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-bottom:50px;
}
.pp-filter-btn{
  background:transparent;
  border:1px solid rgba(255,255,255,0.15);
  color:#cfd2d8;
  padding:10px 22px;
  border-radius:40px;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  transition:all .35s ease;
}
.pp-filter-btn:hover{ border-color:var(--pp-blue); color:#fff; }
.pp-filter-btn.active{
  background:var(--pp-gradient);
  border-color:transparent;
  color:#fff;
  font-weight:600;
  box-shadow:0 6px 20px rgba(253,10,109,0.35);
}

/* Grid - fully responsive, no bootstrap col dependency needed */
.pp-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:26px;
}
.pp-item{ transition:opacity .4s ease, transform .4s ease; }
.pp-item.pp-hide{
  display:none;
}

.pp-card{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1 / 1.05;
  border-radius:14px;
  overflow:hidden;
  background:#15181f;
  box-shadow:0 10px 30px rgba(0,0,0,0.25);
  transition:box-shadow .4s ease, transform .4s ease;
}
.pp-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:14px;
  padding:2px;
  background:var(--pp-gradient);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  transition:opacity .4s ease;
  pointer-events:none;
  z-index:2;
}
.pp-card:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(2,66,250,0.28); }
.pp-card:hover::before{ opacity:1; }
.pp-img{ width:100%; height:100%; }
.pp-img img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s ease, filter .6s ease;
}
.pp-card:hover .pp-img img{
  transform:scale(1.1);
  filter:brightness(0.55);
}

.pp-overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:26px;
  background:linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.05) 60%, transparent 100%);
  opacity:0;
  transform:translateY(14px);
  transition:opacity .45s ease, transform .45s ease;
}
.pp-card:hover .pp-overlay{ opacity:1; transform:translateY(0); }

.pp-cat{
  display:inline-block;
  background:var(--pp-gradient);
  color:#fff;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1.5px;
  font-weight:700;
  padding:4px 12px;
  border-radius:20px;
  margin-bottom:10px;
}
.pp-overlay h4{
  color:#fff;
  font-size:19px;
  font-weight:700;
  margin:0 0 6px;
}
.pp-overlay p{
  color:#d6d8dc;
  font-size:13.5px;
  line-height:1.5;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.pp-view{
  position:absolute;
  top:18px; right:18px;
  width:38px; height:38px;
  border-radius:50%;
  background:var(--pp-gradient);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  opacity:0;
  transform:scale(.6);
  box-shadow:0 6px 16px rgba(2,66,250,0.4);
  transition:opacity .35s ease .05s, transform .35s ease .05s;
  z-index:3;
}
.pp-card:hover .pp-view{ opacity:1; transform:scale(1); }

/* fade-in animation when filtering */
.pp-item.pp-show{
  animation:ppFadeIn .5s ease forwards;
}
@keyframes ppFadeIn{
  from{ opacity:0; transform:translateY(18px) scale(.97); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}

/* ===== RESPONSIVE ===== */
@media (max-width:1200px){
  .pp-grid{ grid-template-columns:repeat(3, 1fr); }
}
@media (max-width:900px){
  .pp-title{ font-size:34px; }
  .pp-grid{ grid-template-columns:repeat(2, 1fr); gap:18px; }
  .premium-portfolio{ padding:70px 0 80px; }
}
@media (max-width:560px){
  .pp-grid{ grid-template-columns:repeat(1, 1fr); }
  .pp-filters{ gap:8px; }
  .pp-filter-btn{ padding:8px 16px; font-size:13px; }
  .pp-title{ font-size:28px; }
  .pp-overlay{ opacity:1; transform:translateY(0); background:linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 55%, transparent 100%); }
  .pp-view{ opacity:1; transform:scale(1); }
  .pp-card:hover .pp-img img{ transform:none; filter:none; }
}




.premium-faq{
  --pf-pink:#fd0a6d;
  --pf-blue:#0242fa;
  --pf-gradient:linear-gradient(90deg, var(--pf-pink) 0%, var(--pf-blue) 100%);
  --pf-muted:#666b78;
  background:#f7f7fb;
  padding:100px 0 110px;
  position:relative;
  overflow:hidden;
}
.premium-faq::before{
  content:"";
  position:absolute;
  top:-160px; left:-160px;
  width:420px; height:420px;
  background:radial-gradient(circle, rgba(253,10,109,0.10) 0%, transparent 70%);
  pointer-events:none;
}
.premium-faq::after{
  content:"";
  position:absolute;
  bottom:-160px; right:-160px;
  width:420px; height:420px;
  background:radial-gradient(circle, rgba(2,66,250,0.10) 0%, transparent 70%);
  pointer-events:none;
}
.pf-container{
  max-width:880px;
  margin:0 auto;
  padding:0 24px;
  position:relative;
  z-index:1;
}

/* Header */
.pf-header{
  display:flex !important;
  flex-direction:column !important;
  text-align:center !important;
  max-width:620px;
  margin:0 auto 50px !important;
  float:none !important;
}
.pf-tag{
  order:1 !important;
  display:block !important;
  background:var(--pf-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  letter-spacing:3px;
  text-transform:uppercase;
  font-size:13px !important;
  font-weight:700 !important;
  margin:0 0 14px !important;
  float:none !important;
  position:static !important;
}
.pf-title{
  order:2 !important;
  display:block !important;
  color:#15161d !important;
  font-size:38px !important;
  font-weight:700 !important;
  margin:0 0 16px !important;
  line-height:1.25 !important;
  float:none !important;
}
.pf-title span{
  background:var(--pf-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.pf-sub{
  order:3 !important;
  display:block !important;
  color:var(--pf-muted) !important;
  font-size:16px !important;
  line-height:1.7 !important;
  margin:0 !important;
  float:none !important;
}

/* Accordion */
.pf-accordion{ display:flex; flex-direction:column; gap:16px; }

.pf-item{
  background:#ffffff;
  border:1px solid #e9e9f0;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(20,20,40,0.05);
  transition:border-color .35s ease, box-shadow .35s ease;
}
.pf-item.active{
  border-color:transparent;
  box-shadow:0 16px 36px rgba(2,66,250,0.14);
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    var(--pf-gradient) border-box;
  border:1px solid transparent;
}

.pf-q{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:transparent;
  border:none;
  cursor:pointer;
  text-align:left;
  padding:22px 26px;
  color:#1c1d26;
  font-size:16.5px;
  font-weight:600;
  line-height:1.5;
}

.pf-icon{
  flex-shrink:0;
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f2f2f8;
  color:#666b78;
  font-size:14px;
  transition:transform .4s ease, background .35s ease, color .35s ease;
}
.pf-item.active .pf-icon{
  background:var(--pf-gradient);
  color:#fff;
  transform:rotate(135deg);
}

.pf-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .45s ease, padding .45s ease;
  padding:0 26px;
}
.pf-item.active .pf-a{
  max-height:400px;
  padding:0 26px 24px;
}
.pf-a p{
  margin:0;
  color:var(--pf-muted);
  font-size:15px;
  line-height:1.8;
}
.pf-a a{
  background:var(--pf-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:600;
  text-decoration:none;
}
.pf-a a:hover{ text-decoration:underline; }

/* ===== RESPONSIVE ===== */
@media (max-width:768px){
  .pf-title{ font-size:30px; }
  .premium-faq{ padding:70px 0 80px; }
  .pf-q{ padding:18px 20px; font-size:15px; gap:14px; }
  .pf-icon{ width:30px; height:30px; font-size:12px; }
  .pf-item.active .pf-a{ padding:0 20px 20px; }
}
@media (max-width:480px){
  .pf-title{ font-size:25px; }
  .pf-sub{ font-size:14.5px; }
  .pf-q{ font-size:14px; }
}












.pp-container{ max-width:1200px; margin:0 auto; padding:0 24px; }
.pp-spacer-10{ height:10px; }

/* ===== INTRO ===== */
.pp-intro{ background:#f7f7fb; padding:100px 0 80px; position:relative; overflow:hidden; }
.pp-intro::before{
  content:""; position:absolute; top:-160px; left:50%; transform:translateX(-50%);
  width:600px; height:400px;
  background:radial-gradient(ellipse, rgba(253,10,109,0.09) 0%, rgba(2,66,250,0.07) 45%, transparent 75%);
  pointer-events:none;
}
.pp-intro-inner{ max-width:860px; margin:0 auto; text-align:center; position:relative; z-index:1; }
.pp-intro-wide{ max-width:920px; }
.pp-intro-tag{
  display:inline-block !important; background:var(--pp-gradient) !important; color:#ffffff !important;
  font-size:12.5px !important; font-weight:700 !important; letter-spacing:2px !important; text-transform:uppercase !important;
  padding:7px 20px !important; border-radius:30px !important; margin-bottom:20px !important;
  box-shadow:0 8px 20px rgba(253,10,109,0.25);
}
.pp-intro-inner h2{ color:#15161d; font-size:32px; font-weight:800; line-height:1.4; margin:0; letter-spacing:-0.5px; }
.pp-intro-inner h2 span{
  background:var(--pp-gradient) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:var(--pp-pink) !important;
}
.pp-intro-divider{ width:70px; height:4px; background:var(--pp-gradient) !important; border-radius:10px; margin:22px auto; }
.pp-divider-left{ margin:18px 0 26px; }
.pp-intro-inner p{ color:#666b78; font-size:15.3px; line-height:1.9; margin-top:16px; text-align:left; }
.pp-intro-inner p:first-of-type{ margin-top:0; }

/* ===== BENEFITS ===== */
.pp-benefits{ background:#ffffff; padding:80px 0; position:relative; overflow:hidden; }
.pp-benefits::before{
  content:""; position:absolute; top:-140px; right:-140px; width:380px; height:380px;
  background:radial-gradient(circle, rgba(2,66,250,0.07) 0%, transparent 70%); pointer-events:none;
}
.pp-benefits-grid{ display:grid; grid-template-columns:2fr 1fr; gap:60px; align-items:start; position:relative; z-index:1; }

.pp-benefits-text h2{ color:#15161d; font-size:28px; font-weight:800; margin:0; line-height:1.35; }
.pp-benefits-text h3{ color:#15161d; font-size:19px; font-weight:700; margin:28px 0 10px; }
.pp-benefits-text p{ color:#666b78; font-size:15px; line-height:1.85; margin:0 0 22px; }

.pp-benefit-list{ list-style:none !important; margin:0 0 30px !important; padding:0 !important; display:flex; flex-direction:column; gap:14px; }
.pp-benefit-list li{
  display:flex !important; align-items:flex-start !important; gap:12px !important;
  font-size:15px !important; color:#3f424c !important; line-height:1.6 !important;
  background:#f7f7fb; border-radius:12px; padding:13px 16px !important;
}
.pp-arrow{
  flex-shrink:0 !important; width:22px !important; height:22px !important; min-width:22px !important;
  border-radius:50% !important; background:var(--pp-gradient) !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  position:relative !important; margin-top:1px !important;
}
.pp-arrow::before{
  content:"\2192" !important;
  color:#ffffff !important; font-size:12px !important; font-weight:900 !important;
  line-height:1 !important; display:block !important; font-family:Arial, sans-serif !important;
}

.pp-btn{
  display:inline-block !important; text-align:center !important; background:#15161d !important; background-color:#15161d !important;
  color:#ffffff !important; text-decoration:none !important;
  font-weight:600 !important; font-size:15px !important; padding:13px 26px !important; border-radius:10px !important;
  transition:opacity .3s ease, transform .3s ease; border:none !important;
}
.pp-btn:hover{ opacity:.88; transform:translateY(-2px); }
.pp-btn:visited, .pp-btn:active{ color:#ffffff !important; }
.pp-btn-secondary{ background:var(--pp-gradient) !important; background-color:var(--pp-pink) !important; }
.pp-btn-inline{ margin-top:4px; }

.pp-benefits-img img{
  width:100%; border-radius:18px; box-shadow:0 20px 45px rgba(253,10,109,0.14);
}

/* ===== TRANSCEND ===== */
.pp-transcend{ background:#f7f7fb; padding:80px 0; }
.pp-transcend-grid{ display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.pp-transcend-img img{ width:100%; border-radius:18px; box-shadow:0 20px 45px rgba(2,66,250,0.12); }
.pp-transcend-text h2{ color:#15161d; font-size:30px; font-weight:700; margin:0; }
.pp-transcend-text p{ color:#666b78; font-size:15.5px; line-height:1.85; margin-top:6px; text-align:justify; }

/* ===== RESPONSIVE ===== */
@media (max-width:900px){
  .pp-benefits-grid{ grid-template-columns:1fr; gap:34px; }
  .pp-benefits-img{ order:-1; max-width:360px; margin:0 auto; }
}
@media (max-width:768px){
  .pp-intro-inner h2{ font-size:25px; }
  .pp-intro-inner p{ font-size:14.3px; }
  .pp-intro{ padding:70px 0 50px; }
  .pp-benefits{ padding:55px 0; }
  .pp-benefits-text h2{ font-size:23px; }
  .pp-transcend-grid{ grid-template-columns:1fr; gap:30px; }
  .pp-transcend-text h2{ font-size:25px; }
  .pp-transcend{ padding:55px 0; }
}
@media (max-width:480px){
  .pp-intro-inner h2{ font-size:21px; }
  .pp-intro-tag{ font-size:11px !important; padding:6px 16px !important; }
  .pp-benefits-text h2{ font-size:20px; }
  .pp-benefit-list li{ font-size:14px !important; padding:11px 14px !important; }
}







.pp-container{ max-width:1200px; margin:0 auto; padding:0 24px; }

/* ===== INTRO ===== */
.pp-intro{ background:#f7f7fb; padding:100px 0 80px; position:relative; overflow:hidden; }
.pp-intro::before{
  content:""; position:absolute; top:-160px; left:50%; transform:translateX(-50%);
  width:600px; height:400px;
  background:radial-gradient(ellipse, rgba(253,10,109,0.09) 0%, rgba(2,66,250,0.07) 45%, transparent 75%);
  pointer-events:none;
}
.pp-intro-inner{ max-width:860px; margin:0 auto; text-align:center; position:relative; z-index:1; }
.pp-intro-wide{ max-width:920px; }
.pp-intro-tag{
  display:inline-block !important; background:var(--pp-gradient) !important; color:#ffffff !important;
  font-size:12.5px !important; font-weight:700 !important; letter-spacing:2px !important; text-transform:uppercase !important;
  padding:7px 20px !important; border-radius:30px !important; margin-bottom:20px !important;
  box-shadow:0 8px 20px rgba(253,10,109,0.25);
}
.pp-intro-inner h2{ color:#15161d; font-size:32px; font-weight:800; line-height:1.4; margin:0; letter-spacing:-0.5px; }
.pp-intro-inner h2 span{
  background:var(--pp-gradient) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:var(--pp-pink) !important;
}
.pp-intro-divider{ width:70px; height:4px; background:var(--pp-gradient) !important; border-radius:10px; margin:22px auto; }
.pp-divider-left{ margin:18px 0 26px; }
.pp-intro-inner p{ color:#666b78; font-size:15.3px; line-height:1.9; margin-top:16px; text-align:left; }
.pp-intro-inner p:first-of-type{ margin-top:0; }
.pp-center-p{ text-align:center !important; }

/* ===== SHOWCASE ===== */
.pp-showcase{ background:#ffffff; padding:80px 0; position:relative; overflow:hidden; }
.pp-showcase::before{
  content:""; position:absolute; top:-140px; right:-140px; width:380px; height:380px;
  background:radial-gradient(circle, rgba(2,66,250,0.07) 0%, transparent 70%); pointer-events:none;
}
.pp-showcase-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; position:relative; z-index:1; }

.pp-showcase-text h2{ color:#15161d; font-size:28px; font-weight:800; margin:0; line-height:1.35; }
.pp-showcase-text h3{ color:#15161d; font-size:19px; font-weight:700; margin:26px 0 10px; }
.pp-showcase-text p{ color:#666b78; font-size:15px; line-height:1.85; margin:0 0 4px; }

.pp-btn{
  display:inline-block !important; text-align:center !important; background:#15161d !important; background-color:#15161d !important;
  color:#ffffff !important; text-decoration:none !important;
  font-weight:600 !important; font-size:15px !important; padding:13px 26px !important; border-radius:10px !important;
  transition:opacity .3s ease, transform .3s ease; border:none !important;
}
.pp-btn:hover{ opacity:.88; transform:translateY(-2px); }
.pp-btn:visited, .pp-btn:active{ color:#ffffff !important; }
.pp-btn-secondary{ background:var(--pp-gradient) !important; background-color:var(--pp-pink) !important; }
.pp-btn-inline{ margin-top:18px; }

.pp-showcase-img img{
  width:100%; border-radius:18px; box-shadow:0 20px 45px rgba(253,10,109,0.14);
}

/* ===== RESPONSIVE ===== */
@media (max-width:900px){
  .pp-showcase-grid{ grid-template-columns:1fr; gap:34px; }
  .pp-showcase-img{ order:-1; max-width:360px; margin:0 auto; }
}
@media (max-width:768px){
  .pp-intro-inner h2{ font-size:25px; }
  .pp-intro-inner p{ font-size:14.3px; }
  .pp-intro{ padding:70px 0 50px; }
  .pp-showcase{ padding:55px 0; }
  .pp-showcase-text h2{ font-size:23px; }
}
@media (max-width:480px){
  .pp-intro-inner h2{ font-size:21px; }
  .pp-intro-tag{ font-size:11px !important; padding:6px 16px !important; }
  .pp-showcase-text h2{ font-size:20px; }
}

.pp-intro{ background:#f7f7fb; padding:100px 0 80px; position:relative; overflow:hidden; }
.pp-intro::before{
  content:""; position:absolute; top:-160px; left:50%; transform:translateX(-50%);
  width:600px; height:400px;
  background:radial-gradient(ellipse, rgba(253,10,109,0.09) 0%, rgba(2,66,250,0.07) 45%, transparent 75%);
  pointer-events:none;
}
.pp-intro-inner{ max-width:860px; margin:0 auto; text-align:center; position:relative; z-index:1; }
.pp-intro-wide{ max-width:920px; }
.pp-intro-tag{
  display:inline-block !important; background:var(--pp-gradient) !important; color:#ffffff !important;
  font-size:12.5px !important; font-weight:700 !important; letter-spacing:2px !important; text-transform:uppercase !important;
  padding:7px 20px !important; border-radius:30px !important; margin-bottom:20px !important;
  box-shadow:0 8px 20px rgba(253,10,109,0.25);
}
.pp-intro-inner h2{ color:#15161d; font-size:32px; font-weight:800; line-height:1.4; margin:0; letter-spacing:-0.5px; }
.pp-intro-inner h2 span{
  background:var(--pp-gradient) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:var(--pp-pink) !important;
}
.pp-intro-divider{ width:70px; height:4px; background:var(--pp-gradient) !important; border-radius:10px; margin:22px auto; }
.pp-divider-left{ margin:18px 0 22px; }
.pp-intro-inner p{ color:#666b78; font-size:15.3px; line-height:1.9; margin-top:16px; text-align:left; }
.pp-intro-inner p:first-of-type{ margin-top:0; }
.pp-center-p{ text-align:center !important; }

/* ===== SHOWCASE ===== */
.pp-showcase{ background:#ffffff; padding:80px 0; position:relative; overflow:hidden; }
.pp-showcase::before{
  content:""; position:absolute; top:-140px; right:-140px; width:380px; height:380px;
  background:radial-gradient(circle, rgba(2,66,250,0.07) 0%, transparent 70%); pointer-events:none;
}
.pp-showcase-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; position:relative; z-index:1; margin-bottom:70px; }

.pp-showcase-text h2{ color:#15161d; font-size:28px; font-weight:800; margin:0; line-height:1.35; }
.pp-showcase-text h4{ color:#15161d; font-size:18px; font-weight:700; margin:26px 0 10px; line-height:1.4; }
.pp-showcase-text p{ color:#666b78; font-size:15px; line-height:1.85; margin:0 0 4px; }

.pp-benefit-list{ list-style:none !important; margin:0 0 8px !important; padding:0 !important; display:flex; flex-direction:column; gap:12px; }
.pp-benefit-list li{
  display:flex !important; align-items:flex-start !important; gap:12px !important;
  font-size:14.5px !important; color:#3f424c !important; line-height:1.6 !important;
  background:#f7f7fb; border-radius:12px; padding:12px 15px !important;
}
.pp-benefit-list-compact li{ background:transparent; padding:6px 0 !important; border-bottom:1px dashed #ececf3; border-radius:0; }
.pp-benefit-list-compact li:last-child{ border-bottom:none; }

.pp-arrow{
  flex-shrink:0 !important; width:22px !important; height:22px !important; min-width:22px !important;
  border-radius:50% !important; background:var(--pp-gradient) !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  position:relative !important; margin-top:1px !important;
}
.pp-arrow::before{
  content:"\2192" !important;
  color:#ffffff !important; font-size:12px !important; font-weight:900 !important;
  line-height:1 !important; display:block !important; font-family:Arial, sans-serif !important;
}

.pp-btn{
  display:inline-block !important; text-align:center !important; background:#15161d !important; background-color:#15161d !important;
  color:#ffffff !important; text-decoration:none !important;
  font-weight:600 !important; font-size:15px !important; padding:13px 26px !important; border-radius:10px !important;
  transition:opacity .3s ease, transform .3s ease; border:none !important;
}
.pp-btn:hover{ opacity:.88; transform:translateY(-2px); }
.pp-btn:visited, .pp-btn:active{ color:#ffffff !important; }
.pp-btn-secondary{ background:var(--pp-gradient) !important; background-color:var(--pp-pink) !important; }
.pp-btn-inline{ margin-top:18px; }

.pp-showcase-img img{
  width:100%; border-radius:18px; box-shadow:0 20px 45px rgba(253,10,109,0.14);
}

/* ===== SPLIT (Transcend + SMO Services) ===== */
.pp-split-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:60px;
  border-top:1px solid #ececf3; padding-top:60px;
}
.pp-split-col h2{ color:#15161d; font-size:25px; font-weight:800; margin:0; }
.pp-split-col p{ color:#666b78; font-size:15px; line-height:1.85; margin:0; text-align:justify; }

/* ===== RESPONSIVE ===== */
@media (max-width:900px){
  .pp-showcase-grid{ grid-template-columns:1fr; gap:34px; margin-bottom:50px; }
  .pp-showcase-img{ order:-1; max-width:360px; margin:0 auto; }
  .pp-split-grid{ grid-template-columns:1fr; gap:36px; padding-top:44px; }
}
@media (max-width:768px){
  .pp-intro-inner h2{ font-size:25px; }
  .pp-intro-inner p{ font-size:14.3px; }
  .pp-intro{ padding:70px 0 50px; }
  .pp-showcase{ padding:55px 0; }
  .pp-showcase-text h2{ font-size:23px; }
  .pp-split-col h2{ font-size:22px; }
}
@media (max-width:480px){
  .pp-intro-inner h2{ font-size:21px; }
  .pp-intro-tag{ font-size:11px !important; padding:6px 16px !important; }
  .pp-showcase-text h2{ font-size:20px; }
  .pp-benefit-list li{ font-size:13.5px !important; padding:10px 13px !important; }
}