/**********************************/
/********** General CSS ***********/
/**********************************/
body {
	font-family: 'Poppins', sans-serif;
	color: #757575;
	font-weight: 400;
	background: #ffffff;
	font-size:14px;
}
a {
	color: #4F84C4;
	transition: 0.5s;
}
a:hover, a:active, a:focus {
	color: #757575;
	outline: none;
	text-decoration: none;
}
p {
	color: #757575;
	padding: 0;
	margin: 0 0 15px 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	color: #757575;
	margin: 0 0 15px 0;
	padding: 0;
}
.back-to-top {
	position: fixed;
	display: none;
	background: #4F84C4;
	color: #ffffff;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 1;
	font-size: 16px;
	border-radius: 5px;
	right: 15px;
	bottom: 15px;
	transition: background 0.5s;
	z-index: 11;
}
.back-to-top i {
	padding-top: 12px;
	color: #ffffff;
}
/**********************************/
/********* Header Nav CSS *********/
/**********************************/
#nav {
	padding: 20px 0;
	height: 92px;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	background: #ffffff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
	transition: all 0.5s;
	z-index: 9;
}
#nav.header-scrolled {
	background: #ffffff;
	padding: 10px 0;
	height: 72px;
	transition: all 0.5s;
}
#nav #logo {
	float: left;
}
#nav #logo img {
	padding: 0;
	margin: 0;
	max-height: 50px;
}
#nav-menu-container {
	position: relative;
	float: right;
	margin: 0;
}
.nav-menu, .nav-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-menu li {
	position: relative;
	float: left;
	margin: 15px 15px 0 15px;
	white-space: nowrap;
}
.nav-menu a {
	padding: 0 0 3px 0;
	text-decoration: none;
	display: inline-block;
	color: #757575;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	outline: none;
}
.nav-menu a::after {
	position: absolute;
	content: "";
	width: 35px;
	height: 2px;
	bottom: 2px;
	left: 1px;
	background: #4F84C4;
	opacity: 0;
	transition: .3s;
}
.nav-menu li:hover > a, .nav-menu > .menu-active > a {
	color: #4F84C4;
}
.nav-menu li:hover > a::after, .nav-menu > .menu-active > a::after {
	opacity: 1;
}
#mobile-nav-toggle {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	margin: 25px 15px 0 0;
	border: 0;
	background: none;
	font-size: 24px;
	display: none;
	transition: all 0.4s;
	outline: none;
	cursor: pointer;
}
#mobile-nav-toggle i {
	color: #757575;
}
#mobile-nav {
	position: fixed;
	top: 0;
	padding-top: 30px;
	bottom: 0;
	z-index: 998;
	background: rgba(0, 0, 0, 0.8);
	left: -100%;
	width: 100%;
	text-align: center;
	overflow-y: auto;
	transition: 0.4s;
}
#mobile-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#mobile-nav ul li {
	position: relative;
}
#mobile-nav ul li a {
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	overflow: hidden;
	padding: 10px 15px;
	position: relative;
	text-decoration: none;
	width: 100%;
	display: block;
	outline: none;
	font-weight: 600;
}
#mobile-nav ul li a:hover {
	color: #4F84C4;
}
#mobile-nav ul li.menu-active a {
	color: #4F84C4;
}
#mobile-body-overly {
	width: 100%;
	height: 100%;
	z-index: 997;
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	display: none;
}
body.mobile-nav-active {
	overflow: hidden;
}
body.mobile-nav-active #mobile-nav {
	left: 0;
}
body.mobile-nav-active #mobile-nav-toggle {
	color: #fff;
}
@media (min-width: 992px) {
	#nav #logo {
		padding-left: 60px;
	}
	#nav-menu-container {
		padding-right: 60px;
	}
}
@media (max-width: 767.98px) {
	#nav-menu-container {
		display: none;
	}
	#mobile-nav-toggle {
		display: inline;
	}
}
/**********************************/
/*********** Header CSS ***********/
/**********************************/
#header {
	position: relative;
	padding:40px 0;
	margin-top: 90px;
	margin-bottom: 30px;
