html {
	font-size: 16px;
}
body {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	line-height: 1.5;
	color: #072b34;
}

/* main website css override */
.section .container .row,
.section .row .row,
.footer-bar .container .row,
.footer-bar .row .row {
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
}
p {
	font-weight: 300;
	margin-bottom: 25px;
}
p.lead {
	font-size: 24px;
}
strong {
	font-weight: 700;
}
h1,
h2 {
	font-size: 40px;
	line-height: 1.2;
	font-weight: 700;
}
h1 {
	margin-bottom: 50px;
}
h2 {
	margin-bottom: 35px;
}
h3 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 25px;
}
.img-bx {
	margin-bottom: 40px;
}
.header-bar {
	padding: 20px 0 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.site-logo {
	margin-bottom: 20px;
}
.sponsor {
	text-align: center;
	margin-bottom: 20px;
}
.sponsor h5 {
	font-size: 16px;
	font-weight: 300;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
	-webkit-filter:alpha(opacity=60);
	margin-bottom: 13px;
}
.embed-frame {
	margin-bottom: 45px;
}
.site-header{
	background-image: url("../images/bg-texture.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
}

.site-logo {
	width: 281px;
	display: block;
}

.logo-head-right {
	font-weight: 300;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0.03em;
	color: #FFFFFF;
}

.logo-head-right img {
	width: 180px;
	display: block;
}

.section {
	padding-top: 70px;
	padding-bottom: 35px;
	position: relative;
}
.section .container {
	position: relative;
	z-index: 1;
}

.bg-color-1 {
	background-color: #123638;
	color: #ffffff;
}
.bg-color-2 {
	background-color: #f2f7e9;
}
.bg-color-3 {
	background-color: #abc2c1;
}
.bg-color-4 {
	background-color: #123638;
	color: #ffffff;
}

.embed-frame {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	overflow: hidden;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
}

.section-1 {
	padding-top: 45px;
}
.section-1 h3 {
	font-size: 36px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #73a9aa;
	margin-bottom: 40px;
}
.section-1 h4 {
	font-size: 48px;
	font-weight: 300;
	margin-bottom: 5px;
}

.section-2:before,
.section-2:after {
	content: "";
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.section-2:before {
	width: 316px;
	height: 743px;
	background-image: url("../images/img-element-circle.png");
	left: 0;
}
.section-2:after {
	width: 429px;
	height: 597px;
	background-image: url("../images/img-element-network.png");
	right: 0;
}

.heading-style-1 {
	font-size: 20px;
	font-weight: 300;
	color: #618d8b;
	text-transform: uppercase;
	padding-left: 10px;
	margin-bottom: 30px;
}
.heading-style-1 .head-inner {
	padding-bottom: 20px;
	padding-right: 110px;
	display: inline-block;
	position: relative;
}
.heading-style-1 .count {
	font-size: 48px;
	line-height: 1;
	font-weight: 700;
	margin-right: 5px;
}
.heading-style-1 .head-inner:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	height: 1px;
	width: 5000px;
	background-color: #255f63;
}
.section-media-cnt .media-img-bx,
.section-media-cnt .media-cnt {
	margin-bottom: 35px;
}
.section-media-cnt p {
	line-height: 1.3;
}
.pricing-bx {
	font-size: 24px;
	text-transform: uppercase;
}
.pricing-bx .price{
	color: #59366c;
	font-weight: 700;
}
.pricing-bx h4 {
	font-size: 24px;
	font-weight: 700;
	padding-left: 70px;
	position: relative;
}
.pricing-bx h4:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	width: 60px;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.4);
}
.side-component {
	margin-top: -80px;
	margin-bottom: 40px;
}
.side-component .row {
	--bs-gutter-x: 80px;
}
.side-component .logo-bx {
	position: relative;
}
.side-component .logo-bx:before {
	content: "";
	position: absolute;
	top: 5px;
	right: 0;
	bottom: 5px;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.1);
}
.side-component .side-logo,
.side-component h3 {
	margin-bottom: 0;
}
.side-component h3 {
	font-weight: 300;
}
.side-component h3 strong {
	display: block;
	font-weight: 700;
}

.course-info-bar {
	padding-left: 65px;
	padding-right: 65px;
	margin-bottom: 45px;
}
.course-info-bar .row {
	--bs-gutter-x: 70px;
}
.course-info-wrapper {
	background-color: #dee4d2;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	padding-top: 45px;
	padding-bottom: 5px;
}
.course-info-bx {
	position: relative;
	margin-bottom: 20px;
}
.course-info-bx:after {
	content: "";
	position: absolute;
	top: 20px;
	right: 0;
	height: 70px;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.1);
}
.course-info-bx:last-child:after {
	display: none;
}
.course-info-bx .course-icon {
	margin-bottom: 12px;
}
.course-info-bx h4 {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 12px;
}
.course-info-bx p {
	font-size: 16px;
	line-height: 1.5;
}


.footer-bar {
	background-color: #072b34;
	color: #618d8b;
	font-size: 16px;
	font-weight: 300;
	padding-top: 35px;
	padding-bottom: 15px;
}
.footer-navigation ul {
	padding-left: 0;
	list-style-type: none;
	display: flex;
}
.footer-navigation ul li + li:before {
	content: "|";
	margin-left: 5px;
	margin-right: 5px;
}
.footer-navigation ul li a {
	color: #618d8b;
	text-decoration: none;
	transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-ms-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
}
.footer-navigation ul li a:hover {
	color : #9bc6c4;
}


.form-header-text{
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
	text-align: center;
}

.form-header-text h3{
	color: #044f51;
}

