﻿.u-section-1 {
	background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("../img/bg/MSLearn_SA_FB_1200x628_DKGry_Tagline_Ext.jpg");
}

	.u-section-1 .u-sheet-1 {
		min-height: 468px;
	}

@media (max-width: 1199px) {
	.u-section-1 .u-sheet-1 {
		min-height: 431px;
	}
}

@media (max-width: 991px) {
	.u-section-1 .u-sheet-1 {
		min-height: 385px;
	}
}

@media (max-width: 767px) {
	.u-section-1 .u-sheet-1 {
		min-height: 331px;
	}
}

@media (max-width: 575px) {
	.u-section-1 .u-sheet-1 {
		min-height: 216px;
	}
}

.u-section-2 .u-sheet-1 {
	min-height: 793px;
}

.u-section-2 .u-image-1 {
	width: 239px;
	height: 239px;
	background-image: url("../img/team/hanzala.png");
	background-position: 50% 50%;
	margin: -109px auto 0 0;
}

.u-section-2 .u-image-2 {
	width: 110px;
	height: 105px;
	animation-duration: 1000ms;
	margin: -93px -43px 0 auto;
}

.u-section-2 .u-text-1 {
	font-size: 3.0rem;
	margin: 3px 520px 0 -80px;
}

.u-section-2 .u-text-2 {
	font-weight: 700;
	margin: 3px 273px 0 2px;
}

.u-section-2 .u-layout-wrap-1 {
	margin-top: 0;
	margin-bottom: 60px;
}

.u-section-2 .u-layout-cell-1 {
	min-height: 420px;
}

.u-section-2 .u-container1-layout-1 {
	padding: 30px;
}

.u-section-2 .u-text-3 {
	font-weight: 700;
	margin: 38px 0 0;
}

.u-section-2 .u-text-4 {
	line-height: 2;
	font-size: 1rem;
	margin: 13px 0 0;
}

.u-section-2 .u-layout-cell-2 {
	min-height: 420px;
}

.u-section-2 .u-container1-layout-2 {
	padding: 150px;
}

.u-section-2 .u-text-5 {
	margin: 0;
}

.u-section-2 .u-text-6 {
	line-height: 2.2;
	margin: 20px 0 0;
}

.u-section-2 .u-social-icons-1 {
	white-space: nowrap;
	height: 24px;
	min-height: 16px;
	width: 92px;
	min-width: 68px;
	animation-duration: 1000ms;
	margin: 30px auto 0 0;
}

.u-section-2 .u-icon-1 {
	height: 100%;
}

.u-section-2 .u-icon-2 {
	height: 100%;
}

.u-section-2 .u-icon-3 {
	height: 100%;
}

@media (max-width: 1199px) {
	.u-section-2 .u-sheet-1 {
		min-height: 729px;
	}

	.u-section-2 .u-image-1 {
		margin-top: -176px;
	}

	.u-section-2 .u-image-2 {
		width: 101px;
		height: 88px;
		margin-top: -34px;
		margin-right: -21px;
	}

	.u-section-2 .u-text-1 {
		width: auto;
		margin-top: -38px;
		margin-right: 418px;
		margin-left: -50px;
	}

	.u-section-2 .u-text-2 {
		width: auto;
		margin-top: 0;
		margin-right: 87px;
		margin-left: 16px;
	}

	.u-section-2 .u-layout-wrap-1 {
		margin-top: 8px;
	}

	.u-section-2 .u-layout-cell-1 {
		min-height: 346px;
	}

	.u-section-2 .u-text-3 {
		margin-top: -24px;
	}

	.u-section-2 .u-text-4 {
		margin-top: 16px;
	}

	.u-section-2 .u-layout-cell-2 {
		min-height: 484px;
	}

	.u-section-2 .u-social-icons-1 {
		margin-top: 47px;
	}
}

@media (max-width: 991px) {
	.u-section-2 .u-sheet-1 {
		min-height: 687px;
	}

	.u-section-2 .u-image-1 {
		width: 200px;
		height: 200px;
		margin-top: -89px;
	}

	.u-section-2 .u-image-2 {
		margin-top: -80px;
		margin-right: -27px;
	}

	.u-section-2 .u-text-1 {
		margin-top: 12px;
		margin-right: 258px;
		margin-left: 0;
	}

	.u-section-2 .u-text-2 {
		margin-top: -7px;
		margin-right: 79px;
		margin-left: 8px;
	}

	.u-section-2 .u-layout-wrap-1 {
		width: 720px;
		margin: 28px -13px 13px auto;
	}

	.u-section-2 .u-layout-cell-1 {
		min-height: 100px;
	}

	.u-section-2 .u-container1-layout-1 {
		padding-left: 0;
		padding-right: 0;
	}

	.u-section-2 .u-layout-cell-2 {
		min-height: 100px;
	}

	.u-section-2 .u-social-icons-1 {
		width: 91px;
		margin-right: NaNpx;
	}
}

