@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');




@import url('fonts.css');
@import'https://cdn.jsdelivr.net/npm/@flaticon/flaticon-uicons@3.3.1/css/all/all.min.css';

/* 
font-family: "Inter", sans-serif;
font-family: "Roboto Condensed", sans-serif;
font-family: "Libre Caslon Text", serif;
*/

:root {
  /*BG*/
  --primary:#9D35C7;
  --secondary:#670D2F;
  --yellow:#FFCC00;
  --gray1:#EEEEEE;
  
/*Font Family*/
--Primary-font:'Inter',sans-serif;
--Heading-font:'Roboto Condensed','sans-serif';

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

}

*{margin:0;padding:0;}
body{font-family:var(--Primary-font);font-size:15px;font-weight:normal;border-top: solid 3px #FDCFFA;}


img{max-width:100%;}
a{color:#000;text-decoration:none;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
a:hover{color:#9D35C7;transition:all 0.3s ease;text-decoration:none;}
li{list-style-type:none;}
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 5px;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_purple{background:var(--primary);color:#fff;}
.btn_purple:hover{background:var(--yellow);color:#fff;}

.btn_yellow{background:var(--yellow);color:#652B7C;}
.btn_yellow:hover{background:var(--primary);color:#fff;}

/*Headings*/
h1{font-size:60px;font-weight:700;font-family:var(--Heading-font);margin-bottom:20px;line-height:100%;}
h2{font-size:40px;font-weight:700;font-family:var(--Heading-font);margin-bottom:20px;line-height:120%;color:#37135A;}
p{line-height:normal;line-height:28px;}



.section{padding:45px 0;position:relative;}
.sec_bg_1{background:#F2ECFD;}
.color_1{color:var(--primary);}

/* Top Header */
.top-header {
	display: grid;
	grid-template-columns: 420px 1fr 420px;
	padding: 0 20px;
}
.logo-sec {
	margin-bottom: -25px;
}
.logo-sec img {
	max-width: 400px;
}

.grade {
	text-align: center;
	font-family: "Libre Caslon Text", serif;
	font-weight: 700;
	font-size:16px;
	letter-spacing: 0.07rem;
	line-height: 100%;
	color: #9112BC;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.top-nav {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.top-nav ul {
  display: inline-flex;
  gap: 16px;
  justify-content: flex-end;
}

.top-nav ul li a {
  color: #37135A;
  text-transform: uppercase;
  letter-spacing: 0.03rem;
}


#Header {
	padding: 0 20px;
}

header {
	background:#9D35C7;
	border-radius: 15px;
	margin-top:0px;
	padding:10px 20px;
	display: flex;
	align-items: center;
}

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



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

/* Slider */
.home-slider {
	padding: 0 20px;
	margin-top:20px;
	margin-bottom: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;}


.marquee-sec {
  background: #FDCFFA;
  padding: 18px 0;
}
.marquee-list {
  display: inline-flex;
  gap: 40px;
}
.marquee-list a {
  position: relative;
}

/* Principal */
.principal-item {
	display: grid;
	grid-template-columns: 255px 1fr;
	gap: 40px;
}
.img-item img {
	border-radius: 15px;
	position: relative;
	z-index:1;
}

.img-item {
  position: relative;
  text-align:center;
}
.img-item::before {
	height: 100%;
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	background: #D78FEE;
	border-radius: 15px;
	width: 254px;
	margin: 0 auto;
	transform: translateX(-50%) rotate(-6deg);
}
.pri-name {
	text-align: center;
	padding: 20px 0 0;
	font-style: normal;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.96px;
	text-transform: uppercase;
}
.prin-text {
	padding-right: 45px;
}
.prin-text p {
	text-align: justify;
	font-size: 18px;
	font-weight: 300;
	line-height: 32px;
}

/* Notices */
.notice-box {
	background: #600486;
	border-radius:20px;
	padding: 20px;
}

.notice-item {
  margin: auto;
  color: #fff;
}
.notice-item p {
  margin-bottom: 10px;
  line-height: normal;
  font-weight: 500;
}
.notice-item span {
  display: inline-block;
  background: #fff;
  color: #652B7C;
  padding: 6px 15px 8px;
  line-height: 100%;
  border-radius: 20px;
  font-size: 13px;
}
.notice-row {
  border-bottom: solid 1px #fdcffa;
  padding-bottom: 15px;
  margin-bottom: 15px;
}


/* Event Section */

.jmc_event_item {
	background: #fff;
	padding: 15px;
	border-radius:20px;
	box-shadow: var(--box-shadow);
	display: grid;
	grid-template-columns: 180px 1fr;
	gap: 20px;
}
.event-pos img {
	border-radius: 11px;
}

.event-dtls {
	display: grid;
	align-content: space-around;
}

.time-date {
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: 15px;
	display: flex;
	align-items: center;
	line-height: 100%;
	gap: 10px;
	color: #9D35C7;
}
.time-date i {
  font-size:18px;
}

.event-dtls .evnt-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	color: #414141;
}
.btn-poster {
	background: #9D35C7;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.1rem;
	padding: 8px 15px;
	display: inline-flex;
	border-radius: 40px;
	width:130px;
	max-width:100%;
}

/* Useful Images Section */
.useful-item {
  position: relative;
}
.useful-item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: linear-gradient(90.00deg, rgba(155, 93, 224, 0.10) 0%, rgba(206, 84, 255, 0.70) 100%);
  top: 0;
  left: 0;
}
.useful-item h5 {
  position: absolute;
  bottom: 18px;
  width: 100%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.30rem;
  z-index: 1;
}
.useful-item img {
	border-radius: 15px;
}

/* Usefull Box */
.useful-list ul {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(130px,1fr));
	gap: 15px;
}
.useful-box {
  background: #fff;
  border-radius: 10px;
  display: inline-block;
  padding:30px 15px;
  width: 100%;
  min-height: 155px;
}
.useful-img {
	text-align: center;
	margin-bottom: 10px;
	font-size: 50px;
	max-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #652B7C;
}
.useful-text {
	text-align: center;
	font-weight: 700;
	color: #652B7C;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
	line-height: 110%;
}


.useful-box:hover {
  background: #6F38C5;
}
.useful-box:hover .useful-img {
  color: #fff;
}
.useful-box:hover .useful-text {
  color: #fff;
}


.colege-bldg {
	text-align: center;
}

.colege-bldg img {
	border-radius: 20px;
}


/* Magazine Section */
.magzine-wrap {
	background: #6F38C5;
	/* border-top: solid 5px #FFCC00; */
}
.magazines_items li img {border-radius:10px;}


/* Alumnai Section*/

.service-overlay{width:100%;height:100%;position:absolute;left:0;top:0;mix-blend-mode:screen;z-index:1;opacity:0.7;}
.bg_1{background:rgb(210 0 26 /   100%);}
.bg_2{background:rgb(111 56 197 / 100%);}
.bg_3{background:rgb(235 29 54 /  100%);}
.bg_4{background:rgb(50 60 145 /  100%);}
.bg_5{background:rgb(220 20 20 /  100%);}
.bg_6{background:rgb(255 0 120 /  100%);}

.Alumnae-item {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	max-width: 300px;
	border-radius: 15px;
}
.Alumnae-item img{transition: all 0.3s ease;}
.Alumnae-dtl{position:absolute;left:0;bottom:0;z-index:2;color:#fff;width:100%;height:100%;padding:20px;/* display:grid; */align-content:space-between;transition: all 0.3s ease;transform: translateY(0px);}
.Alumnae-dtl h4{font-family:'Roboto Condensed';font-weight:700;font-size:24px;line-height:26px;text-transform:uppercase;transition: all 0.3s ease;}
.Alumnae-dtl p{font-weight:600;font-size:16px;line-height:20px;transition: all 0.3s ease;transform: translate3d(0px, 180px, 0px);margin-bottom: 0;}

.Alumnae-item:hover img {
  transform: scale(1.15) rotate(8deg);
  transition: all 0.3s ease;
}

.Alumnae-item:hover .Alumnae-dtl h4 {
  transform: translateY(50%);
  transition: all 0.3s ease;
}


.Alumnae-dtl h4 br {
  transition: all 0.3s ease;
}

.Alumnae-item:hover .Alumnae-dtl p {
  transform: translateY(80px);
  transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
  margin-bottom: 15px;
  /* transition-delay: 0.4s; */
}

.Alumnae-item:hover .Alumnae-dtl {
  align-content: center;
  transition: all 0.3s ease;
  transition-delay: 500ms;
}

.Alumnae-item:hover .service-overlay {
  mix-blend-mode: soft-light;
}

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

/* Bottom */

/*Useful Links*/
.useful-menus{background:#DECFFE;}
.useful-nav ul {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
	gap: 10px;
}
.useful_btn {
	background: #fff;
	display: flex;
	align-items: center;
	padding: 20px;
	border-radius: 15px;
	min-height: 150px;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
}
.useful_btn-img {
	text-align: center;
	height: 45px;
	margin-bottom: 10px;
	font-size: 40px;
	color: #414141;
	line-height: normal;
}
.useful_btn-text {
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.45px;
	color: #414141;
	line-height: 115%;
}

.useful_btn:hover {
  background: #9D35C7;
}
.useful_btn:hover .useful_btn-img {
  color: #fff;
}
.useful_btn:hover .useful_btn-text {
  color: #fff;
}



.right-over {
	margin-right: var(--me-display);
	padding-left:30px;
}


/* Footer */
.footer {
	background: #652B7C;
	padding: 20px 0;
}
.footer-menus ul li a {
  color: #FFCC00;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}
.footer-menus ul {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  gap: 30px;
}
.footer-menus {
  margin: 10px 0;
}
.copyrights {
  text-align: center;
  color: #fff;
}
.copyrights a {
  color: #FFCC00;
  font-weight: 800;
}

/* Event & Stories Tabs */
.event-tabs .nav-link{text-align:center;max-width:100%;padding:10px 15px;border-radius:30px;min-width:120px;height:auto;border:solid 1px var(--primary) !important;font-size:14px;font-weight:bold;text-transform:uppercase;color:#37135A;}
.event-tabs{border-bottom:none;gap:10px;justify-content:center;max-width:272px;margin:0 auto;border:solid 1px var(--primary);padding:5px;border-radius:40px;margin-bottom:25px;}
.event-tabs .nav-link.active{background:var(--primary);border-color:var(--primary) !important;color:#fff;}


/* Magazines Tabs */
.Magazines-tabs .nav-link{text-align:center;max-width:100%;padding:10px 15px;border-radius:30px;min-width:120px;height:auto;border:solid 1px var(--yellow) !important;font-size:14px;font-weight:bold;text-transform:uppercase;color:#fff;}
.Magazines-tabs {border-bottom:none;gap:10px;justify-content:center;max-width:fit-content;margin:0 auto;border:solid 1px var(--yellow);padding:5px;border-radius:40px;margin-bottom:25px;}
.Magazines-tabs .nav-link.active{background:var(--yellow);border-color:var(--yellow) !important;color:#37135A;}

/* Notices & News */
.Notices-tabs .nav-link {
	text-align:center;
	max-width:100%;
	padding:6px 15px;
	border-radius:30px;
	min-width:120px;
	height:auto;
	border:solid 1px #F0F3F5 !important;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:var(--yellow);
}
.Notices-tabs {
	border-bottom:none;
	gap:10px;
	margin-bottom:15px;
}
.Notices-tabs .nav-link.active {
	background:var(--yellow);
	border-color:var(--yellow) !important;
	color:#600486;
}

/* Social */


.social-icons a {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  line-height: 100%;
  border-radius: 50%;
  font-size: 18px;
  color:#fff;
}
.social-icons a i {
  line-height: 100%;
}
.social-icons {
  text-align: center;
  display: inline-flex;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

.fb {background:#1877F2;}
.ax {background:#000;}
.ins{background:#C13584;}
.tel{background:#0088CC;}
.you{background:#FF0000;}


/* Inside Page */
.in_bg {
	background: #EEEEEE;
}

.topBanr-inner {
	margin: 15px 0 0;
}

/*Banner Inner*/
.inside-banner{position:relative;min-height:220px;/*background:#021e24;*/display:flex;flex-wrap:wrap;align-items:end;padding-bottom:25px;background-image:url('../images/inner-banner.jpg');}
.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:26px;}