html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Poppins', sans-serif;
}
html, body {
	scroll-behavior: smooth;
}
ol, ul {
	list-style: none;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.container, .container-fluid {
	padding: 0;
}
.container .row, .container-fluid .row {
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
}
input, textarea {
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
}
input, textarea, select, button, a {
	font-family: 'Poppins', sans-serif;
}
.img-fluid {
	max-width: 100%;
	height: auto;
}
.banner-section {
	background: url("../images/banner-bg.jpg") no-repeat;
	background-size: cover;
	background-position: top 28% center;
	height: 100vh;
}
.banner-section .right-part {
	text-align: right;
}
.banner-section .right-part img {
	display: block;
	width: 100%;
}
.banner-section .container-fluid {
	height: 100%;
}
.banner-section .container-fluid .row {
	display: flex;
	align-items: center;
	justify-content: left;
	height: 100%;
}
.banner-section .left-side-content {
	padding-left: 36%;
}
.banner-section .left-side-content .logo {
	margin-bottom: 20px;
}
.banner-section .left-side-content .logo img {
	width: 49%;
}
.banner-section .left-side-content h1 {
	font-size: 48px;
	color: #0e59a5;
	font-weight: 500;
	line-height: 58px;
	margin-bottom: 25px;
}
.banner-section .left-side-content p {
	font-size: 20px;
	color: #000000;
	line-height: 30px;
}
.banner-section .left-side-content p a {
	text-decoration: none;
	color: #000000;
	display: block;
}
.banner-section .left-side-content p a svg {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
@media  screen and (max-width:1600px) {
	.banner-section .left-side-content .logo img {
		width: 59%;
	}
}
@media only screen and (min-width:1300px) and (max-width:1440px) {
	.banner-section .left-side-content h1 {
		font-size: 43px;
	}
	.banner-section .left-side-content .logo img {
		width: 64%;
	}
}
@media  screen and (min-width:1361px) and (max-width:1366px) {
}
@media  screen and (min-width:1431px) and (max-width:1440px) {
}
@media (max-width:1280px) {
	.banner-section .left-side-content h1 {
		font-size: 43px;
	}
	.banner-section .left-side-content .logo img {
		width: 64%;
	}
	.banner-section .left-side-content {
		padding-left: 32%;
	}
}
@media screen and (min-width:1000px) and (max-width:1024px) {
	.banner-section .left-side-content {
		padding-left: 35px;
	}
}
@media only screen and (min-device-width:800px) and (max-device-width:820px) {
}
@media only screen and (min-device-width:768px) and (max-device-width:991px) {
}
@media screen and (min-width:0) and (max-width:1023px) {
	.banner-section .left-side-content {
		padding: 20px;
		text-align: center;
		background: rgba(188, 246, 159, 0.7);    /* width: 90%; */
		margin: 0 20px;
	}
	.banner-section .left-side-content h1 {
		font-size: 36px;
	}
}