/*	background: linear-gradient(rgba(256, 256, 256, .9), rgba(256, 256, 256, .9)), url("../img/banner.webp");*/
	background: url("../img/banner.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
}
#header .header-content {
	width: 100%;
	text-align: left;
}
#header .header-content h2 {
	color:#F5BE36;
	font-size: 40px;
	font-weight:900;
	margin-bottom: 20px;
}
#header .header-content h2 span {
	color: #4F84C4;
}
#header .header-content ul {
	margin-left: 32px;
	margin-bottom: 30px;
}
#header .header-content ul li {
	font-size: 22px;
}
#header .header-content ul li i {
	color: #4F84C4;
}
#header .header-content .btn {
	padding: 7px 20px;
	color: #363636;
	font-size: 20px;
	border: 2px solid #4F84C4;
}
#header .header-content .btn:hover {
	color: #ffffff;
	background: #4F84C4;
}
#header .header-img {
	position: relative;
	overflow: hidden;
	text-align: right;
}
#header .header-img img {
	max-height: calc(100vh - 180px);
}
@media (max-width: 767.98px) {
	#header .header-img {
		text-align: left;
		margin-top: 45px;
	}
}
/**********************************/
/******* Section Header CSS *******/
/**********************************/
.section-header {
	position: relative;
	max-width: 700px;
	margin: 0 auto 45px auto;
	padding-bottom: 20px;
}
.section-header::after {
	content: '';
	position: absolute;
	width: 50px;
	height: 8px;
	left: calc(50% - 25px);
	bottom: 0;
	background: #cccccc;
	border-radius: 10px;
}
.section-header h2 {
	position: relative;
	color: #4F84C4;
	font-size: 45px;
	font-weight: 700;
	text-align: center;
	text-transform: capitalize;
}
.section-header p {
	color: #999999;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	margin: 0
}
/**********************************/
/********** Feature CSS ***********/
/**********************************/
#feature {
	position: relative;
	padding:40px 0;
/*	background: #ffffff;*/
}
#feature .certifications{
	background-image: url("../img/Certifications-bg.webp");
	background-size: contain;
	background-repeat: no-repeat;
}


#feature .col-md-4:first-child .product-feature {
	text-align: right;
}
#feature .product-feature {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 45px;
}
#feature .product-feature:last-child {
	margin: 0;
}
#feature .product-icon {
	position: relative;
	width: 70px;
	height: inherit;
	float: left;
}
#feature .icon i {
	color: #F4BB22;
	font-size:24px;
	background-color:#fff;
	border-radius: 50%;
	border: 1px solid #F4BB22;
/*	padding:10px 7px;*/
	margin-left: -30px;
}