@media (max-width: 767px) {
	.u-section-2 .u-sheet-1 {
		min-height: 1056px;
	}

	.u-section-2 .u-image-1 {
		width: 183px;
		height: 183px;
		margin-top: -79px;
	}

	.u-section-2 .u-image-2 {
		width: 85px;
		height: 74px;
		margin-top: -81px;
		margin-right: -31px;
	}

	.u-section-2 .u-text-1 {
		font-size: 3rem;
		margin-top: 20px;
		margin-right: 78px;
	}

	.u-section-2 .u-text-2 {
		margin-top: 0;
		margin-right: -3px;
		margin-left: 3px;
	}

	.u-section-2 .u-layout-wrap-1 {
		width: 540px;
		margin: 279px 0 14px;
	}

	.u-section-2 .u-layout-cell-1 {
		min-height: 173px;
	}

	.u-section-2 .u-text-3 {
		width: auto;
		margin-top: -273px;
	}

	.u-section-2 .u-text-4 {
		width: auto;
		margin-top: 13px;
	}

	.u-section-2 .u-layout-cell-2 {
		min-height: 389px;
	}

	.u-section-2 .u-container1-layout-2 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.u-section-2 .u-text-5 {
		width: auto;
		margin-top: -245px;
		margin-right: 10px;
		margin-left: -10px;
	}

	.u-section-2 .u-text-6 {
		width: auto;
		margin-right: 10px;
		margin-left: -10px;
	}

	.u-section-2 .u-social-icons-1 {
		width: 92px;
		margin-top: 20px;
		margin-right: auto;
		margin-left: -10px;
	}
}

@media (max-width: 575px) {
	.u-section-2 .u-sheet-1 {
		min-height: 993px;
	}

	.u-section-2 .u-image-1 {
		width: 112px;
		height: 112px;
		margin-top: -52px;
	}

	.u-section-2 .u-image-2 {
		margin-top: -39px;
		margin-right: -34px;
	}

	.u-section-2 .u-text-1 {
		font-size: 1.875rem;
		margin-top: -15px;
		margin-right: 0;
	}

	.u-section-2 .u-text-2 {
		margin-top: 8px;
		margin-left: 0;
		margin-right: 0;
	}

	.u-section-2 .u-layout-wrap-1 {
		width: 340px;
		margin-top: 323px;
		margin-bottom: 60px;
	}

	.u-section-2 .u-layout-cell-1 {
		min-height: 328px;
	}

	.u-section-2 .u-text-3 {
		margin-top: -329px;
	}

	.u-section-2 .u-text-4 {
		margin-top: 20px;
	}

	.u-section-2 .u-layout-cell-2 {
		min-height: 117px;
	}

	.u-section-2 .u-text-5 {
		margin-top: -379px;
	}

	.u-section-2 .u-social-icons-1 {
		margin-top: 25px;
	}
}

.u-section-3 .u-sheet-1 {
	min-height: 1072px;
}

.u-section-3 .u-text-1 {
	line-height: 1.8;
	font-weight: 700;
	font-size: 3.75rem;
	margin: 70px 690px 0 0;
}

.u-section-3 .u-btn-1 {
	text-transform: uppercase;
	letter-spacing: 2px;
	border-style: none;
	margin: 7px auto 0 0;
}

.u-section-3 .u-shape-1 {
	width: 643px;
	height: 643px;
	margin: 29px auto 0 95px;
}

.u-section-3 .u-shape-2 {
	width: 97px;
	height: 97px;
	margin: -304px auto 0 832px;
}

.u-section-3 .u-image-1 {
	width: 587px;
	height: 587px;
	background-image: url("../img/team/hanzala.png");
	background-position: 50% 50%;
	margin: -371px auto 0 0;
}

.u-section-3 .u-text-2 {
	font-size: 3rem;
	margin: -123px 0 0 622px;
}

.u-section-3 .u-shape-3 {
	width: 228px;
	height: 228px;
	margin: -727px auto 37px 532px;
}

