.hero-section {
	padding: 70px;
	background-color: #282b48;
	background-image: url(../content/csc_sm2_bg-01.png);
	background-position: 100% 100%;
	background-size: auto;
	background-repeat: no-repeat;
}
 
.hero-section .hero-heading {
	padding-top: 20px;
	font-family: Fsmepro, sans-serif;
	color: #fff;
	font-size: 56px;
	line-height: 60px;
	font-weight: 700;
	margin-bottom: 0;
}

.hero-section .hero-sub-heading {
	margin-bottom: 20px;
	font-family: Fsmepro, sans-serif;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
}

@media (max-width: 991px) {
	.hero-section {
		background-position: 50% 100%;
	}
}

@media (max-width: 767px) {
	.hero-section {
		padding: 40px 40px 60px;
	}
	.content-section {
		padding: 40px;
	}
}

@media (max-width: 575px) {
	.hero-section {
		padding: 40px 30px 80px 30px;
	}
	.hero-section .hero-heading {
		font-size: 38px;
		line-height: 42px;
		padding-bottom: 10px;
	}
	.hero-section .hero-sub-heading {
		font-size: 18px;
    line-height: 24px;
    font-weight: 400;
	}
	.content-section {
		padding: 30px;
	}
}