#feature .placements-box {
	background-image: url("../img/Placements-bg.webp");
	background-size: cover;
	width:100%;
	padding: 20px 20px;
	border-radius:10px;
}
#feature .curriculum-box {
		border: 1px solid #E3DBD8;
	padding: 10px 10px;
	border-radius: 10px;
	background:#fff;
}
#feature .product-content {
	position: relative;
	width: calc(100% - 70px);
	float: left;
}
#feature .product-feature h2 {
	color: #4F84C4;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 5px;
}
#feature .product-feature p {
	margin-bottom: 0;
}
#feature .product-img {
	position: relative;
	width: 100%;
	padding: 0 30px;
	overflow: hidden;
}
#feature .product-img img {
	width: 100%;
}
@media (max-width: 767.98px) {
	#feature .col-md-4:first-child .product-feature {
		text-align: left;
	}
	#feature .col-md-4:first-child .product-feature .product-icon {
		float: left;
	}
	#feature .col-md-4:first-child .product-feature .product-content {
		float: right;
	}
	#feature .product-img img {
		margin: 45px 0;
	}
}
/**********************************/
/********** Process CSS ***********/
/**********************************/
#process {
	position: relative;
	padding:35px 0 45px 0;
	background:#0A1439;
	color: #fff;
}
#process .process-col {
	width: 100%;
	border: 1px solid #fff;
	border-radius:10px;
	padding: 10px 10px;
	border-left:5px solid #F4BB22;
}
/*
#process .process-col::after {
	position: absolute;
	top: 12px;
	right: -12px;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 45px;
	color: #dddddd;
}
*/
#process .col-md-4:last-child .process-col::after {
	display: none;
}
#process .process-col i {
	color: #F4BB22;
	font-size:20px;
	margin-bottom: 10px;
	background-color: #f4bb2221;
	padding: 5px 5px;
	border-radius: 5px;
}
#process .process-col h2 {
	color: #fff;
	font-size:24px;
	font-weight: 700;
	margin-bottom: 10px;
}
#process .process-col p {
/*	font-size: 16px;*/
	margin: 0;
	color: #fff;
}
@media (max-width: 767.98px) {
	#process .process-col::after {
		opacity: 0;
	}
}
/**********************************/
/********** Products CSS **********/
/**********************************/
#products {
	position: relative;
	padding:40px 0;
}
#products .product-single {
	position: relative;
	width: 100%;
	padding: 30px;
	text-align: center;
	background: #f7f7f7;
	border-radius: 5px;
}
#products .product-single .product-img {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
#products .product-img img {
	max-width: 100%;
}
#products .product-content {
	position: relative;
	width: 100%;
}
#products .product-content h2 {
	color: #4F84C4;
	font-size: 20px;
	font-weight: 600;
}
#products .product-content h3 {
	color: #4F84C4;
	font-size: 25px;
	font-weight: 700;
}
#products .product-content .btn {
	color: #4F84C4;
	font-size: 18px;
	border: 2px solid #4F84C4;
}
#products .product-content .btn:hover {
	color: #ffffff;
	background: #4F84C4;
}
.out-line {
	color: #ffffff;
	-webkit-text-stroke:1px #0E4174; 
	font-weight: 900;
}
.ex-mr-t {
	margin-top:40px!important;
}
#admission{margin: 40px 0px;background-color: #F2F8FC;padding: 40px 0px;}


#admission .wrapper{
    position:relative;
    width:100%;
    height:700px;
}
/* Center Circle */
.center{
    position:absolute;
    width:180px;
    height:180px;
    background:#fff;
    border-radius:50%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    font-size:22px;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
    z-index:10;
	color: #000;
}

/* Ring */
.ring{
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    border:25px solid #ddd;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
/*	z-index: 99;*/
}

/* Hexagon Steps */
.step{	
    position:absolute;
    width:190px;
    height:190px;
    background:#F4BB22;
	clip-path:polygon(
        25% 6.7%,
        75% 6.7%,
        100% 50%,
        75% 93.3%,
        25% 93.3%,
        0% 50%
    );
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:10px;
    font-weight:600;
    font-size:14px;
    transition:0.4s;
    cursor:pointer;
}

/* Dark Steps */
.s3, .s4, .s5{
    background:#0c1d3d;
    color:#F4BB22;
}
.s1, .s2, .s6 {
    color:#0A1439;
}

/* Step Positions */
.s1{ top:10%; left:50%; transform:translate(-50%,0); }
.s2{ top:23%; right:0; }
.s3{ bottom:23%; right:0; }
.s4{ bottom:8%; left:50%; transform:translate(-50%,0); }
.s5{ bottom:23%; left:0; }
.s6{ top:23%; left:0; }

.s1 .t1{position: absolute;margin-top: -70px; }
.s2 .t2{position: absolute;margin-top: -70px; }
.s3 .t3{position: absolute;margin-top: -70px; }
.s4 .t4{position: absolute;margin-top: -70px; }
.s5 .t5{position: absolute;margin-top: -70px; }
.s6 .t6{position: absolute;margin-top: -70px; }

/* Detail Text */
.detail{
    position:absolute;
    width:300px;
    font-size:12px;
    text-align:left;
    color:#333;
}

.d1{ top:40px; left:95%; transform:translateX(-50%);}
.d2{ top:28%; right:-330px;}
.d3{ bottom:32%; right:-330px;}
.d4{ bottom:40px; left:2%; transform:translateX(-50%);text-align: right;}
.d5{ bottom:25%; left:-330px;text-align: right;}
.d6{ top:25%; left:-330px;text-align: right;}
.out-line-yellow {
  color:#F4BB22;
  -webkit-text-stroke: 1px #0A1439;
  font-weight: 900;
}
.out-line-blue {
  color:#0A1439;
  -webkit-text-stroke: 1px #F4BB22;
  font-weight: 900;
}
.number{
    font-size:22px;
    font-weight:900;
    margin-bottom:12px;
}
.text{
    font-size:15px;
    font-weight:600;
    line-height:1.4;
}


