@import url('https://fonts.googleapis.com/css?family=Rubik');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@800&display=swap');

*{
	margin: 0;
	padding: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	scroll-behavior: smooth;
	font-family: Rubik, sans-serif;
}
.main{
	max-width: 1366px;
	margin: 0 auto;
}
.container{
	max-height: 550px;
}
img{
	object-fit: cover;
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 500;
}
p{
	overflow: hidden;
}

header{
	height: 45px;
	background: #3b598f;
}
nav{
	height: 65px;
	top: 0;
	position: sticky;
	z-index: 100;
	background: #fff;
	border-bottom: 2px solid crimson;
}
.nav-inner{
	height: 100%;
	width: calc(100% - 50px);
	margin: 0px 25px;
	display: grid;
	grid-template-columns: 200px calc(100% - 360px) 150px;	
}
.nav-section{
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
}
.logo{
	width: 190px;
	margin: 0 auto;
}
.menu-section{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: calc(100%);
	height: 65px;
}
.menu-section a{
	color: #555;
}
.menu-section ul li{
	position: relative;
	font-size: 17px;
}
.menu-section i{
	font-weight: bolder;
}
.li-a{
	height: 65px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.menu-section ul{
	list-style: none;
}
.menu-section-link{
	margin-right: 15px;
}
.menu-sub-section{
	top: 70px;
	display: flex;
	left: calc(25% - 150px);
	flex-direction: column;
	position: absolute;
	border-radius: 2px;
	width: 300px;
	padding: 0px 5px;
	overflow: hidden;
	z-index: 5;
	background: #f1f1f1;
	transform-origin: top;
	-webkit-transform: perspective(500px) rotateX(-90deg);
	transform: perspective(500px) rotateX(-90deg);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.menu-sub-section ul li{
	width: 100%;
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	text-align: center;
}
.menu-sub-section ul li a{
	width: 100%;
	font-size: 15px;
}
.menu-section ul li:hover .menu-sub-section{
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);	
}
.menu-section-link-highlighted{
	padding: 10px 10px;
	border-radius: 5px;
	border: 2px solid skyblue;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin-right: 20px;
}
.menu-section-link-highlighted:hover{
	border: 2px solid crimson;
	background: crimson;
	color: #fff;
}
#menu-btn{
	height: 35px;
	width: 40px;
	display: none;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	color: #555;
	cursor: pointer;
	margin-left: auto;
	margin-right: 7px;
	border: 1px solid rgba(0, 0, 0, 0.2);
}









