/* ==========================================================
   AlterMind Schools & Colleges
========================================================== */

.schools-hero,
.schools-services,
.schools-process,
.schools-note {

	padding:110px 0;
	position:relative;

}

.schools-hero {
	padding-top:170px;
}


/* ==========================================================
   Section Titles
========================================================== */

.schools-hero .section-title,
.schools-services .section-title,
.schools-process .section-title,
.schools-note .section-title {

	max-width:900px;
	margin:0 auto 70px;
	text-align:center;

}

.schools-hero .section-title span,
.schools-services .section-title span,
.schools-process .section-title span,
.schools-note .section-title span {

	display:inline-block;
	color:#4f8cff;
	font-size:.85rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:3px;
	margin-bottom:18px;

}

.schools-hero h1,
.schools-services h2,
.schools-process h2,
.schools-note h2 {

	color:#fff;
	font-size:clamp(34px,5vw,56px);
	line-height:1.15;
	margin-bottom:25px;

}

.schools-hero .section-title p,
.schools-services .section-title p,
.schools-process .section-title p,
.schools-note .section-title p {

	max-width:760px;
	margin:auto;
	line-height:1.9;
	color:rgba(255,255,255,.72);
	font-size:1.05rem;

}


/* ==========================================================
   Service Cards
========================================================== */

.schools-services .grid-4 {

	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:30px;
	margin-top:60px;

}

.schools-services .card {

	padding:40px;

	border-radius:24px;

	background:rgba(255,255,255,.03);

	border:1px solid rgba(255,255,255,.08);

	backdrop-filter:blur(18px);

	transition:.35s;

}

.schools-services .card:hover {

	transform:translateY(-8px);

	border-color:rgba(79,140,255,.35);

	box-shadow:0 20px 50px rgba(79,140,255,.15);

}

.schools-services .card h3 {

	color:#fff;
	margin-bottom:15px;

}

.schools-services .card p {

	color:rgba(255,255,255,.72);
	line-height:1.8;

}


/* ==========================================================
   Process CTA
========================================================== */

.schools-process .am-buttons {

	display:flex;
	justify-content:center;
	margin-top:40px;

}


/* ==========================================================
   Note
========================================================== */

.schools-note .section-title {

	padding:70px;

	border-radius:30px;

	background:rgba(255,255,255,.03);

	border:1px solid rgba(255,255,255,.08);

	backdrop-filter:blur(18px);

}


/* ==========================================================
   Responsive
========================================================== */

@media(max-width:992px) {

	.schools-services .grid-4 {

		grid-template-columns:repeat(2,1fr);

	}

}

@media(max-width:768px) {

	.schools-hero,
	.schools-services,
	.schools-process,
	.schools-note {

		padding:80px 0;

	}

	.schools-hero {

		padding-top:140px;

	}

	.schools-services .grid-4 {

		grid-template-columns:1fr;

	}

	.schools-note .section-title {

		padding:40px 25px;

	}

}