@media (max-width: 767.98px) {
	#products .product-single {
		margin-bottom: 45px;
	}
	#products .col-md-3:last-child .product-single {
		margin-bottom: 0;
	}
	.ex-mr-t {margin-top:0px!important;}
}
/**********************************/
/******** Testimonial CSS *********/
/**********************************/
#testimonials {
	position: relative;
	padding: 90px 0;
	background: #f7f7f7;
}
#why-choose {
	position: relative;
	padding:30px 0;
	background: #F2F8FC;
}
.why-choose-item {
	padding: 20px 10px;
	background: #fff;
	border-radius: 10px;
	margin:25px 5px;
	height: 160px;
}
.why-choose-icon {
	background-color: #F4BB22;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	margin-left: 35%;
	padding: 5.5%
}
.why-choose-icon .fa {
	color: #fff;
	font-size: 28px;
}
/* Nav container */
.why-choose-carousel .owl-nav {
	position: absolute;
	bottom: -50px;
	width: 100%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
}
/* Nav buttons */
.why-choose-carousel .owl-nav button {
	width: 45px;
	height: 45px;
	background: #ff5722 !important;   /* background color */
	color: #fff !important;            /* arrow color */
	border-radius: 50%;
	font-size: 22px;
	transition: all 0.3s ease;
}
/* Hover effect */
.why-choose-carousel .owl-nav button:hover {
	background: #222 !important;
	color: #fff !important;
}
/* Disabled state */
.why-choose-carousel .owl-nav button.disabled {
	background: #ccc !important;
	opacity: 0.5;
	cursor: not-allowed;
}
.why-choose-carousel .owl-nav .owl-prev:hover {
	color: #666;
	background-color: #F4BB22;
}
.why-choose-carousel .owl-nav .owl-prev {
	margin-left: 80%;
	border: 1px solid #F4BB22;
	color: #F4BB22;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	padding: 5px 12px;
}
.why-choose-carousel .owl-nav .owl-next:hover {
	color: #666;
	background-color: #F4BB22;
}
.why-choose-carousel .owl-nav .owl-next {
	margin-right: 60px;
	border: 1px solid #F4BB22;
	color: #F4BB22;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	padding: 5px 12px;
}
.why-1 {
	width: 380px;
	margin-left: -80px;
}
.overview-box {
	background-color: #F9FAFB;
	padding: 50px 0px;
}
.overview-box li::before {
	content: "✔";
	color: #fff;
	/*  margin-right: 8px;*/
	background-color: #F4BB22;
	border-radius: 50%;
	font-size: 10px;
	padding: 3px 6px;
}
.overview-box li {
	padding: 5px 0px;
}
#testimonials .testimonial-item {
	position: relative;
	width: 100%;
	padding: 0 15px;
	text-align: center;
}
#testimonials .testimonial-img {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
}
#testimonials .testimonial-item img {
	margin: 0 auto;
	max-width: 100px;
	max-height: 100px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 5px;
}
#testimonials .testimonial-content {
	position: relative;
	width: 100%;
	text-align: center;
}
#testimonials .testimonial-content h3 {
	font-size: 22px;
	font-weight: 700;
	color: #4F84C4;
	margin-bottom: 5px;
}
#testimonials .testimonial-content h4 {
	color: #999999;
	font-size: 16px;
	font-weight: 500;
	font-style: italic;
	margin-bottom: 15px;
}
#testimonials .testimonial-item p {
	color: #757575;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
}
#testimonials .owl-nav, #testimonials .owl-dots {
	margin-top: 15px;
	text-align: center;
}
#testimonials .owl-dot {
	display: inline-block;
	margin: 0 5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .1);
}
#testimonials .owl-dot.active {
	background: #4F84C4;
}
/**********************************/
/************ FAQs CSS ************/
/**********************************/
#faqs {
	position: relative;
	padding:40px 0;
}
#faqs .card {
	margin-bottom: 15px;
	border: none;
	border-radius: 0;
}
#faqs .card:last-child {
	margin-bottom: 0;
}
#faqs .card-header {
	padding: 0;
	border: none;
}
#faqs .card-header span {
	display: block;
	float: left;
	width: 50px;
	height: inherit;
	margin-right: 10px;
	padding: 15px 0;
	text-align: center;
	color: #ffffff;
	background: #4F84C4;
}
#faqs .card-header a {
	display: block;
	float: right;
	width: calc(100% - 65px);
	padding: 15px 0;
	color: #757575;
	font-size: 16px;
	font-weight: 400;
}
#faqs .card-header [data-toggle="collapse"]:after {
	font-family: 'font Awesome 5 Free';
	content: "\f067";
	float: right;
	margin-right: 15px;
	color: #4F84C4;
	font-size: 14px;
	font-weight: 900;
	transition: .3s;
}
#faqs .card-header [data-toggle="collapse"][aria-expanded="true"]:after {
	font-family: 'font Awesome 5 Free';
	content: "\f068";
	float: right;
	margin-right: 15px;
	color: #4F84C4;
	font-size: 14px;
	font-weight: 900;
	transition: .3s;
}
#faqs .card-body {
	color: #757575;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid;
	border-color: rgba(0, 0, 0, .03) rgba(0, 0, 0, .05) rgba(0, 0, 0, .05) rgba(0, 0, 0, .05);
}
#faqs .contact-info {
	position: relative;
	width: 100%;
}
#faqs .contact-info h2 {
	color: #4F84C4;
	font-size: 30px;
	font-weight: 700;
}
#faqs .contact-info p {
	color: #757575;
	font-size: 16px;
	font-weight: 400;
}
#faqs .contact-info h3 {
	color: #757575;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}