/*RESPONSE*/
.response-loader{
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    z-index: 1002;
    position: fixed;
    background: rgba(255, 255, 255, 0.5);
}
.response-loading{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid steelblue;
    border-right-color: transparent;
    -webkit-animation: animate infinite linear 0.5s;
    animation: animate infinite linear 0.5s;    
}
.window-loader{
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 1000000000;
    position: fixed;
    background: #fff;
    overflow: hidden;
}
.loader-inner{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.07);
}
.window-loading{
    height: 37px;
    width: 37px;
    border-radius: 50%;
    border: 3px solid orangered;
    border-right-color: transparent;
    -webkit-animation: animateB infinite linear 0.5s;
    animation: animateB infinite linear 0.5s;	
}
@-webkit-keyframes animate{
    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }   
}
@keyframes animate{
    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }   
}
@-webkit-keyframes animateB{
    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }   
}
@keyframes animateB{
    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }   
}
.success-sec{
    padding: 15px;
    color: #0b961d;
    margin: 0 10px;
    border-radius: 5px;
    text-align: center;
    background: #84fa94;
    display: inline-block;
    border: 1px solid #0b961d;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.error-sec{
    padding: 15px;
    color: deeppink;
    margin: 0 10px;
    border-radius: 5px;
    text-align: center;
    background: #f7c3e5;
    display: inline-block;
    border: 1px solid pink;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.error-wrapper{
	width: calc(100% - 40px);
	padding: 7px 10px;
	color: deeppink;
	margin: 0 10px;
	border-radius: 5px;
	text-align: center;
	background: #f7c3e5;
	border: 1px solid pink;
}
.success-wrapper{
	width: calc(100% - 40px);
	padding: 7px 10px;
	color: #0b961d;
	margin: 0 10px;
	border-radius: 5px;
	text-align: center;
	background: #84fa94;
	border: 1px solid #0b961d;			
}









.header-inner{
	height: 100%;
	width: calc(100% - 50px);
	margin: 0px 25px;
	display: grid;
	grid-template-columns: 380px calc(100% - 633px) 253px;
}
.header-section{
	display: flex;
	height: 100%;
	flex-direction: row;
	align-items: center;
}
.header-info{
	color: #fff;
}
.header-info i{
	color: orange;
	margin-right: 5px;
}
.header-info:nth-child(1){
	margin-left: 5px;
}
.header-info:nth-child(2){
	margin-left: 15px;
}
.social-icons{
	height: 35px;
	width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-right: 5px;
	border: 1px solid #999;
}
.social-icons i{
	color: rgba(255, 255, 255, 0.9);
}
a{
	text-decoration: none;
}
.contact-btn{
	background: #23a2d5;
	color: #fff;
	border: none;
	margin-left: auto;
	outline: none;
	border-radius: 3px;
	padding: 9px 15px;
}
.ticker{
	width: 100%;
	overflow: hidden;
	color: #e87613;
	background: azure;
	margin-bottom: -5px;
	line-height: 35px;
	height: 35px;
	font-size: 17px;
	white-space: nowrap;
}
.ticker-track{
	display: inline-block;
	padding-left: 100%;
	white-space: nowrap;
	-webkit-animation: ticker-scroll 22s linear infinite;
	animation: ticker-scroll 22s linear infinite;
}
@-webkit-keyframes ticker-scroll{
	0%{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100%{
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
@keyframes ticker-scroll{
	0%{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100%{
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
.overlay{
	width: 100%;
	height: 100%;
	z-index: 101;
	position: fixed;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}






/*POPUP FORM*/
.form{
	top: 20%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 700px;
	padding: 20px;
	border-radius: 10px;
	background: #fff;
	position: fixed;
	z-index: 102;
	overflow: hidden;
	display: none;
}
.form-group{
	display: grid;
	grid-template-columns: 50% 50%;
}
.form-group input{
	padding: 9px 15px;
	font-size: 15px;
	color: #555;
	margin: 5px;
	border: none;
	outline: none;
	border-radius: 5px;
	border: 1px solid #999;
}
.form-group input::placeholder{
	color: #555;
}
.form textarea{
	width: calc(100% - 40px);
	padding: 9px 15px;
	font-size: 15px;
	color: #555;
	margin: 5px;
	border: none;
	outline: none;
	border-radius: 3px;
	border: 1px solid #999;
	resize: none;
}
.remove-form-wrapper{
	height: 50px;
	padding: 0px 5px;
}
.remove-form-wrapper h2{
	font-size: 20px;
	font-weight: 400;
	color: crimson;
	display: inline;
}
#cancel-form{
	fill: #999;
	margin: 5px;
	float: right;
	cursor: pointer;
}
.submit-btn{
	padding: 8px 0px;
	font-size: 15px;
	color: #555;
	margin: 0px 5px;
	border: none;
	outline: none;
	width: 200px;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	background: steelblue;
}
.pop-up-highlight{
	padding: 0px 10px;
	border-radius: 5px;
	background: orange;
	color: #fff;
	height: 45px;
	line-height: 45px;
	width: 90%;
	margin: 0px 5px;
	position: relative;
	font-size: 20px;
}
.pop-up-highlight::after{
	content: '';
	top: 0;
	left: 15px;
	height: 100%;
	width: 100%;
	z-index: -1;
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
	position: absolute;
	background: orange;
}
.pop-up-highlight-b{
	color: midnightblue;
	font-weight: 400;
	padding: 10px;
	font-size: 20px;
	font-style: italic;
}







/*CUSTOM SCROLLBAR*/
::-webkit-scrollbar {
  width: 7px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}



/*BROCHURE DOWNLOAD BAR*/
.brochure-bar{
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	padding: 12px 20px;
	background: #f0f8ff;
	border-left: 4px solid darkcyan;
	margin-bottom: 10px;
}
.brochure-bar span{
	font-size: 15px;
	color: #333;
	font-weight: 500;
}
.brochure-btn{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 16px;
	background: darkcyan;
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
.brochure-btn:hover{
	background: #006d6d;
	color: #fff;
}



/*SIDEBAR STYLING*/
.sidebar-wrapper{
	top: 0;
	height: 100%;
	width: 300px;
	left: -300px;
	z-index: 101;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: fixed;
	background: #111;
}
.sidebar-menu{
	height: 100%;
	width: 100%;
	overflow-y: auto;
}
.sidebar-menu i{
	margin-right: 10px;
}
.sidebar-menu a{
	font-size: 15px;
	font-weight: 400;
}
.remove-wrapper {
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.sidebar-list .fa-angle-right{
	float: right;
	margin: 12px 5px;
}
.sidebar-menu .fa-long-arrow-right{
	color: #60799c;
}
#remove{
	cursor: pointer;
	height: 40px;
	width: 40px;
	display: flex;
	border: 1px solid #fff;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}
#about-us, #faculties, #students, #courses{
	display: none;
}
.sidebar-dropdown:hover ~ .cursor-child{
	height: 40px;
	width: 40px;
	opacity: 0.1;
}
.sidebar .fa{
	color: rgba(255, 255, 255, 0.9);
}
.sidebar-dropdown{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 10px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 1px;
	border-radius: 2px;
	overflow: hidden;
	background: #fff;
}
.sidebar-link{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 10px;
	margin: 0px 5px;
/*	border: 1px solid #999;*/
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	background: #fff;
/*	box-shadow: 0px 0px 3px #999;*/
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.sidebar-link a{
	color: #555;
}
.sidebar-link a i{
	color: steelblue;
}
.sidebar-list i{
	-webkit-transition: 0.5s;
	transition: 0.5s;
	pointer-events: none;
	color: steelblue;
}
.sidebar-list::before{
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}
.sidebar-link label{
	display: inline-flex;
	margin-left: 0px;
	color: #555;
}
.sidebar-box{
	height: 0;
	background: #fff;
	margin: 0px 5px;
	overflow: hidden;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.sidebar-box a{
	color: #555;
	margin: 0;
	display: block;
	margin-bottom: 1px;
	background: rgba(0, 0, 0, 0.05);
	font-weight: 400;
}
.sidebar-options{
	display: grid;
	margin: 6px;
	grid-template-columns: 50% 50%;
}
.sidebar-options a{
	padding: 8px 0px;
	text-align: center;
	color: #fff;
	font-weight: 400;
	border-radius: 3px;
}
.sidebar-options a:nth-child(1){
	background: #fa512f;
	margin-right: 5px;
}
.sidebar-options a:nth-child(2){
	background: #0d85db;
	margin-left: 5px;
}





/*CONTAINER STYLING*/
.container{
	height: calc(100vh - 147px);
}
.swiper_a{
	height: 100%;
}
.swiper-wrapper-a{
	height: 100%;
}
.swiper-slide-a{
	height: 100%;
}
.swiper-slide-a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-button{
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.7);
}
.swiper-button::after{
	font-size: 17px;
	font-weight: bold;
	color: #fff;
}





/*******************************************************************************/
section{

}
.anc-primary{
	padding: 17px 0px;
	border: none;
	outline: none;
	display: block;
	text-align: center;
	border-radius: 3px;
	margin: 0px 0px;
	color: #fff;
	font-size: 17px;
	width: calc(100% - 0px);
	background: #3275a8;
}
.anc-secondary{
	padding: 17px 0px;
	border: none;
	outline: none;
	display: block;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	font-size: 17px;
	width: calc(100% - 0px);
	background: #eb345e;
}
.read-more-link{
	color: red;
	font-weight: 400;
	font-size: 17px;
	text-decoration: underline;
}
.read-more-link::after{
	content: '>';
	margin-left: 5px;
}
.wrapper{
	display: inline-block;
	margin: 50px 70px;
	width: calc(100% - 140px);	
}
.heading{
	font-size: 30px;
	font-weight: 500;
	padding: 20px 0px;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.description{
	font-size: 17px;
	font-weight: 400;
	padding: 20px 0px;
	text-align: center;
	color: #777;
}
.grid-box-wrapper{
	padding: 20px 0px;
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(289px, 1fr));
}
.grid-box-wrapper-b{
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(599px, 1fr));
}
.grid-box{
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	/*	border: 1px solid rgba(0, 0, 0, 0.1);*/
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}
.career-icons{
	height: 80px;
	width: 80px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0.1);
	margin: 20px 0px;
}
.career-high-img{
	width: 100%;
	height: 150px;
	object-fit: cover;
}
.background-light{
	background: #f1f1f1;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.grid-box h3{
	color: midnightblue;
	padding: 10px 20px;
	font-weight: 500;
}
.grid-box-b h3{
	color: steelblue;
}
.grid-box p{
	color: #777;
	font-size: 15px;
	padding: 10px 20px;
	margin-bottom: 10px;
	font-weight: 400;
}
.alumni-highlight{
	margin: 0 0px;
}
.alumni-highlight p{
	background: #fff;
	overflow: hidden;
	padding: 20px 0px;
	margin: 0 auto;
	border-radius: 5px;
	border: 2px solid #f05c07;
	text-align: center;	
}

#section-highlight{
	background: url('../images/bg/lab.jpg'); 
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat;
}
#blog-section{
	background: url('../images/bg/blog.jpg'); 
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat;	
}
.section-inner{
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
}
/*******************************************************************************/






/*COURSES TABLE*/
.table-wrapper{
	white-space: nowrap;
	overflow-x: auto;
}
.table-section{
	min-width: 1200px;
}
.table-section .heading{
	height: 35px;
	border-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background: #39617d;
}
.table-section .heading .column{
	border: none;
	color: #fff;
	background: transparent;
}
.table-section .heading .column h2{
	color: #fff;
	font-weight: 400;
}
.table-section .row{
	display: grid;
	grid-template-columns: 28% 18% 18% 18% 18%;
}
.table-section .column{
	margin: 1px;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.01);
	display: flex;
	padding: 10px;
	white-space: normal;
	border: 1px solid rgba(0, 0, 0, 0.1);
	flex-direction: row;
	align-content: center;
}
.table-section .column p{
	font-size: 17px;
	color: #555;
}
.table-section .column .highlight-text{
	color: orangered;
	text-decoration: underline;
}
.table-section .column h2{
	font-size: 19px;
	font-weight: 500;
	color: #333;
	margin: 0;
	padding: 0;
}
.table-section .training{
	font-weight: 400;
	color: midnightblue;
}
.table-section .enroll-now{
	color: #fff;
	background: darkcyan;
	border-radius: 3px;
	height: 35px;
	line-height: 35px;
	padding: 0px 15px;
	display: inline-block;
}






/********************************* TESTIMONIAL *********************************/
.swiper-slide-b{
	display: grid;
	grid-template-columns: 100%;
}
.review-section{
	margin: 20px;
	/*padding: 10px 20px;*/
	padding: 15px 0px;
	height: auto;
	display: flex;
	border-radius: 5px;
	flex-direction: column;
	align-items: center;
	margin-bottom: 40px;
	background: #fff;
	color: #555;
	overflow: hidden;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.review-section div{
	padding: 10px;
	width: calc(100% - 40px);
/*	background: steelblue;*/
	display: flex;
	flex-direction: column;
	align-items: center;
	border-style: double;
	border: none;
	border-bottom: 2px solid #fff;
}
/*.review-section hr{
	width: 70%;
}*/
.swiper_b{
	padding: 20px 0px;
	width: 90%;
}
.fa-star{
	color: orange;
}
.fa-quote-left{
	color: crimson;
	margin-right: 5px;
	opacity: 0.5;
}
.fa-quote-right{
	color: crimson;
	margin-left: 5px;
	opacity: 0.5;
}
.review-section img{
	width: 100px;
	padding: 10px;
	border-style: double;
	border: 2px solid midnightblue;
	border-radius: 50%;
	margin-bottom: 10px;
	background: rgba(0, 0, 0, 0.05);
}
.designation{
	font-size: 13px;
	color: darkslateblue;
	font-style: italic;
}
.review-section p{
	height: auto;
	padding: 2px 20px;
	font-size: 15px;
	text-align: center;
	overflow-y: auto;
	color: #777;
}
.review-section h3{
	margin: 5px;
	color: #555;
	font-weight: 500;
}
.review-section .review-designation{
	margin: 0;
	padding: 0;
	font-style: italic;
}
.review-section h4{
	text-align: left;
	width: calc(100% - 40px);
	padding: 0px 20px;
	padding-bottom: 20px;
	font-size: 20px;
	color: steelblue;
	font-style: italic;
}
.view-reviews{
	width: 100%;
	display: block;
	padding: 20px 0px;
	background: crimson;
	font-size: 20px;
	text-align: center;
	border-radius: 5px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin-top: 20px;	
}
.view-reviews:hover{
	color: crimson;
	background: transparent;
	border: 2px solid crimson;
}
.testimonial-section{
	position: relative;
}
.swiper-button-absolute-a,
.swiper-button-absolute-b{
	top: calc(60% - 50px);
	position: absolute;
	background: rgba(0, 0, 0,  0.1);
}
.swiper-button-absolute-b{
	right: 50px;
}
.swiper-button-absolute-a{
	left: 50px;
}
.swiper-pagination-a{
	display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-pagination-a .swiper-pagination-bullet {
  	width: 20px;
  	height: 7px;
  	color: gray;
  	border-radius: 5px;
  	-webkit-transition: 1s;
  	transition: 1s;
}
.swiper-pagination-a .swiper-pagination-bullet-active {
 	background: #fff;
 	width: 50px;
}
.swiper-pagination-a .swiper-pagination-bullet-active{
	background: #2f70a8;
}




.partners-section{
	padding: 20px 0px;
}
.swiper-wrapper-c{
	margin-bottom: 40px;
}
.university-partner-box{
	background: #fff;
	border-radius: 5px;
	margin: 20px 15px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
/*	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);*/
}
.university-partner-box img {
    width: 100%;
    height: 200px;
    object-fit: contain;
    padding: 10px;
}
.swiper-pagination-b{
	display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-pagination-b .swiper-pagination-bullet {
  	width: 15px;
  	height: 15px;
  	color: gray;
  	border-radius: 50%;
  	-webkit-transition: 1s;
  	transition: 1s;
}
.swiper-pagination-b .swiper-pagination-bullet-active {
 	background: #fff;
}
.swiper-pagination-b .swiper-pagination-bullet-active{
	background: #2f70a8;
}
/********************************* TESTIMONIAL *********************************/








/********************************WHY EMBISYSLABS*****************************/
.why-ebi{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.point-list-wrapper{
	padding: 20px 0px;
}
.point-list-heading{
	font-weight: 500;
	padding: 0px 10px;
	font-size: 30px;
	color: rgba(255, 255, 255, 1);
}
.point-list{
	padding: 7px 10px;
	font-size: 17px;
	color: rgba(255, 255, 255, 0.7);
}
.point-list i{
	font-size: 20px;
	color: #fff;
	margin-right: 5px;
}







/********************************OUR BLOGS*********************************/
.our-blogs-wrapper{padding: 20px 0px;display: grid;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(289px, 1fr));}
.our-blogs{
	padding: 0px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	background: #fff;
	color: #555;
	height: 480px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.our-blogs-box img{
	width: 100%;
	height: 180px;
	border-radius: 10px;
}
.our-blogs-box{
	border-radius: 10px;
}
.our-blogs-inner{
	display: grid;
	grid-template-columns: 33% 33% 33%;
}
.blogs-info{
	height: 233px;
	overflow: hidden;
}
.blogs-desc{
	width: 90%;
	margin: 0 auto;
	color: #555;
	text-align: center;
}
.blog-date{
	padding: 10px 10px;
	color: #555;
	margin: 0;
	padding-top: 20px;
	font-weight: 400;
	font-size: 15px;
}
.blog-desc{
	font-size: 15px;
	font-weight: 400;
	padding: 5px 10px;
	color: #555;
}
.our-blogs-box i{
/*	color: #fc1c5b;*/
	margin-right: 10px;
}
.read-more i{
	margin-left: 5px;
}
.our-blogs-box h3{
	padding: 15px 10px;
	color: darkorange;
	font-weight: 500;
	text-align: left;
}
.read-more{
	padding: 12px 25px;
	color: #053280;
	width: auto;
	margin-left: 12px;
	font-weight: 400;
	border-radius: 0px;
	color: #fff;
	margin-top: 20px;
	display: inline-flex;
	background: #6793b9;
	border: none;
	border-radius: 5px;
	font-size: 15px;
}
.blog-description-popup{
	width: 50%;
	top: 50%;
	left: 50%;
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	position: fixed;
	overflow: hidden;
	display: none;
	z-index: 21000;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.blog-description-popup p{
	max-height: 400px;
	overflow: hidden;
	overflow-y: auto;
}
.go-back{
	display: block;
	width: 70px;
	padding: 10px 20px;
	border-radius: 20px;
	background: crimson;
	color: #fff;
	cursor: pointer;
}









/******************************************FOOTER STYLING***********************/
.footer{
	background: rgba(0, 0, 0, 0.05);
	font-weight: 400;
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.footer p{
	line-height: 20pt;
}
.footer-section-wrapper{
	display: grid;
	grid-template-columns: 25% 23% 27% 25%;
}
.footer-section{
	padding: 20px;
}
.footer-logo{
	padding: 20px 0px;
	width: 200px;
	max-width: 100%;
	height: auto;
}
.footer-section h2{
	font-size: 25px;
	color: midnightblue;
	padding: 20px 0px;
	margin-bottom: 20px;
	font-weight: 500;
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.footer-section p{
	font-size: 15px;
	color: #333;
	padding: 0px 0px;
}
.footer-section a{
	display: block;
	padding: 3px 0px;
	color: #333;
}
.footer-nav{
	height: 70px;
	display: grid;
	grid-template-columns: 100%;	
}
.footer-nav-section{
	height: 70px;
	font-size: 15px;
/*	text-align: center;
	color: #777;*/
	display: flex;
	background: rgba(0, 0, 0, 0.05);
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.footer-nav-section a{
	padding: 0px 0px;
	color: #333;
}
.footer-nav-section img{
	height: 40px;
	width: 40px;
	margin: 0 5px;
}
.copyrightbar{
	height: 70px;
	line-height: 70px;
	text-align: center;
	background: rgba(0, 0, 0, 0.1);
	color: #111;
}
.connect-wrapper{
	display: grid;
	align-items: flex-start;
	padding: 3px 0px;
	grid-template-columns: 30px calc(100% - 30px);
}
.connect-wrapper i{
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: darkorange;
}
.fa-map-marker{
	margin-top: 10px;
}
.connect-wrapper p{
	display: inline-block;
	padding: 0;
	color: #333;
}







/*FAQS*/
.faq-inner{
	padding: 20px 0px;
	display: grid;
	grid-template-columns: 50% 50%;
}
.faq-dropdown{
	display: block;
	height: 60px;
	line-height: 60px;
	margin-top: 2px;
	font-size: 17px;
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.faq-link{
	display: grid;
	height: 60px;
	margin: 5px;
	border: none;
	cursor: pointer;
	color: #555;
	font-size: 16px;
	overflow: hidden;
	position: relative;
	border-radius: 3px;
	box-sizing: border-box;
	background: #f1f1f1;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	grid-template-columns: calc(100% - 50px) 50px;
}
.faq-link::before{
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	color: #273a5c;
	font-weight: 500;
	font-size: 16px;
	position: absolute;
}
.faq-label{
	display: block;
	height: 60px;
	line-height: 60px;
	padding: 0px 10px;
	padding-left: 20px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fa-angle-right-wrapper{
	height: 60px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.faq-box{
	height: 0;
	background: #fff;
	overflow: hidden;
	border-radius: 5px;
	margin: 0px 10px;
	margin-top: 5px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.faq-box label{
	display: block;
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 10px;
}
.faq-box p{
	color: #666;
	font-size: 15px;
	padding: 20px 20px;
}


/********************************* BLOG ARTICLE PAGE *********************************/
.blog-article-section{
	background: #f5f7fa;
	padding: 30px 0px;
}
.blog-article-layout{
	display: grid;
	grid-template-columns: 1fr 300px;
	gap: 30px;
	align-items: flex-start;
}

/* ── Main article ── */
.blog-article{
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.08);
	overflow: hidden;
}
.blog-article-meta{
	display: flex;
	gap: 20px;
	padding: 14px 24px 0px;
	font-size: 14px;
	color: #777;
}
.blog-article-meta span{
	display: flex;
	align-items: center;
	gap: 6px;
}
.blog-article-img{
	width: 100%;
	height: 340px;
	object-fit: cover;
	display: block;
	margin: 14px 0px 0px;
}
.blog-article h2{
	font-size: 20px;
	color: midnightblue;
	margin: 28px 24px 10px;
	padding: 0;
	font-weight: 600;
}
.blog-article h3{
	font-size: 17px;
	color: #2c4a7c;
	margin: 20px 24px 8px;
	padding: 0;
	font-weight: 600;
}
.blog-article p{
	font-size: 15px;
	line-height: 1.8;
	color: #444;
	margin: 0px 24px 14px;
	overflow: visible;
}
.blog-article ul{
	margin: 0px 24px 16px 44px;
	padding: 0;
}
.blog-article ul li{
	font-size: 15px;
	line-height: 1.8;
	color: #444;
	margin-bottom: 6px;
}
.blog-article ul li strong{
	color: #222;
}
pre.blog-code{
	background: #1e1e2e;
	color: #cdd6f4;
	font-family: 'Courier New', Courier, monospace;
	font-size: 14px;
	line-height: 1.6;
	padding: 18px 22px;
	margin: 0px 24px 20px;
	border-radius: 6px;
	overflow-x: auto;
	white-space: pre;
}
.blog-article-cta{
	background: #f0f8ff;
	border-top: 3px solid darkcyan;
	padding: 20px 24px;
	margin-top: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}
.blog-article-cta p{
	margin: 0;
	font-size: 15px;
	color: #333;
	font-weight: 500;
}

/* ── Blog sidebar ── */
.blog-article-sidebar{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.blog-sidebar-box{
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.08);
	padding: 18px 20px;
}
.blog-sidebar-box h3{
	font-size: 16px;
	color: midnightblue;
	font-weight: 600;
	margin: 0 0 14px;
	padding-bottom: 10px;
	border-bottom: 2px solid darkcyan;
}
.blog-sidebar-list{
	list-style: none;
	padding: 0;
	margin: 0;
}
.blog-sidebar-list li{
	border-bottom: 1px solid #f0f0f0;
	padding: 8px 0;
}
.blog-sidebar-list li:last-child{
	border-bottom: none;
}
.blog-sidebar-list li a{
	font-size: 14px;
	color: #2c4a7c;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 6px;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.blog-sidebar-list li a::before{
	content: '›';
	color: darkcyan;
	font-size: 18px;
	line-height: 1;
}
.blog-sidebar-list li a:hover{
	color: darkcyan;
}
.blog-sidebar-cta{
	background: darkcyan;
}
.blog-sidebar-cta h3{
	color: #fff;
	border-bottom-color: rgba(255,255,255,0.3);
}
.blog-sidebar-cta p{
	color: rgba(255,255,255,0.9);
	font-size: 14px;
	margin: 0 0 14px;
	overflow: visible;
}
.blog-sidebar-cta .enroll-now{
	width: 100%;
	justify-content: center;
	background: #fff;
	color: darkcyan;
}
.blog-sidebar-cta .enroll-now:hover{
	background: #e0f5f5;
}