@charset "utf-8";
/* CSS Document */
header{
    min-height: 70px;
    width: 100%;
    position: fixed;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: rgba(255, 255, 255, 0.5);
    z-index: 200;
}


header.fixed {
	position: fixed;
	background: #ffffffe6;
	backdrop-filter: blur(10px);
	box-shadow: 0px 0px 9px 1px #e4e4e4;
}
  
header.absolute {
	position: absolute;
	background: rgba(255, 255, 255, 0.5);
}

header .header-top-div{
	width: 100%;
	min-height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
    background: var(--secondary-color);
}

header .header-top-div .header-top-div-in{
	width: 85%;
    max-width: 1200px; 
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header .header-top-div .header-top-div-in .left-div{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

header .header-top-div .header-top-div-in .left-div .contact{
	font-size: 14px;
	font-family: body-font;
	color: var(--text-white);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border-right: #e2e2e2 1px solid;
	padding-right: 10px;
}

header .header-top-div .header-top-div-in .left-div .no-border{
	border: none;
}


header .header-top-div .header-top-div-in .left-div .contact i{
	color: var(--text-white);
	font-size: 12px;
}

header .header-top-div .header-top-div-in .right-div{
	display: flex;
	align-items: center;
	justify-content: center;
}

header .header-top-div .header-top-div-in .right-div ul{
	padding: 0px;
	margin: 0px;
	gap: 20px;
	display: flex;
    align-items: center;
}

header .header-top-div .header-top-div-in .right-div ul li{
	list-style:none;
	color: var(--text-white);
	font-size: 14px;
	font-family: body-font;
	transition:all 0.2s ease-in 0.2s;
	cursor:pointer;
}

header .header-top-div .header-top-div-in .right-div ul .li{
	color: #ffd900;
}

header .header-top-div .header-top-div-in .right-div ul li:hover {
	text-decoration: underline;
}


@media all and (max-width:1168px) {
	header .header-top-div .header-top-div-in {
		width: 96%;
	}
}

@media all and (max-width:940px) {
	header .header-top-div .header-top-div-in .left-div .dsp-none {
		display: none;
	}
}


@media all and (max-width:740px) {
	header .header-top-div .header-top-div-in{
		display: flex;
		align-items: center;
		justify-content: center;
	}
 	header .header-top-div .header-top-div-in .left-div .no-border{
		display: none;
	}
	header .header-top-div .header-top-div-in .right-div ul li{
		font-size: 13px;
	}
}


@media all and (max-width:480px) {
	header .header-top-div .header-top-div-in .right-div ul{
		gap: 10px;
	}
}





header .header-div-in{
	width: 85%;
	min-height: 70px;
	max-width: 1200px;
    display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

header .header-div-in .logo-div{
	width: 200px;
	overflow: hidden;
	cursor: pointer;
}

header .header-div-in .logo-div img{
	width: 100%;
	object-fit: cover;
}

header .header-div-in nav{
    display: flex;
    align-items: center;
	gap: 10px;
}

header .header-div-in nav ul{
    display: flex;
    align-items: center;
	padding: 0px;
	margin: 0px;
	gap: 7px;
}

header .header-div-in nav ul li{
	position: relative;
    display: flex;
    align-items: center;
	list-style:none;
	padding:15px 10px;
	color: var(--body-color);
	font-size: 15px;
	font-family: sub-title-font;
	cursor:pointer;
	transition:all 0.2s ease-in 0.2s;
}


header .header-div-in nav ul li:hover{
	color: var(--primary-color);
}

header .header-div-in nav ul li i{
	color: var(--primary-color);
	font-size: 11px;
}

header .header-div-in nav ul .active{
	color: var(--primary-color);
}


header .header-div-in .right-nav-div{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

header .header-div-in .right-nav-div .nav-icon-div {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

header .header-div-in .right-nav-div .nav-icon-div i{
	font-size: 20px;
}

header .header-div-in .right-nav-div .btn{
	border:none;
	height:47px;
	min-width: 100px;
	padding: 0px 0px 0px 20px;
	border-radius: 25px;
	color:var(--text-white);
	font-size:13px;
	font-family: sub-title-font;
	background: var(--primary-color);
	transition: 0.3s ease-in;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
}

header .header-div-in .right-nav-div .btn i{
	width: 45px;
	height:45px;
	border-radius: 50%;
	font-size: 18px;
	background: var(--secondary-color);
	display: flex;
	align-items: center;
	justify-content: center
}

header .header-div-in .right-nav-div .btn:hover {
    background: var(--secondary-color);
}

header .header-div-in .right-nav-div .btn:hover i {
    background: var(--primary-color);
}



header .header-div-in nav ul li.read-more{
	display: none;
}


header .header-div-in .right-nav-div .mobile-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	height:40px;
	width:40px;
	display:none;
	background: var(--primary-color);
	border: none;
	border-radius: 5px;
	color: var(--white-color);
	transition: 0.3s ease-in;
	cursor:pointer;
}

header .header-div-in .right-nav-div .mobile-btn i{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	color: var(--text-white);
}

header .header-div-in .right-nav-div .mobile-btn:hover{
	background-image: linear-gradient(to right,#c58d55, #8d5620);
}


/* READ MORE li STYLE */
#expand-div .read-more-ul{
	display: flex;
    flex-direction: column;
    position: absolute;
   	top: 50px;
	min-width:200px;
    margin: 0px 0px 0px -10px;
    min-height: 100px;
	background: var(--bg-white);
	box-shadow: 0px 0px 9px 1px #e4e4e4;
    border-radius: 7px;
	border-top:var(--primary-color) solid 2px;
	display: none;
}

#expand-div .read-more-ul li{
	margin:0px;
	width:calc(100% - 60px);
	min-height:20px;
	line-height:20px;
	padding:15px 30px;
	line-style:none;
	font-family: body-font;
	border-bottom:#E5E5E5 dashed 1px;
	color:#444;
	font-size:14px;
}
#expand-div .read-more-ul li:hover{
	background:#f8f8f8;
	color:var(--primary-color)
}

#expand-div:hover .read-more-ul{
	display: block;
}







/* EXPAND LI STYLE */
#expand-li ul{
	display: flex;
    flex-direction: column;
    position: absolute;
   	top: 50px;
	min-width:300px;
    margin: 0px 0px 0px -10px;
    min-height: 100px;
	background: var(--bg-white);
	box-shadow: 0px 0px 9px 1px #e4e4e4;
    border-radius: 7px;
	border-top:var(--primary-color) solid 2px;
    display: none;
}