.form{
	display: flex;
    flex-direction: column;
    justify-content: center;
    width: 70%;
    align-items: center;
	margin: 0 auto;
	max-width: 1098px;
}

.form .submitBtn{
	padding: calc( (60px - 20px) / 2 );
    border-radius: 5px;
    font-size: 20px;
    background-color: #ef855c;
	color: #fff;
	width: 100%;
	margin-top: 10px;
}

.form .input-group {
	display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 10px;
}

.form .input-group .form-field{
	height: 60px;
    line-height: 60px;
    border-radius: 5px;
    border-width: 0px;
    background-color: #ffffff;
	border-color: #ced4da;
	border: 1px solid rgba(56, 67, 84, 0.12);
    color: #384354;
    -webkit-box-shadow: 0 2px 6px rgb(56 67 84 / 5%);
	box-shadow: 0 2px 6px rgb(56 67 84 / 5%);
	line-height: normal; 
	padding: 0.375rem 0.75rem;
}

.form .input-group .form-field:focus {
    border-color: #8798A3;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.video-box-ifl-optin {
    width: 100%;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1399px) {
	.course-info-bar .row {
		--bs-gutter-x: 50px;
	}
}

@media (max-width: 1199px) {
	p.lead {
		font-size: 22px;
	}
}

@media only screen and (max-width: 991px) {
	.site-logo img{
		max-width: 56%;
	}
	.section-2:before {
		left: -110px;
	}
	.section-2:after {
		right: -80px;
	}
	.side-component {
		margin-top: 0;
	}
	.course-info-bx:nth-child(even):after {
		display: none;
	}
	.course-info-bar {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media only screen and (max-width: 767px) {

	.site-logo {
		width: 200px;
	}

	.logo-head-right img {
		width: 116px;
		margin-top: 5px;
	}



	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	h1, h2 {
		font-size: 32px;
	}
	h2 {
		margin-bottom: 20px;
	}
	p.lead {
		font-size: 20px;
	}
	.section-1 h3 {
		font-size: 32px;
	}
	.section-1 h4 {
		font-size: 36px;
	}
	.section {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.heading-style-1 .head-inner {
		padding-right: 25px;
		padding-left: 25px;
		padding-bottom: 0;
	}
	.heading-style-1 .head-inner:after {
		content: "";
		position: absolute;
		bottom: 0;
		right: 0;
		height: 1px;
		width: 5000px;
		background-color: #255f63;
	}
	.heading-style-1 .head-inner:before,
	.heading-style-1 .head-inner:after {
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	}
	.heading-style-1 .head-inner:before {
		right: auto;
		left: 100%;
	}
	.heading-style-1 .head-inner:after {
		right: 100%;
	}
	.section-media-cnt {
		text-align: center;
	}
	.section-media-cnt .media-img-bx {
		margin-bottom: 20px;
	}
	.section-media-cnt p {
		text-align: left;
	}
	.pricing-bx h4 {
		padding-left: 0;
		padding-top: 20px;
	}
	.pricing-bx h4:before {
		top: 8px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}
	.section-3 {
		text-align: center;
	}
	.side-component .side-logo {
		margin-bottom: 20px;
	}
	.side-component .side-logo:after {
		display: none;
	}
	.course-info-bar {
		padding-left: 20px;
		padding-right: 20px;
	}
	.course-info-wrapper {
		padding-top: 20px;
		padding-bottom: 0;
	}
	.course-info-bar .row {
		--bs-gutter-x: 20px;
	}
	.course-info-bx {
		margin-bottom: 5px;
	}
	.course-info-bx p {
		display: none;
	}
	.course-info-bx:after {
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	}
	.course-info-bx:nth-child(even):after {
		display: block;
	}
	.course-info-bx:last-child:after {
		display: none;
	}
	.course-info-bx .course-icon {
		max-width: 40px;
		margin-left: auto;
		margin-right: auto;
	}
	.course-info-bx h4 {
		font-size: 14px;
		font-weight: 400;
	}
	.footer-bar {
		font-size: 15px;
		padding-top: 15px;
		padding-bottom: 12px;
	}
	.footer-bar .row {
		flex-direction: column;
		align-items: center;
	}
	.footer-bar .site-info p,
	.footer-navigation ul {
		margin-bottom: 3px;
	}
	.footer-bar .site-info {
		order: 1;
	}
	.section-2:before,
	.section-2:after {
		display: none;
	}
}

@media only screen and (max-width: 575px) {
	body {
		font-size: 16px;
	}
	.sponsor h5 {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.sponsor .brand-logo {
		max-width: 110px;
	}
	.section-1 h3 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	h1, h2 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	h2 {
		margin-bottom: 10px;
	}
	h3 {
		font-size: 22px;
	}
	p.lead {
		font-size: 18px;
	}
	.embed-frame {
		margin-bottom: 20px;
	}
	.heading-style-1 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.heading-style-1 .count {
		font-size: 36px;
	}
	.section-media-cnt .media-img-bx,
	.section-media-cnt .media-cnt {
		margin-bottom: 20px;
	}
	.section-media-cnt .media-img-bx {
		max-width: 175px;
		margin-left: auto;
		margin-right: auto;
	}

	.section-media-cnt .media-img-bx-landscape {
		max-width: initial!important;
	}

	.course-info-wrapper {
		padding-top: 10px;
		padding-bottom: 0;
	}
	.course-info-bar {
		margin-bottom: 25px;
	}
	.course-info-bx {
		margin-bottom: 0;
	}
	.course-info-bx h4 {
		font-size: 11px;
		margin-bottom: 10px;
	}
	.course-info-bx .course-icon {
		max-width: 30px;
		margin-bottom: 7px;
	}
}