#faqs .contact-info h3 i {
	width: 20px;
	color: #4F84C4;
	margin-right: 5px;
}
#faqs .contact-info a {
	margin: 10px 0 15px 0;
	font-size: 18px;
	color: #4F84C4;
	border: 2px solid #4F84C4;
}
#faqs .contact-info a:hover {
	color: #ffffff;
	background: #4F84C4;
}
#faqs .social {
	position: relative;
	width: 100%;
}
#faqs .social a {
	display: inline-block;
	margin: 10px 10px 0 0;
	width: 40px;
	height: 40px;
	padding: 3px 0;
	text-align: center;
	font-size: 20px;
	border: 2px solid #4F84C4;
	border-radius: 4px;
}
#faqs .social a i {
	color: #4F84C4;
}
#faqs .social a:hover {
	background: #4F84C4;
}
#faqs .social a:hover i {
	color: #ffffff;
}
/**********************************/
/********** Footer CSS ************/
/**********************************/
#footer {
	position: relative;
	padding: 30px 0;
	background: #222222;
}
#footer .col-md-6:first-child p {
	text-align: left;
}
#footer .col-md-6:last-child p {
	text-align: right;
}
@media (max-width: 767.98px) {
	#footer .col-md-6:first-child p, #footer .col-md-6:last-child p {
		text-align: center;
	}
}
#footer p {
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
}
#footer p a {
	font-weight: 700;
}
#footer p a:hover {
	color: #ffffff;
}
#accreditations img {
	width: 50px;
	height: 50px;
}
#logo img {
	width: 200px;
}
.btn-floating:hover img {
	margin-bottom: -3px
}
.whtsap-btn {
	color: #ffffff;
	background-color: #2ecc71;
	border: none;
	border-radius: 6px;
	padding: 12px 20px;
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
	display: flex;
	align-items: center;
	box-shadow: 2px 7px 96px -2px rgba(154, 171, 237, 1);
	-webkit-box-shadow: 2px 7px 96px -2px rgba(154, 171, 237, 1);
	-moz-box-shadow: 2px 7px 96px -2px rgba(154, 171, 237, 1);
}
.whtsap-btn:hover {
	box-shadow: none;
	cursor: pointer;
	background-color: #4F84C4;
}
.card-counter {
	box-shadow: 2px 2px 10px #DADADA;
	padding: 20px 20px;
	background-color: #fff;
	height: 100%;
	min-height: 180px;
	border-radius: 5px;
	transition: .3s linear all;
}
.card-counter:hover {
	box-shadow: 4px 4px 20px #666;
	transition: .3s linear all;
}
.card-counter.primary {
	background-color: #007bff;
	color: #FFF;
}
.card-counter.danger {
	background-color: #ef5350;
	color: #FFF;
}
.card-counter.success {
	background-color: #66bb6a;
	color: #FFF;
}
.card-counter.info {
	background-color: #26c6da;
	color: #FFF;
}
.card-counter i {
	font-size: 5em;
	opacity: 0.1;
	margin-top: 30px;
}
.card-counter .count-numbers {
	position: absolute;
	right: 35px;
	top: 20px;
	font-size: 16px;
	display: block;
	font-weight: 900;
	color: #1D4678;
}
.card-counter .count-name {
	position: absolute;
	right: 35px;
	top: 45px;
	text-align: right;
	text-transform: capitalize;
	display: block;
	font-size: 14px;
	left: 25px;
	font-weight: 600;
}
.text-blue {
	color: #0E4174;
}
.form-box{width:100%;padding:15px 15px;border-radius:10px;}
.form-box .form-control::placeholder{font-size: 12px;}
.form-box .form-control{font-size: 12px;}
.whtsp{margin-left: -30px;width: 40px;}
.thank-you-b{height:100vh;background-size: cover!important;margin-bottom:0px!important;padding-top:10%!important;}