#expand-mobile-li ul{
	display: flex;
    flex-direction: column;
    position: absolute;
   	top: 0px;
	left: 150px;
	min-width:200px;
    min-height: 100px;
	background: var(--bg-white);
	box-shadow: 0px 0px 9px 1px #e4e4e4;
    border-radius: 7px;
	border-top:var(--primary-color) solid 2px;
    display: none;
}

#expand-mobile-li:hover ul{
	display:block;
}

#expand-li:hover ul{
	display:block;
}

#expand-li ul li{
	margin:0px;
	width:calc(100% - 60px);
	min-height:20px;
	line-height:20px;
	padding:15px 30px;
	line-style:none;
	font-family: body-font;
	border-bottom:#E5E5E5 dashed 1px;
	color:#444;
	font-size:14px;
}
#expand-li ul li:hover{
	background:#f8f8f8;
	color:var(--primary-color)
}


@media all and (max-width:1345px) {
	header .header-div-in nav ul li.academics,
	header .header-div-in nav ul li.contact-us,
    header .header-div-in nav ul li.faq,
    header .header-div-in nav ul li.blog {
        display: none;
    }
}

@media all and (max-width:1345px) {
	header .header-div-in nav ul li.read-more{
		display: block;
	}
} 

@media all and (max-width:1168px) {
	header .header-div-in {
		width: 96%;
	}
}

@media all and (max-width:970px) {
	header .header-div-in .right-nav-div .nav-icon-div {	
		display: none;
	}
}

@media all and (max-width:940px) {
	header .header-div-in nav ul{
		display:none;
	}
	header .header-div-in .right-nav-div .mobile-btn{
		display:block;
	}
}

@media all and (max-width:500px) {
	header .header-div-in{
		gap: 10px;
	}
	header .header-div-in .right-nav-div{
		gap: 5px;
	}
	header .header-div-in .right-nav-div .btn{
		height:40px;
		min-width: 140px;
		padding: 0px 0px 0px 15px;
		font-size:9px;
	}
	header .header-div-in .right-nav-div .btn i{
		width: 40px;
		height:40px;
		font-size: 12px;
	}
}













