@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&family=Yellowtail&display=swap');
@import url("https://cdn.jsdelivr.net/npm/@flaticon/flaticon-uicons@3.3.1/css/all/all.min.css");
@import url("font.css");

/* 
font-family: "Inter", sans-serif;
font-family: "Montserrat", sans-serif;
font-family: "Quicksand", sans-serif;
font-family: "Courgette", cursive;
font-family: "Yellowtail", cursive;
*/

:root {
  /*BG*/
  --primary:#A53860;
  --secondary:#670D2F;
  --yellow:#FFDF01;
  --gray1:#EEEEEE;
  
/*Font Family*/
--Primary-font:'Inter',sans-serif;
--Heading-font:'Quicksand','sans-serif';

/* box-shadow */
--box-shadow:0px 4px 30px rgba(0, 0, 0, 0.1);
--me-display:calc(-40px - ((100vw - 100%)/ 2) + 0px);

}

body{font-family:var(--Primary-font);font-size:15px;font-weight:normal;border-top: solid 5px #C88EB2;}
*{margin:0;padding:0;} 
img{max-width:100%;}
a{color:var(--primary);text-decoration:none;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
a:hover{color:var(--secondary);transition:all 0.3s ease;text-decoration:none;}
li{list-style-type:inherit;}
ul{padding:0;margin:0;}
a:focus,button:focus{outline:none;}
:focus{outline:none;box-shadow:none;}
dl,ol,ul{list-style-position:inside;list-style:none;}

/*Form*/
.form-control{font-size:13px;font-weight:100;width:100%;background-color:#fff;border:1px solid #C4C4C4;height:45px;border-radius:5px;box-sizing:border-box;padding:0 15px;font-family:'Poppins',sans-serif;letter-spacing:.32px;color:#858585;}
.form-control:focus{box-shadow:none;}
label{font-weight:600;font-size:14px;line-height:normal;margin-bottom:8px;}
.form-check-input{width:20px;height:20px;}
.custom-select{position:relative;}
.custom-select::after{content:"\f107";font-family: 'Line Awesome Free' !important;position:absolute;top:0;right:10px;height:100%;display:flex;align-items:center;font-weight:700;}
.form-control[type=file]{overflow:hidden;height:45px;line-height:45px;padding:0 10px;}
.form-label dt{display:inline-block;color:red;font-weight:normal;}

.btn-row{text-align:center;padding-top:20px;}
.btn{font-size:14px;border-radius:25px;padding:12px 15px;font-weight:600;height:auto;line-height:100%;letter-spacing:0;position:relative;overflow:hidden;min-width:130px;}
.btn:focus{outline:none;box-shadow:none;}
.btn-close:focus{outline:none;box-shadow:none;}

.btn_red{background:var(--secondary);color:#fff;}
.btn_red:hover{background:var(--primary);color:#fff;}

.btn_icon {
	background:var(--primary);
	text-align:center;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	gap:4px;
	line-height:100%;
	padding:10px 10px;
	color:#fff;
	font-size:14px;
	font-style:normal;
	font-weight:600;
	border-radius:4px;
}
.btn_icon i{font-size:16px;line-height:100%;}

/*Headings*/
.subhead{font-family:"Alex Brush",serif;font-size:56px;font-style:normal;font-weight:400;line-height:100%;color:var(--red);}
.main-heading {
	padding: 40px 0;
}
h1 {
	font-size:60px;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	margin-bottom:0px;
	line-height: 100%;
	color: var(--secondary);
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
	opacity: 0;
    transform: translateY(100px);
}

h2 {
	font-size: 60px;
	font-weight: 700;
	font-family: var(--Heading-font);
	margin-bottom:30px;
	line-height: 120%;
	color: var(--secondary);
	display: inline-flex;
	align-items: center;
	gap: 10px;


}
h2 span{font-family: "Courgette", cursive;color: var(--primary);}
p{line-height:normal;line-height:28px;}


.galery-title-box {
  min-height: 145px;
  display: grid;
  align-items: flex-end;
}
.galery-title-box h2 {
  margin-bottom: 0;
}

.char {
    transform: translateY(115px);
    transition: transform .5s;
}

.section{padding:80px 0;position:relative;}
.title_box{max-width:790px;width:100%;margin:0 auto;text-align:center;}
.subtitle{font-size:16px;margin-top:20px;margin-bottom:35px;line-height:30px;}

.title1{font-size:24px;}
.title2{font-size:18px;}

.grayBG{background:var(--gray1);}
.greenBG{background:var(--olive);}
.red{color:var(--primary);}

#Header {
	padding: 0 20px;
}

header {
	background: var(--primary);
	border-radius: 15px;
	margin-top:5px;
	padding: 15px 20px;
	display: flex;
	align-items: center;
}

.hambergur {
  width: 45px;
  height: 45px;
  background: var(--gray1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  border-radius: 5px;
}
.hambergur i {
  line-height: 100%;
  height:21px;
}



.text-main-top p {
  font-size: 18px;
}
.text-main-top {
  padding-left: 50px;
}

/* Slider */
.home-slider {
	padding: 0 20px;
}
.main-bnr img {border-radius:20px;position:relative;}
.main-bnr img:after {border-radius:20px;position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);left:0;top:0;}


/* OWL */
.owl-dots{text-align:left;padding-top:10px;display: flex;align-items: center;gap: 5px;justify-content: center;}
.owl-dots button.owl-dot{width:11px;height:11px;border-radius:50%;display:inline-block;background:var(--secondary);margin:0 3px;border: none;}
.owl-dots button.owl-dot.active{background-color:transparent;width: 32px;height: 32px;border: solid 1px var(--primary);}

.owl-dots button.owl-dot.active>span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: var(--primary);
  border-radius: 50%;
}
.owl-dots button.owl-dot:focus{outline:none;}
.owl-nav button:focus{outline:none;}

.owl-nav{position:absolute;width:100%;display:flex;align-items:baseline;justify-content:space-between;padding:0 20px;top:50%;transform:translateY(-50%);}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{display:block;align-items:center;justify-content:center;background:var(--maroon) !important;width:30px;height:30px;color:#fff;border-radius:4px;font-size:30px;line-height:100%;}
.owl-carousel .owl-nav button.owl-prev span,.owl-carousel .owl-nav button.owl-next span{line-height:100%;display:block;}


/* Principal */
.principal {
	padding: 90px 0;
	position: relative;
}
.principal-pro img {
  border-radius: 15px;
  position: relative;
}
/* .principal-pro {
  position: relative;

} */
 .principal-pro {
	position: relative;
	margin: 0 auto;
	max-width: 360px;
	width: 100%;
}
.principal-pro::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: transparent;
  border: solid 3px var(--primary);
  left: 20px;
  bottom: 20px;
  border-radius: 15px;
    max-width: 360px;
  width:100%;
}
.princi-name {
	display: block;
	font-family: "Yellowtail", cursive;
	font-size: 32px;
	color: var(--primary);
	text-align: center;
	margin: 0 auto;
	max-width: 360px;
	width: 100%;
}

.pri-mesg {
	padding-left: 60px;
}

.msg-box {
	position: relative;
}

.msg-box p {
	font-size: 17px;
	text-align: justify;
	color: #3E5166;
	line-height: 32px;
	font-weight: 400;
  margin-top:15px;
}

.close-quote {
	display: inline-block;
	margin-top: 5px;
}
.p-icn {
	position: absolute;
	left:5%;
	bottom: 0;
}
.tri-dt {
	position: absolute;
	right: 30px;
	top: 30px;
}
.msg-box img {
	height: 30px;
}

/*  */
.admissions-block {
	background: var(--gray1);
}
.bg1{background:var(--primary);}
.bg2{background:var(--secondary);}

.menu-box {
	padding: 20px;
	border-radius: 15px;
	min-height: 260px;
	padding-top:25px;
	overflow: hidden;
	position: relative;
	background-image: url('../images/pattern-triangle.svg');
	background-repeat: no-repeat;
	background-position: right 15px;
}
.menu-box .btn_icon {
	color: #000;
}

.menu-box h4, .Honors-item h4 {
  font-family: "Quicksand", sans-serif;
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  position: relative;
  z-index:1;
}
.menu-box ul {
  min-height: 140px;
}
.menu-box ul li a {
	color: #fff;
	font-size: 13px;
	display: block;
	padding: 5px 0;
	position: relative;
	padding-left: 20px;
}
.menu-box ul li a:hover{color: var(--yellow);}
.menu-box ul li a::before {
	position: absolute;
	width: 20px;
	height: 20px;
	content: "\f3c8";
	font-family: uicons-regular-rounded !important;
	font-style: normal;
	font-weight: 400 !important;
	left: 0;
	font-size: 13px;
	color: var(--yellow);
}
.menu-box::after {
  position: absolute;
  content: '';
  width: 150px;
  height: 150px;
  /* background: var(--secondary); */
  z-index: 99;
  border-radius: 50%;
  right: -30px;
  bottom: -30px;
}

.menu-box.bg1::after{background-color:#EF88AD;}
.menu-box.bg2::after{background-color:#A53860;}

/* Activity Gallery */

.heading_box {
  text-align: center;
}
.heading_box p {
  margin: 0;
  font-size: 22px;
  letter-spacing: 5px;
}
.curv {
	display: inline-block;
	background: url('../images/curv.svg');
	background-repeat: no-repeat;
	background-position: 0 100%;
	height: 77px;
}

/* Slick */
.wrap{position:relative;z-index:100;width:100%;height:100%;padding:0 0;overflow:hidden;}


.slider{position:relative;z-index:200;padding:0 0px;margin:0 auto;max-width:880px;width:100%;}

.slick-arrow{position:absolute;top:50%;width:40px;height:50px;line-height:50px;margin-top:-25px;border:none;background:transparent;font-family:monospace;font-size:5rem;z-index:300;outline:none;}
.slick-prev{left:-50px;text-align:left;}
.slick-next{right:-50px;text-align:right;}

.item.slick-slide{width:370px;height:370px !important;transition:transform .5s ease;position:relative;}
.slick-slide:after{content:'';position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:transform .4s;border-radius: 20px;}
.item.slick-slide{transform:scale(0.7) translate(640px);}
.item.slick-slide.slick-center + .slick-slide{transform:scale(0.8) translate(-250px);z-index:10;}
.item.slick-slide.slick-center + .slick-slide + .item.slick-slide{transform:scale(0.7) translate(-640px);z-index:5;}
.item.slick-slide.slick-active{transform:scale(0.8) translate(250px);}
.item.slick-slide.slick-center{/* margin:0 -10%;*/ transform:scale(1);z-index:30;}

.slick-center:after{opacity:0;margin:10px;padding:10px;}

.item.slick-slide img {
	border-radius: 20px;
}

/* Counter */
.c-item {
  background: #FFEAEA;
  padding: 20px;
  border-radius: 5px;
}

.c-item .num {
	color: var(--primary);
	font-size:38px;
	line-height: 100%;
}
.c-item span {
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	position: relative;
	margin-bottom: 5px;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
}
.c-item dt {
	color: var(--primary);
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 21px;
	font-family: "Quicksand", sans-serif;
	margin-top:0;
}
.counter {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
	gap: 15px;
	padding-left: 40px;
	padding-top: 0;
	height: 100%;
	align-content: center;
}
/* FAQ */
.accordion-header {
	width: 100%;
	background: var(--primary);
	border-radius: 5px;
}

.faq-accordian {
	max-width: 700px;
	margin-left: auto;
}
.accordion-button {
	background:none;
	margin:0}
.accordion-button:focus {
	z-index:3;
	border-color:transparent;
	outline:none;
	box-shadow:none;
}

.faq-accordian .accordion-item {
	border:none;
	margin-top:15px;
}
.faq-accordian .accordion-item .accordion-button {
	text-transform: none;
	font-weight: 600;
	padding: 0 20px;
	line-height: 110%;
	cursor: pointer;
	min-height: 50px;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: 15px;
	color: #FCD8CD;
}
.faq-accordian .accordion-item .accordion-button:not(.collapsed) {
	background:none;
    box-shadow: none;
}

.accordion-button::after {
	background-image: none;
	font-family: uicons-solid-straight !important;
  font-style: normal;
  font-weight: 400 !important;
	content:"\f19d";
}
.accordion-button:not(.collapsed)::after {
	background-image: none;
}
.accordion-body {
	background: #FAF7F3;
	border: none;
	border-top: none;
	font-size: 14px;
	color: var(--secondary);
}

/* Hounors */


.Honors-item {
  padding: 25px;
  border-radius: 15px;
  min-height: 310px;
  padding-top: 45px;
  color: #fff;
  position: relative;
}
.Honors-item p {
	font-weight: 200;
	min-height: 110px;
}
.view-btn {
	color: #FCD8CD;
	display: inline-grid;
	grid-template-columns: 1fr max-content;
	align-items: center;
	gap: 5px;
	font-size: 16px;
	border: solid 1px #FCD8CD;
	padding: 5px 15px;
	line-height: 100%;
	position: relative;
	z-index: 1;
}
.view-btn i {
  line-height: 100%;
  font-size: 22px;
  width: 18px;
  height: 22px;
}
.view-btn:hover{color:var(--yellow);border: solid 1px var(--yellow);border-radius:20px;}
.circle1 {
	position: absolute;
	bottom: 0;
	right: 50px;
}
.circle2 {
	position: absolute;
	top: 0;
	left: 50px;
}

/* Magazine */
.magazine-item h2 {
	display: block;
	text-align: center;
}

.magazine-item {
  max-width: 360px;
}
.magazine-item img {
	border-radius: 20px;
	max-height: 460px;
}

/* History */

/* .history-wrap{background: url('../images/old-bg.jpg');background-repeat: no-repeat;background-position:0 bottom;position: relative;} */
.history-wrap {
	background: url('../images/old-bg.jpg');
	background-repeat: no-repeat;
	background-position: 0 center;
	position: relative;
	background-size: cover;
}

.old-building img {
  border: solid 5px #fff;
  border-radius: 10px;
}
.old-building {
	margin-bottom: -110px;
	padding-right: 30px;
}
.history-text h2 span {
	color: #3D0301;
}
.history-text p {
  font-size: 22px;
  line-height: 36px;
  color: #3D0301;
  text-align: justify;
}

.girl-img {
  position: absolute;
  right: 20px;
  bottom: 0;
}

/* New */
.news-wrap {
	overflow: hidden;
}
.portfolio_list {
	margin-right: var(--me-display);
	overflow: hidden;
  padding-left:70px;
}

/* Portfolio */

.portfolio{overflow:hidden;min-width:430px;}
.portfolio_item img{border-radius:10px 10px 0 0;}



.news-dtl {
  background: #FFEAEA;
  padding: 25px;
  padding-bottom: 35px;
  border-radius: 0 0 10px 10px;
  font-family: "Quicksand", sans-serif;
}
.news-dtl .title1 {
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  color: #2C3333;
}
.lable {
  padding-bottom: 10px;
}
.lable span {
  display: inline-flex;
  background: var(--primary);
  color: #fff;
  padding: 0 10px 2px;
  margin-right: 10px;
}

/* Footer */
.footer{background:var(--secondary);padding:40px 0;}
.footer-menu ul{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:solid 1px var(--primary);padding-bottom:15px;margin-bottom:15px;}
.footer-menu ul li a{color:#FFB3B3;}
.footer-menu p {
	margin: 0;
	line-height: 100%;
	color: var(--yellow);
	letter-spacing: 10%;
}
.footer-menu p a{color:#fff;}
/* Magazine */
.Moments-wrap {
	margin-right: var(--me-display);
	overflow: hidden;
	margin-top:30px;
}
.magazine-wrap {
  overflow: hidden;
}


.mom-item {
  position: relative;
}
.mom-item img {
  border-radius: 15px;
}

.title-box {
  position: absolute;
  z-index: 99;
  background: rgba(255, 255, 255, 0.60);
  backdrop-filter: blur(5px);
  width: calc(100% - 20px);
  bottom: 10px;
  left: 10px;
  padding: 10px;
  border-radius: 7px;
}

.date-list {
  letter-spacing: 2px;
  font-size: 13px;
  line-height: 100%;
}
.title-box .title1 {
  font-size: 16px;
  font-weight: 700;
  font-family: "Quicksand", sans-serif;
}

/* Events */
.event-wrap {
	max-height: 400px;
	overflow-x: hidden;
	margin-bottom: 15px;
  padding-right: 10px;
}

.event-item {
	font-family: "Quicksand", sans-serif;
	padding: 15px 0;
	border-top: solid 1px #D7D7D7;
	margin-bottom: 15px;
}
.event-item a {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  color: var(--primary);
  display: block;
  margin-bottom:20px;
}
.event-item a:hover{color:#FB4141;}

.time-date {
  font-family: "Inter", sans-serif;
  font-weight:300;
  font-size: 17px;
  display: flex;
  align-items: center;
  line-height: 100%;
  gap: 10px;
  color: #3E5166;
}
.time-date i {
  font-size: 19px;
}

.lct {
  font-family: "Inter", sans-serif;
  font-weight:300;
  font-size: 16px;
  display: flex;
  align-items: center;
  line-height: 100%;
  gap: 10px;
  color: #3E5166;
}
.lct i {
	font-size: 20px;
}
.host {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.readbtn a {
	margin: 0;
	font-size: 15px;
	line-height: 100%;
	display: flex;
	align-items: center;
	gap:2px;
}
.readbtn a i {
	transform: rotate(30deg);
	font-size: 18px;
	line-height: 100%;
	display: inline-flex;
	margin-top: 3px;
}


/* Inside Pages Style Start Here */

.in_bg{background:#F5F7F8;}
.photos img {
	min-height: 275px;
	object-fit: cover;
	max-height: 275px;
	width: 100%;
	object-position: center;
}

/*Banner Inner*/
.inside-banner {
	position: relative;
	min-height:170px;
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	padding-bottom: 25px;
	/* background: #EF88AD; */
	background:#EF88AD;
	margin-top: 25px;
}
.page-heading{text-align:center;width:100%;z-index:1;height:100%;display:grid;place-content:center;padding-bottom:0;}
.page-heading h2{margin-bottom:0;color:#fff !important;font-size:40px;}

.heading-title{text-align:left;margin-bottom:20px;border-bottom:solid 1px #ef88ad;}
.heading-title span{display:inline-block;position:relative;margin:0px 0 0;padding:10px 20px 9px;font-size:18px;font-weight:500;color:#fff;background:#ef88ad;line-height:100%;}
.inside-heading h2{margin-bottom:5px;color:var(--blue-text);}

.main-content{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0px 0px 13px rgb(0 0 0 / 5%);min-height:600px;}
.main-content h3{font-size:28px;font-weight:700;margin-bottom:15px;}
.main-content h3 .subtitle{font-size:18px;font-weight:700;margin-top:0;margin-bottom:0;line-height:26px;background:red;display:inline-block;color:#fff;padding:1px 20px;}
.main-content p{line-height:28px;text-align:justify;padding:0 5px;}

/* .main-content a {color:var(--primary);}
.main-content a:hover {color:var(--secondary);} */

/* .main-content ul {list-style: disc !important;margin-left:20px;margin-bottom:2rem;margin-top:1rem;}
.main-content li {list-style: inherit !important;margin-bottom:15px;font-weight:normal;line-height:24px;} */

.title-custom{border-bottom:solid 1px #B3C8CF;margin-bottom: 15px;padding: 0;}
.title-custom h3{font-size:18px;font-weight:700;display:inline-block;padding:6px 10px 6px;background:#B3C8CF;margin:0;}

/*Side Menu*/
.side-header{background:var(--primary);padding:15px 15px;border-radius:7px 7px 0 0;}
.side-header span{color:#fff;font-size:18px;font-weight:600;text-transform:uppercase;}
.side-menu{padding:1rem;border-radius:0px 0px 7px 7px;background:#ffffff;margin-bottom: 3rem;}
.side-nav ul li a{padding:12px 0;display:block;font-weight:500;color:#444941;position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;}
.side-nav ul li a:hover{color:var(--primary);padding-left:5px;transition:all 0.2s linear;}
.side-nav ul li a.active{color:var(--primary);padding-left:5px;transition:all 0.2s linear;}
.side-nav ul li{border-bottom:1px solid rgb(0 0 0 / 5%);}
.side-nav ul li:last-child{border-bottom:none;}
.side-nav ul li .sub-nav{padding:0 10px;}
.side-nav ul li .sub-nav li a{font-size:16px;color:#0D4C92;}
.dropdown-nav.opennav i{transform:rotate(180deg);transition:all 0.5s ease;}
.dropdown-nav i{transform:rotate(0deg);transition:all 0.5s ease;}

/*Styles List*/
.custom-list{margin-left:20px;margin-bottom:2rem;margin-top:1rem;}
.ul{list-style-type:disc !important;}
.custom-list li{margin-bottom:15px;font-weight:normal;line-height:24px;}
.custom-list li::marker{font-weight:normal;color: var(--primary);}
.custom-list li a{color:#B04400;}
.box{list-style-type:square;}
.circle{list-style-type:circle;}
.ol{list-style-type:decimal;}
.la{list-style-type:lower-alpha;}
.ua{list-style-type:upper-alpha;}
.rom{list-style-type:lower-roman;}

/*Table*/
.table-wrap{width:100%;margin-top:1rem;margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.table-heading{background:#3b405f !important;color:#fff;border:none !important;text-transform:uppercase;font-weight:700;letter-spacing:0.35px;text-align:left !important;}
.table-wrap table{width:100%;}
.table-wrap table tr th{vertical-align:bottom;font-size:15px;font-weight:500;padding:5px 0.75rem;background:var(--primary);color:#fff;border:none !important;border-right:1px solid #6f233f !important;font-family:'Poppins',sans-serif;}
.table-wrap table tr td{border:1px solid #dee2e6;padding:0.5rem 0.75rem;background:#fff;}
.table-wrap table tr td a{background:var(--primary);display:inline-block;color:#fff;line-height:100%;padding:5px 10px;font-size:14px;border-radius:3px;}
.table-wrap table tr td a i{font-size:25px;font-weight:normal;}

.column-3 table tr td:nth-child(1){width:5%;text-align:center;}
.column-3 table tr td:nth-child(2){width:90%;}
.column-3 table tr td:nth-child(3){width:5%;}

.tier-1 table tr th:nth-child(1){width:5%;text-align:center;}
.tier-1 table tr td:nth-child(1){text-align:center;}

.large-table{width:100%;overflow-x:auto;overflow-y:hidden;}
.btns-inline .btn{margin-bottom:5px;}


/* Tabs */
.switch-tabs .nav-link{font-weight:500;border:solid 1px #dee2e6 !important;margin-right:10px;background:#f8f9fa;border-bottom:none !important;color:#000;}
.switch-tabs .nav-link.active{background:#900000;color:#fff;border-color:#900000 !important;}
.switch-tabs .tab-content{background:#fff;}
.switch-tabs .nav-tabs{margin-bottom:15px;}

   /* Progress bar */

.progress-bar-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:5px;
  background-color:#C88EB2;
  z-index: 9999;
}

.progress-bar {
  height: 100%;
  /* background: linear-gradient(270deg, #FF2525 0%, #FFE53B 100%); */
  background:var(--yellow);
  transition: all 0.3s ease;
}







/* progress circle */

.progress-circle-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progress-circle {
  width: 60px;
  height:60px;
}

.progress-circle-bar {
  fill: none;
  stroke:var(--primary);
  stroke-width: 5;
  stroke-dasharray: 283;
  stroke-dashoffset: 0;
  transform-origin: center;
  transition: stroke-dashoffset 0.3s ease;
}

.progress-background {
  fill: transparent;
  stroke: #ededed;
  stroke-width: 5;
  stroke-dasharray: none;
}


.scroll-to-top {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: black;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0.3s ease;
  z-index: 9998;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.scroll-to-top svg {
  display: block;
  width: 20px;
  height: 20px;
  stroke: white;
  transition: all 0.1s ease;
}


/* Sidebar Dropdown */

.sidebar-navigation ul li a em {
    font-size: 18px;
    font-family: uicons-regular-straight !important;
    font-style: normal;
    font-weight: 400 !important;
    transition: all 0.5s linear;
}

.sidebar-navigation ul li a em.mdi-flip-v {
    transform: rotate(180deg);
    transition: all 0.5s linear;
}

.sidebar-navigation ul li.selected>a {
    color: var(--primary);
}

.sidebar-navigation ul li ul {
    display: none;
}

.sidebar-navigation ul li ul.open {
    display: block;
}

.sidebar-navigation ul li ul li a {
    color: #495d62;
    display: block;
    font-size: 14px;
}

.sidebar-navigation ul li ul li a:before {
    content: "";
    width: 10px;
    height: 1px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background-color: #495d62;
    transition: all 0.2s linear;
}

.sidebar-navigation ul li ul li:hover>a,
.sidebar-navigation ul li ul li.selected>a {
    background-color: 0;
}

.sidebar-navigation ul li ul li:hover>a:before,
.sidebar-navigation ul li ul li.selected>a:before {
    margin-right: 10px;
}

.sidebar-navigation ul li ul li.selected.selected--last>a {
    background-color: #94aab0;
    color: #fff;
}

.sidebar-navigation ul li ul li.selected.selected--last>a:before {
    background-color: #fff;
}

.subMenuColor1 {
    background-color: #fbfcfc;
}

.subMenuColor2 {
    background-color: white;
}

.subMenuColor2 {
    background-color: white;
}

.subMenuColor2 {
    background-color: white;
}

.subMenuColor2 {
    background-color: white;
}

.subMenuColor2 {
    background-color: white;
}

.subMenuColor2 {
    background-color: white;
}

.subMenuColor2 {
    background-color: white;
}

.subMenuColor2 {
    background-color: white;
}

.subMenuColor2 {
    background-color: white;
}

/* Academic Departmenr Faculty */
.faculty-row {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(210px,1fr));
	gap: 15px;
	margin-bottom: 25px;
}

.member-cont h4 {
  font-size: 18px;
  text-align: center;
  margin: 0;
  line-height: 100%;
}
.member-cont {
  text-align: center;
  display: grid;
  gap: 5px;
  padding: 10px 0 10px;
}
.member-cont h4 a {
  margin: 0;
  line-height: 100%;
  display: block;
}
.member-cont ul li {
  font-size: 14px;
}



body::-webkit-scrollbar{width:7px;/* width of the entire scrollbar */
}
body::-webkit-scrollbar-track{background:orange;/* color of the tracking area */
}
body::-webkit-scrollbar-thumb{background-color:blue;/* color of the scroll thumb */
 border-radius:10px;/* roundness of the scroll thumb */
 border:3px solid orange;/* creates padding around scroll thumb */
}


/* Firefox Support */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--primary) #EEEEEE;
}

/* WebKit Support (Chrome, Safari, Edge) */
*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-track {
  background: var(--secondary);
}

*::-webkit-scrollbar-thumb {
  background-color:var(--secondary);
  border-radius: 20px;
  border: 3px solid var(--primary);
}

.member-card-col {
	border: solid 1px var(--primary);
	border-radius: 10px;
	overflow: hidden;
}
.member-thumb {
  text-align: center;
  width: 100%;
}
.member-thumb img {
  width: 100%;
  object-fit: cover;
}

/* Home Modal */

.ip_home_modal .modal-body {
  padding: 10px;
}
.ip_home_modal .modal-content {
  border: solid 4px var(--primary);
}
.popup-cont {
  text-align: center;
}
.popup-cont span {
  display: block;
  font-size: 20px;
  padding: 9px 0 0;
  color: var(--primary);
  font-weight: 600;
}

.btn-close {
	position: absolute;
	z-index: 9;
	background: var(--yellow);
	opacity: 1;
	width: 25px;
	height: 25px;
	right: 5px;
	top: 5px;
	color: #000;
}
.btn-close i {
	display: flex;
	justify-content: center;
}

/* Home Page 3D Slider */
.item.slick-slide .caption_t{position:absolute;z-index:999;bottom:20px;width:calc(100% - 40px);background:rgba(0,0,0,0.5);color:#fff;padding:10px 10px;text-align:center;font-family:"Bai Jamjuree",sans-serif;font-weight:700;font-size:20px;line-height:100%;left:20px;border-radius:10px;}
.item.slick-slide .caption_t span{display:block;font-size:13px;font-weight:normal;}
.slick-dots li button{outline:none;border:none;background:#ffeaea;width:30px;height:25px;display:flex;align-items:center;justify-content:center;color:var(--primary);}
.slick-dots{display:flex !important;justify-content:center;gap:5px;margin-top:15px;}
.slick-dots li.slick-active button{background:var(--primary);color:#fff;}

/* Google ranslater */
.goog-logo-link{display:none !important;}
.goog-te-gadget span{display:none !important;}
.goog-te-gadget{font-size:0 !important;}
.goog-te-gadget .goog-te-combo{margin:4px 0;padding:3px 0px;background:transparent;border:none;border-bottom:1px solid #000;}
.translator{padding:0 10px;}

/* Parners */
.col-item {
	border: solid 1px #949494;
	border-radius: 10px;
	padding: 10px;
}

.magzn-title {
	max-width: 360px;
	display: block;
	text-align: center;
	line-height: 115%;
}