table{border-collapse:collapse;font-size:16px; width: 100%; }
table thead tr th { background: #c69e66; color: #fff; }
th{text-align:left;padding:10px!important;}
td{text-align:left;padding:11px;background:none}
tr:nth-child(odd){background-color:#FFF}
tr:nth-child(even){background-color:#f5f5f5}
table tr{border:1px solid #d7d5d5}

#dep-landing-ppge { position: relative; }
.dep-landing-hdd { background: linear-gradient(90deg,rgba(198, 158, 102, 0.76) 35%, rgba(255, 255, 255, 0) 84%); position: absolute; bottom: 0; top: auto; left: 0; right: 0; padding: 71px; }
.dep-landing-hdd h1 { font-weight: 400; font-size: 47px; line-height: 58px; }
.dep-landing-hdd h2 { font-weight: 400; font-weight: 400; font-size: 22px; margin: 0px auto 19px; }
.dep-lnding-banner-hdd { width: 36%; }
.bck-bttnd { margin-left:0 !important ; }
#dep-lan-overview-3hree-items { background: #e9e7e1; }
.dep-lnd-ug-pg_wrpr {  }
.content-wrapper{display:flex;flex-wrap:wrap;margin-top:0px;gap:0px;max-width:100% !important; padding: 0; }
.sidebar{ flex: 0 0 410px; position: sticky; top: 100px; height: fit-content; color: #fff; background: #001040; border-radius: 0px; padding: 0; letter-spacing: 0px; font-size: 16px; }
.main-content{ flex: 1; width: 100%; border-radius: 0; padding: 0px 0px;  }
@media (max-width: 992px) {
  .content-wrapper{flex-direction:column}
  .sidebar{position:relative;top:0}
}


.mobile-nav-toggle{padding:10px;background:#001040;color:#fff;border:none;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;text-transform:uppercase;position:fixed;top:63%;width:117px;letter-spacing:5px;font-size:16px;rotate:90deg;right:-37px}
@media (max-width: 992px) {
  .content-wrapper{flex-direction:column}
  .sidebar{position:fixed;top:0;flex:0 0 auto;width:100%;z-index:999}
  #content-sidemenubar{background:#001040}
  #content-sidemenubar.active{display:block}
  .main-content{padding:40px 20px;margin-top:0}
}
@media (min-width: 993px) {
  #content-sidemenubar{display:block!important}
}
.close-sidebar-wrapper { display: flex; justify-content: flex-end; padding: 15px; background: rgba(0,0,0,0.2); /* Darker header for the menu */ }
@media (max-width: 992px) {
  #content-sidemenubar { display: none; position: absolute; width: 100%; left: 0; z-index: 1100; background: #001040; }
  .close-sidebar-wrapper {  position: absolute; right: 0; top: 9px; }
  #content-sidemenubar.active { display: block; animation: menuFade 0.2s ease-in-out; }
@keyframes menuFade {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}
}


.contnt-pg-leftt { color: #fff; padding: 65px 71px; font-weight: 200; background: #001040; margin: -146px auto 0; position: relative; left: 0px; }
.card { background: transparent; border: none; color: white; }
.hr-line { border-top: 1px solid #fff; margin-bottom: 13px; }
.img-container img { width: 100%; height: 250px; object-fit: cover; }
.para-cardd { margin: 0px auto; line-height: 32px; font-weight: 200; font-size: 17px; }
.ovrvww-commn-hdd { font-size: 40px; color: #C69E66 !important; }
#content-sidemenubar ul li { border-bottom: 1px solid #fff; line-height: 47px;}
#content-sidemenubar { padding: 41px 47px 41px 39px; }

#centre-landing-iitm {  }
.centr-hdd-itm { margin-bottom: 16px; font-weight: 300; font-size: 39px; text-transform: uppercase; letter-spacing: 1px; color: #001040; }
#centre-landing-iitm { font-size: 18px; line-height: 40px; padding: 71px; }

.vm-section{background:linear-gradient(135deg,#f8f9fa,#f1f3f6)}
.vm-card { backdrop-filter: blur(10px); border-radius: 25px; padding: 30px 35px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.05); transition: all .4s ease; border: 1px solid rgba(225,27,34,0.2); height: 300px; background: url(../images/bg_6.webp); background-size: auto; }
.vm-card:hover{transform:translateY(-10px);box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.15);border:1px solid #be9863}
.vm-badge { width: 65px; height: 65px; background: linear-gradient(135deg,#c69e66,#b79361); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(115, 115, 115, 0.3); }
.vm-heading { font-size: 37px; font-weight: 300; color: #c69e66; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; }
.vm-card p{color:#555;line-height:1.8;font-size:16px;margin-bottom:0;position:relative;z-index:2}
.vm-bg-text{position:absolute;bottom:20px;right:20px;font-size:80px;font-weight:900;color:rgba(225,27,34,0.05);z-index:1;pointer-events:none}
#vism-misssn-iitm { padding: 72px 0; }
#objctives-dep-iitm { padding: 3px 58px 58px 58px; }

.initiatives-section{background:#f4f6f9}
.section-title{color:#c69e66;font-weight:600;font-size:36px}
.image-card{padding:15px;background:#fff;border-radius:25px;box-shadow:0 15px 40px rgba(0,0,0,0.08);transition:.4s}
.image-card:hover{transform:translateY(-8px)}
.content-card{float: left; width: 100%; color: #fff; background: url(../images/footer-bg.webp); padding:41px 69px; border-radius:25px;border-left:6px solid #c69e66;box-shadow:0 15px 40px rgba(0,0,0,0.06)}
.initiative-list{list-style:none;padding:0;margin:0}
.initiative-list li{display:flex;gap:15px;margin-bottom:25px;align-items:flex-start}
.check-icon{min-width:35px; margin-top: 9px; height:35px;background:#f4e4cc;color:#001040;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}
.initiative-list strong{ display: block; color: #c69e66;  margin-bottom: 5px; font-size: 21px; }
.initiative-list div{color:#fff;line-height:1.7}
@media (max-width: 991px) {
.content-card{border-left:none;border-top:6px solid #c69e66}
}

.team-section{ padding: 47px 58px 69px; background: #f8fafc; }
.team-section h2{font-size:42px;font-weight:600;color:#1e293b}
.team-section p{max-width:750px;margin:15px auto 0;color:#64748b}
.team-card{background:#fff;border-radius:14px;padding:35px 25px;text-align:center;transition:.4s ease;position:relative;overflow:hidden;height:100%}
.team-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,0.08)}
.team-img{ margin:auto;border-radius:50%;overflow:hidden;margin-bottom:20px;border:6px solid #f1f5f9}
.team-img img{width:100%;height:100%;object-fit:cover}
.team-card h5{font-weight:600;margin-bottom:5px;color:#0f172a}
.team-card span{font-size:14px;color:#2563eb;font-weight:500}
.team-social{margin-top:18px;opacity:0;transform:translateY(10px);transition:.3s ease}
.team-card:hover .team-social{opacity:1;transform:translateY(0)}
.team-social a{display:inline-block;width:35px;height:35px;line-height:35px;border-radius:50%;background:#e2e8f0;color:#1e293b;margin:0 4px;font-size:14px;transition:.3s}
.team-social a:hover{background:#2563eb;color:#fff}

#meetourteam {  } 
.team-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:4px; border-radius: 26px; transition:filter .3s ease; }
.member-card { border: none; background: #e9e7e1; transition: transform .2s ease; padding: 17px; border-radius: 17px; }
.member-card:hover .team-img{filter:grayscale(0%)}
.role-text{color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;display:block}
.name-text{font-weight:600;font-size:1.25rem;margin-bottom:1rem}
.divider{width:30px;height:2px;background-color:#000; margin: 0px auto; }

#event-centre { padding: 65px 58px; }
.event-slider-wrap{background-color:var(--bg-soft);padding:100px 0;overflow:hidden}
.modern-event-card{background:#fff;border:1px solid #f0f0f0;display:flex;height:220px;border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(0.165,0.84,0.44,1)}
.date-stripe{background:#c69e66;width:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:20px 0}
.date-stripe .day{font-size:1.8rem;font-weight:800;line-height:1}
.date-stripe .month{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;writing-mode:vertical-lr;transform:rotate(180deg);margin-top:15px;font-weight:500}
.event-content{padding:30px;display:flex;flex-direction:column;justify-content:center;flex:1}
.event-category{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#c69e66;letter-spacing:1px;margin-bottom:8px;display:block}
.event-title{font-size:1.2rem;font-weight:700;color:#1a1f36;margin-bottom:12px}
.event-loc{font-size:.85rem;color:#697386;display:flex;align-items:center;gap:6px}
.swiper-slide-active .modern-event-card,.modern-event-card:hover{transform:scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.06);border-color:transparent}
.nav-arrows{display:flex;gap:10px}
.arrow{width:45px;height:45px;border:1px solid #e3e8ee;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:.3s}
.arrow:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}


.centre-content { padding: 66px 71px; }
/*for accordion*/
.collapse { display: none !important; }
.collapse.in { display: block !important; }
.collapsible-item-title-link { position: relative; background: #f0f3fb; width: 100%; float: left; margin: 0px auto 12px; padding: 16px 19px; border-radius: 6px; border-right: 4px solid #c69e66 !important; font-size: 21px; border: 1px solid #c2cdec; }	
.collapsible-item-body { float: left; width: 100%; background: #fff; border: 1px solid #c2cdec; padding: 25px 17px 9px; border-radius: 7px; margin: -11px auto 19px; }
.collapsed::before { content:''; }
.glyphicon-chevron-down::before { content:url(../images/down.png); }
.glyphicon-chevron-down { position: absolute; right: 19px; top: 11px; z-index: 1; }
.collapsible-item { position:relative; }
.panel-heading { position:relative; float: left; width: 100%; }
/*for accordion*/



.widgt-center ul li::before{content:url(../images/big-chck.png);left:-29px;position:absolute;padding-left:4px;color:#707070; top: 3px;}
.widgt-center ul{float:left;list-style:outside none none;margin-bottom:0;padding-left:0;width:100%}
.widgt-center ul li{margin-bottom:3px;padding-left:29px;position:relative;line-height:29px;font-size:16px}





@media screen and (min-width:280px) and (max-width:388px) {
  .contnt-pg-leftt { margin: 0px auto; padding: 3px 17px; }
  .dep-landing-hdd { background: #e9e7e1; position: static; padding: 13px; }
  .dep-lnding-banner-hdd { width: 100%; }
  .dep-landing-hdd h1 { font-size: 26px; line-height: 37px; text-align: center; }
  .dep-landing-hdd h2 { font-size: 17px; margin: 0px auto 13px; line-height: 28px; text-align: center; }
  .back-to-bttn-dv { text-align: center; }
  .ovrvww-commn-hdd { font-size: 32px; } 
  .visn-mis-113 { padding: 22px; border-radius: 0; border: 1px solid #fff; }
  #hod-messge { padding: 37px 16px; }
  #hod-messge .bg-primary { margin: 0 !important; }
  #events-dep-landing { padding: 0 14px 56px; }
  #contentDisplay { padding: 18px !important; }
  #f-title { font-size: 21px; line-height: 32px; margin: 0px auto 7px !important; }
  .news-trigger { padding: 10px 20px !important; }
  #dep-activities { padding: 0 0px 48px; }
  .dep-activty-ins { padding: 17px; }
  #faculty-list-deprtmnt { padding: 0 16px 43px; }
  .pd-5cxfaculty { padding: 14px; margin-bottom: 47px; }
  #centre-landing-iitm { font-size: 16px; line-height: 32px; padding: 40px 19px;  text-align: center; }
  .vm-card { height: auto; }
  #objctives-dep-iitm { padding: 3px 10px 58px 11px; }
  .team-section { padding: 47px 13px 69px; }
  .centr-hdd-itm { font-size: 30px; }
  #event-centre { padding: 65px 10px; }
}
@media screen and (min-width:389px) and (max-width:476px) {
  .contnt-pg-leftt { margin: 0px auto; padding: 3px 17px; }
  .dep-landing-hdd { background: #e9e7e1; position: static; padding: 13px; }
  .dep-lnding-banner-hdd { width: 100%; }
  .dep-landing-hdd h1 { font-size: 26px; line-height: 37px; text-align: center; }
  .dep-landing-hdd h2 { font-size: 17px; margin: 0px auto 13px; line-height: 28px; text-align: center; }
  .back-to-bttn-dv { text-align: center; }
  .ovrvww-commn-hdd { font-size: 32px; } 
  .visn-mis-113 { padding: 22px; border-radius: 0; border: 1px solid #fff; }
  #hod-messge { padding: 37px 16px; }
  #hod-messge .bg-primary { margin: 0 !important; }
  #events-dep-landing { padding: 0 14px 56px; }
  #contentDisplay { padding: 18px !important; }
  #f-title { font-size: 21px; line-height: 32px; margin: 0px auto 7px !important; }
  .news-trigger { padding: 10px 20px !important; }
  #dep-activities { padding: 0 0px 48px; }
  .dep-activty-ins { padding: 17px; }
  #faculty-list-deprtmnt { padding: 0 16px 43px; }
  .pd-5cxfaculty { padding: 14px; margin-bottom: 47px; }
    #centre-landing-iitm { font-size: 16px; line-height: 32px; padding: 40px 19px;  text-align: center; }
  .vm-card { height: auto; }
  #objctives-dep-iitm { padding: 3px 10px 58px 11px; }
  .team-section { padding: 47px 13px 69px; }
  .centr-hdd-itm { font-size: 30px; }
  #event-centre { padding: 65px 10px; }
}
@media screen and (min-width:477px) and (max-width:575px) {
  .contnt-pg-leftt { margin: 0px auto; padding: 3px 17px; }
  .dep-landing-hdd { background: #e9e7e1; position: static; padding: 13px; }
  .dep-lnding-banner-hdd { width: 100%; }
  .dep-landing-hdd h1 { font-size: 26px; line-height: 37px; text-align: center; }
  .dep-landing-hdd h2 { font-size: 17px; margin: 0px auto 13px; line-height: 28px; text-align: center; }
  .back-to-bttn-dv { text-align: center; }
  .ovrvww-commn-hdd { font-size: 36px; } 
  .visn-mis-113 { padding: 22px; border-radius: 0; border: 1px solid #fff; }
  #hod-messge { padding: 37px 16px; }
  #hod-messge .bg-primary { margin: 0 !important; }
  #events-dep-landing { padding: 0 14px 56px; }
  #contentDisplay { padding: 18px !important; }
  #f-title { font-size: 21px; line-height: 32px; margin: 0px auto 7px !important; }
  .news-trigger { padding: 10px 20px !important; }
  #dep-activities { padding: 0 0px 48px; }
  .dep-activty-ins { padding: 17px; }
  #faculty-list-deprtmnt { padding: 0 16px 43px; }
  .pd-5cxfaculty { padding: 14px; margin-bottom: 47px; }
    #centre-landing-iitm { font-size: 16px; line-height: 32px; padding: 40px 19px;  text-align: center; }
  .vm-card { height: auto; }
  #objctives-dep-iitm { padding: 3px 10px 58px 11px; }
  .team-section { padding: 47px 13px 69px; }
  .centr-hdd-itm { font-size: 30px; }
  #event-centre { padding: 65px 10px; }
}
@media screen and (min-width:576px) and (max-width:767px) {
  .contnt-pg-leftt { margin: 0px auto; padding: 3px 17px; }
  .dep-landing-hdd { background: #e9e7e1; position: static; padding: 13px; }
  .dep-lnding-banner-hdd { width: 100%; }
  .dep-landing-hdd h1 { font-size: 26px; line-height: 37px; text-align: center; }
  .dep-landing-hdd h2 { font-size: 17px; margin: 0px auto 13px; line-height: 28px; text-align: center; }
  .back-to-bttn-dv { text-align: center; }
  .ovrvww-commn-hdd { font-size: 38px; } 
  .visn-mis-113 { padding: 22px; border-radius: 0; border: 1px solid #fff; }
  #hod-messge { padding: 37px 16px; }
  #hod-messge .bg-primary { margin: 0 !important; }
  #events-dep-landing { padding: 0 14px 56px; }
  #contentDisplay { padding: 18px !important; }
  #f-title { font-size: 21px; line-height: 32px; margin: 0px auto 7px !important; }
  .news-trigger { padding: 10px 20px !important; }
  #dep-activities { padding: 0 0px 48px; }
  .dep-activty-ins { padding: 17px; }
  #faculty-list-deprtmnt { padding: 0 16px 43px; }
  .pd-5cxfaculty { padding: 14px; margin-bottom: 47px; }
}
@media screen and (min-width:768px) and (max-width:991px) {
  .contnt-pg-leftt { padding: 34px 31px; margin: 0px auto; }
  .visn-mis-113 { padding: 24px 28px; border-radius: 0; border: 1px solid #fff; }
  .dep-landing-hdd { padding: 30px; }
  .dep-lnding-banner-hdd { width: 100%; }
  .dep-landing-hdd h1 { font-size: 37px; line-height: 58px; }
  .transition-hover { padding: 24px !important; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
  .sidebar { flex: 0 0 240px; }
  #content-sidemenubar { padding: 21px 23px 41px 18px; }
  #content-sidemenubar ul li { font-size: 15px; }
  .dep-lnding-banner-hdd { width: 100%; }
  .contnt-pg-leftt { margin: -44px auto 0; padding: 60px 41px; }
  .dep-landing-hdd h1 { font-size: 38px; line-height: 51px; }
  .dep-landing-hdd { padding: 34px 43px; }
  #hod-messge { padding: 46px 38px;}
  #hod-messge .bg-primary { width: 100%; margin: 0 !important; }
  #events-dep-landing { padding: 0 28px 56px; }
  #dep-activities { padding: 0 28px 48px; }
  .dep-activty-ins { padding: 36px; }
  .transition-hover { padding: 18px !important; }
  #faculty-list-deprtmnt { padding: 0 27px 43px; }
  .pd-5cxfaculty { padding: 24px; margin-bottom: 47px; }
}
@media screen and (min-width:1150px) and (max-width:1240px) {
  .sidebar { flex: 0 0 240px; }
  #content-sidemenubar { padding: 21px 23px 41px 18px; }
  #content-sidemenubar ul li { font-size: 15px; }
  .dep-lnding-banner-hdd { width: 100%; }
  .contnt-pg-leftt { margin: -44px auto 0; padding: 60px 41px; }
  .dep-landing-hdd h1 { font-size: 38px; line-height: 51px; }
  .dep-landing-hdd { padding: 34px 43px; }
  #hod-messge { padding: 46px 38px;}
  #hod-messge .bg-primary { width: 100%; margin: 0 !important; }
  #events-dep-landing { padding: 0 28px 56px; }
  #dep-activities { padding: 0 28px 48px; }
  .dep-activty-ins { padding: 36px; }
  .transition-hover { padding: 18px !important; }
  #faculty-list-deprtmnt { padding: 0 27px 43px; }
  .pd-5cxfaculty { padding: 24px; margin-bottom: 47px; }
}
@media screen and (min-width:1241px) and (max-width:1340px) {
  .sidebar { flex: 0 0 240px; }
  #content-sidemenubar { padding: 21px 23px 41px 18px; }
  #content-sidemenubar ul li { font-size: 15px; }
  .dep-lnding-banner-hdd { width: 100%; }
  .contnt-pg-leftt { margin: -44px auto 0; padding: 60px 41px; }
  .dep-landing-hdd h1 { font-size: 38px; line-height: 51px; }
  .dep-landing-hdd { padding: 34px 43px; }
  #hod-messge { padding: 46px 38px;}
  #hod-messge .bg-primary { width: 100%; margin: 0 !important; }
  #events-dep-landing { padding: 0 28px 56px; }
  #dep-activities { padding: 0 28px 48px; }
  .dep-activty-ins { padding: 36px; }
  .transition-hover { padding: 18px !important; }
  #faculty-list-deprtmnt { padding: 0 27px 43px; }
  .pd-5cxfaculty { padding: 24px; margin-bottom: 47px; }
}
@media screen and (min-width:1341px) and (max-width:1399px) {

}
@media screen and (min-width:1400px) and (max-width:1499px) {

}
@media screen and (min-width:1500px) and (max-width:1599px) {

}
@media screen and (min-width:1600px) and (max-width:1699px) {

}
@media screen and (min-width:1700px) and (max-width:1799px) {

}
@media screen and (min-width:1800px) and (max-width:1899px) {
  
}
@media screen and (min-width:1900px) and (max-width:1999px) {
	
}
@media screen and (min-width:2000px) and (max-width:2999px) {

}
@media screen and (min-width:3000px) and (max-width:3999px) {

}
@media screen and (min-width:4000px) and (max-width:4999px) {

}
@media screen and (min-width:5000px) and (max-width:5999px) {

}