@font-face {

	font-family: book;

	src: url(../font/book.ttf);

}



body {

	margin: 0px;

	padding: 0px;

	font-family: Calibri;

	overflow-x: hidden;

}



img {

	max-width: 100%;

}



.text-center {

	text-align: center;

}



.container {

	max-width: 1100px;

	width: 100%;

	display: block;

	margin: 0 auto;

}



ul,

li {

	list-style: none;

	margin: 0px;

	padding: 0px;

}



a {

	text-decoration: none;

}



* {

	box-sizing: border-box;

	outline: none;

}



.heading {

	font-weight: bold;

	font-size: 30px;

	color: #3c3b3c;

	font-family: book;

}



.sub-heading {

	font-size: 20px;

	color: #373739;

	font-weight: bold;

}



.sub-heading1 {

	color: #3c3b3c;

	font-weight: bold;

	font-size: 30px;
	margin-bottom: 15px;

}



header {

	width: 100%;

	float: left;

	padding-top: 12px;
}



header .logo {

	float: left;

	margin-bottom: 10px;

}



header .header-right {

	float: right;margin-top: 20px;

}



header .header-right .contact-info {

	float: left;

}



header .header-right .contact-info li {

	float: left;

	padding-left: 33px;

	padding-top: 6px;

	padding-bottom: 6px;

	padding-right: 15px;

	color: #000;

	font-size: 18px;


}



header .header-right .contact-info li.phone {

	background: url("../img/phone-icon.png");

	background-repeat: no-repeat;

	background-position: left center;

}



header .header-right .contact-info li.email {

	background: url("../img/mail-icon.png");

	background-repeat: no-repeat;

	background-position: left center;

}



header .social {

	float: left;

	padding-top: 4px;

}



header .social li {

	float: left;

	padding-left: 8px;

}



.slider {

	width: 100%;

	float: left;
    background: url("../img/slider2.jpg") #d11635 top center no-repeat;
	padding:20px 0px 20px;

}

.sliderr {width: 100%;float: left;background: red top center no-repeat;padding:20px 0px 20px;}



.slider .course {

	width: 65%;

	float: left;

	margin-top: 20px;

}



.slider .course .text {

	font-size: 30px;

	color: #252525;

	text-align: center;

}



.slider .course .text span {

	color: #a3238b;

	font-weight: bold;

}



.slider .course .course-name {

	width: 100%;

	float: left;

	margin-top: 20px;

}



.slider .course .course-name li {

	width: 25%;

	float: left;

	padding: 10px;

}



.slider .course .course-name .img {

	text-align: center;

	background: #fff;

	border-radius: 50%;

	border: 5px solid #ffccf6;

	width: 160px;

	height: 160px;

	display: flex;

	align-items: center;

	justify-content: center;

}



.slider .course .course-name .course-text {

	color: #3a3a3a;

	font-size: 18px;

	text-align: center;

}



.slider .form{width: 32%; float: right; border-radius: 5px; padding: 25px; margin: 22%;}

