@charset "utf-8";

/* CSS Document */



body {margin: 0px; padding: 0px; background: #ebeef2; font-family: 'Inter', sans-serif; font-size: 14px; color: #171922;}

h1,h2,h3,h4,h5,h6 {margin: 0px; padding: 0px;}

#msg {
	display:none;
	z-index:200;
	border:2px solid #924949;
	position:absolute;
}
#msgcontent {
	display:block;
	background:#f3e6e6;
	padding:5px;
	min-width:150px;
	max-width:250px;
	font-size:12px;
	position:relative;
}
#msgimg {
	position:absolute;
	width: 37px;
	height: 7px;
	left:0;
	top:-7px;
	background:url(../img/msg_arrow_top.png) no-repeat;
}

.logo {width: 400px;}

.orange-strap {background-color: #ff6a13; color: #fff;}

.font18 {font-size: 18px;}

.font24 {font-size: 24px;}

.font30 {font-size: 30px; line-height: 36px;}

.font40 {font-size: 40px; line-height: 46px;}

.font80 {font-size: 80px;}

.fw-600 {font-weight: 600;}

.fw-700 {font-weight: 700;}

.bl-1 {border-left: 1px solid #171922;}



.hero-image {width: 100%; height: 720px; background-size: cover;}

.section {padding-top: 50px; padding-bottom: 50px;}



.icon-list {font-size: 16px;}

.icon-list .title {font-size:20px; font-weight:600; color: #ff6a13;}

ul.icon-list {list-style-type:none; display:inline-block; margin: 0px; padding: 0px;}

ul.icon-list>li {display:flex; margin-bottom: 0.5rem;}

.icon-list strong {color: #ff6a13;}

.icon-list p {margin-bottom: 0px;}

.icon-img {border: 2px dashed #ff6a13; background: #ff6a13; width: 60px; height: 60px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; margin-right: 1rem;}

ul.icon-list>li .details {width: 80%;}

.bg-blue {background-color: #157feb; color: #fff;}

.bg-trans {background: rgba(255,255,255,0.15);}



.custom-btn {background: #171922; color: #fff; border-radius: 25px; min-height: 50px; min-width: 200px; display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; font-size: 20px; font-weight: 600; text-decoration: none; text-align: center; transition: 0.3s ease; border:0px;}

.custom-btn:hover {color: #fff; background: #171922;}

.custom-btn:focus {background: #000;}

.blue-btn,.blue-btn:hover {background: #157feb;}

.blue-btn:focus {background: #1263b5; color: #96c0eb;}

.orange-btn,.orange-btn:hover {background: #ff6a13;}

.orange-btn:focus {background: #e66011; color: #efba9c;}



.img-collage {position:relative;}

.img-collage .second {position:absolute; top:150px; right:50px}



.stm_material_form .label {

	font-size: 14px;

	font-weight: 500;

	margin-bottom: 0;

	position: absolute;

	bottom: 6px;

	padding-right: 10px;

	transition: .3s ease;

	-webkit-transition: .3s ease;

	-moz-transition: .3s ease;

	color:#fff;

}

.stm_material_form input:focus {

	outline: 0

}

.stm_material_form.stm_has-value .label {

	bottom: 30px

}

.stm_material_form {

	position: relative;

	margin-bottom: 2rem

}

.stm_material_form span.label {

	position: absolute;

	bottom: 16px;

	transition: .3s ease;

	-webkit-transition: .3s ease;

	-moz-transition: .3s ease;

	font-weight: 400;

	color: #adb3b9

}

.stm_material_form .custom-control-wrap {

	position: relative;

	width: 100%;

	display: block

}

.stm_material_form .form-control {

	position: relative;

	border: 0;

	padding-left: 0px;

	padding-right: 10px;

	z-index: 2;

	border-radius: 0;

	outline: none;

	color: #fff;

	font-size: 14px;

	font-weight: 500;

	top: 0;

	border-bottom: 1px solid #fff;

	background:rgba(0,158,158,0.02);	

}

.stm_material_form.stm_has-value span.label {

	font-size: 14px;

	bottom: 42px;

	opacity: .8

}

.stm_material_form.textareabox .label {

	bottom: 30px

}

.stm_material_form.stm_has-value.textareabox .label {

	bottom: 65px

}

.form-control:focus {

	outline: none;

	box-shadow: none

}

.stm_material_form textarea {

	min-height: 60px

}

.stm_material_form1 .label {bottom:30px !important;}

::-webkit-calendar-picker-indicator {

    filter: invert(1);

}



.img-greyscale {

	-webkit-filter: grayscale(100%);

	filter: grayscale(100%)

}



.social-links a {

	background: #fff;

	border-radius: 50%;

	width: 33px;

	height: 33px;

	display: inline-flex;

    margin: 3px;

    justify-content: center;

    align-items: center;

}

.social-links a svg {

	color: #1c324a;

	font-size: 18px;

	line-height: 34px

}

.icon .svg-inline--fa {

	color: #fff;

}

.icon.facebook {

	background: #3555a0

}

.icon.twitter {

	background: #27a8df

}

.icon.linkedin {

	background: #01669e

}

.icon.whatsapp {

	background: #00d253

}



.error {font-size:12px; position:absolute; width:100%; color:#222644;}

.custom-checkbox input.error {width: 1em; font-size: 14px;}

.custom-checkbox .error {font-size:12px; position:relative; width:100%; color:#222644;}



.swiper-slide {text-align: center;}

#gender-error,#qualification-error {display: none;}



@media (max-width:991px) {

	.font80 {font-size: 60px;}

	.hero-image {background-position: -200px;}

	.font24 {font-size: 20px;}

	.img-collage .first {position: absolute; left: -140px;}

	.img-collage .second {right: 20px;}

}

@media (max-width:767px) {

	.hero-image {background-position: -200px;}

	.font30 {font-size: 24px; line-height: 30px;}

	.font24 {font-size: 18px;}

	.img-collage {padding-bottom: 2em;}

	.img-collage .first {position: relative; left: auto; margin-left: auto;}

	.hero-image {height: 600px;}

	.img-collage .second {display: none;}

	.logo {width: 300px;}

	.logo img {max-width: 100%; height: auto;}

}



@media (max-width:360px){

	body,html {width: 360px;}

}