@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');/*font-family: "Oswald", sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); /*font-family: "Bai Jamjuree", sans-serif;*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/line-awesome/1.3.0/line-awesome/css/line-awesome.min.css");
@import url("font.css");

:root {
  /*BG*/
  --primary:#2C6777;
  --secondary:#52AB99;
  --secondary-light:#DDFAF7;
  --secondary-extra-light:#E0EAEB;
  --navy:#01204E;
  --sky:#ECF9FF;
  --pink:#FFE7E7;
  --yellow:#FFF5E1;
  --white:#ffffff;
  --lime:#FFDE4D;
  --dark:#222;
  
/*Font Family*/
--Primary-font:'Bai Jamjuree', 'sans-serif';
--poppins:'Poppins','sans-serif';
  /* box-shadow */
--box-shadow:0px 4px 30px rgba(0, 0, 0, 0.1);
--me-display:calc(-1px - ((100vw - 100%)/ 2) + 15px);

}
:root .alumni-page {
  /*BG*/
  --primary:#2c6f77;
  --secondary:#52AB99;
  --secondary-light:#fdffed; 

}

body{font-family:var(--Primary-font);font-size:16px;font-weight:normal;}
/* Global css */ 
*{margin:0;padding:0;} 
img{max-width:100%;}
a{color:#000;text-decoration:none;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
a:hover{color:#000;transition:all 0.3s ease;text-decoration:none;}
ul{padding:0;margin:0;}
a:focus,button:focus{outline:none;}
:focus{outline:none;box-shadow:none;}
.form-control:focus{box-shadow:none;}
label{font-weight:400;font-size:15px;line-height:normal;margin-bottom:0;}
dl,ol,ul{list-style-position:inside;list-style:none;}
li{list-style-type: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-check{display:flex;align-items:end;gap:10px;}
.form-check label{margin:0;}
.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{font-size:15px;border-radius:4px;padding:12px 10px;font-weight:600;height:auto;line-height:100%;letter-spacing:0.8px;position:relative;overflow:hidden;min-width:160px;}
.btn:focus{outline:none;box-shadow:none;}
.btn-close:focus{outline:none;box-shadow:none;}
.btn-blue{background:#2F195F;}
.btn-red{background:var(--primary);color:var(--white);}
.btn-yellow{background:var(--lime);}

.btn-red:hover{background:var(--dark);color:var(--white);}
.btn-white{background:#fff; color: var(--primary);} 
.btn-white:hover{background:var(--dark); color: var(--white); }
 
/*Headings*/
h2{font-size:36px;font-weight:700;line-height:100%;}
p{line-height:normal;line-height:32px;}

.pinkBG{background:var(--secondary-extra-light);}
.yellowBG{background:var(--yellow);}
.primaryBG{background:var(--primary);}
.skyBG{background:var(--sky);}
.redBG{background:var(--primary);}
.grayBG{background:#F2F2F2;}

.red{color:var(--primary);}

.main-title {
	text-align: center;
	margin-bottom: 30px;
}

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

.subtitle{font-size:16px;margin-top:20px;margin-bottom:35px;line-height:30px;}
.section{padding:70px 0;position:relative;}

.mode-wrap{display:flex;align-items:center;justify-content:flex-end;padding-right:7px;}

/*Header Top*/
.header-top{background:var(--secondary);display:flex;align-items:center;justify-content:space-between;padding:5px 15px;}
.top-nav ul li{display:inline-block;}
.top-nav ul li a{color:var(--white);padding:0 5px;font-size:14px;text-transform:uppercase;}
.top-nav ul li a:hover{color:#1c5564;}

.header-mode{display:flex;padding-right:30px;}
.header-mode a{color:var(--white);width:22px;height:22px;display:flex;justify-content:center;align-items:center;font-size:16px;margin-right:7px;}
.header-mode a:last-child{margin-right:0;}
.header-mode a.active, .header-mode a:hover {
  background-color: transparent;
  color: var(--primary);
}

/*Logo Section*/
.logo-band{ background:var(--secondary-light); padding:7px 0;}
.logo-sec{display:flex;justify-content:space-between;align-items:center;gap: 15px;}

/* DU Logos */
.du-logos{display:flex;gap:10px;}
.du-logos a {
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 10px 21px;
  border: 1px solid #d5d5d5;
}

/*Banner*/
.home-slider{position:relative;}
.banner{position:relative;}
.owl-item li{position:relative;}
.main-bnr .owl-item li:after{position:absolute;content:'';width:100%;height:100%;background:rgba(1,32,78,0.3);top:0;left:0;}

.buletin{width:100%;position:absolute;left:0;bottom:0px;z-index:1;background:rgba(0,0,0,0.7);display:flex;align-items:center;height:45px;}
marquee{height:auto;color:#fff;margin:0 20px;}
.highlit{width:150px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;text-transform:uppercase;position:relative;height:100%;font-weight:700;}
.highlit:after{width:0;height:0;border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--primary);position:absolute;content:"";right:-9px;left:auto;top:0;bottom:0;margin:auto 0;}
.buletin-text ul{display:flex;margin:0;padding:0;gap:40px;}
.buletin-text ul li{font-style:normal;list-style:disc !important;}
.buletin-text ul li a{color: #fff;}

/**/
.card_box{width:100%;background:#FFFFFF;box-shadow:0px 4px 15px rgba(0,0,0,0.14);border-radius:10px;height: calc(100% - 43px);}
.box-header{padding:0 0 10px;}
.box-header .title2{font-size:22px;font-weight:bold;text-transform:uppercase;text-align:center;}
.box-body{padding:20px;}
.NoticeSec {
  padding: 0 15px 15px 15px;
}

/*Notice*/
.notice-tabs li{position:relative;}
.notice-tabs li:after{position:absolute;content:'';width:2px;height:17px;background:#D2E0FB;top:2px;left:calc(0px + -9px);}
.notice-tabs li:first-child::after{content:none;}
.notice-list{padding:0;margin-top:-1px;}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:none;isolation:isolate;}
.notice-tabs .nav-link{padding:0;text-transform:none;font-size:15px;border:none;border-radius:0;color:#D2E0FB;font-weight:600;text-transform:uppercase;letter-spacing:0.075rem;}
.notice-tabs .nav-link:hover{color:#C15A2E;}
.notice-tabs{border:none;justify-content:center;background:var(--primary);padding:17px 12px;gap:15px;border-radius:8px 8px 0 0;min-height: 56px;}
.notice-tabs .nav-link.active{border:none;color:#F2C94C;background:none;}
.list-with-date li{display:flex;margin:12px 0;border-bottom:solid 1px #D4D4D4;}
.list-with-date li:last-child{border-bottom:none;}
.card-date-col{width:60px;height:60px;background:var(--secondary);flex-shrink:0;border-radius:5px;margin-right:15px;display:grid;justify-content:center;align-content:center;margin-bottom:10px;color:var(--white);}
.card-date-col p{color:var(--white);font-weight:bold;line-height:110% !important;margin:0;padding:0;font-size:12px;text-transform:uppercase;}
.card-date-col span{font-size:28px;font-weight:bold;text-align:center;line-height:100%;font-family:"Oswald",sans-serif;letter-spacing:-1pt;}
.card-detail-col{width:100%;display:flex;align-items:flex-start;padding-top:5px;}
.card-detail-col a:hover, .card-detail-col p a:hover{color: var(--primary);}
.card-detail-col p{line-height:22px;padding-bottom:0;}


/* Important */
.imp-head{justify-content:center;background:var(--primary);padding:17px 12px;gap:15px;display:flex;font-size:15px;border:none;color:#D2E0FB;font-weight:600;text-transform:uppercase;letter-spacing:0.075rem;border-radius:8px 8px 0 0;min-height:56px;}
.imp-list {
  padding-top: 10px;
  padding-bottom: 25px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
ul.imp-list li {
  width: 100%;
}
.imp-list li a {
  display: block;
  padding: 10px 0;
  text-align: left;
  position: relative;
  border-bottom: 1px solid #D4D4D4;
}
.imp-list li a:hover {
color: var(--primary);
}
.imp-list li a::before{position:relative;content:"\f00c";font-family:'Line Awesome Free';font-weight:900;margin-right:5px;color:var(--primary);}

/* Principal */
.pri-media-item{padding:10px 10px 30px;border-radius:20px;text-align:center;}
.pri-media-item img{width:100%;border-radius:15px;max-height:260px;min-height:260px;}
.pri-media-item h2{font-size:20px;text-transform:uppercase;margin:15px 0 10px;}
.pri-media-item p{font-family:"Poppind",sans-serif;line-height:27px;}

/*Useful Links*/
.useful-text{font-weight:600;line-height:110%;}
.useful-img{height:45px;margin-bottom:15px;}
.useful-list ul {
  display: grid;
  grid-template-columns: repeat(6 , 1fr);
  gap: 10px;
}
.useful-item{background:#fff;border-radius:7px;display:grid;grid-template-columns:1fr;justify-content:center;align-content:flex-start;min-height:144px;position:relative;text-align:center;padding:20px;}
.useful-item:hover{transition:all 0.25s linear;box-shadow:0 20px 20px rgb(100 100 100 / 30%); background:#52ab99;}
.useful-item:hover .useful-text{color:var(--white);}
.alumnipage .useful-list ul {  grid-template-columns: repeat(4 , 1fr);}
/* Events */
.event-item{background:#F5F7F8;padding:10px;border-radius:20px;border:solid 1px #EEEDEB;height:100%;}
.event-item:hover{background:var(--primary);}
.event-img{position:relative;overflow:hidden;}
.event-img img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 5/4;
	object-position: center;
	border-radius: 10px;
}
.event-date{background:rgba(0,0,0,0.5);padding:4px 10px;color:var(--white);font-weight:600;display:inline-block;border-radius:5px;position:absolute;left:10px;top:10px;}
.event-titles{text-align:center;}
.event-start{color:var(--primary);font-weight:500;margin:8px 0 5px;}
.event-link{display:block;margin:0 0 5px;font-size:16px;font-weight:700;}
.event-name{font-size:16px;font-weight:700;color:#5E5E5E;padding-bottom:15px;}
.event-item:hover .event-titles a, .event-item:hover .event-titles .event-start{color:#fff;}


/* Publication */
.publication-item{position:relative;overflow:hidden;}
.pub-date{background:rgba(0,0,0,0.5);padding:4px 10px;color:var(--white);font-weight:600;display:inline-block;border-radius:5px;position:absolute;left:10px;top:10px;}
.publication-item.pubdetails{padding:10px;border-radius:7px;border:1px solid rgb(228,224,225);background:#F4F6FF;}
.publication-item.pubdetails a img{object-fit:cover;aspect-ratio:3/4;object-position:center;border-radius:10px;  }

.publication-item::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.publication-item:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}




/* Gallery */
.publication-item{position:relative;overflow:hidden;}
.publication-item img {
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 3/4;
}
.pub-date{background:rgba(255,255,255,0.5);padding:4px 15px;color:#021e24;font-weight:600;display:inline-block;border-radius:5px;position:absolute;left:15px;top:15px;backdrop-filter:blur(2px);}

.media-date{background:rgba(160,35,52,0.5);padding:4px 10px;color:var(--white);font-weight:600;display:inline-block;border-radius:5px;position:absolute;left:10px;top:10px;z-index:9;}
.gallery-img{position:relative;overflow:hidden;margin-bottom:10px;}
.gallery-img img {
  border-radius: 15px;
  width: 100%;
  aspect-ratio: 5/4;
  object-fit: cover;
}

.gallery-img:after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);border-radius:15px;}
.gallery-title{position:relative;font-size:18px;font-weight:700;text-align: center;}
.gallery-title:before{position:relative;content:'';width:10px;height:10px;display:inline-block;background:var(--primary);margin-right:5px;margin-bottom:1px;}
  
/* Social media section */
.social-media-section{background-color:#F2F2F2;}
.social-media-col{border-radius:10px;box-shadow:var(--box-shadow);background:#fff;position:relative;padding:0px 20px 20px 20px;}
.social-media-row{margin-top:30px;}
.social-icon{text-align:center;position:relative;animation:floating2 7s infinite;transform: translateY(-30px);}
.social-media-col .social-icon i{width:75px;height:75px;border-radius:50%;line-height:60px;text-align:center;font-size:40px;color:#fff;display:flex;margin:0 auto;align-items:center;justify-content:center;}
.social-icon.fb i{background-color:#337FFF;}
.social-icon.tw i{background-color:#33CCFF;}
.social-icon.ins i{background-color:#DA3A8D;}
.social-icon.you i{background-color:#D72A2A;}
.social-details{height:250px;overflow:auto;text-align:center;}
.social-media-col .social-icon.ins+.social-details .instaInPost a{margin-bottom:10px;display:block;}

/* Footer */
.footer{background:var(--primary);padding:50px 0 30px;}
.footer-item-2{padding-left:50px;}
.f-title{color:#FFDE4D;font-size:20px;font-weight:600;text-transform:uppercase;line-height:110%;margin-bottom:15px;}
.f-adress{color:#d0f5ff;}
.f-adress p{line-height:28px;}
.f-menu ul{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));}
.f-menu ul li a{color:#d0f5ff;}
.f-menu ul li a:hover{color:#FFDE4D;}
.copy-right {
  background: var(--secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  color: #d7fff7;
  font-size: 14px;
  padding: 4px 10px;
}
.copy-right.alumni {
  background: #1c555c;
}
.copy-right p{margin:0;}
.copy-right a{color:yellow;}


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

/*Banner Inner*/
.inside-banner {
  position: relative;
  min-height: 90px;
  background: #1c5564;
  display: flex; 
  flex-wrap: wrap;
  align-items: center;
}
.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;
}

.heading-title{text-align:left;margin-bottom:20px;border-bottom:solid 1px var(--primary);}
.heading-title span{display:inline-block;position:relative;margin:0px 0 0;padding:10px 20px 9px;font-size:18px;font-weight:700;color:#fff;background:var(--primary);line-height:100%;font-family:"Bai Jamjuree",sans-serif;letter-spacing:0.08rem;}
.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%);}
.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:30px;}
.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-family:'Source Sans Pro',sans-serif;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;}
.side-nav ul li a{padding:12px 0;display:block;font-weight:600;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-family:'Source Sans Pro',sans-serif;font-weight:normal;line-height:24px;}
.custom-list li::marker{font-weight:normal;}
.custom-list li a{color:var(--primary);}
.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 var(--primary) !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{color:var(--primary);}
.table-wrap table tr td a i{font-size:25px;font-weight:normal;}

.table-wrap table.timeTableBox tr th {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.table-wrap table.timeTableBox tr td{vertical-align:top;font-size:13px;font-weight:400; color: #000;}

.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;}

/* Accordian */
.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:solid 1px #19456B;margin-top:15px;border-radius:7px}
.faq-accordian .accordion-item .accordion-button{font-family:'Poppins',sans-serif;font-size:18px;text-transform:none;font-weight:500;color:#29335C;padding:0 20px;line-height:normal;cursor:pointer;min-height:55px;display:grid;grid-template-columns:1fr auto;grid-column-gap:15px}
.faq-accordian .accordion-item .accordion-button:not(.collapsed){background:#2c6777;color:#fff;border-radius:8px 8px 0 0;}
/*.accordion-body ul li{display:inline-block;}*/
.accordion-body p strong{line-height:120%;display:block;font-weight:600;color:#4d4d4d;}
.accordion-body ul li > a{color:var(--primary);}

/* Tabs */
/* .switch-tabs ul li a{font-weight:500;border:none !important;font-family: 'Poppins',sans-serif;} */
/* .switch-tabs .nav-link{font-weight:500;font-family:'Poppins',sans-serif;font-size: 14px;border:solid 1px #dee2e6 !important;margin-right:5px;background:#f8f9fa;border-bottom:none !important;border-top-left-radius:.35rem !important;border-top-right-radius:.35rem !important;} */
.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: var(--primary);color:#fff;border-color: var(--primary) !important;}
.switch-tabs .tab-content{background:#fff;}
.switch-tabs .nav-tabs {
	margin-bottom: 15px;
}


.socities-card-section {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
	gap: 15px;
	margin-bottom: 30px;
  }
  .societies-card {
	text-align: center;
	padding: 10px 15px;
	border-radius: 7px;
	border: solid 1px #E4E0E1;
	background: #FEF9F2;
}
  .soc-cont h3 {
	font-size: 18px;
	margin-bottom: 5px;
  }
  .soc-thumb {
    aspect-ratio: 6/3;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e9e3d8;
    margin-bottom: 10px;
    padding: 10px 0;
    border-radius: 5px;
  }
  .soc-thumb img {
    max-width: 90%;
    max-height: 90%;
  }
.page-error {
    display: flex;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-error-thumb {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.page-error-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page-error-content h3 {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 30px;
}

.social-details{position: relative; width: 100%; height: 300px; }         
.social-details iframe{position: absolute;left:.0;top:0; width: 100% !important;}        
 
/* Gallery Detail*/
.album-col{text-align:center;padding:10px;border-radius:7px;border:1px solid rgb(228,224,225);background:rgb(254,249,242);}
.mediagalleryalbum .owl-nav{position:absolute;margin-top:0;bottom:10px;width:100%;left:0;display:flex;justify-content:center;top:inherit;}
.album-col .owl-prev,.album-col .owl-next{background:var(--primary) !important;width:35px;height:35px;color:#fff !important;font-size:21px !important;}
.gallery-album-col a img{object-fit:cover;aspect-ratio:5/4;object-position:center;border-radius:10px;}
.album-title h3{margin:0;font-size:18px;padding:10px 10px 3px;}

/* MEDIA COVERAGE */
.card-custom2{display:grid;grid-template-columns:220px 1fr;gap:15px;padding:10px;border-radius:7px;border:1px solid rgb(228,224,225);background:rgb(254,249,242);}
.card-thumb-det p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin-bottom:5px;}
.card-thumb-det .date{display:inline-block;font-size:14px;background:var(--primary);color:#fff;padding:4px 10px;line-height:100%;border-radius:3px;}
.card-thumb-det h4{font-size:20px;margin:9px 0 7px;padding:0;}
.card-thumb-det a{color:var(--primary);}

/* Login Page */
.box-card{background:#FFFFFF;border:1px solid #C4C4C4;box-shadow:0px 4px 30px rgba(0,0,0,0.03);border-radius:10px;padding:15px;max-width:480px;width:100%;margin:0 auto;}
.form-login{padding:30px;}
.titles{font-size:20px;text-transform:uppercase;margin:15px 0 10px;color:var(--primary);font-weight:700;line-height:100%;}


/* My Profile */
.last-delete{display:grid;grid-template-columns:1fr max-content;gap:10px;}
.btnActions .btn{display:flex;height:40px;justify-content:center;align-items:center;font-size:26px;width:40px;background:#399918;color:#fff;border-radius:50%;min-width:auto;margin-top:0;border:none !important;outline:none !important;}
.student-prog-form .card{background:#fff;padding:2.5rem;border-radius:10px;box-shadow:0px 0px 13px rgb(0 0 0 / 5%);margin-top:2rem;}
.feature_head{text-align:left;margin-bottom:20px;border-bottom:solid 1px var(--primary);}
.feature_head h2{display:inline-block;position:relative;margin:0px 0 0;padding:10px 20px 9px;font-size:18px;font-weight:700;color:#fff;background:var(--primary);line-height:100%;letter-spacing:0.08rem;}
.btnActions .removeBtn{background:#F87A53;}
.btnActions{display:flex;justify-content:center;gap:5px;}

/* Academics>Departments */
.alumni-col {
	text-align: center;
	padding: 10px;
	border-radius: 7px;
	border: solid 1px #E4E0E1;
	background: #FBFBFB;
	height: 100%;
}
.alumni-thumb img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 2/2.4;
    object-position: center;
    border-radius: 7px;
}
  .alumni-cont h3 {
	font-size: 18px;
	margin: 12px 0;
}
  .alumni-cont .organization {
	font-weight: 500;
	margin-bottom: 10px;
  }
  .alumni-cont .designation {
	font-weight: 500;
	margin-bottom: 15px;
	display: block;
	color: #4B4376;
}
  .alumni-cont p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	line-height: 24px;
}
.alumni-cont a {
	color: var(--primary); 
	text-decoration: underline;
	font-weight: 500;
}

.member-card-col {
	text-align: center;
	padding: 10px;
	border-radius: 7px;
	border: solid 1px #E4E0E1;
	background: #F4F6FF;
  }
  .member-cont {
	display: grid;
	gap: 5px;
	padding: 10px 0 5px;
  }

  /* Custom Gallery */
.custom-gallery .galleryData a {
display: block;
border: 1px solid #ddd;
padding: 5px;
}
.custom-gallery .galleryData{margin-bottom: 15px;}
.custom-gallery .galleryData a img{aspect-ratio: 5/4; width: 100%; object-fit: cover;}
.societylogo img{max-height: 200px; max-width: 250px;}

/* Governingbody */
.fac-col {    display: flex;    flex-direction: column;    align-items: center;    margin-top: 20px;    width: 100%;}
.fac-thumb {
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    padding: 5px;
    padding-top: 120%;
    position: relative;
}
.fac-thumb img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
}
.fac-col h3 { 
    font-size: 15px;
    font-weight: 500;
    text-align: center;
	margin-bottom: 0;
}
.fac-col p { 
    text-align: center;
}
#back-button{cursor: pointer;}

.translatorouter {
  display: flex;
  align-items: center;
}
.translator {
  display: inline-block;
  margin-right: 10px;
}
#google_translate .skiptranslate.goog-te-gadget span {
  display: none;
}
.goog-te-gadget {
  overflow: hidden !important;
  height: 34px !important;
}
.goog-te-gadget .goog-te-combo {
  background: var(--primary);
  outline: none;
  border: solid 1px #fff;
  padding: 5px 8px;
  color: #fff;
  font-family: 'HelveticaNeue-Roman';
}
.goog-te-gadget .goog-te-combo option {
  font-family: Arial !important;
}
#google_translate_element .skiptranslate.goog-te-gadget span {
  display: none;
}
ul.list-group {
  margin: 15px 0 20px 0;
}
li.list-group-item {
  margin: 0;
}
li.list-group-item.active {
  background: var(--primary);
  border: none;
}
.contact-map {
  position: relative;
  background: #f7f7f7;
  aspect-ratio: 5/1.5;
  border: 1px solid #ddd;
  padding: 5px;
} 
.contact-map iframe {
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
}
/* search section */
.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.customnav {
  display: none;
}

.customnav.searchOpen {
  display: block;
}

.overlay-content {
  position: relative;
  top: 35%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.custom-search-center {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.custom-autocomplete-outer {
  width: 60%;
}

.custom-autocomplete-outer input {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 45px;
  height: 60px;
  width: 100%;
  color: #fff;
  padding: 0 30px;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: center;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 40px;
  color: #fff;
}

.custom-autocomplete-outer ul {
  width: 50%;
  margin: 0 auto;
  margin-top: 20px;
}

.custom-autocomplete-outer ul li {
  border-bottom: none;
}

.custom-autocomplete-outer ul li a {
  color: #fff;
  font-size: 14px;
  border: 1px solid #ddd;
  border-bottom: none;
  display: block;
  padding: 9px 0;
  line-height: normal;
}


.custom-autocomplete-outer ul li:last-child a {
  
  border-bottom: 1px solid #ddd;
}
/* search section end*/

.searchbtn {
  font-size: 24px;
  width: 100%;
  display: flex;
  place-content: center;
  color: #fff;
  background: var(--primary);
  height: 100%;
  border-radius: 5px;
}
.searchbar {
  width: 38px;
  height: 38px;
  display: flex;
  place-content: center;
  margin-right: 15px;
}

.hvr-top {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-top:hover, .hvr-top:focus, .hvr-top:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}