@media (max-width: 1199px) {
	.u-section-3 .u-sheet-1 {
		min-height: 1151px;
	}

	.u-section-3 .u-text-1 {
		margin-right: 490px;
	}

	.u-section-3 .u-shape-1 {
		margin-top: 32px;
	}

	.u-section-3 .u-shape-2 {
		margin-top: -449px;
		margin-left: 767px;
	}

	.u-section-3 .u-image-1 {
		width: 542px;
		height: 542px;
		margin-top: -214px;
	}

	.u-section-3 .u-text-2 {
		font-size: 2.75rem;
		width: auto;
		margin-top: -45px;
		margin-left: 400px;
	}

	.u-section-3 .u-shape-3 {
		margin-top: -844px;
		margin-bottom: -233px;
	}
}

@media (max-width: 991px) {
	.u-section-3 .u-sheet-1 {
		min-height: 1253px;
	}

	.u-section-3 .u-text-1 {
		margin-right: 270px;
	}

	.u-section-3 .u-shape-1 {
		margin-top: 26px;
		margin-left: 39px;
	}

	.u-section-3 .u-shape-2 {
		margin-top: -140px;
		margin-left: 584px;
	}

	.u-section-3 .u-image-1 {
		margin-top: -549px;
	}

	.u-section-3 .u-text-2 {
		margin-top: 89px;
		margin-left: 202px;
	}

	.u-section-3 .u-shape-3 {
		margin-top: -926px;
		margin-bottom: -504px;
		margin-left: 470px;
	}
}

@media (max-width: 767px) {
	.u-section-3 .u-sheet-1 {
		min-height: 1158px;
	}

	.u-section-3 .u-text-1 {
		width: auto;
		margin-top: -242px;
		margin-right: 90px;
	}

	.u-section-3 .u-shape-1 {
		height: 482px;
		width: 482px;
		margin-top: 70px;
		margin-left: 40px;
	}

	.u-section-3 .u-shape-2 {
		width: 86px;
		height: 86px;
		margin-top: -86px;
		margin-left: 425px;
	}

	.u-section-3 .u-image-1 {
		width: 455px;
		height: 455px;
		margin-top: -451px;
	}

	.u-section-3 .u-text-2 {
		margin-top: 56px;
		margin-left: 101px;
	}

	.u-section-3 .u-shape-3 {
		width: 154px;
		height: 154px;
		margin-top: -760px;
		margin-bottom: 60px;
		margin-left: 368px;
	}
}

@media (max-width: 575px) {
	.u-section-3 .u-sheet-1 {
		min-height: 708px;
	}

	.u-section-3 .u-text-1 {
		margin-top: -129px;
		margin-right: 0;
	}

	.u-section-3 .u-btn-1 {
		margin-top: 0;
	}

	.u-section-3 .u-shape-1 {
		width: 318px;
		height: 318px;
		margin-top: 64px;
		margin-left: 0;
	}

	.u-section-3 .u-shape-2 {
		width: 72px;
		height: 72px;
		margin-top: -24px;
		margin-left: 254px;
	}

	.u-section-3 .u-image-1 {
		width: 284px;
		height: 284px;
		margin-top: -318px;
	}

	.u-section-3 .u-text-2 {
		font-size: 1.875rem;
		margin-top: 51px;
		margin-left: 49px;
	}

	.u-section-3 .u-shape-3 {
		width: 108px;
		height: 108px;
		margin-top: -528px;
		margin-left: 186px;
	}
}

.u-section-4 .u-sheet-1 {
	min-height: 500px;
}

.u-section-4 .u-text-1 {
	font-size: 3rem;
	font-weight: normal;
	margin: 60px auto 0 0;
}

.u-section-4 .u-text-2 {
	font-size: 1.5rem;
	animation-duration: 1000ms;
	margin: 20px 371px 60px 0;
}

.u-section-4 .u-list-icon-1 {
	color: rgb(0, 150, 136) !important;
}

.u-section-4 .u-list-icon-1 {
	color: rgb(0, 150, 136) !important;
}

.u-section-4 .u-list-icon-3 {
	color: rgb(0, 150, 136) !important;
}

@media (max-width: 1199px) {
	.u-section-4 .u-text-1 {
		width: auto;
		margin-top: 78px;
	}

	.u-section-4 .u-text-2 {
		width: auto;
		margin-right: 171px;
	}
}

@media (max-width: 991px) {
	.u-section-4 .u-text-2 {
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	.u-section-4 .u-text-1 {
		margin-top: -314px;
	}
}

@media (max-width: 575px) {
	.u-section-4 .u-text-1 {
		font-size: 1.875rem;
		font-weight: 700;
		margin-top: 43px;
	}

	.u-section-4 .u-text-2 {
		font-size: 1.25rem;
		margin-top: 17px;
	}
}