@media (max-width: 767.98px) {
	html{overflow-x: hidden;}
	body{overflow-x: hidden;}
	#faqs .contact-info {
		margin-top: 45px;
	}
	#accreditations img {
		width: 25px;
		height: 25px;
		padding: 1px;
	}
	#logo img {
		width: 130px!important;
	}
	.why-choose-carousel .owl-nav {
		display: none;
	}
	.mob-hide {
		display: none;
	}
	#products {padding:20px 0px;}
	#feature {padding:20px 0px;}
	#feature .certifications h2{color: #fff;text-align: center;}
	#feature .placements-box h2{color: #fff;text-align: center;}
	#feature .placements-box h5{color: #fff;text-align: center;}
	#feature .placements-box p{color: #fff;text-align: center;}
	#feature .certifications p{color: #fff;text-align: center;}
	#feature .certifications{
	background-image: url("../img/Certifications-bg-m.webp");
	background-size: contain;
	background-repeat: no-repeat;
		padding: 10px 10px;
}
	#admission .wrapper {  height: 100%;}
	.overview-box li::before{padding: 3px 6px;}
	.why-choose-icon{padding: 3.5%;margin-left: 40%;}
	#feature .placements-box{background-size: contain;}
/*
	.step{clip-path: polygon(
    0%    0%,
    100%  0%,
    100%  100%,
    0%    100%
  );}
*/
	#header {
	position: relative;
	padding:20px 0;
	margin-top: 90px;
	margin-bottom:30px;
/*	background: linear-gradient(rgba(256, 256, 256, .9), rgba(256, 256, 256, .9)), url("../img/banner.webp");*/
	background: url("../img/banner-m.webp");
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
}
}
@media(max-width:768px){

/* Wrapper vertical */
.wrapper{
    height:auto;
    padding:0px 20px;
    display:flex;
    flex-direction:column;
    align-items:center;
}

/* Hide ring */
.ring{
    display:none;
}

/* Reset center */
.center{
    position:relative;
    top:auto;
    left:auto;
    transform:none;
    margin-bottom:30px;
}

/* Reset all step absolute */
.step{
    position:relative;
    top:auto !important;
    bottom:auto !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    width:100%;
    max-width:320px;
    height:160px;
    margin:10px 0 0px 0;
}

/* Reset all details */
.detail{
    position:relative;
    width:100%;
    max-width:320px;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;

    text-align:center;
    margin-bottom:25px;
}

/* ORDER FIX (important) */

/* Force correct sequence visually */
.s1{ order:1;}
.d1{ order:2;}

.s2{ order:3;}
.d2{ order:4;}

.s3{ order:5; }
.d3{ order:6; }

.s4{ order:7; }
.d4{ order:8; }

.s5{ order:9; }
.d5{ order:10; }

.s6{ order:11; }
.d6{ order:12; }

}