.slider .form .form-heading{text-align:center; font-size: 18px; color: #4c4c4c;}

.slider .form .form-heading span{display: block; font-size: 24px; font-weight: bold; text-transform: uppercase; color: #d11635;  }

.slider .form ul{width: 100%; float: left; margin-top: 20px;}

.slider .form ul li{width: 100%; float: left; margin-bottom: 20px;}

.slider .form ul li input[type="text"]{ padding:8px 10px; border:1px solid #d1d1d1;  font-size: 12px; font-style: italic; width: 100%;}

.slider .form ul li input[type="text"]:focus{border:1px solid #1562ae;}

.slider .form ul li textarea{ padding:8px 10px; border:1px solid #d1d1d1;  font-size: 12px; font-style: italic; width: 100%; min-height:75px;font-family:Calibri; font-size: 14px; resize: none; }

.slider .form ul li textarea:focus{border:1px solid #1562ae;}

.slider .form ul li input[type="email"] { padding:8px 10px; border:1px solid #d1d1d1;  font-size: 12px; font-style: italic; width: 100%;}

.slider .form ul li input[type="email"]:focus{border:1px solid #1562ae;}

.slider .form ul li input[type="mobile"] { padding:8px 10px; border:1px solid #d1d1d1;  font-size: 12px; font-style: italic; width: 100%;}
.slider .form ul li input[type="number"] { padding:8px 10px; border:1px solid #d1d1d1;  font-size: 12px; font-style: italic; width: 100%;}
.slider .form ul li input[type="mobile"]:focus{border:1px solid #1562ae;}

.slider .form ul li .fstQueryInput{ padding:8px 10px;font-size: 12px; font-style: italic; width: 100%!important;}

.slider .form ul li .fstQueryInput:focus{border:1px solid #1562ae;}

.slider .form ul li .fstResultItem {display: block; padding:8px 10px; border:1px solid #d1d1d1;  font-size: 12px; font-style: italic; width: 100%;}

.slider .form ul li input[type="submit"]{ padding:8px 10px; border:none;  font-size: 14px; font-weight: bold; width: 100%; background:#eb2326; color: #fff; text-transform: uppercase; cursor: pointer;border-radius: 3px;}

.slider .form ul li input[type="submit"]:hover{background: #ce1517;}



.about-us {

	width: 100%;

	float: left;

	padding: 30px 0 0;

	background: #fff;

}



.about-us .about-right {

	width: 30%;

	float: right;

	text-align: right;

	margin-top:25px;

}



.about-us .about-right img {

	display: block;

}



.about-us .about-left {

	width: 65%;

	float: left;

}



.about-us .about-left .pra {

	color: #3d3d3e;

	font-size: 16px;

}



.about-us .about-left ul.why-iics {

	width: 100%;

	float: left;

	margin: 15px 0 30px;

}



.about-us .about-left ul.why-iics li {

	width: 100%;

	float: left;

	color: #3d3d3e;

	font-size: 17px;

	padding: 5px 30px;

	background: url("../img/why-icon.png")  no-repeat left center;

}



.course-section {

	width: 100%;

	float: left;

	padding: 40px 0;

	background: #fef1f1;

}



.course-section ul.course-slider {

	width: 100%;

	float: left;

}



.course-section ul.course-slider li {

	text-align: center;

}

.course-section ul.course-slider li  .img{text-align: center;
    border-radius: 50%;
    margin:30px 25px;
    display: flex;
    align-items: center;
    justify-content: center;}

.course-section ul.course-slider .owl-prev img {

	position: absolute;

	left: 0px;

	top: 45%;

}



.course-section ul.course-slider .owl-next img {

	position: absolute;

	right: 0px;

	top: 45%;

}



.course-section ul.course-slider .course-text {

	margin-top: 10px;

}



.ctn {width: 100%;float: left;background: #fff;padding: 0px 0 10px;}



.ctn .btn-section {

	width: 100%;

	float: left;

	text-align: center;

	margin-top: 30px;

}



.ctn .btn-section a {

	padding: 10px 30px;

	border: none;

	font-size: 18px;

	font-weight: bold;

	border-radius: 5px;

	background: #EB2326;

	color: #fff;

}



.ctn .btn-section a:hover {

	background: #ce1517;

}

.course-section ul.course-slider li .img img{border-radius:10px;box-shadow: 0px 0px 4px #878383;}

footer {

	width: 100%;

	float: left;

	background: #EB2326;

	padding: 8px 0;

	color: #fff;

}



footer .left {

	float: left;

}



footer .right {

	float: right;

}



footer a {

	color: #ffcacb;

}



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

	header,

	.slider,

	.about-us,

	.course-section,

	footer {

		padding-right: 15px;

		padding-left: 15px;

	}



	.ctn {

		padding: 30px 0;

	}



	.slider {

		text-align: center;

	}



	.course-section {

		padding: 20px;

	}



	.slider .course {

		width: 100%;

		float: left;

	}



	.slider .course .course-name li {

		min-height: 187px;

	}



	.slider .form {

		width: 40%;

		margin: 20px 30%;

	}



}



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

	.slider .form {

		width: 50%;

		margin: 20px 25%;

	}



}



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

	header {

		padding-right: 15px;

		padding-left: 15px;
		padding-bottom: 15px;

	}



	header .logo {

		width: 100%;

		float: left;

		text-align: center;

	}



	header .header-right {

		width: 100%;

		float: left;

	}



	header .header-right .contact-info,

	header .social {

		display: block;

		width: 100%;

		text-align: center;

		float: none;

	}



	header .header-right .contact-info li,

	header .social li {

		float: none;

		display: inline-block;

	}



	.slider .course .course-name li {

		width: 33.3%;

	}



	.slider .form {

		width: 80%;

		margin: 10%;

	}



	.about-us .about-left {

		width: 100%;

		float: left;

	}



	.about-us .about-right {

		display: none;

	}



}



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

	.slider .course .course-name li {

		width: 50%;

	}



	.slider .form {

		width: 100%;

		margin: 10px 0;

	}



	.about-us .about-right {

		display: block;

		margin-top: 10px;

		width: 100%;

		text-align: center;

	}



	footer .left,

	footer .right {

		width: 100%;

		float: none;

		text-align: center;

		display: block;

	}



}



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

	.slider .course .course-name li {

		width: 100%;

	}



	.slider .course .course-name {

		display: none;

	}



}