/* SLIDE STYLE */
.slide-div{
	position: absolute;
	width: 100%;
	height: calc(100% - 120px);
	padding-top: 120px;
	background: url(../all-images/images/slide-bg.jpg) center;
	background-size: cover;
	background-attachment: fixed;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.slide-div .content-back-div{
	width: 85%;
	max-width: 1200px;
	min-height: 400px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.slide-div .content-back-div .image-content-div {
    position: relative;
    width: 600px;
	height: auto;
}



.moving-object {
    position: absolute;
    background: var(--bg-white);
    display: flex;
	border-radius: 50px;
    z-index: 300;
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.03);
}

.top-moving-object {
    top: 10%;
    left: 2%;
	animation: moveUpDown 3s infinite; 
    animation-timing-function: ease-in-out;
}

.bottom-moving-object {
    bottom: 10%; 
    right: 5%; 
    top: auto; 
    left: auto; 
	animation: moveRightLeft 3s infinite; 
    animation-timing-function: ease-in-out;
}

.moving-object .div-in{
    padding: 10px 40px;
	display: flex;
	align-items: center;
    justify-content: center;
	gap: 20px;
}

.moving-object .div-in .text-div{
	display: flex;
	flex-direction: column;
}

.moving-object .div-in .text-div span{
	color: var(--sub-text-color);
	font-size: 17px;
}

.moving-object .div-in .text-div h4{
	padding: 0px;
	margin: 0px;
	font-family: body-font;
	font-size: 22px;
	color: var(--body-color);
}

.bottom-moving-object .div-in .text-div h4{
	font-size: 15px;
}
.moving-object .div-in .img-back-div{
	display: flex;
}

.moving-object .div-in .img-back-div .img-div{
	width: 110px;
}

.moving-object .div-in .img-back-div .img-div img{
	width: 100%;
	object-fit: cover;
}

.slide-div .content-back-div .text-content-div{
	width: 50%;
	height: auto;
	display:flex;
    flex-direction: column;
	color: var(--body-color);
	text-align: left;
	gap: 10px;
}

.slide-div .content-back-div .text-content-div h1{
	padding: 5px 15px;
	font-size: 14px;
	font-family: body-font;
	border-radius: 3px;
	color: var(--sub-text-color);
	background: rgb(215, 53, 58,.1);
	float: left;
} 

.slide-div .content-back-div .text-content-div h2{
	padding: 0px;
	margin: 0px;
	min-height: 125px;
	color: var(--body-color);
	font-size: 45px;
	font-family: title-font;
} 

.slide-div .content-back-div .text-content-div h2 span{
	color: var(--sub-text-color);
}

.slide-div .content-back-div .text-content-div .btn-div{
	display: flex;
	gap: 15px;
}

.slide-div .content-back-div .text-content-div .btn-div .btn{
	border:none;
	height:47px;
	min-width: 170px;
	padding: 0px 0px 0px 20px;
	border-radius: 25px;
	color:var(--text-white);
	font-size:14px;
	font-family: sub-title-font;
	background: var(--primary-color);
	transition: 0.3s ease-in;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.slide-div .content-back-div .text-content-div .btn-div .btn i{
	width: 45px;
	height:45px;
	border-radius: 50%;
	font-size: 18px;
	background: var(--secondary-color);
	display: flex;
	align-items: center;
	justify-content: center
}

.slide-div .content-back-div .text-content-div .btn-div .btn:hover {
    background: var(--secondary-color);
}

.slide-div .content-back-div .text-content-div .btn-div .btn:hover i {
    background: var(--primary-color);
}

.slide-div .content-back-div .text-content-div .btn-div .right-btn{
	padding: 10px 25px;
	background: var(--bg-white);
	border: #E5E5E5 1px solid;
	color:var(--sub-text-color);
}

.slide-div .content-back-div .text-content-div .btn-div .right-btn i{
	width: 0px;
	height:0px;
	background: none;
}

.slide-div .content-back-div .text-content-div .btn-div .right-btn:hover {
   color: var(--text-white);
   background: var(--primary-color);
}

@media all and (max-width:1168px) {
	.slide-div .content-back-div {
		width: 96%;
	}
}


@media all and (max-width:1035px) {
	.slide-div{
		position: relative;
		height: auto;
		padding-top: 140px;
	}
	.slide-div .content-back-div{
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
	.slide-div .content-back-div .image-content-div{
		width: 100%;
		overflow: hidden;
	} 
	.slide-div .content-back-div .image-content-div img{
		width: 100%;
		object-fit: cover;
	} 
	.slide-div .content-back-div .text-content-div{
		width: 94%;
	} 

	.slide-div .content-back-div .text-content-div h2{
		font-size: 4.5vw;
	} 
}

@media all and (max-width:600px) {
	.slide-div .content-back-div .text-content-div h2{
		font-size: 7vw;
	} 
}


@media all and (max-width:520px) {
	.slide-div .content-back-div .text-content-div .btn-div{
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-top: 10px;
	}
	.slide-div .content-back-div .text-content-div .btn-div .btn{
		width: 100%;
		align-items: center;
	}
	.slide-div .content-back-div .text-content-div .btn-div .right-btn{
		width: 100%;
	}
	.slide-div .content-back-div .text-content-div p{
		padding: 0px;
		margin: 0px;
	}
	
}

@media all and (max-width:450px) {
	.slide-div .content-back-div .text-content-div h2{
		min-height: 100px;
	} 
	.moving-object .div-in{
		padding: 10px 25px;
	}
	.moving-object .div-in .text-div span{
		font-size: 14px;
	}
	.moving-object .div-in .text-div h4{
		font-size: 15px;
	}
	.moving-object .div-in .img-back-div .img-div{
		width: 80px;
	} 
}

@media all and (max-width:400px) {
	.slide-div .content-back-div .text-content-div .top-title{
		font-size: 13px;
	}
	.slide-div .content-back-div .text-content-div h2{
		font-size: 7vw;
	} 
}



















/* Index Content Style */
.index-content-div{
	position: absolute;
    top: 100%;
	right: 0px;
	left: 0px;
}

.body-div{
    width: 100%;
	padding: 60px 0px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
} 

.body-div .body-div-in{
   width: 85%;
   display: flex;
   flex-direction: column;
   max-width: 1200px;
   min-height: 300px;
}

@media all and (max-width:1168px) {
	.body-div .body-div-in{
		width:95%;
	}
}

@media all and (max-width:1035px) {
	.index-content-div{
		position: relative;
		top: 0%;
	}
}







.net-bg{
	background: url(../all-images/images/net-bg.png) bottom right no-repeat;
	background-size: 40%;
}


/* Programs Style */
.program-back-div{
	width: 100%;
	display: flex;
	gap: 20px;
}

.program-back-div .program-div{
	width: 25%;
	border-radius: 4px;
	border: #e6e6e6 1px solid;
	background: var(--bg-white);
	min-height: 230px;
	display: flex;
	flex-direction: column;
	cursor: pointer;
}

.program-back-div .program-div .image-div{
	width: 100%;
	height:150px;
	border-radius: 4px 4px 0px 0px;
	overflow: hidden;
}

.program-back-div .program-div .image-div img{
	width: 100%;
	object-fit: cover;
	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}

.program-back-div .program-div:hover .image-div img{
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	
}

.program-back-div .program-div .program-text-div{
	display: flex;
	color: var(--body-color);
}

.program-back-div .program-div .program-text-div .inner-div{
	padding: 15px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.program-back-div .program-div .program-text-div .inner-div h3{ 
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	font-family: sub-title-font;
}

.program-back-div .program-div .program-text-div .inner-div p{ 
	padding: 0px;
	margin: 0px;
}

.program-back-div .program-div .program-text-div .inner-div .bottom-div{
	width: 100%;
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.program-back-div .program-div .program-text-div .inner-div .bottom-div .sub-text i{ 
	font-size: 13px;
	color: var(--sub-text-color);
}

.program-back-div .program-div .program-text-div .inner-div .bottom-div .sub-text span{ 
	font-size: 13px;
	font-size: body-font;
}

.program-back-div .program-div .program-text-div .inner-div .bottom-div .btn{
	border:none;
	padding: 8px 20px;
	border-radius: 25px;
	color:var(--text-white);
	font-size:12px;
	font-family: body-font;
	background: var(--primary-color);
	transition: 0.3s ease-in;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
}

.program-back-div .program-div .program-text-div .inner-div .bottom-div .btn i{
	font-size: 12px;
}

.program-back-div .program-div .program-text-div .inner-div .bottom-div .btn:hover{
	background: var(--secondary-color);
}




@media all and (max-width:970px) {	
	.program-back-div{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.program-back-div .program-div{
		width: 47%;
	}
}

@media all and (max-width:500px) {	
	.program-back-div .program-div{
		width: 95%;
	}
}








/* About Style */
.about-back-div{
	width: 100%;
	display: flex;
} 

.about-back-div .about-div{
	display: flex;
	gap: 40px;
	justify-content: center;
	align-items: center;
} 

.about-back-div .about-div .image-div{
	position: relative;
	width: 45%;
	overflow: hidden;
} 

.about-back-div .about-div .image-div img{
	width: 100%;
	object-fit: cover;
} 

.about-back-div .about-div .about-content-div{
	width: 50%;
	min-height: 400px;
	display: flex;
	flex-direction: column;
} 

.about-back-div .about-div .about-content-div .top-title{
	padding: 5px 12px;
	font-size: 13px;
	font-family: body-font;
	border-radius: 3px;
	color: var(--sub-text-color);
	background: rgb(215, 53, 58,.1);
} 

.about-back-div .about-div .about-content-div h2{
	color: var(--body-color);
	font-size: 30px;
	font-weight: 100;
	line-height: 40px;
} 

.about-back-div .about-div .about-content-div h2 span{
	color: var(--sub-text-color);
}

.about-back-div .about-div .about-content-div p{
	font-size: 15px;
	line-height: 25px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
} 

.about-back-div .about-div .about-content-div .about-details-back-div{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 25px;
	gap: 20px;
} 

.about-back-div .about-div .about-content-div .about-details-back-div .text-div{
	width: calc(100% - 40px);
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	border-radius: 4px;
    text-align: left;
	border-radius: 7px;
	background:rgba(141, 86, 32, .1);
} 

.about-back-div .about-div .about-content-div .about-details-back-div .text-div .top-div{
	display: flex;
	margin-top: -30px;
	padding: 5px 15px;
	border-radius: 5px 20px;
	background: var(--secondary-color);
	float: left;
}

.about-back-div .about-div .about-content-div .about-details-back-div .text-div .top-div h4 {
    padding: 0px;
    margin: 0px;
    line-height: 20px;
    font-size: 13px;
    font-family: body-font;
    color: var(--text-white);
}
.about-back-div .about-div .about-content-div .about-details-back-div .mission-text{
	background: rgba(255, 91, 121, 0.1)
}
.about-back-div .about-div .about-content-div .about-details-back-div .text-div .mission-top{
	background: var(--sub-text-color);
}


.about-back-div .about-div .about-content-div .about-details-back-div .text-div p{
	padding: 0px;
	margin: 0px;
	color: var(--text-color);
	font-size: 15px;
	text-align: left;
} 


.about-back-div .about-div .about-content-div .btn{
	border:none;
	height:47px;
	min-width: 170px;
	padding: 0px 0px 0px 20px;
	border-radius: 25px;
	color:var(--text-white);
	font-size:14px;
	margin-top: 20px;
	font-family: sub-title-font;
	background: var(--primary-color);
	transition: 0.3s ease-in;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.about-back-div .about-div .about-content-div .btn i{
	width: 45px;
	height:45px;
	border-radius: 50%;
	font-size: 18px;
	background: var(--secondary-color);
	display: flex;
	align-items: center;
	justify-content: center
}

.about-back-div .about-div .about-content-div .btn:hover {
    background: var(--secondary-color);
}

.about-back-div .about-div .about-content-div .btn:hover i {
    background: var(--primary-color);
}




@media all and (max-width:920px) {	
	.about-back-div .about-div{
		display: flex;
		flex-direction: column;
		gap: 20px;
	} 
	.about-back-div .about-div .image-div{
		width: 100%;
	}
	.about-back-div .about-div .about-content-div{
		width: 95%;
		padding: 10px;
	}
}

@media all and (max-width:500px) {	
	.about-back-div .about-div .about-content-div h2{
		font-size: 6vw;
	}
}

@media all and (max-width:420px) {	

	.about-back-div .about-div .about-content-div .about-details-back-div .text-div p{
		text-align: justify;
	}
}





/* Mian Page Style */
.main-pages-back-div{
	width: 100%;
	display: flex;
	flex-direction: column;
}

.main-pages-back-div .title-div{
	width: 100%;
	display: flex;
	align-items:center;
	justify-content: space-between;
}

.main-pages-back-div .title-div .top-title{
	padding: 5px 12px;
	font-size: 13px;
	font-family: body-font;
	border-radius: 3px;
	color: var(--sub-text-color);
	background: rgb(215, 53, 58,.1);
} 

.main-pages-back-div .title-div h2{
	color: var(--body-color);
	font-size: 30px;
	font-weight: 100;
	width: 450px;
}

.main-pages-back-div .title-div h2 span{
	color: var(--sub-text-color);
}

.main-pages-back-div .title-div .btn{
	border:none;
	height:47px;
	min-width: 230px;
	padding: 0px 0px 0px 20px;
	border-radius: 25px;
	color:var(--text-white);
	font-size:14px;
	font-family: sub-title-font;
	background: var(--primary-color);
	transition: 0.3s ease-in;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.main-pages-back-div .title-div .btn i{
	width: 45px;
	height:45px;
	border-radius: 50%;
	font-size: 18px;
	background: var(--secondary-color);
	display: flex;
	align-items: center;
	justify-content: center
}

.main-pages-back-div .title-div .btn:hover {
    background: var(--secondary-color);
}

.main-pages-back-div .title-div .btn:hover i {
    background: var(--primary-color);
}

.main-pages-back-div .center-title{
	align-items:center;
	justify-content: center;
	flex-direction: column;
}

.main-pages-back-div .center-title h2{
	width: 660px;
	text-align: center;
}


@media all and (max-width:700px) {	
	.main-pages-back-div .title-div h2{
		font-size: 6vw;
		width: 90%;
	} 
}

@media all and (max-width:460px) {	
	.main-pages-back-div .title-div{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 30px;
	}
	.main-pages-back-div .center-title{
		align-items:center;
		justify-content: center;
		margin-bottom: 0px;
	}
	
}













/* Courses Style */
.course-body{
	background: url(../all-images/images/course_bg.jpg) bottom center;
	background-size: cover;
}

.courses-back-div {
  	width: 100%;
	display: flex;
	justify-content: center;
	gap: 20px;
}

.courses-back-div .courses-div{
	width: 32%;
	min-height: 300px;
	border-radius: 4px;
	border: #bdbdbd 1px dashed;
}

.courses-back-div .courses-div .inner-div{
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.courses-back-div .courses-div .inner-div .department{
	position:absolute;
	padding:8px 15px;
	margin:10px 0px;
	height:10px;
	color: var(--text-white);
	line-height:10px;
	font-size:13px;
	font-family:body-font;
	background: var(--sub-text-color);
	border-radius: 0px 5px 5px 0px;
	z-index: 100;
}

.courses-back-div .courses-div .inner-div .img-div{
	width: 100%;
	height: 220px;
	border-radius: 5px;
	overflow: hidden;
}

.courses-back-div .courses-div .inner-div .img-div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}

.courses-back-div .courses-div .inner-div:hover .img-div img{
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	transform: scale(1.10);
}

.courses-back-div .courses-div .inner-div .text-content{
	height: auto;
	display: flex;
	flex-direction: column;
	gap: 12px;
	color: var(--body-color);
}

.courses-back-div .courses-div .inner-div .text-content .star-div{ 
	display: flex;
	gap: 5px;
}

.courses-back-div .courses-div .inner-div .text-content .star-div i{ 
	color: var(--sub-text-color);
	font-size: 13px;
}

.courses-back-div .courses-div .inner-div .text-content h3{ 
	padding: 0px;
	margin: 0px;
	font-size: 20px;
	color: var(--body-color);
	font-family: sub-title-font;
}

.courses-back-div .courses-div .inner-div .text-content p{ 
	padding: 0px;
	margin: 0px;
}

.courses-back-div .courses-div .inner-div .text-content .bottom-div{
	width: 100%;
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.courses-back-div .courses-div .inner-div .text-content .bottom-div .sub-text i{ 
	font-size: 13px;
	color: var(--sub-text-color);
}

.courses-back-div .courses-div .inner-div .text-content .bottom-div .sub-text span{ 
	font-size: 13px;
	font-size: body-font;
}

.courses-back-div .courses-div .inner-div .text-content .bottom-div .btn{
	border:none;
	padding: 8px 20px;
	border-radius: 25px;
	color:var(--text-white);
	font-size:13px;
	font-family: sub-title-font;
	background: var(--primary-color);
	transition: 0.3s ease-in;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
}

.courses-back-div .courses-div .inner-div .text-content .bottom-div .btn i{
	font-size: 13px;
}

.courses-back-div .courses-div .inner-div .text-content .bottom-div .btn:hover{
	background: var(--secondary-color);
}


@media all and (max-width:960px) {	
	.courses-back-div {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
  	}
  	.courses-back-div .courses-div{
		width: 45%;
  	}
}


@media all and (max-width:700px) {	
  	.courses-back-div .courses-div{
		width: 100%;
  	}
	.courses-back-div .courses-div .inner-div .text-content p{ 
		font-size: 14px;
  	}
}











/* Values Style */
.progress-back-div {
    width: 100%;
    display: flex;
    flex-direction: column;
	gap: 20px;
	margin-top: 20px;
}

.progress-back-div .progress-container {
    width: 100%; 
	display: flex;
}

.progress-back-div .progress-container .progress-item {
	width: 100%; 
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.progress-back-div .progress-container .progress-item .title{
	font-size: 16px;
	font-family: sub-title-font;
}

.progress-back-div .progress-container .progress-item .progress-bar{
	position: relative;
	background: #89bab44d;
	border-radius: 10px;
	height: 8px;
	overflow: visible
}

.progress-back-div .progress-container .progress-item .progress-bar .progress-per{
	position: relative;
	width: 0; 
	height: 100%;
	border-radius: 10px;
	background: #daa46e;
	transition: width 1.7s ease-in-out;
	color: transparent;
}

.progress-item .progress-bar .progress-per::after{
	position: absolute;
	content: attr(data-text) '%';
	width: 25px;
	height: 15px;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
	padding: 4px;
	border-radius: 2px;
	background: var(--primary-color);
	color:  var(--text-white);
	right: 10px;
	top: -24;
	animation: text .5s ease-in-out;
}

.progress-item .progress-bar .progress-per::before{
	position: absolute;
	content: '';
	width: 5px;
	height: 10px;
	background: var(--secondary-color);
	right: 7px;
	top: -10;
	transform: skew(45deg);
	animation: text .5s ease-in-out;
}

@keyframes text {
    0% {
        opacity: 0; 
    }
    50% {
		opacity: 0; 
    }
    100% {
		opacity: 1; 
    }
}



.testimonial-body-div{
	background:  url(../all-images/images/testimonial-bg.jpg) center;
	background-size: cover;
	background-attachment: fixed;
}



.testimonial-back-div{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0px;
}

.testimonial-back-div .testimonial-div{
	width: 100%;
	min-height: 200px;
	display: flex;
	margin: 10px;
	border-radius: 5px;
	border: rgb(215, 53, 58,.6) 2px dashed;
}

.testimonial-back-div .testimonial-div .div-in{
	padding: 30px;
}

.testimonial-back-div .testimonial-div .div-in .star-div{ 
	display: flex;
	gap: 5px;
}

.testimonial-back-div .testimonial-div .div-in .star-div i{ 
	color: var(--sub-text-color);
	font-size: 14px;
}

.testimonial-back-div .testimonial-div .div-in p{
	line-height: 30px;
	font-size: 17px;

}

.testimonial-back-div .testimonial-div .div-in .profile-div{
	display: flex;
	gap: 12px;
	cursor: pointer;
}

.testimonial-back-div .testimonial-div .div-in .profile-div .img-div{
	width: 40px;
	height: 40px;
	border-radius: 50px;
	object-fit: cover;
}

.testimonial-back-div .testimonial-div .div-in .profile-div .img-div img{
	width: 100%;
	object-fit: cover;
}

.testimonial-back-div .testimonial-div .div-in .profile-div .right-text{
	display: flex;
	flex-direction: column;
	font-size: 13px;
}

.testimonial-back-div .testimonial-div .div-in .profile-div .right-text h4{
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-family: sub-title-font;
}



.body-div-in .btn-div{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	gap: 8px;
}


.body-div-in .btn-div .btn{
	border: none;
	background: #d4d4d4;
	width: 35px;
	height: 35px;
	padding: 5px;
	border-radius: 100%;
	cursor: pointer;
	transition:all 0.2s ease-in 0.2s;
}

.body-div-in .btn-div .btn:hover{
	background: var(--primary-color);
	color: var(--text-white);
}







.faq-back-div{
	width: 100%;
	display: flex;
} 

.faq-back-div .faq-div{
	width: 100%;
	display: flex;
	gap: 20px;
} 

.faq-back-div .faq-div .left-image-div{
	width: 45%;
	height: 450px;
	border-radius: 5px;
	overflow: hidden;
} 

.faq-back-div .faq-div .left-image-div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
} 

.faq-back-div .faq-div .right-container{
	width: 50%;
	height: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 22px;
} 

.faq-back-div .faq-div .right-container .faq-btn-title{
	display: flex;
	flex-direction: column;
	gap: 8px;
} 

.faq-back-div .faq-div .right-container .faq-btn-title .top-title{
	padding: 5px 12px;
	font-size: 13px;
	font-family: body-font;
	border-radius: 3px;
	color: var(--sub-text-color);
	background: rgb(215, 53, 58,.1);
} 

.faq-back-div .faq-div .right-container h2{
	padding: 0px;
	margin: 0px;
	color: var(--body-color);
	font-size: 27px;
	font-weight: 100;
	line-height: 40px;
} 

.faq-back-div .faq-div .right-container h2 span{
	color: var(--sub-text-color);
}

.faq-back-div .faq-div .right-container .faq-toggle-back{
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.faq-back-div .faq-div .right-container .faq-toggle-back .faq-toggle{
	width: calc(100% - 50px);
	padding: 13px 25px;
	background: var(--bg-white);
	border: #e4e4e4 1px solid;
	display: flex;
	flex-direction: column;
	gap: 5px;
	border-radius: 5px;
	cursor: pointer;
	transition:all 0.2s ease-in 0.2s;
}


.faq-back-div .faq-div .right-container .faq-toggle-back .faq-toggle:hover {
    box-shadow: 0px 0px 9px 1px #e9e9e9;
}

.faq-back-div .faq-div .right-container .faq-toggle-back .faq-toggle.active-faq {
    box-shadow: 0px 0px 9px 1px #e9e9e9;
}

.faq-back-div .faq-div .right-container .faq-toggle-back .faq-toggle .title-text{
	width: 100% ;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.faq-back-div .faq-div .right-container .faq-toggle-back .faq-toggle .title-text h2{
	padding: 0px;
	margin: 0px;
	color: rgb(14, 42, 70);
	font-family: sub-title-font;
    font-size: 18px;
	line-height: 25px;
    font-weight: 200;
}

.faq-back-div .faq-div .right-container .faq-toggle-back .faq-toggle .title-text .expand-div{
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.faq-back-div .faq-div .right-container .faq-toggle-back .faq-toggle .title-text .expand-div i{
	color: rgb(14, 42, 70);
	font-weight: bold;
	font-size: 25px;
}

.faq-back-div .faq-div .right-container .faq-toggle-back .faq-toggle .answer-div{
	padding: 10px 12px;
	font-size: 15px;
	display: none;
}

.faq-back-div .faq-div .right-container .faq-toggle-back .faq-toggle .answer-div p{
	padding: 0px;
	margin: 0px;
	text-align: justify;
}


.faq-back-div .faq-div .right-container .btn{
	border:none;
	padding: 10px 15px;
	border-radius: 25px;
	color:var(--text-white);
	font-size:13px;
	font-family: sub-title-font;
	background: var(--primary-color);
	transition: 0.3s ease-in;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
}

.faq-back-div .faq-div .right-container .btn i{
	font-size: 13px;
}

.faq-back-div .faq-div .right-container .btn:hover{
	background: var(--secondary-color);
}


@media all and (max-width:870px) {	
	.faq-back-div .faq-div{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		gap: 30px;
	} 
	.faq-back-div .faq-div .left-image-div{
		width: 100%;
	} 
	.faq-back-div .faq-div .right-container{
		width: 100%;
	} 
}















/* BLOG STYLE*/
.blog-back-div{
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-top: 30px;
}

.blog-back-div .blog-div{
	width: 33%;
	min-height: 300px;
	background: #fff;
	border-radius: 4px;
	cursor: pointer;
	-moz-transition:all 0.2s ease-in 02s;
	transition:all 0.2s ease-in 0.2s;
	-webkit-transition:all 0.2s ease-in 0.2s;
	-ms-transition:all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
}

.blog-back-div .blog-div:hover{
	box-shadow: 0px 0px 10px 2px #ececec;	
}

.blog-back-div .blog-div .image-div{
	width: 100%;
	height: 230px;
	border-radius: 4px 4px 0px 0px;
	overflow: hidden;
}

.blog-back-div .blog-div .image-div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-back-div .blog-div .text-div{
	height: auto;
    margin-bottom: 10px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	color: var(--body-color);
	text-align: left;
}

.blog-back-div .blog-div .text-div h3{
    margin: 0px;
    font-size: 20px;
	font-family: sub-title-font;
	transition:all 0.2s ease-in 0.2s;
}

.blog-back-div .blog-div .text-div h3:hover{
	color: var(--primary-color);
}

.blog-back-div .blog-div .text-div p{
	font-size: 14px;
    line-height: 25px;
}

.blog-back-div .blog-div .text-div .count{
	border: #EBEBEB 1px solid;
    border-left: 0px;
    border-right: 0px;
	border-bottom: 0px;
    padding: 5px 5px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
	text-align: left;
}

.blog-back-div .blog-div .text-div .count i{
	color: var(--primary-color);
	margin-right: 5px;
}



@media all and (max-width:920px) {
	.blog-back-div{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.blog-back-div .blog-div{
		width: 48%;
	}
}

@media all and (max-width:720px) {
	.blog-back-div{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	
	.blog-back-div .blog-div{
		width: 100%;
	}
	.blog-back-div .blog-div .text-div h3{	
		font-size: 18px;
	}
}






/* NEW PROGRAM STYLE*/
.new-program-div{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.new-program-div .image-div{
	position: relative;
	width: calc(100% - 450px);
	height: 400px;
	overflow: hidden;
	border-radius: 8px;
}

.new-program-div .image-div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}

.new-program-div:hover .image-div img{
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	transform: scale(1.10);
}

.new-program-div .text-div{
	position: relative;
	width: 450px;
	margin-left: -50px;
	min-height: 350px;
	background: var(--bg-white);
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.06);
	border-radius: 5px;
}

.new-program-div .text-div .div-in{
	padding: 40px;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.new-program-div .text-div .div-in h2{
	padding: 0px;
	margin: 0px;
	color: var(--sub-body-color);
	font-family: sub-title-font;
	font-size: 25px;
}

.new-program-div .text-div .div-in p{
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	color:var(--body-color);
	text-align: justify;
}

.new-program-div .text-div .div-in .btn{
	border:none;
	height:40px;
	min-width: 150px;
	padding: 0px 0px 0px 20px;
	border-radius: 25px;
	color:var(--text-white);
	font-size:14px;
	margin-top: 10px;
	font-family: sub-title-font;
	background: var(--primary-color);
	transition: 0.3s ease-in;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.new-program-div .text-div .div-in .btn i{
	width: 40px;
	height:40px;
	border-radius: 50%;
	font-size: 18px;
	background: var(--secondary-color);
	display: flex;
	align-items: center;
	justify-content: center
}

.new-program-div .text-div .div-in .btn:hover {
    background: var(--secondary-color);
}

.new-program-div .text-div .div-in .btn:hover i {
    background: var(--primary-color);
}





@media all and (max-width:940px) {
	.new-program-div{
		flex-direction: column;
		gap: 30px;
	}
	
	.new-program-div .image-div{
		width: 100%;
	}

	.new-program-div .text-div{
		width: 90%;
		margin-left: 0px;
		margin-top: -50px;
	}
	
}























/* FOOTER STYLE*/
.footer-div{
	min-height: 350px;
	background: url(../all-images/images/footer_bg.jpg) center no-repeat;
	background-size: cover;
	padding-top: 90px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.footer-div .footer-div-in{
	width: 85%;
	max-width: 1200px;
	font-size: 15px;
	margin-bottom: 50px;
	color: var(--text-white);
	display: flex;
	align-items: center;
	flex-direction: column;
}

.footer-div .footer-div-in .segment-back-div {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 25px;
} 

.footer-div .footer-div-in .segment-back-div .segment-div{
	width: 23%;
	min-height: 100px;
	color: var(--text-white);
	display: flex;
	flex-direction: column;
	gap: 20px;
} 


.footer-div .footer-div-in .segment-back-div .segment-div .logo-div{
	width: 200px;
	overflow: hidden;
} 

.footer-div .footer-div-in .segment-back-div .segment-div .logo-div img{
	width: 100%;
	object-fit: cover;
} 

.footer-div .footer-div-in .segment-back-div .segment-div h3 {
    padding: 0px;
    margin: 0px;
    color: var(--text-white);
    font-size: 20px;
    font-family: sub-title-font;
}

.footer-div .footer-div-in .segment-back-div .segment-div p{
	padding: 0px;
	margin: 0px;
}

.footer-div .footer-div-in .segment-back-div .segment-div .icon-div {
	width: 50px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.footer-div .footer-div-in .segment-back-div .segment-div .icon-div li {
	list-style: none;
	width: 40px;
	height: 40px;
	font-size: 16px;
	color: var(--text-white);
	background: var(--primary-color);
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease-in 0.2s;
	cursor: pointer;
}

.footer-div .footer-div-in .segment-back-div .segment-div .icon-div li:hover {
	color: var(--text-white);
	background: var(--secondary-color);
}


.footer-div .footer-div-in .segment-back-div .segment-div ul{
	display: flex;
	flex-direction: column;
	padding: 0px;
	margin: 0px;
	gap: 13px;
}

.footer-div .footer-div-in .segment-back-div .segment-div ul li{
	list-style: none;
	font-size: 15px;
	color: var(--text-white);
	font-family: body-font;
	cursor: pointer;
	text-decoration: none;
	transition:all 0.2s ease-in 0.2s;
	display: flex;
	align-items: center;
	gap: 8px;
}

.footer-div .footer-div-in .segment-back-div .segment-div ul li i{
	font-size: 12px;
	color: var(--text-white);
}

.footer-div .footer-div-in .segment-back-div .segment-div ul li:hover{ 
	color: var(--primary-color);
	text-decoration: underline;
}

.footer-div .footer-div-in .segment-back-div .segment-div ul li:hover i{ 
	color: var(--primary-color);
}

.footer-div .footer-div-in .segment-back-div .segment-div .location-back-div{ 
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.footer-div .footer-div-in .segment-back-div .segment-div .location-back-div .location-div{ 
	width: 100%;
	display: flex;
	gap: 15px;
}

.footer-div .footer-div-in .segment-back-div .segment-div .location-back-div .location-div i{ 
	font-size: 20px;
	color: var(--primary-color);
}

.footer-div .footer-div-in .segment-back-div .segment-div .location-back-div .location-div span{ 
	font-weight: bold;
}

.footer-div .footer-div-in .segment-back-div .segment-div .input-container{ 
	display: flex;
	flex-direction: column;
}

.footer-div .footer-div-in .segment-back-div .segment-div .input-container .btn{
	border:none;
	height:47px;
	min-width: 170px;
	padding: 0px 0px 0px 20px;
	border-radius: 25px;
	color:var(--text-white);
	font-size:14px;
	font-family: sub-title-font;
	background: var(--primary-color);
	transition: 0.3s ease-in;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.footer-div .footer-div-in .segment-back-div .segment-div .input-container .btn i{
	width: 45px;
	height:45px;
	border-radius: 50%;
	font-size: 18px;
	background: var(--secondary-color);
	display: flex;
	align-items: center;
	justify-content: center
}

.footer-div .footer-div-in .segment-back-div .segment-div .input-container .btn:hover {
    background: var(--secondary-color);
}

.footer-div .footer-div-in .segment-back-div .segment-div .input-container .btn:hover i {
    background: var(--primary-color);
}



.footer-div .main-bottom-div{ 
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px 0px;
	background: #202328;
}

.footer-div .main-bottom-div .div-in{ 
	width: 85%;
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-div .main-bottom-div .div-in .text{ 
	font-size: 12px;
	color: #B7B5A4;
}

.footer-div .main-bottom-div .div-in .text span{
	cursor: pointer;
	color: var(--text-white);
}

.footer-div .main-bottom-div .div-in .text span:hover{
	text-decoration: underline;
}



@media all and (max-width:1000px) {
	.footer-div .footer-div-in{
		width: 90%;
	}
}

@media all and (max-width:940px) {
	.footer-div .footer-div-in .segment-back-div {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	} 
	
	.footer-div .footer-div-in .segment-back-div .segment-div{
		width: 48%;	
	} 
}

@media all and (max-width:640px) {
	.footer-div .footer-div-in .segment-back-div {
		display: flex;
		flex-direction: column;
		gap: 30px;
	} 
	
	.footer-div .footer-div-in .segment-back-div .segment-div{
		width: 100%;	
	} 
}

@media all and (max-width:450px) {
	.footer-div .footer-div-in .segment-back-div .segment-div h3 {
		font-size: 18px;
	}
	.footer-div .footer-div-in .segment-back-div .segment-div ul li{
		font-size: 14px;
	}
}


@media all and (max-width:500px) {
	.footer-div .main-bottom-div .div-in{ 
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 10px;
	}
}