/* HOME PAGE SECTION */
.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 1s ease, transform 1s ease;
}

/* When visible */
.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}


h2.heading{color: #111;font-family: Inter;font-size: 36px;font-style: normal;font-weight: 700;line-height: 42px; letter-spacing: -0.76px;}
h2.headTitleN{color: #000;font-size: 30px;font-weight: 700;line-height: 40px;letter-spacing: -0.76px;}

.heroSection{display:flex;flex-direction:column; width:100%;}
.heroTop{padding:0px 0px 20px 0px;  display:flex;  justify-content:space-between;  align-items:flex-start;  gap:40px;}
.heroLeft{flex:1;}
.heroTop h1{color: #000;font-family: Inter;font-size: 50px;font-style: normal;font-weight: 700;line-height: 60px;letter-spacing: -1.587px;}
.heroTop h1 span{color:#D00000;}
.heroRight{flex:1;  max-width:480px;}
.heroRight p{color: #000;font-size: 18px;font-style: normal;font-weight: 400;line-height: 30px; max-width: 440px;}
.heroImage{position:relative;  width:100%;  height:475px;  overflow:hidden;}
.heroImage img{width:100%;  height:100%;  object-fit:cover;}
.heroImage:before{content:"";  position:absolute;  top:0;  left:0;  width:100%;  height:160px;  background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -0.66%, #FFF 83.5%);  z-index:2;}


.overviewSlider{position:relative; display:flex;height:600px; padding: 60px 0px;background:url('../images/2026/about/overview-bg3.webp');  color:#fff; clear: both; background-repeat: no-repeat;  background-size: cover;  background-position: 0;}
.overviewSlider::after{content:"";  position:absolute;top: 0px; width: 100%;  height: 240px;
/*background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.20) 50%, rgba(0, 0, 0, 0.15) 100%);*/
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.75) 61.1%, rgba(255, 255, 255, 0.00) 100%);
}
.overview-content{position:relative;z-index:2; align-items: center; width:100%;}
.overview-topline{font-size:14px;letter-spacing:3px;color:#ccc;margin-bottom:25px;position:relative;display:inline-block;}
.hero-topline::before{content:"";width:40px;height:2px;background:#e30613;position:absolute;left:-55px;top:50%;transform:translateY(-50%);}
/*.overviewSlider h1{color: #FFF;font-family: Inter;font-size: 64px;font-weight: 700;line-height: 74px; letter-spacing: -1.587px;margin-bottom:15px; font-family: var(--primary-font);}
.overviewSlider h1 span{color:var(--text-red);}
.overviewSlider p{max-width:460px;color: #FFF;font-family: var(--primary-font);font-size: 18px;font-style: normal;font-weight: 400;line-height: 30px;}*/
.scroll-text{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);z-index:2;font-size:12px;letter-spacing:3px;opacity:.6;}
.statsOverview{width:100%;display:flex;justify-content: center;background: var(--text-dark); padding:22px 0px;}
.statsOverviewMobile{width:100%; padding:22px 0px; position:relative; display:none;}
.statsInnerWrapMob{background: var(--text-dark); padding:21px 25px; display: flex;flex-wrap: wrap;gap: 10px;}
.statsInnerWrapMob .stat-box{flex:100%;align-items: center;display: flex;  gap: 15px;}
.statsInnerWrapMob .stat-box .stat-text{color: rgba(255, 255, 255, 0.45);font-size: 11px;font-weight: 500;line-height: 6px;letter-spacing: 1.241px;text-transform: uppercase;}
.statsInnerWrapMob .stat-box .stat-box h3{color: #FFF;font-size: 28px;font-weight: 700;line-height: 28.966px;letter-spacing: -0.724px;}

/*.statsInner{max-width:1310px; display: flex;  gap: 14px;width: 100%; }
.stat-box{flex:1;border-radius:2px;border: 1px solid rgba(255, 255, 255, 0.04);background: rgba(255, 255, 255, 0.04);padding:22px 23px;color:#fff;text-align:left;transition:.3s;
position: relative; overflow: hidden;}
.stat-box::before{content:""; position:absolute; top:0; left:0; height:2px; width:0%; background:#D00000; transition:width .4s ease;}
.stat-box:hover::before{width:100%;}
.stat-box:hover{transform:translateY(-5px);}
.stat-box h3{color: #FFF;font-family: var(--primary-font);font-size: 30px;font-weight: 700;line-height: 42px;letter-spacing: -0.76px; margin-bottom:0px;}
.stat-box b{color: #D00000;font-size: 18px;font-style: normal;line-height: 30px; padding-left: 5px;}
.stat-text{margin-top:0px;color: #FFF;font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;}
.stat-text::before {content: "";display: inline-block;width: 6px;height: 6px;background: #d00000;border-radius: 50%;margin-right: 8px;vertical-align: middle;}*/

.stats-section{padding:60px 00px; background:#fff; width:100%; position:relative;}
.stats-list{list-style:none;padding:0;margin:0;display:flex;align-items:flex-start;justify-content:space-between; gap:50px;}
.stats-list li{flex:1;position:relative; padding-right: 50px;}
.stats-list li:not(:last-child)::after{content:'';position:absolute;right:0;top:10px;width:1px;height:90%;background:#7C7C7C;}
.stats-list li h3{color: var(--Text-primary, #000);font-size: 42px;font-style: normal;font-weight: 900;line-height: 150%;}
.stat-text{color: var(--Text-primary, #000); font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%;}




.bgGrayContainer{background: #f5f5f5;}
.overview-section {background: #f5f5f5;padding: 60px 00px; position:relative;}
.overview-section h2{margin-bottom:35px;}
.intro-text {color: #000;font-size: 18px;font-style: normal;font-weight: 400;line-height: 30px; margin-bottom:35px;}
.intro-text strong {font-weight: 600;}
.flex-row {display: flex; gap: 60px; margin-bottom: 40px;}
.flex-col { flex: 1;}
.flex-col p{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;}
.location { margin-top: 20px;color: #000;font-family: Inter;font-size: 12px;font-weight: 400;line-height: 150%; text-transform: capitalize; display: flex; align-items: center; gap: 8px;}
.location i { color: #999;}
.quote-box { margin-top: 60px; padding-left: 20px; border-left: 3px solid #D00000; /*max-width:800px;*/}
.quote-box h3 {color: #000;font-size: 18px;font-style: italic;font-weight: 600;line-height: 30px; margin: 0;}
.quote-box p {color: #000;font-size: 16px;font-weight: 400;line-height: 26px;}

.highlight-section{padding:0px 0px;    background:#f5f5f5; position:relative;}
.program-list{    list-style:none;    padding:0;    margin:0;    display:flex;    justify-content:space-between; border-radius:2px;   border:0px solid #e0e0e0;    background:#f5f5f5;}
.program-list li{flex:1;padding:27px 12px 27px 27px;border-right:1px solid #f3f4f6; position:relative; background:#fff; transition:background .4s ease; overflow:hidden;border-radius:2px;}
.program-list li:last-child{    border-right:none;}
.program-list li::before{    content:"";    position:absolute;top:0;left:0;height:2px;width:0;background:#c40000;transition:width .4s ease;}
.program-list li:hover{background:#f3f3f3;}
.program-list li:hover::before{ width:100%;}
.icon-box{width:38px;height:38px; background:#f4dddd; display:flex; align-items:center; justify-content:center; border-radius:2px; margin-bottom:15px; transition:all .3s ease;}
.material-symbols-outlined{font-size:24px;color:#c40000; transition:all .3s ease;}
.program-list li:hover .icon-box{background:#c40000;}

.program-list li:hover .material-symbols-outlined{color:#fff;}
.program-list h3{margin:0px; color: #000;font-size: 18px;font-style: normal;font-weight: 600;line-height: 30px;}
.program-list p{margin:0;color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;}

.sectionRankings{padding:35px 0px 60px 0px;    background:#f5f5f5; position:relative;}
.rankingBoxWrap{display:flex; gap:20px;}
/* Common Box */
.info-box{flex:1;border-radius: 1.924px;border: 1px solid #F3F4F6;background: #FFF;padding:20px 20px;display:flex; flex-direction:column;}
.info-box .mobon{display:none;}
.box-header{display:flex; justify-content:space-between; align-items:center;  margin-bottom:20px;}
.box-header h2{ margin:0; color: var(--Primary-Color-Primary-Dark, #111);font-size: 30px;font-weight: 700;line-height: 42px;letter-spacing: -0.76px;}
.box-header p{ margin:5px 0 0; color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;}
.view-btn{ background:#D00000; color:#fff; padding:10px 18px; border-radius:2px; text-decoration:none; display:inline-flex; align-items:center; gap:6px; 
color: var(--Primary-0, #FFF);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 140%;letter-spacing: -0.16px;}
.view-btn:hover{ background:#ac0000; text-decoration:none; color:#fff;}
.accreditationsList{list-style:none;margin:0; padding:0; display:flex;  flex-wrap:wrap;    gap:10px;}
.accreditationsList li{flex:1 1 calc(50% - 10px);  border-radius: 2px; border: 1px solid #F9FAFB; background: #FAFAFA;   padding:7px 5px; display:flex; align-items:center; gap:15px; min-height:70px;}
.accreditationsList li img{width:50px;height:50px;  object-fit:contain;}
.accreditationsList li .card-content h4{margin:0;color: #000;font-size: 12px;font-style: normal;font-weight: 700;line-height: 150%;text-transform: capitalize;}
.accreditationsList li .card-content p{margin:0px 0 0;color: #000;font-size: 12px;font-style: normal;font-weight: 400;line-height: 150%; text-transform: capitalize;}



/* Grid layout inside */
.rankings {padding: 20px 20px;}
.rankingsList{display:flex;flex-wrap:wrap; gap:8px; margin-bottom:0px;}
.rankingsList li{flex:1 1 calc(33% - 8px); border-radius:2px; display:flex; align-items:center; gap:2px; min-height:110px;padding: 10.511px 13.665px;}
.rankingsList li.rn1{background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), rgba(208, 0, 0, 0.20);}
.rankingsList li.rn2{background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), rgba(57, 49, 134, 0.30);}
.rankingsList li.rn3{background: linear-gradient(0deg, rgba(247, 166, 0, 0.20) 0%, rgba(247, 166, 0, 0.20) 100%), rgba(255, 255, 255, 0.80);}
.rankingsList li.rn4{background: linear-gradient(0deg, rgba(231, 231, 231, 0.50) 0%, rgba(231, 231, 231, 0.50) 100%), rgba(255, 255, 255, 0.80);}
.rankingsList li.rn5{background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), rgba(214, 1, 158, 0.20);}
.rankingsList li.rn6{background: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), #1CACAF;}

.logo-section{ padding:60px 0; background:#fff; position:relative;}
.logo-container{display:flex; gap:60px; align-items:center;}
.logo-content{flex:1;}
.logo-content h2{ color: var(--Primary-Color-Primary-Dark, #111);font-size: 30px;font-weight: 700;line-height: 42px;letter-spacing: -0.76px; margin-bottom:25px;  }
.university-logo{margin-bottom:25px;}
.university-logo img{max-width:255px;}
.logo-content p{font-size:16px; font-weight: 400;line-height: 26px;  color:#000;    margin-bottom:25px;}
.logo-image{flex:1; overflow:hidden;}
.logo-image:hover img{transform: scale(1.10);}
.logo-image img{width:100%; border-radius:2px; object-fit:cover; transition: transform 0.4s ease-in-out;}


.logo-section-wrap{ padding:60px 0; background:#fff; position:relative;}
.logo-section-new {display: flex;justify-content: space-between;align-items: center;gap: 40px;}
.logo-text-new {flex: 0 0 60%;}
.logo-text-new h2 {font-family: Inter;font-weight: 700;font-style: Bold;font-size: 30px;line-height: 42px;letter-spacing: -0.76px;}
.logo-text-new p {font-family: Inter;font-weight: 400;font-style: Regular;font-size: 16px;line-height: 26px;letter-spacing: 0px;margin-bottom:0px;}
.logo-img-new img {width: 315px;}





.visionaries-section{position:relative; padding:80px 20px; background:url('../images/2026/about/campus-bg.webp') center/cover no-repeat;border-top: 2px solid #d00000;border-bottom: 2px solid #d00000;}
.visionaries-section::before{ content:""; position:absolute; inset:0; background:rgba(0,0,0,0.92);}
.visionaries-section h2{color: #FFF;font-size: 30px;font-weight: 700;line-height: 42px;letter-spacing: -0.76px;   margin-bottom:15px; text-align: center;}
.visionaries-section h2 span{color:#D00000;}
.section-subtitle{color: #FFF;text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px; max-width:530px; margin:0 auto 40px;}
.leaders-wrapper{display:flex;gap:30px; justify-content:center; flex-wrap:wrap;}
.leader-card{ flex:1 1 480px; max-width:450px; position:relative;border:1px solid rgba(255, 255, 255, 0.08);border-radius: 0px 0px 2px 2px;}
.leader-image{ position:relative; overflow:hidden; border-radius:2px 2px 0 0;}
.leader-image img{ width:100%; display:block;  transition: transform 0.4s ease-in-out;}
.leader-image::after{content:""; position:absolute;  left:0; bottom:0; width:100%; height:110px; background: linear-gradient(0deg,        rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.00) 100%);
}
.leader-card:hover .leader-image img{transform: scale(1.10);}
.badge{ position:absolute;  bottom:15px; left:15px;  background:#D00000;  padding:0px 8px;   color: #FFF;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px; border-radius:2px; z-index:1;}
.leader-info{ margin-top:0px; background:rgba(255,255,255,0.04); backdrop-filter: blur(0px); padding:25px;border-radius: 0px 0px 2px 2px; text-align:left;}
.leader-info h3{   margin:0 0 0px;    color: #FFF;font-size: 18px;font-weight: 700;line-height: 28px;letter-spacing: -0.46px;}
.quote-icon{ color:#ff0000; font-size:28px;  margin-bottom:0px;}
.leader-info p{color:#fff;    line-height:1.6;    margin:0;}

/* Button */
.cta-btn{ background:#D00000; color:#fff; padding:10px 18px; border-radius:2px; text-decoration:none; display:table; gap:6px;  margin: 40px auto 0px;
color: var(--Primary-0, #FFF);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 140%;letter-spacing: -0.16px;}
.cta-btn:hover{ background:#ac0000; text-decoration:none; color:#fff;}

.vm-section{padding:60px 0px 60px 0px;    background:#fff; position:relative;}
.vm-section h2{text-align:center; margin-bottom:35px;color: var(--Primary-Color-Primary-Dark, #111);font-size: 30px;font-weight: 700;line-height: 42px; letter-spacing: -0.76px;}
.vm-wrapper{list-style:none; padding:0;margin:0; display:flex; gap:20px;  flex-wrap:wrap;}
.vm-wrapper li{flex: 1 1 calc(33.333% - 15px); background:#fff; border-radius:2px; overflow:hidden; display:flex; flex-direction:column;}
.vm-wrapper li:nth-child(2){ border-radius: 2px; border: 1px solid #D6D6D6; background: #FFF; padding:29px;}
.vm-wrapper li:nth-child(3){ border-radius: 2px; border: 1px solid #D6D6D6; background: #FFF;}
.vm-image{position:relative; overflow:hidden;}
.vm-image img{ width:100%; display:block; transition: transform 0.4s ease;border-radius:2px;}
.vm-wrapper li:hover .vm-image img{transform:scale(1.05);}
.vm-image3{position:relative; overflow:hidden; padding: 15px 15px;}
.vm-image3 img{ width:100%; display:block; transition: transform 0.4s ease;}
.vm-wrapper li:hover .vm-image3 img{transform:scale(1.05);}
.vm-image-gra::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:60%;background: linear-gradient(0deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.00) 100%);border-radius:2px;}

/* Label */
.vm-label{position:absolute;bottom:15px; left:20px; display:flex; align-items:center; gap:10px; color:#fff; font-size:20px; font-weight:600; z-index:2;}
.vm-label .icon{background:#d00000; width:35px; height:35px; display:flex; align-items:center; justify-content:center; border-radius:2px; font-size:18px;}
.vm-label span, .vm-label-mission span, .vm-label3 span {font-weight:700;}
.vm-label-mission{position:relative;left:0px; display:flex; align-items:center; gap:10px; color:#000; font-size:20px; font-weight:600; z-index:2;}
.vm-label-mission .icon{background:#d00000; width:35px; height:35px; display:flex; align-items:center; justify-content:center; border-radius:2px; font-size:18px;}
.vm-label3{position:relative;margin-bottom:15px; left:0px; display:flex; align-items:center; gap:10px; color:#fff; font-size:20px; font-weight:600; z-index:2;}
.vm-label3 .icon{background:#d00000; width:35px; height:35px; display:flex; align-items:center; justify-content:center; border-radius:2px; font-size:18px;}

.vm-content-white{padding-top:25px;}
.vm-content-white p{color: #1A1A1A;font-size: 18px;font-weight: 500;line-height: 28px;}
.vm-content-white p span{color: #D00000;}


.vm-content{background:#111; padding:25px 24px;  flex-grow:1;}
.vm-content p{color: #FFF;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px; margin: 0;}

.missionList {list-style:none;padding: 0; margin: 0px 0px 0px 0px;}
.missionList li {display: flex;gap: 14px;  padding:20px 29px!important;flex-direction: inherit;  border-bottom: 1px solid #F2F1EE!important; border-top:0px !important; border-left:0px !important; border-right:0px !important; border-radius: 0 !important;position:relative;color:#000;}
.missionList li::before {content: "•";position: absolute; left: 0; color: #000; font-size: 18px;}
.missionList li:last-child {  border-bottom: none !important;padding-bottom:0px!important;}
.num {min-width: 22px;  height: 22px;  background: #f2dede;  color: #c40000;  border-radius: 50%;  font-weight: bold;  display: flex;  align-items: center;justify-content: center;  font-size: 14px;line-height:15px;}
.missionList p {  margin: 0;  color: #000;font-size: 16px;font-weight: 400;line-height: 26px; /* 162.5% */}
.values-section{background: #f5f5f5;padding: 60px 00px; position:relative;}
.values-section h2{color: var(--Primary-Color-Primary-Dark, #111);font-size: 30px;font-weight: 700;line-height: 42px;letter-spacing: -0.76px; margin-bottom:10px;}
.section-desc{ /*max-width:600px;*/  margin-bottom:40px;   color:#000;}

.values-wrapper{list-style:none;padding:0; margin:0; display:flex; flex-wrap:wrap;  gap:20px;}
.value-card{flex: 0 0 calc(25% - 17px); background:#fff; padding:24px;  position:relative;  transition: all 0.3s ease;  overflow:hidden;border-radius:2px;}
.value-card::before{ content:""; position:absolute; top:0;  left:0;  width:0%;  height:2px;  transition: width 0.4s ease;}
.value-card:hover::before{  width:100%;}
.icon-box{ width:45px; height:45px; display:flex; align-items:center; justify-content:center; border-radius:2px; margin-bottom:12px; font-size:18px;}
.value-card h3{ margin:0 0 0px; color: #000;font-size: 18px;font-style: normal;font-weight: 600;line-height: 30px; /* 166.667% */}
.value-card p{ color: #000;font-size: 16px;font-weight: 400;line-height: 26px; margin:0px;}

.red::before{ background:#e00000; }
.red .icon-box{ background:rgba(224,0,0,0.1); color:#e00000; }

.blue::before{ background:#0077ff; }
.blue .icon-box{ background:rgba(0,119,255,0.1); color:#0077ff; }

.orange::before{ background:#ff8800; }
.orange .icon-box{ background:rgba(255,136,0,0.1); color:#ff8800; }

.green::before{ background:#00a86b; }
.green .icon-box{ background:rgba(0,168,107,0.1); color:#00a86b; }

.purple::before{ background:#7a3cff; }
.purple .icon-box{ background:rgba(122,60,255,0.1); color:#7a3cff; }

.dark::before{ background:#333; }
.dark .icon-box{ background:rgba(0,0,0,0.08); color:#333; }

.teal::before{ background:#00b3a4; }
.teal .icon-box{ background:rgba(0,179,164,0.1); color:#00b3a4; }

.value-card:hover{transform: translateY(-5px);  box-shadow:0 10px 25px rgba(0,0,0,0.08);}

/************************************* Campus Leadership ***********************************************/

.clOverview{background:#f8f6f3; padding:70px 0px 20px 0px; position:relative}

.clOverview h1{color: #111;font-size: 36px;font-style: normal;font-weight: 700;line-height: 46px; letter-spacing: -0.76px; text-align: center;margin-bottom:20px;}
.clOverview p{color: #000;text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;}

.leadership-section{background:#f8f6f3; padding:0px 0px 70px 0px; position:relative}
.leadership-list {  list-style: none;  display: flex;  flex-wrap: wrap; margin: 0;}
.leadership-list li {  flex: 1 1 50%;  position: relative;  overflow: hidden;max-height: 440px;}
.leadershipLeft .lsCard img{object-position: 0 -120px;}
.leadershipRight .lsCard img{object-position: 0 -80px;}
.lsCard {  position: relative;  width: 100%;  height: 100%;}
.lsCard img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;  transition: transform 0.6s ease;}
.lshipOverlay {  position: absolute;  inset: 0; 
background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.10) 50%, rgba(0, 0, 0, 0.00) 100%);
  transition: background 0.5s ease;}
.leadershipContent {  position: absolute;  bottom: 45px;  left: 55px;  right: 55px; color: #fff;  z-index: 2; max-width: 395px;}
.leadershipContent .designation {  color: rgba(255, 255, 255, 0.70);font-size: 10px;font-style: normal;font-weight: 900;line-height: 20px; /* 200% */letter-spacing: 2.195px;text-transform: uppercase;}
.leadershipContent h4 { color: #FFF;font-size: 32px;font-style: normal;font-weight: 700;line-height: 35px; letter-spacing: -0.632px; margin-top:10px;}
.leadershipContent p { color: #FFF;font-size: 14px;font-style: italic;font-weight: 400;line-height: 21px;}
.leadership-list li:hover img {  transform: scale(1.05);}
.leadershipContent a.rmLink {  text-decoration: none; color: #FFF;font-size: 12px;font-style: normal;font-weight: 600;line-height: 16px; /* 131.707% */letter-spacing: 1.317px;}
.leadershipContent a.rmLink {  display: inline-flex;  align-items: center;  gap: 6px;  font-size: 12px;line-height:15.8  letter-spacing: 1.32px;font-weight:600;}
.leadershipContent a.rmLink .arrow-icon {  font-size: 15px;  transition: transform 0.3s ease;color:#fff;}
a.card-link:hover .arrow-icon {  transform: translateX(5px);}

.campus-legacy {  position: relative;  padding: 60px 0 40px 0;background: #fff;  
/*background: url("../images/2026/about/Campus-Legacy-bg.webp") center/cover no-repeat;  color: #fff;*/  
overflow: hidden;}
.campus-legacy h2{color: #000;font-size: 30px;font-style: normal;font-weight: 700;line-height: 42px;letter-spacing: -0.76px; margin-bottom: 15px;}
.campus-legacy .overlay {  position: absolute;  inset: 0;  background: rgba(208, 0, 0, 0.80); /* red overlay */}
.legacy-list {  list-style: none;  display: flex;  gap: 20px;  align-items: flex-start;}
.legacy-list li {  flex: 1;}
.legacy-list p {color: #000;font-family: Inter;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px; /* 162.5% */}

.statsLeadership{background:#fff; padding:0px 0px 60px 0px; position:relative;}
.statsInnerLS{display: flex;  width: 100%;}
.statBoxLS{flex:1;padding:0px 75px;color:#fff;text-align:left;transition:.3s; text-align: center;position: relative;    overflow: hidden;}
.statBoxLS:first-child { padding-left: 0;}
.noSBLS::before{background:none !important; width:0px;}
.statBoxLS::before{ content:"";  position:absolute;    top:0;    left:0;    height:100%;    width:1px;   background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #C2C2C2 48.08%, rgba(255, 255, 255, 0.00) 100%);   transition:width .4s ease;}
.statBoxLS h3{color: #D00000;font-size: 40px;font-style: normal;font-weight: 800;line-height: 50px; /* 125% */letter-spacing: -1.264px; text-align: center;}
.stattextLS{color: #000;font-size: 12px;font-style: normal;font-weight: 500;line-height: 15.805px; /* 131.707% */letter-spacing: 1.756px;text-transform: uppercase;}


.leaders-section {background: #f8f6f3;position:relative;  padding: 80px 0;}
.leaders-section h2 {color: var(--Primary-Color-Primary-Dark, #111);font-size: 32px;font-style: normal;font-weight: 700;line-height: 42px; letter-spacing: -0.76px;  margin-bottom: 20px;}
.leaders-section p.paraTxt {color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;}

.leaders-list {list-style: none;  display: flex;  flex-wrap: wrap;  gap: 50px 28px; margin-top:36px;margin-bottom:0px;}
.leaders-list li {  flex: 1 1 calc(25% - 30px); transition: background .4s ease;  overflow: hidden; position: relative;}
.leaders-list li::before {  content: "";  position: absolute;  top: 0;  left: 0;  height: 3px;  width: 0;  background: #D00000;  transition: width .4s ease; z-index: 2;}
.leaders-list li:hover::before{ width:100%;}
.leaders-list li a:hover{text-decoration:none;}
.leaderCardWrap {  display: flex;  flex-direction: column;}
.image-box {  overflow: hidden;}
.image-box img {  width: 100%;  display: block;  transition: transform 0.5s ease; height: 360px;  object-fit: cover;}
.leaderCardWrap:hover img {  transform: scale(1.05);}
.leader-content {  padding-top: 15px;}
.leader-content .designation {  color: #D00000;font-size: 12px;font-style: normal;font-weight: 700;line-height: 20px; letter-spacing: 1.715px;text-transform: uppercase;  margin-bottom: 8px;}
.leader-content h3 {color: #111;font-size: 18px;font-style: normal;font-weight: 700;line-height: 28px; margin-bottom: 2px; margin-top: 8px;}
.leader-content p.location { color: #000; font-size: 12px;font-style: normal;font-weight: 500;line-height: 21px; margin-bottom: 2px;  margin-top: 0;}
.leader-content a.profile-link {  color: #000;font-size: 12px;font-style: normal;font-weight: 600;line-height: 15.805px; /* 131.707% */letter-spacing: 0.843px;text-transform: uppercase;  text-decoration: none; display: inline-flex;  align-items: center;  gap: 6px;}
.leader-content a.profile-link .arrow-icon {  font-size: 18px;  transition: transform 0.3s ease;color:#000;}
.leaders-list li:hover a.profile-link, .leaders-list li:hover a.profile-link .arrow-icon{color:#D00000;}

/********************************* Rankings and Recognition Page  **************************************/
.rankingSection {background: #F9F7F5;    padding: 50px 0; width:100%; position:relative;clear:both;}
.rankingWrap {display: flex; align-items: center; justify-content: space-between;  gap: 60px;}
.rankingContent {flex: 0 0 65%; max-width: 60%;}
.rankingContent h1 { color:#111;font-size: 36px;font-weight: 700;line-height: 42px; letter-spacing: -0.76px; margin-bottom: 20px;}
.rankingContent p {color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;margin-bottom:0px;}
.rankingContent a {color: #000; text-decoration: underline !important;}
.rankingLogos {flex: 0 0 35%; max-width: 35%; display: flex; flex-wrap: wrap; gap: 0px; padding:30px;}
.logoCard {flex: 0 0 calc(50% - 0px); height: 100px; display: flex;padding:10px; align-items: center; justify-content: center;}
.logoCard img{}
.pinkRanking {background: #f7d6d6;}
.blueRanking {background: rgba(57, 49, 134, 0.10);}
.whiteRanking {background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), rgba(214, 1, 158, 0.20);}
.beigeRanking {background: linear-gradient(0deg, rgba(247, 166, 0, 0.20) 0%, rgba(247, 166, 0, 0.20) 100%), rgba(255, 255, 255, 0.20);}

.ranking-data-section{background: #fff;  padding: 60px 0px;}
.newsTabs{list-style: none; padding: 6px; margin: 0 0px 0px 0px; display: flex; gap: 14px;}
.newsTabs li .active{background: #111;box-shadow: 0 3.848px 5.772px -0.962px rgba(0, 0, 0, 0.10), 0 1.924px 3.848px -1.924px rgba(0, 0, 0, 0.10);color: #FFF;text-align: center;font-family: Inter;font-size: 12px;font-weight: 500;line-height: 21px;}
.newsTabs li{ cursor: pointer; display: inline-block; padding: 5px 15px; border-radius: 30px; text-decoration: none;margin: 0;
 transition: all 0.3s ease; border: 1px solid #CBCBCB;background: #FFF; color: #7F7F7F;text-align: center;font-family: Inter;font-size: 14px;
font-style: normal;font-weight: 500;line-height: 24px;  }
.newsTabs li:hover{    background: #e2e2e2;    color: #000;}
.newsTabs li.active{	background: #111;	box-shadow: 0 3.848px 5.772px -0.962px rgba(0, 0, 0, 0.10), 0 1.924px 3.848px -1.924px rgba(0, 0, 0, 0.10);    color: #fff;    border-color: #000;}
.partnershipsSection{background: #F9F7F5;    padding: 60px 0; width:100%; position:relative;}
.partnershipsSection h2 { color:#111;font-size: 36px;font-weight: 700;line-height: 42px; letter-spacing: -0.76px; margin-bottom: 20px;}
.partnershipsSection p {color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;}




.grid-cards_UnivGov{ display:grid; grid-template-columns:repeat(3,1fr); gap:15px; padding:12px 18px; background:#fff;border:1px solid #ddd;}
.small-card_grievance_UnivGov{background:#F3F4F6;border:1px solid #E5E5E5; border-radius:0; transition:all .2s ease;}
.small-card_grievance_UnivGov a{display:flex;justify-content:space-between;align-items:center;padding:15px;  text-decoration:none; color:inherit; width:100%;
height:100%;}
.small-card_grievance_UnivGov:hover{border-color:#d00000;}
.left_grievance_UnivGov{display:flex; align-items:center; gap:10px;}
.left_grievance_UnivGov p{font-family:Inter, sans-serif;font-weight:600;font-size:14px;line-height:150%;color:#000;margin:0;}
.small-card_grievance_UnivGov .icon{ color:#d32f2f;font-size:28px;background:#D013171A;width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;
  transition:all .2s ease;}
.small-card_grievance_UnivGov:hover .icon{background:#d00000;color:#fff;}
.small-card_grievance_UnivGov .download{color:#99A1AF;transition:color .2s ease;}
.small-card_grievance_UnivGov:hover .download{color:#d32f2f;}

/*University Governance CSS Starts*/
.table-stripedGovernance{margin-bottom:0px;}
.table-stripedGovernance th{ background: #F3F4F6!important;text-align: left;padding: 15px!important;font-family: Inter;font-weight: 600;font-size: 15px;line-height: 150%;letter-spacing: -0.76px;color:#000;}
.table-stripedGovernance td{padding: 15px!important;font-family: Inter;font-weight: 400;font-style: Regular;font-size: 14px;line-height: 150%;letter-spacing: 0px;color:#000;}
/* alternate rows */
.table-stripedGovernance tr:nth-child(odd) {background:#fff;border:1px solid #e5e7eb; }
.table-stripedGovernance tr:nth-child(even) {background: #f9fafb;border:1px solid #e5e7eb;}
.recognitionSecond_UnivGover .accordion_headUG{background-color:#fff; color:#000;cursor:pointer; margin:10px 0 0 0;padding:15px 30px 15px 15px;font-family: Inter;font-weight: 700;font-style: Bold;font-size: 16px;line-height: 150%;letter-spacing: -0.46px;vertical-align: middle; border:0;position:relative;font-family:var(--primary-font);border: 1px solid #e5e7eb;}
.recognitionSecond_UnivGover .accordion_headUG:first-child{margin-top:0px;}
.recognitionSecond_UnivGover .accordion_headUG.active{color:#d00000;border-bottom:0px;}
.recognitionSecond_UnivGover .accordion_headUG:hover{background-color:transparent;}
.recognitionSecond_UnivGover .accordion_bodyUG{background:#f4f4f4;padding:0px;font-size:16px;}
.recognitionSecond_UnivGover .plusminusUG{position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.recognitionSecond_UnivGover .plusminusUG svg{transition: transform 0.3s ease;}
.recognitionSecond_UnivGover .accordion_headUG.active .plusminusUG svg{transform: rotate(180deg);}
.table-responsive-custom {width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.table-responsive-custom table {min-width: 1000px;}
/*University Governance CSS Ends*/

.MBTMViewd{margin-bottom:23px!important;}
/* grivenace CSS Starts*/
.top-cards_grievance{display:flex;gap:20px;margin-bottom:60px;}
.big-card_grievance{flex:1;background:#fff;padding:32px;border-radius:0px;box-shadow: 0px 10px 15px -3px #0000001A;display:flex;gap:15px;  border:1px solid transparent;}
.big-card_grievance:hover{border:1px solid #d00000;}
.big-card_grievance .icon{color:#d32f2f;font-size:28px;background-color: #D013171A; width: 48px; height: 48px;border-radius:10px;text-align: center;
align-content: center;}
.content_grievance h3{margin:0;font-family: Inter;font-weight: 700;font-style: Bold;font-size: 18px;line-height: 27px;letter-spacing: -0.76px;}
.content_grievance p{margin:6px 0;font-family: Inter;font-weight: 400;font-style: Regular;font-size: 14px;line-height: 150%;letter-spacing: 0px;color:#4A5565;}
.link_grievance a{font-family: Inter;font-weight: 400;font-style: Regular;font-size: 13px;line-height: 150%;letter-spacing: 0px;color:#D01317;}
/* GRID SECTION */

.grid-cards_grievance{ display:grid; grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:0px;}
.small-card_grievance{background:#fff;border:0.67px solid #E5E5E5;padding:15px;border-radius:0px;display:flex;justify-content:space-between;align-items:center;}
.small-card_grievance a{display:flex;justify-content:space-between;align-items:center; text-decoration:none; color:inherit; width:100%;
height:100%;}
.small-card_grievance:hover{border:1px solid #d00000;box-shadow: 0px 10px 15px -3px #0000001A;}
.left_grievance{display:flex; align-items:center; gap:10px;}
.small-card_grievance .icon{color:#d32f2f;font-size:28px;background-color: #D013171A; width: 40px; height: 40px;border-radius:4px;text-align: center;
align-content: center;}
.small-card_grievance:hover .icon{color:#fff;font-size:28px;background-color: #d00000; width: 40px; height: 40px;border-radius:4px;text-align: center;
align-content: center;}
.left_grievance{display:flex;align-items:center;gap:10px;}
.left_grievance p{font-family: Inter;font-weight: 400;font-size: 14px;line-height: 150%;letter-spacing: 0px;color:#101828;margin:0px;}
.left_grievance span{color:#d32f2f;}
.small-card_grievance .download {color:#99A1AF;cursor:pointer;}
.small-card_grievance:hover .download{color:#d32f2f;}
.grivence_video video, .grivence_video img {width: 100%;height: auto;margin-top:60px;}
.grivence_video video{width:100%;}
/* grivenace CSS Ends*/

/* Approvals & Accreditations Page */

.accreditationsBanner{position:relative; display:flex; align-items: end; height:490px; padding: 60px 0px 40px 0px;background:url('../images/2026/about/accreditation-banner.webp') center/cover no-repeat;  color:#fff; clear: both; border-bottom:5px solid #D00000;}
.accreditationsBanner::after{content:"";  position:absolute;inset:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 50%, rgba(0, 0, 0, 0.70) 100%);}
.accreditationsContent{position:relative;z-index:2; align-items: center; width:100%;}
.accreditationsBanner h1{color: #FFF;font-family: Inter;font-size: 64px;font-weight: 700;line-height: 74px; letter-spacing: -1.587px;margin-bottom:15px; font-family: var(--primary-font);}
.accreditationsBanner h1 span{color:var(--text-red);}
.breadClist{color: rgba(255, 255, 255, 0.70);font-family: Inter;font-size: 12.264px;font-style: normal;font-weight: 400;line-height: 18.396px; margin-bottom: 20px;}
.breadClist span{color: rgba(255, 255, 255, 1);}

.recognitionSecond{background: #fff;  padding: 60px 0px; position:relative;}
.recognitionSecond_UnivGover{background: #fff;  padding: 60px 0px; position:relative;}
.recognition-section{display:flex; justify-content:space-between; align-items: center; gap:120px;}
.recognition-left{ flex:1;}
.recognition-left h2{ color: var(--Primary-Color-Primary-Dark, #111);font-family: var(--font-family-Font-1, Inter);font-size: 30px;font-weight: 700;line-height: 42px;letter-spacing: -0.76px; margin-bottom:20px;}
.recognition-left p{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px; }
.recognition-right{flex:0 0 38%; background: #F9F7F5; padding:30px 40px;}
.recognition-list{list-style:none; margin:0; padding:0;}
.recognition-list li{ display:flex; align-items:baseline; gap:30px; padding:18px 0; border-bottom:1px solid #E5E7EB;}
.recognition-list li:first-child{padding-top: 0;}
.recognition-list li:last-child{border-bottom:none; padding-bottom: 0;}
.recognition-list li .number{color: #D00000;font-size: 32px;font-style: normal;font-weight: 700;line-height: 32px;letter-spacing: -0.8px;}
.recognition-list li .text{color: #000;font-size: 14px;font-weight: 500;line-height: 22px; letter-spacing: 0.26px;text-transform: uppercase;}
/* SECTION WRAPPER */
.accreditationThird{background: #F9F7F5; padding: 60px 0px; position:relative;}
.accreditation-section{ border:1px solid #E5E7EB;width:100%; background:#ffffff;}
.accreditation-list{list-style:none;margin:0; padding:0;}
.accreditation-list li{display:flex; gap:30px; padding:32px 32px 32px 32px; border-bottom: 1px solid #E5E7EB; position: relative;overflow: hidden;}
.accreditation-list li:last-child{border-bottom: 0px solid #E5E7EB;}
.accreditation-list li::before{content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 0; background: #d40000; transition: height 0.4s ease;}
.accreditation-list li:hover::before{ height: 100%;}
.icon-boxAA{flex:0 0 90px; height:90px; border: 1px solid #F3F4F6;background: #F9FAFB; border-radius:2px; display:flex; align-items:center; justify-content:center;}
.icon-boxAA img{max-width:70px;    max-height:70px;}
.accreditation-content{flex:1;}
.accreditation-content h3{margin:0 0 5px;color: #111;font-size: 16px;font-style: normal;font-weight: 700;line-height: 26px;letter-spacing: -0.32px; text-transform: uppercase;}
.accreditation-content p{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;margin-bottom:8px;}
.accreditation-links{display:flex;    gap:25px;    flex-wrap:wrap;}
.accreditation-links a{color: #D00000;font-size: 13px;font-weight: 600;line-height: 19.5px; text-decoration:none; border-bottom: 1px solid rgba(208, 0, 0, 0.30); padding-bottom:2px; transition:0.3s; position: relative; display: inline-flex; align-items: center; gap: 0px;}
.accreditation-links a:hover{text-decoration:none;}	
.accreditation-links a::after{content: ""; width: 14px; height: 14px; display: inline-block; background-repeat: no-repeat; background-size: contain; margin-left: 6px;
    background-image: url("data:image/svg+xml;utf8,\
<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'>\
<path d='M4.08301 4.08325H9.91634V9.91659' stroke='%23D00000' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/>\
<path d='M4.08301 9.91659L9.91634 4.08325' stroke='%23D00000' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
}
/*.accreditation-links a:hover{opacity:0.7;}*/

/************************************ Campus Leadership Profile Page ****************************************/
.leadershipProfileSection{background:#fff;position:relative; padding: 60px 0px;clear: both;}
.leadershipProfile{display:flex;align-items:center;  gap:60px;}
.leadershipProfileImage{ flex:1; position: relative; overflow: hidden;  max-height: 330px;}
.leadershipProfileImage img{width:100%; height:100%; object-fit:cover; display:block; transition: transform 0.6s ease;}
.leadershipProfileImage:hover img {transform: scale(1.05);}
.leadershipProfileImage img.mamPic{object-position: 0 -20px;}
.leadershipProfileImage img.sirPic{object-position: 0 -40px;}
.leadershipProfileImage img.niyatimamPic{object-position: 0 -10px;}

.chancellor-section{background: #F8F6F3;  padding:0px 0; position:relative; clear: both;}
.chancellor-wrapper{display:flex; align-items:center; gap:60px;}
.chancellor-image{width:460px; height:330px; flex-shrink:0; position:relative;}
.chancellor-image img{width:100%; height:100%; display:block; clip-path: polygon(18% 0,100% 0,82% 100%,0 100%); object-fit: cover;}
.chancellor-image img.sirPic{object-position: 0 0px;}
.chancellor-image img.niyatiMamPic{object-position: -10px 0;}
.chancellor-content{max-width:635px;}
.chancellor-content h5{color: #000;font-size: 14px;font-weight: 900;line-height: 22px;letter-spacing: 2.195px;text-transform: uppercase;}
.chancellor-content h1{color: #000;font-size: 32px;font-weight: 700;line-height: 35px;letter-spacing: -0.632px; margin-bottom: 12px;}
.chancellor-content p{color: #000;font-size: 16px;font-weight: 500;line-height: 26px;}
.moreAwardsBtn{display:none; color: var(--Primary-0, #FFF);text-align: center;font-size: 14px;font-weight: 600;line-height: 140%; letter-spacing: -0.14px; border-radius: 1.924px;
background: #D00000; padding:12px 20px; align-items: center; gap: 10px;}
.moreAwardsBtn span{color:#fff;}
.moreAwardsBtn:hover{background:#950000;}
.leadershipProfileContent{flex:1;}
.leadershipProfileContent h5{color: rgba(0, 0, 0, 0.70);font-size: 14px;font-style: normal;font-weight: 900;line-height: 22px; /* 157.143% */letter-spacing: 2.195px;text-transform: uppercase;    margin-bottom:5px;}
.leadershipProfileContent h1{color: #000;font-size: 31.61px;font-style: normal;font-weight: 700;line-height: 34.771px; /* 110% */letter-spacing: -0.632px;}
.leadershipProfileContent p{color: #000;font-size: 16px;font-weight: 500;line-height: 26px;margin-bottom:0px; /* 162.5% */}
.leadershipProfileContent h4{display:none;}
.leadershipProfileSecond{background: #fff;position:relative; padding: 60px 0px 50px 0px;clear: both;}
.leadershipProfileSecond h2{color: var(--Primary-Color-Primary-Dark, #111);font-size: 30px;font-weight: 700;line-height: 42px; letter-spacing: -0.76px; margin-bottom:10px;}

.leadershipProfileAwards{background: #F8F6F3;position:relative; padding: 60px 0px;clear: both;}
.leadershipProfileAwards h2{color: var(--Primary-Color-Primary-Dark, #111);font-size: 30px;font-weight: 700;line-height: 42px; /* 140% */letter-spacing: -0.76px; margin-bottom:20px;}
.awardsListProfile{list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap;  gap:32px; margin-top:36px; justify-content: center;}
.awardsListProfile li{position: relative;align-content:center; width:27%;   text-align: center; padding: 0 50px;min-height:55px; /* space for flowers */}
.awardsListProfile li.width50{width:50%;}
.awardsListProfile li::before{content: ""; position: absolute; left: 0; top:4%; transform: translateY(0%); width: 40px; height: 60px; background: url('../images/2026/about/Group-award-left.png') no-repeat center; background-size: contain;}
.awardsListProfile li::after{content: "";    position: absolute; right: 0; top: 4%; transform: translateY(0%) scaleX(-1); width: 40px; height: 60px; background: url('../images/2026/about/Group-award-left.png') no-repeat center; background-size: contain;}
.award-text{text-align:center; max-width:100%;}
.award-text h3{color: #212121;text-align: center;font-size: 16px;font-style: normal;font-weight: 700;line-height: 24px;letter-spacing: -0.76px; margin-bottom:0px;}
.award-text p{color: #555;text-align: center;font-size: 14px;font-weight: 600;line-height: 22px; /* 157.143% */letter-spacing: -0.76px; margin:0px;}

.awards-list{display:flex;flex-wrap:wrap;list-style:none;gap:10px; margin-top: 30px; margin-bottom: 0;}
.awards-list li{flex:0 0 calc(25% - 10px);background:#fff;padding:32px 32px 40px 32px;display:flex;flex-direction:column; border-radius: 2px;}
.awards-list .icon{color:#d40000;font-size:28px;margin-bottom:12px;}
.awards-list li br{display:none;}
.awards-list h4{color: #333;font-size: 14px;font-weight: 600;line-height: 22px; letter-spacing: -0.15px; position:relative;}
.awards-list h4:after{position:absolute; left:0px; content:""; bottom:-15px; width:40px;height:1px;background:#d40000;}
.awards-list .line{width:40px;height:2px;background:#d40000;display:block;}



/*  RADIO PAGE CSS */
.radioFM{background: #F8F6F3;position:relative; padding: 60px 0px;clear: both;}
.radioFM h1{font-family: Inter;font-weight: 700;font-style: Bold;font-size: 30px;line-height: 150%;letter-spacing: -0.76px;border-bottom:2px solid #D01317;padding-bottom: 10px;margin-bottom:15px;}
.radioFM h1 span{color:#D01317;}
.radioFM p{margin-bottom:0px;}
.radioFMBanner{position: relative; display: flex; align-items: end; height: 490px; padding: 60px 0px 15px 0px; background: url('../images/2026/about/radio-fm-banner-new.webp'); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto;color: #fff;clear: both;border-bottom: 5px solid #D00000; background-size: cover; background-position: 0px 40%; background-repeat: no-repeat;}
.radioFMBanner::after{content:"";  position:absolute;inset:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 50%, rgba(0, 0, 0, 0.70) 100%);}

/*  RADIO PAGE CSS */
.ContactUs{background: #F8F6F3;position:relative; padding: 60px 0px;clear: both;}
.ContactUs h1{font-family: Inter;font-weight: 700;font-style: Bold;font-size: 30px;line-height: 150%;letter-spacing: -0.76px;border-bottom:2px solid #D01317;padding-bottom: 10px;margin-bottom:15px;}
.ContactUs h1 span{color:#D01317;}
.ContactUs p{margin-bottom:0px;}
.ContactUsBanner{position:relative; display:flex; align-items: end; height:490px; padding: 60px 0px 40px 0px;background:url('../images/2026/about/contactus_banner.webp') no-repeat;  color:#fff; clear: both; border-bottom:5px solid #D00000;background-size: cover;
background-position: 0px 31%;}
.ContactUsBanner::after{content:"";  position:absolute;inset:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 50%, rgba(0, 0, 0, 0.70) 100%);}

.ContactUs{background: #F8F6F3;position:relative; padding: 60px 0px;clear: both;}
.ContactUs h1{font-family: Inter;font-weight: 700;font-style: Bold;font-size: 30px;line-height: 150%;letter-spacing: -0.76px;border-bottom:2px solid #D01317;padding-bottom: 10px;margin-bottom:15px;}
.ContactUs h1 span{color:#D01317;}
.ContactUs p{margin-bottom:0px;}
.UniversityGovernance_Banner{position:relative; display:flex; align-items: end; height:490px; padding: 60px 0px 40px 0px;background:url('../images/2026/about/Univ_Governance_banner.webp') center/cover no-repeat;  color:#fff; clear: both; border-bottom:5px solid #D00000;}
.UniversityGovernance_Banner::after{content:"";  position:absolute;inset:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 50%, rgba(0, 0, 0, 0.70) 100%);}

.UniversityGovernance_Banner h1{color: #FFF;
  font-family: Inter;
  font-size: 64px;
  font-weight: 700;
  line-height: 74px;
  letter-spacing: -1.587px;
  margin-bottom: 15px;
  font-family: var(--primary-font);}

/*************************** AWARDS PAGE CSS ******************************/
.awards-data-section { background: #fff;  padding: 60px 0px; }
.awards-data-section h1{color: var(--Primary-Color-Primary-Dark, #111); margin-bottom:30px;font-size: 30px;font-style: normal;font-weight: 700;line-height: 42px; letter-spacing: -0.76px; position: relative; padding-left: 15px;}
.awards-data-section h1::before{content:""; position:absolute; background: #D00000; width: 3px;height: 40px;  left: 0;  top: 2px;}

/********************* Honorary Doctorates 2026 Page ***************************/
.HonoraryDoctoratesBanner{position:relative; display:flex; align-items: end;  padding: 0px;  color:#fff; clear: both; 
border-bottom:5px solid #D00000;}
.HonoraryDoctoratesBanner::after{content:"";  position:absolute;inset:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 50%, rgba(0, 0, 0, 0.70) 100%);}
.HonoraryDoctoratesBanner .hdContent{position:absolute; bottom:20px; left:0px; z-index:2; align-items: center; width:100%;}
.HonoraryDoctoratesBanner h1{color: #FFF;font-family: Inter;font-size: 64px;font-weight: 700;line-height: 74px; letter-spacing: -1.587px;margin-bottom:15px; font-family: var(--primary-font);}
.HonoraryDoctoratesBanner h1 span{color:var(--text-red);}

.honoraryDoctoratesData{ background: #FAFAFA;  padding: 60px 0px; }


/* ===== PLAYER CONTAINER ===== */
.customAudioPlayer{max-width:807px;margin:0 auto;border-radius:10px;overflow:hidden; position:relative; background:url('https://images.unsplash.com/photo-1511671782779-c97d3d27a1d4?q=80&w=1200') center/cover no-repeat; background: rgba(255, 255, 255, 0.15);  /* opacity */ backdrop-filter: blur(10px);/* blur */-webkit-backdrop-filter: blur(10px);   /* Safari support */}
.customAudioPlayer::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.55);backdrop-filter: blur(6px);}
.audioContent{position:relative;z-index:2;padding: 20px 30px;text-align:center;color:#fff;}
/* ===== TITLE ===== */
.audioContent h2{font-family: Inter;font-weight: 700;font-style: Bold;font-size: 22px;line-height: 150%;letter-spacing: -0.76px;text-align: center;
}
/* ===== PLAY BUTTON ===== */
.playBtn{width:50px;height:50px;border-radius:50%;border:none;background:#fff;color:#d32f2f;display:flex;align-items:center;justify-content:center;
  margin:0 auto 10px;cursor:pointer;transition:0.3s ease;}
.playBtn:hover{transform:scale(1.1);}
.playBtn span{font-size:35px;}
/* ===== PROGRESS ===== */
.progressWrapper{display:flex;align-items:center;gap:15px;margin-bottom:0px;}
.audioContent .time{font-size:14px;width:45px;text-align:center;}
#duration{display:none;}
.progressBar{flex:1; height:5px; background:rgba(255,255,255,0.4); border-radius:20px; cursor:pointer; position:relative;}
.progress{height:100%; width:0%; background:#fff; border-radius:20px;}
/* ===== BOTTOM ROW ===== */
.audioContent. .volumeControl{display: flex;justify-content: flex-end;}
.audioContent .volumeControl input{width:100px;}
.audioContent .fallback{font-size:14px;}
.volumeControl{display: flex;justify-content: end;}
.audioContent .fallback a{color:#fff;text-decoration:underline;}
 
/* ===================== Grievance Redressal ====================== */
.grivenaceBanner{position:relative; display:flex; align-items: end; height:490px; padding: 60px 0px 40px 0px;background:url('../images/2026/about/grievance-red-banner.webp') center/cover no-repeat;background-position: 0 20%; color:#fff; clear: both; border-bottom:5px solid #D00000;}
.grivenaceBanner::after{content:"";  position:absolute;inset:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 50%, rgba(0, 0, 0, 0.70) 100%);}
.grivenaceContent{position:relative;z-index:2; align-items: center; width:100%;}
.grivenaceBanner h1{color: #FFF;font-family: Inter;font-size: 64px;font-weight: 700;line-height: 74px; letter-spacing: -1.587px;margin-bottom:15px; font-family: var(--primary-font);}
.grivenaceBanner h1 span{color:var(--text-red);}

/*=============== CAMPUS INFRASTRUCTURE CSS ===================================================== */
.overviewInfrastructure{position:relative; display:flex;height:600px; padding: 60px 0px;background:url('../images/2026/about/campus-infrastructure-banner-new.webp') center/cover no-repeat;  color:#fff; clear: both;}
.overviewInfrastructure::after{content:"";  position:absolute;top: 0px; width: 100%;  height: 240px;
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.75) 61.1%, rgba(255, 255, 255, 0.00) 100%);}
/*.overviewInfrastructure{position:relative; display:flex; align-items: end; height:760px; padding: 60px 0px;background:url('../images/2026/about/campus-infrastructure-banner.webp') center/cover no-repeat;  color:#fff; clear: both;}
.overviewInfrastructure::after{content:"";  position:absolute;inset:0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.20) 50%, rgba(0, 0, 0, 0.15) 100%);}
.cInfrastructureContent{position:relative;z-index:2; align-items: center; width:100%;}
.hero-topline::before{content:"";width:40px;height:2px;background:#e30613;position:absolute;left:-55px;top:50%;transform:translateY(-50%);}
.overviewInfrastructure h1{color: #FFF;font-family: Inter;font-size: 64px;font-weight: 700;line-height: 74px; letter-spacing: -1.587px;margin-bottom:15px; font-family: var(--primary-font);}
.overviewInfrastructure h1 span{color:var(--text-red);}
.overviewInfrastructure p{max-width:460px;color: #FFF;font-family: var(--primary-font);font-size: 18px;font-style: normal;font-weight: 400;line-height: 30px;}*/
.overviewInfrastructure .heroRight{max-width: 515px;}

/* Sticky Tabs */
.infra-tabs{position:sticky; top:65px; background:#fff; z-index:999; border-bottom:1px solid #eee; border-top:1px solid #eee; padding:15px 0px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);}
.infra-tabs-inner{display:flex; align-items:center; justify-content: center; gap:30px; padding:12px 40px;}
.infra-label{font-size:12px; letter-spacing:2px; color:#888; position:relative; padding-left:15px;}
.infra-label:before{background: #C8102E; width:6px; height:6px; position:absolute; left:0px; top:6px; content:"";}
.infra-tab-list{display:flex; gap:10px; list-style:none; margin:0; padding:0;}
.infra-tab-list li a:hover{text-decoration:none;}
.infra-tab{text-decoration:none; color: #999;text-align: center;font-family: Inter;font-size: 14px;font-style: normal;
font-weight: 400;line-height: 14.488px; letter-spacing: 0.386px; padding: 0 20px 15px 20px; position:relative;}
.infra-tab.active{color: #0A0A0A;font-weight: 600;}
.infra-tab.active::after{content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#d00000;}
.infra-section {scroll-margin-top: 110px;}
.infra-section{padding:60px 0px; border-bottom:0px solid #eee; /*min-height:600px;*/}
.infra-section h2.headTitle{color: var(--Primary-Color-Primary-Dark, #111);font-size: 30px;font-weight: 700;line-height: 42px; /* 140% */letter-spacing: -0.76px;margin-bottom:15px;}
.infra-section h2.headTitleW{color:#fff;font-size: 30px;font-weight: 700;line-height: 42px; /* 140% */letter-spacing: -0.76px;margin-bottom:15px;}

.infraSectionOverview{background: #FFF; padding:90px 0px;}
.infraSectionOverview h2{color: #0A0A0A;text-align: center;font-size: 36px;font-weight: 700;line-height: 42px; /* 116.667% */letter-spacing: -0.76px;margin-bottom:20px;}
.infraSectionOverview p{color: #000;text-align: center;font-size: 18px;font-weight: 400;margin-bottom:0px;line-height: 30px; /* 166.667% */}
.infraSectionOverviewMobile{display:none; padding:45px 0px; background: #FFF; }
.infraSectionOverviewMobile h2{color: #111;font-size: 30px;font-style: normal;font-weight: 700;line-height: 40px; /* 133.333% */letter-spacing: -0.76px;}
.infraSectionOverviewMobile p{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px; /* 162.5% */}


.academicContainer{display:flex; align-items:center;gap:45px; }
.academicLeft{flex:1;}
.academicLeft p{color: #000;font-size: 16px;font-weight: 400;line-height: 26px; /* 162.5% */}
.academicRight{flex:1; max-width:50%; overflow: hidden;}
#academicSlider .owl-dots{display:none;}
.slide-box{position:relative;}
.slide-box::before{position:absolute; bottom:0px; width:100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%); content:""; height:150px;}

.slide-box img{width:100%;height:550px;object-fit:cover;display:block;}
.slide-box .slide-number{color: #FFF;font-size: 9.659px;font-weight: 700;line-height: 14.488px; /* 150% */letter-spacing: 1.449px;text-transform: uppercase; position:absolute;top:0; left:0; background: #C8102E; height: 40px;  line-height: 40px;  width: 40px;  text-align: center;}

.topLine::before{background: rgba(0, 0, 0, 0.06); position:absolute; left:5%; top:7px; width:95%; height:1px; content:"";}
.topLine{position:relative; margin-bottom: 10px;}
.topLine-icon{display:flex;}
.topLineIcon{display:flex; gap:50px;}
.topLineIcon span{position:relative;color: #C8102E;font-family: Inter;font-size: 9.659px;font-weight: 600;line-height: 14.488px; letter-spacing: 2.898px;text-transform: uppercase; }
.topLineIcon span:before{background: rgba(0, 0, 0, 0.08); position:absolute; left:26px; top:7px; width:30px; height:1px; content:"";}

#academicSlider .owl-nav{display: flex;  justify-content: center; gap: 10px; position: absolute;  bottom: 20px;  right: 10px;}
#academicSlider .owl-prev{width: 30px; height: 30px; border-radius:00px; background:#D00000;color:#fff;box-shadow:none; line-height: 30px;outline:0;}
#academicSlider .owl-next{width: 30px; height: 30px; border-radius: 00px; background:#D00000;color:#fff;box-shadow:none; line-height: 30px;outline:0;}
#academicSlider .owl-prev .material-symbols-outlined{color: #fff;}
#academicSlider .owl-next .material-symbols-outlined{color: #fff;}
#academicSlider .owl-nav span{font-size: 24px; line-height: 26px; color: #fff;}
#academicSlider .owl-prev:hover, #experiencesSlider .owl-next:hover{color: var(--text-danger, #D00000); background: rgba(162, 162, 162, 0.5);}

.academicSliderDiv .owl-dots{display:none;}
.academicSliderDiv .owl-nav{display: flex;  justify-content: center; gap: 10px; position: absolute;  bottom: 20px;  right: 10px;}
.academicSliderDiv .owl-prev{width: 30px; height: 30px; border-radius:00px; background:#D00000;color:#fff;box-shadow:none; line-height: 30px;outline:0;}
.academicSliderDiv .owl-next{width: 30px; height: 30px; border-radius: 00px; background:#D00000;color:#fff;box-shadow:none; line-height: 30px;outline:0;}
.academicSliderDiv .owl-prev .material-symbols-outlined{color: #fff; background: #d00000;}
.academicSliderDiv .owl-next .material-symbols-outlined{color: #fff; background: #d00000;}
.academicSliderDiv .owl-prev.disabled .material-symbols-outlined,
.academicSliderDiv .owl-next.disabled .material-symbols-outlined {background: rgba(162, 162, 162, 0.5);  color: #fff; cursor: auto;}
.academicSliderDiv .owl-nav span{font-size: 24px; line-height: 26px; color: #fff;}
.academicSliderDiv .owl-prev:hover, #experiencesSlider .owl-next:hover{color: var(--text-danger, #D00000); background: rgba(162, 162, 162, 0.5);}

#library{background: #0A0A0A;  position:relative; width:100%;}
#library .academicLeft p{color: #FFF;font-size: 16px;font-weight: 400;line-height: 26px; /* 162.5% */}
.library-stats {border-top: 1px solid #292929;}
#library .stat-row {display: flex;  justify-content: space-between;  align-items: center;  padding: 16px 0;  border-bottom: 1px solid #292929;}
#library .stat-label {color: #FFF;font-family: Inter;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; /* 150% */}
#library .stat-value {color: #FFF;font-family: Inter;font-size: 24px;font-style: normal;font-weight: 700;line-height: 27.395px; /* 114.146% */letter-spacing: -0.365px;}
#library .library-tags {margin-top: 25px;}
#library .library-tags span {display: inline-block;  border: 0.878px solid #FFF; color: #fff; padding: 10px 10px; margin-right: 10px; margin-bottom: 10px;font-family: Inter;
font-size: 14px;font-style: normal;font-weight: 500;line-height: 13.171px; /* 94.077% */letter-spacing: 0.878px;text-transform: uppercase;  transition: 0.3s;}
#library .library-tags span:hover {background: #fff; color: #000; cursor: pointer;}
#library .topLineIcon span:before{background: rgba(255, 255, 255, 0.10); position:absolute; left:26px; top:7px; width:30px; height:1px; content:"";}

#labs{background: #fff;  position:relative; width:100%;}
#labs p{color: #000;font-size: 16px;font-weight: 400;line-height: 26px; }

#hostels{background: #F7F7F7;  position:relative; width:100%;}
#hostels p{color: #000;font-size: 16px;font-weight: 400;line-height: 26px; }

#sports{background: #fff;  position:relative; width:100%;}
#sports p{color: #000;font-size: 16px;font-weight: 400;line-height: 26px; }
/* List Layout */
#sports .sports-list {list-style: none;padding: 0;margin: 0; display: flex; flex-wrap: wrap;}
#sports .sports-list li {width: 50%; display: flex;  align-items: center;  margin-bottom: 18px;  color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 16.859px; /* 105.366% */}
#sports .icon {  color: #e10600;  margin-right: 12px;  font-size: 26px;}

#cafeteria{background: #F7F7F7;  position:relative; width:100%;}
#cafeteria p{color: #000;font-size: 16px;font-weight: 400;line-height: 26px; }
.cafeteriaLogoList {list-style: none;  margin: 0; display: flex; justify-content: center;  align-items: center;  gap: 20px;margin-top:15px; flex-wrap: wrap;}
.cafeteriaLogoList li {display: flex;  align-items: center;  justify-content: center;}
.cafeteriaLogoList img {max-width: 80px;  height: auto;  transition: transform 0.3s ease;}
.cafeteriaLogoList img:hover {transform: scale(1.1);}

#auditorium{background: #D00000;  position:relative; width:100%;}
#auditorium p{color: #fff;font-size: 16px;font-weight: 400;line-height: 26px; }
#auditorium .topLineIcon span{color: #fff;}
#auditorium .topLineIcon span::before{background: rgba(255, 255, 255, 0.8);}
.auditoriumsList {list-style: none; margin: 0; padding: 0; display: flex; align-items: end; gap: 40px; color: #fff;}
.auditoriumsList li p{font-size: 12px!important;line-height: 21px!important;}
.auditoriumsList li {position:relative;}
.auditoriumsList li:first-child:after{position:absolute; width:1px; height:60px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 52.74%, rgba(255, 255, 255, 0) 99.57%);content:""; right: -20px; bottom:0px;}
.auditoriumsList li h4 {margin: 0; color: #FFF;font-size: 30px;font-style: normal;font-weight: 900;line-height: 34px; letter-spacing: -1.0px;}
.auditoriumsList li h5 {margin: 0; color: #FFF;font-size: 16px;font-weight: 700;line-height: 12.87px; letter-spacing: -0.386px;}
.auditoriumsList p {margin: 0px; color: #FFF;font-size: 12px;font-style: normal;font-weight: 500;line-height: 21px; letter-spacing: 0.804px;text-transform: uppercase;}

#computing{background: #F7F7F7; position:relative; width:100%;}
#computing p.description{color: #000;font-size: 16px;font-weight: 400;line-height: 26px; }
#computing h4.sub-heading {letter-spacing: 2px; font-size: 18px;line-height:28px;  margin-bottom: 15px;font-weight:600;color:#000000;}

.computingSpecializations {list-style: none;  display: flex;  flex-wrap: wrap;  gap: 8px;  margin-bottom: 50px;}
.computingSpecializations li { background: #FFF;  padding: 6px 10px;  color: #000;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16.5px;transition: 0.3s;}
.computingSpecializations li:hover {  background: #d0d0d0;}
/* Cards Section */

.computingCards {list-style: none; display: flex;  gap: 30px;  flex-wrap: wrap;margin-bottom:0px;}
.computingCards li {flex: 1 1 30%;  padding-bottom: 0px;  overflow: hidden;  transition: 0.3s;}
.computingCards li:hover {  transform: translateY(-5px);}
.card-top {display: flex;  justify-content: space-between;  align-items: center; height:70px;  font-size: 14px; margin-bottom: 15px; padding: 12px;}
.card-top .brandBlue {width: 60%; position:relative;}
.card-top .brandBlue:before{background: #0070AD;width:1px; height:50px;content:""; position:absolute;right:-5px; top:-5px;}
.card-top .brandBlue img{max-width:187px;}
.card-top .brandGreen {width: 60%;position:relative;}
.card-top .brandGreen:before{background: #04B35B;width:1px; height:50px;content:""; position:absolute;right:-4px; top:-5px;}
.card-top .brandGreen img{max-width:180px;}

.card-top .brand {width: 60%;padding: 12px;}
.card-top .tagBlue {color: #0070AD;font-size: 14.545px;font-style: normal;font-weight: 500;line-height: 21.817px; letter-spacing: 1.021px;text-transform: uppercase;}
.card-top .tag {color: #04B35B;font-size: 14.545px;font-style: normal;font-weight: 500;line-height: 21.817px; letter-spacing: 1.021px;text-transform: uppercase;}
.card-top.darkiOS {background: #000;  color: #fff; padding:13px; display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 6.406px;}
.card-top.darkiOS .iosWrapN{}
.card-top .iosWrapN h4{color: #FFF;font-family: "Helvetica Neue", Inter;font-size: 23.372px;font-style: normal;font-weight: 400;line-height: 100%;}
.card-top .iosWrapN p{color: #FFF;text-align: right;font-family: "Helvetica Neue", Inter;font-size: 11.686px;font-style: normal;font-weight: 400;line-height: 100%; margin:0px; padding: 0;}

.computingCards li img {width: 100%; }
.computingCards li .cardBtm{padding: 30px 0px 0px 0px; }
.computingCards li .cardBtm h3 {color: #000;font-size: 18px;font-weight: 700;line-height: 26px; letter-spacing: -0.46px;}
.computingCards li .cardBtm p {color: #000;font-size: 16px;font-weight: 400;line-height: 26px; margin:0px;}

#incubatorSection{background: #fff;  position:relative; width:100%;}
#incubatorSection p{color: #000;font-size: 16px;font-weight: 400;line-height: 26px; }
#incubatorSection img.ciiLogo{max-width:165px;}

#CampusExperience{background: #0A0A0A;  position:relative; width:100%;}
#CampusExperience .academicLeft p{color: #FFF;font-size: 16px;font-weight: 400;line-height: 26px; /* 162.5% */}
#CampusExperience .topLineIcon span::before{background: rgba(255, 255, 255, 0.8);}

#campusExperienceSlider{margin-top:15px;}
#campusExperienceSlider .experienceBox{position:relative;}
#campusExperienceSlider .experienceBox:before{position:absolute; top:0px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.10) 50%, rgba(0, 0, 0, 0.00) 100%); width:100%; content:"";height: 100%;}
.experienceBTxt{position:absolute; bottom:30px; left:30px;}
.experienceBTxt h4{color: #FFF;font-size: 26.934px;font-weight: 600;line-height: 40.401px; /* 150% */letter-spacing: -0.289px; margin-bottom:0px;}
.experienceBTxt p{color: #FFF;font-size: 14px;font-weight: 400;line-height: 20.2px; margin:0px;}



#campusExperienceSlider .owl-nav{position: absolute; top: -65px;  right: 0px;}
/*#campusExperienceSlider .disabled{ border: 1px solid rgba(255, 255, 255, 0.10); }*/
#campusExperienceSlider .owl-prev{margin-right: 15px; width: 38px; height: 38px; background:#000;color:#fff;box-shadow:none; border: 1px solid rgba(255, 255, 255, 1); }
#campusExperienceSlider .owl-next{width: 38px; height: 38px; background:#000; color:#fff;color:#fff;box-shadow:none; border: 1px solid rgba(255, 255, 255, 1);}
#campusExperienceSlider .owl-nav .material-symbols-outlined{color:#fff; font-size:18px; line-height: 36px;}
#campusExperienceSlider .owl-prev.disabled{    border: 1px solid #555;    cursor: not-allowed;  }
#campusExperienceSlider .owl-next.disabled{    border: 1px solid #555;    cursor: not-allowed;  }

#medical{background: #fff;  position:relative; width:100%;}
#medical p{color: #000;font-size: 16px;font-weight: 400;line-height: 26px; }
.medicalServicesList{display:flex;list-style:none;}
.medicalServicesList li{flex:1; padding:14px 14px; position:relative; background:#FAFAFA; transition:0.3s ease;}
.medicalServicesList li::before{content:""; position:absolute; left:0; top:0; height:100%; width:1px; background:#D00000;}
.medicalServicesList li:hover{background:#ffffff;}
.medicalServicesList .icon{font-size:32px; margin-bottom:14px; display:inline-block;}
.medicalServicesList li h3{color: #0A0A0A;font-size: 14px;font-style: normal;font-weight: 600;line-height: 16.859px; /* 120.418% */}
.medicalServicesList li p{color: #000;font-size: 14px !important;font-style: normal;font-weight: 400;line-height: 22px !important; margin:0px;}

#transport{background: #000;  position:relative; width:100%;}
#transport p{color: #fff;font-size: 16px;font-weight: 400;line-height: 26px; }
#transport .topLineIcon span{color: #fff;}
#transport .topLineIcon span::before{background: rgba(255, 255, 255, 0.8);}
#transport h5{color: #FFF;font-size: 12px;font-style: normal;font-weight: 600;line-height: 13.171px; /* 109.756% */letter-spacing: 1.317px;text-transform: uppercase;}
.transportCityList{list-style:none;display:flex;flex-wrap:wrap;gap:7px; margin-top:15px;}
.transportCityList li{border:1px solid #ffffff; padding:6px 11px; color:#ffffff; color: #FFF;font-size: 12px;font-weight: 400;line-height: 14.488px;   transition:0.3s ease;}
.transportCityList li:hover{    background:#ffffff;    color:#000000;}

#ecosystem{background: #FAFAFA; position:relative; width:100%;}
#ecosystem p{color: #000;font-size: 14px;font-weight: 400;line-height: 24px;}
.facilities-list{list-style:none; display:flex; flex-wrap:wrap; gap:18px; margin-top:35px;margin-bottom:0px;}
.facilities-list li{width:calc(50% - 15px); background:#fff; display:flex; align-items:center; padding:0px; gap:28px; transition: 0.3s;}
.facilities-list li:hover {  transform: translateY(-5px);}
.facilities-list img{width:160px; height:160px; object-fit:cover; flex-shrink:0;}
.facilities-list li h3{color: #0A0A0A;font-size: 16px;font-weight: 600;line-height: 18.966px; /* 118.537% */letter-spacing: -0.126px;}
.facilities-list li p{color: #000;font-size: 14px;font-weight: 400;line-height: 24px; max-width:315px;}

/*=============== CU TIMES 2026  ==========================*/
h2.headBdr{position:relative;color: var(--Primary-Color-Primary-Dark, #111);font-size: 30px;font-weight: 700;line-height: 42px; /* 140% */letter-spacing: -0.76px; padding-left:20px;}
h2.headBdr:before{position:absolute; background: #D00000;width: 3px;height: 35px;content:""; top:7px; left:0px;}
.topHeadlinesSection{padding: 60px 0px 40px 0px;}
.topHeadlinesSection{position:relative; padding:60px 0px; background: #F4F4F4; }
.topHeadlinesContainer {display: flex; gap:85px;margin-top:23px;}

    /* Left large block */
.topHeadlinesLeft {width: 46%; order:2;}
.topHeadlinesLeft .news_imageHM{overflow: hidden; margin-bottom:24px;border-radius:2px;}
.topHeadlinesLeft img {width: 100%;border-radius: 0px; }
.topHeadlinesLeft .news_imageHM img { transition: transform 0.4s ease-in-out;}
.topHeadlinesLeft:hover .news_imageHM img {transform: scale(1.10);}

.topHeadlinesLeft h3 {margin-top: 8px;font-weight: 700;font-size: 20px;line-height: 30px;}
.badgeNews {display: inline-block;background: #FFE8B2;color: #000;font-size: 12px;padding: 4px 12px;border-radius:100px;margin-bottom: 5px;
font-weight: 600;line-height: 16px;text-transform: uppercase;}
.topHeadlinesLeft p {font-size: 16px; line-height: 26px;font-weight: 400;color: #000;}
.topHeadlinesLeft:hover h3{ text-decoration:underline; color:#d00000}
.topHeadlinesLeft:hover h3 a{ text-decoration:underline; color:#d00000}
.topHeadlinesLeft:hover p{ text-decoration:underline; color:#d00000}

.news-info:hover h4{ text-decoration:underline; color:#d00000}
.news-info:hover h4 a{ text-decoration:underline; color:#d00000}
.news-info:hover p{ text-decoration:underline; color:#d00000}


.published-date {font-size: 14px;color: #333;margin-top: 5px; font-weight: 400;}
.published-date b{font-weight: 400;}
.topHeadlinesLeft:hover .published-date{ text-decoration:underline; color:#d00000}

/* Right side list */
.topHeadlinesRight {width: 54%;list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap:15px; position:relative;}
.topHeadlinesRight:before{position:absolute; top:0px; right: -40px; content:"";background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #C7C7C7 47.86%, rgba(255, 255, 255, 0.00) 100%); width: 1px;  height: 100%;}
.topHeadlinesRight li {display: flex;gap: 20px;align-items: flex-start;}
.topHeadlinesRight li:hover .news-info h4{ text-decoration:underline; color:#d00000}
.topHeadlinesRight li:hover .news-info h4 a{ text-decoration:underline; color:#d00000}
.news-info a:hover{ text-decoration:none; color:#d00000}
.topHeadlinesRight li.published-date a:hover{ text-decoration:none; color:#d00000}
.topHeadlinesRight .news_imageHM{overflow: hidden; margin-bottom:0px;border-radius:2px;}
.topHeadlinesRight img {width: 245px;height: 125px;object-fit: cover;border-radius: 2px;}
.topHeadlinesRight li .news_imageHM img { transition: transform 0.4s ease-in-out;}
.topHeadlinesRight li:hover .news_imageHM img{transform: scale(1.10);}
.topHeadlinesRight li .news-info {flex: 1;}
.topHeadlinesRight li .news-info h4 {font-weight: 700;font-size: 18px;line-height: 28px; color: #000;}
.topHeadlinesRight li .news-info .published-date {font-size: 14px;color: #333;margin-top: 5px; font-weight: 400;}
.topHeadlinesRight li .news-info .published-date b{font-weight: 400;}
.topHeadlinesRight li:hover .published-date{ text-decoration:underline; color:#d00000}


/* Upcoming Events block */
.topEventsSection{position:relative; padding:60px 0px; background: #fff; }
.topEventsContainer {display: flex; gap:15px;margin-top:23px;}
.bg_img_mob {display: none;}


.topEventsLeft {width: 46%;}
.topEventsLeft .news_imageHM{overflow: hidden; margin-bottom:24px;border-radius:2px;}
.topEventsLeft img {width: 100%;border-radius: 0px; }
.topEventsLeft .news_imageHM img { transition: transform 0.4s ease-in-out;}
.topEventsLeft:hover .news_imageHM img {transform: scale(1.10);}

.topEventsLeft h3 {margin-top: 8px;font-weight: 700;font-size: 20px;line-height: 30px;}
.badgeNews {display: inline-block;background: #FFE8B2;color: #000;font-size: 12px;padding: 4px 12px;border-radius:100px;margin-bottom: 5px;
font-weight: 600;line-height: 16px;text-transform: uppercase;}
.topEventsLeft p {font-size: 16px; line-height: 26px;font-weight: 400;color: #000;}
.topEventsLeft:hover h3{ text-decoration:underline; color:#d00000}
.topEventsLeft:hover h3 a{ text-decoration:underline; color:#d00000}
.topEventsLeft:hover p{ text-decoration:underline; color:#d00000}

.news-info:hover h4{ text-decoration:underline; color:#d00000}
.news-info:hover h4 a{ text-decoration:underline; color:#d00000}
.news-info:hover p{ text-decoration:underline; color:#d00000}


.topEventDate {font-size: 14px;color: #333;margin-top: 5px; font-weight: 400; line-height: 21px; display:flex; gap:5px}
.topEventDate b{font-weight: 400;}
.topEventDate p{font-weight: 400; font-size: 14px;color: #333; line-height: 21px; margin:0px;}
.topEventsLeft:hover .topEventDate{ text-decoration:underline; color:#d00000}
.topEventsLeft:hover .topEventDate p{ text-decoration:underline; color:#d00000}

/* Right side list */
.topEventsRight {width: 54%;list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap:15px;}
.topEventsRight li {display: flex;gap: 20px;align-items: flex-start;}
.topEventsRight li:hover .news-info h4{ text-decoration:underline; color:#d00000}
.topEventsRight li:hover .news-info h4 a{ text-decoration:underline; color:#d00000}
.news-info a:hover{ text-decoration:none; color:#d00000}
.topEventsRight li.topEventDate a:hover{ text-decoration:none; color:#d00000}
.topEventsRight .news_imageHM{overflow: hidden; margin-bottom:0px;border-radius:2px;}
.topEventsRight img {width: 245px;height: 125px;object-fit: cover;border-radius: 2px;}
.topEventsRight li .news_imageHM img { transition: transform 0.4s ease-in-out;}
.topEventsRight li:hover .news_imageHM img{transform: scale(1.10);}
.topEventsRight li .news-info {flex: 1;}
.topEventsRight li .news-info h4 {font-weight: 700;font-size: 16px;line-height: 24px; color: #000;}
.topEventsRight li .news-info .topEventDate {font-size: 14px;color: #333;margin-top: 5px; font-weight: 400;  display:flex;  gap:5px}
.topEventsRight li .news-info .topEventDate b{font-weight: 400;}
.topEventsRight li:hover .topEventDate{ text-decoration:underline; color:#d00000}
.topEventsRight li:hover .topEventDate p{ text-decoration:underline; color:#d00000}

.topSchoolSection{position:relative; padding:0px 0px 60px 0px; background: #fff; }
.newsFilterForm select {width:375px;border:0px solid #CECECE; border-radius: 30px; height: 46px; color: #fff; font-weight: 500;font-size: 14px   opacity: 1; margin: 15px 0px 36px 0px; padding: 0 5px; text-indent: 10px;  -webkit-appearance: none; position: relative; background: #111 url("../images/2026/about/arrow-down.svg"); background-position-x: 0%; background-position-y: 0%;background-repeat: repeat; background-size: auto; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-position: 93% 50%; background-repeat: no-repeat;  
box-shadow: 0 3.848px 5.772px -0.962px rgba(0, 0, 0, 0.10), 0 1.924px 3.848px -1.924px rgba(0, 0, 0, 0.10);
  }
.mostViewedSection{position:relative; padding:60px 0px; background: #f4f4f4; }

/*================================== CAMPUS LEADERSHIP UPADTED 2026 ========================*/
.campusLeadershipOverview{background: #F8F6F3; padding:40px 0px 40px 0px; position:relative; width:100%; clear: both;}
.campusLeadershipRedBlk{border-radius: 2px;background: #D00000; padding: 50px 60px; max-width:1100px; margin:0 auto;}
.campusLeadershipRedBlk h6{color: #FFF;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px; /* 157.143% */text-transform: capitalize;}
.campusLeadershipRedBlk h1{color: var(--Primary-Color-Primary-Light, #FFF);font-size: 36px;font-weight: 700;line-height: 46px; /* 127.778% */letter-spacing: -0.76px; position:relative; margin-bottom:25px;}
.campusLeadershipRedBlk h1:after{position:absolute; bottom:-15px; left:0px; content:""; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #C2C2C2 48.08%, rgba(255, 255, 255, 0.00) 100%); width:202px; height:1px;}
.campusLeadershipRedBlk p{color: var(--Primary-Color-Primary-Light, #FFF);font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px; margin-bottom:0px;}

.campusLeadershipSection{background: #fff; padding:60px 0px ; position:relative; width:100%;}
.campusLeadership{list-style:none;padding:0;margin:0;}
.campusLeadershipList{display: flex;  flex-wrap: wrap;  justify-content: center; gap:60px; margin-bottom:0px;}
.leaderItem{background:#fff;transition:all .3s ease; max-width: 1000px;}
.leaderItem a:hover{text-decoration:none;}
.leaderFlex{display:flex;gap:30px;}
.leaderImg{overflow:hidden; width: 200px;  height: 265px; display: flex; border-radius: 2px;}
.leaderImg img{width: 100%;  max-height: 100%;  object-fit: cover;  border-radius: 2px;  transition: transform .4s ease;  }
.Dr-Ashok-K-Chitkara img{transform: scale(1);  object-position:0px;}
.leaderItem:hover .Dr-Ashok-K-Chitkara img{transform: scale(1.05);}
.Dr-Madhu-Chitkara img{transform: scale(1.1);  object-position: -18px 10px;}
.leaderItem:hover .Dr-Madhu-Chitkara img{transform: scale(1.2);}
.Dr-Niyati-Chitkara img{transform: scale(1);  object-position: -85px 0%;}
.leaderItem:hover .Dr-Niyati-Chitkara img{transform: scale(1.1);}
.leaderContent{flex:1;}
.leaderHeader{display:flex;justify-content:space-between;align-items:flex-start;border-bottom: 1px solid #E5E7EB;padding-bottom:12px;margin-bottom:10px;}
.leaderHeader h3{color: #111;font-size: 26px;font-weight: 600;line-height: 36px; /* 138.462% */letter-spacing: -0.65px; margin-bottom: 5px;}
.leaderHeader h5{color: #D00000;font-size: 14px;font-style: normal;font-weight: 600;line-height: 22px; /* 157.143% */text-transform: titlecase;}

.leaderHeader .arrow{font-size:22px;color:#aaa;transition:color .3s ease, transform .3s ease; display:flex;align-items:center;}
.leaderHeader .arrow .material-symbols-outlined{color:#d1d5dc;}
.leaderContent p{color: #000;font-size: 14px;font-weight: 400;line-height: 24px; margin-bottom: 10px;}
.leaderContent .quote{color: #000;font-size: 14px;font-style: italic;font-weight: 400;line-height: 24px; margin: 0;}
.leaderContent .quote span{display:block;}
.leaderItem:hover .arrow{color:#d00000; transform:translateX(5px);}
.leaderItem:hover .arrow .material-symbols-outlined{color:#d00000;}
.campusLeadershipLegacy{background: #F8F6F3; padding:60px 0px ; position:relative; width:100%;}
.LegacyWrap{display:flex; gap:60px;}
.LegacyWrap h2{flex: 0 0 230px; position:relative;color: #000;font-size: 30px;font-weight: 700;line-height: 42px; letter-spacing: -0.76px;}
.LegacyWrap h2:before{position:absolute; width:60px; height:4px; background: #D00000; content:""; top: 65px; left:0px;}
.LegacyWrap .LegacyWrapContent p{color: #000;font-size: 16px;font-weight: 400;line-height: 26px; /* 162.5% */}

.statsLeadershipRed{background: #D00000; padding:40px 0px; position:relative;}
.statsInnerLS{display: flex;  width: 100%;}
.statBoxLS{flex:1;padding:0px 70px;color:#fff;text-align:left;transition:.3s; text-align: center;position: relative;    overflow: hidden;}
.statBoxLS:first-child { padding-left: 0;}
.noSBLS::before{background:none !important; width:0px;}
.statBoxLS::before{ content:"";  position:absolute;    top:0;    left:0;    height:100%;    width:1px;   background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #C2C2C2 48.08%, rgba(255, 255, 255, 0.00) 100%);   transition:width .4s ease;}
.statsLeadershipRed .statBoxLS h3{color: #fff;font-size: 40px;font-style: normal;font-weight: 800;line-height: 50px; letter-spacing: -1.264px; text-align: center;}
.statsLeadershipRed .stattextLS{color: #fff;font-size: 14px;font-style: normal;font-weight: 500;line-height:21px; letter-spacing:0px;text-transform:inherit!important;}

.moreLeadersSection{background: #fff; padding:60px 0px 60px 0px; position:relative;}
.moreLeadersSection h2{color: var(--Primary-Color-Primary-Dark, #111);font-size: 30px;font-weight: 700;line-height: 42px;letter-spacing: -0.76px; margin-bottom:15px;}
.moreLeadersSection p.paraTxt{color: var(--color-black-solid, #000);font-size: 16px;font-weight: 400;line-height: 26px;}
.peopleList{list-style:none; padding:0; margin:30px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 40px;}
.peopleList li{flex:1 1 475px; max-width:475px; border-bottom:1px solid #ddd; padding:18px 0; position:relative; cursor:pointer;}
.peopleList li a{display:block; text-decoration:none; color:inherit;}
.peopleList li::after{ content:""; position:absolute; left:0; bottom:-1px; height:2px; width:0; background:#e00000; transition:0.35s;}
.peopleList li:hover::after{ width:100%;}
.personRow{display:flex;justify-content:space-between;align-items:flex-start;}
.peopleList li h3{color: #1A1A1A;font-size: 18px;font-weight: 600;line-height: 28px; letter-spacing: -0.584px; margin-bottom:3px;}
.peopleList li h5{ color: #D00000;font-size: 16px;font-weight: 500;line-height: 24px; margin-bottom:3px;}
.peopleList li p{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; margin:0px;}
.peopleList li .arrow-icon{font-size:22px;color:#D1D5DC;transition:.3s;}
.peopleList li:hover .arrow-icon{color:#D00000;transform:translateX(5px);}

/*contact us page New CSS Starts Here*/
.ContactUsTop{padding:60px 0px;background-color:#fff;}
.contact-listBlock{display: flex;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;gap:40px;}
.contact-listBlock li {width: 48%;box-sizing: border-box;border-bottom: 1px solid #e5e7eb;display: flex;flex-direction: column;padding-bottom:15px;}
.contact-listBlock h4 {font-family: Inter;font-weight: 600;font-size: 18px;line-height: 28px;letter-spacing: -0.58px;color:#D00000;margin-bottom:10px;}
.contact-listBlock h5{font-family: Inter;font-weight: 500;font-size: 16px;line-height: 24px;letter-spacing: 0px;margin-top:4px;margin-bottom:4px;color:#000;}
.mBTM{margin-bottom:0px!important;}
.contact-listBlock p{font-family: Inter;font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: 0px;color:#000;margin-bottom:0px;}
.nospaceP{margin-bottom:0px!important;}
.contact-list_queries{display: flex;flex-wrap: wrap;margin: 0;padding: 0;list-style: none;gap:40px;}
.contact-list_queries li {box-sizing: border-box;border-bottom: 1px solid #e5e7eb;display: flex;flex-direction: column;}
.contact-list_queries h4 {font-family: Inter;font-weight: 600;font-size: 18px;line-height: 28px;letter-spacing: -0.58px;color:#D00000;margin-bottom:10px;}
.contact-list_queries h5{font-family: Inter;font-weight: 500;font-size: 16px;line-height: 24px;letter-spacing: 0px;margin-top:4px;margin-bottom:4px;color:#000;}
.contact-list_queries p{font-family: Inter;font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: 0px;color:#000;margin-bottom:15px;}
h3.head_queries{font-family: Inter;font-weight: 700;font-size: 30px;line-height: 150%;letter-spacing: -0.76px;margin-bottom:30px;}
.cupb_addressblock{padding:60px 0px;background-color:#F5F5F5;}
/* Section spacing */
.Jobs_Sec{padding:0 0 60px;}
.LocationS{padding:0 0 60px;}


.Jobs_Sec .topbar{background:#d80000; padding:60px 120px;}
.Jobs_Sec .jobs_secJ{display:flex;list-style:none; margin:0; padding:0; }
.Jobs_Sec .jobs_secJ li:first-child::after{content:"";position:absolute; top:0; right:20%; transform:translateX(-50%); height:100%; width:1px; background:linear-gradient( 0deg, rgba(255,255,255,0) 0%,  #fff 48.08%, rgba(255,255,255,0) 100% );}
.Jobs_Sec .jobs_secJ li:last-child{padding-left:0px;}
.Jobs_Sec .jobs_secJ li{flex:1;color:#fff;text-align:left; padding:0px;position:relative;}
.Jobs_Sec li h3{ margin:0 0 10px;font-family:Inter, sans-serif;font-weight:700; font-size:24px; line-height:150%; letter-spacing:-0.76px;color:#fff;}
.Jobs_Sec li p{ margin:3px 0;font-family:Inter, sans-serif;font-weight:500;font-size:16px;line-height:24px; color:#fff;}
.Jobs_Sec li p span{margin-left:20px;}


/*contact us page New CSS Ends Here*/


/******************* STUDENT LIFE 2026 CSS *************/
.seeAllBtn{display:flex; gap:5px;  align-items: center;color:#000;font-size:15px;line-height:25px;font-weight:500;}
.seeAllBtn span{background: #000;width: 22px;  height: 22px;  font-size: 16px;  color: #fff;  border-radius: 100%;  line-height: 21px;  text-align: center;}
.seeAllBtn:hover{text-decoration:none;}
.seeAllBtn:hover span{text-decoration:none; background: #D00000;}

.seeAllBtnW{display:flex; gap:5px;  align-items: center; color: #FFF;font-size: 15px;font-weight: 500;line-height: 25px;}
.seeAllBtnW span{background: #fff;width: 22px;  height: 22px;  font-size: 16px;  color: #000;  border-radius: 100%;  line-height: 23px;  text-align: center;}
.seeAllBtnW:hover{text-decoration:none; color: #FFF;}
.seeAllBtnW:hover span{text-decoration:none; background: #D00000;}

.student-life-hero{width:100%;height:625px;
background-image:linear-gradient(180deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0.30) 50%, rgba(0,0,0,0.60) 100%), url('../images/2026/about/student-life-banner.webp');
background-size:cover;background-position:center; background-repeat:no-repeat; position:relative; display:flex; align-items:center; justify-content:center;background-position: 0 bottom;}
.hero-overlay{width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; padding:20px;}
.hero-content{max-width:750px; color:#fff;}
.hero-content h1{color: var(--Primary-Color-Primary-Light, #FFF);
font-family: var(--font-family-Font-1, Inter);font-size: 50px;font-weight: 700;line-height: 60px; letter-spacing: -1.587px;margin-bottom:15px;}
.hero-content p{color: var(--Primary-Color-Primary-Light, #FFF);text-align: center;font-size: 16px;font-weight: 400;line-height: 26px; max-width:605px;}

#clubs{background: #fff;width:100%;}
.clubsContainer {display: flex; align-items: center;  gap: 80px;}
.clubsLeft {flex: 1;}
.clubsRight {flex: 1; max-width: 45%; overflow: hidden;}
.clubsRight .seeAllBtn{display:none}

.osa-section{background: #F8F6F3;width:100%;}
.osa-header{margin-bottom:30px; position:relative;}
.osa-header .seeAllBtn{position: absolute; right: 0; top: 9px;}
.osa-header h2{margin-bottom:20px;}
.osa-header p{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;}

.osa-list{display:flex;gap:30px;list-style:none;padding:0;margin:0;flex-wrap:wrap;}
.osa-list li{flex:1;min-width:300px;}
.osa-card{border-radius:2px;overflow:hidden;padding-bottom:0px;}
.osa-img{height:240px;overflow:hidden;border-radius:2px;}
.osa-img img{width:100%;height:100%;object-fit:cover;display:block; transition: transform 0.5s ease;}
.badgeOSA{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;line-height:20px;font-weight:400;margin:15px 0 10px 0;color:#fff;}
.osa-list li:hover .osa-img img{transform:scale(1.1);}
.osa-list li:hover .learnMoreOSA span{transform: translateX(6px);}
.badgeOSA.osa{background: linear-gradient(90deg, rgba(255, 32, 86, 0.80) 0%, rgba(255, 105, 0, 0.80) 100%);}
.badgeOSA.nss{background: linear-gradient(90deg, rgba(142, 81, 255, 0.80) 0%, rgba(97, 95, 255, 0.80) 100%);}
.badgeOSA.sports{background: linear-gradient(90deg, rgba(0, 188, 125, 0.80) 0%, rgba(0, 187, 167, 0.80) 100%);}
.learnMoreOSA {font-size: 14px; text-decoration: none; color: #d00000; font-weight: 500; display:flex; gap:5px; align-items: center;line-height:20px;}
a.learnMoreOSA span{font-size:16px; transition: transform .3s ease;}
.learnMoreOSA:hover{text-decoration:none;}
.osa-card h4{color: #000;font-size: 16px;font-weight: 400;line-height: 24px; margin-bottom:12px;}

.osaInfrastructure{background: #fff;width:100%;}
.osaInfraHeader{margin-bottom:30px; position:relative;}
.osaInfraHeader .seeAllBtn{position: absolute; right: 0; top: 9px;}
.osaInfraHeader h2{margin-bottom:20px;}
.osaInfraHeader p{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;}

.campusStats{display:flex;gap:20px;list-style:none;padding:0;margin:0 0 50px 0;flex-wrap:wrap;}
.campusStats li{flex:1;border-radius:2px;background: rgba(244, 244, 244, 0.96);padding:24px 22px;text-align:center;min-width:200px;}
.campusStats h3{color: #000;text-align: center;font-size: 35px;font-weight: 700;line-height: 49.719px; margin-bottom:5px;}
.campusStats p{color: #000;text-align: center;font-size: 14px;font-weight: 400;line-height: 22px;  margin-bottom:0px;}
.campusContent{display:flex;gap:30px;align-items:center;flex-wrap:wrap;}
.campusImage{flex:0 0 calc(45% - 20px);}
.campusImage img{width:100%;border-radius:2px;display:block;}
.campusFeatures{flex:0 0 calc(55% - 20px);list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:36px;}
.campusFeatures li{display:flex;gap:18px;align-items:flex-start;}
.featureIcon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px; flex: 0 0 36px;}
.featureIcon span{font-size:20px;}
.campusFeatures .purple{background: #EDE9FE;}
.campusFeatures .purple span{color:#7F22FE;}
.campusFeatures .red{background:#ffe4e4;}
.campusFeatures .red span{color:#EC003F;}
.campusFeatures .yellow{background:#FEF3C6;}
.campusFeatures .yellow span{color:#E17100;}
.campusFeatures .green{background:#CBFBF1;}
.campusFeatures .green span{color:#009689;}
.featureText h4{margin:0 0 4px 0;color: #000;font-size: 16px;font-weight: 500;line-height: 24px;}
.featureText p{margin:0;color: #000;font-size: 14px;font-weight: 400;line-height: 22px;}

#CampusLife{background: #FFF; width:100%; position:relative; }
.infra-section h2{margin-bottom: 20px;}
.CampusLifeList {list-style: none; display: flex;  gap: 30px;  flex-wrap: wrap;margin:30px 0px 0px 0px;}
.CampusLifeList li {flex:0 0 calc(25% - 22.5px);  padding-bottom: 0px;  overflow: hidden;  transition: 0.3s;}
.CampusLifeList li:hover {  transform: translateY(-5px);}
.CampusLifeList li img {width: 100%; }
.CampusLifeList li .cardBtm{padding: 15px 0px 0px 0px; }
.CampusLifeList li .cardBtm h3 {color: #000;font-size: 18px;font-weight: 700;line-height: 26px; letter-spacing: -0.46px;}
.CampusLifeList li .cardBtm p {color: #000;font-size: 16px;font-weight: 400;line-height: 26px; margin:0px;}

#academicEvents {background: #0A0A0A; position: relative;  width: 100%; }
#academicEvents h2.headTitleN {color: #fff; margin-bottom: 20px;}
#academicEvents p.paraTxt{color: #FFF; font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom:20px;}
#academicEvents p{color: #FFF; font-size: 14px; font-weight: 400; line-height: 22px;}
.academicEventsWrap{display:flex;gap:40px;align-items:center;flex-wrap:wrap;}
.academicEventsImage{flex:0 0 calc(45% - 20px); height:550px;}
.academicEventsImage img{width:100%;border-radius:2px;display:block; object-fit: cover; height: 100%;}
.academicEventsCont{flex:0 0 calc(55% - 20px);list-style:none;padding:0;margin:0;}
.academicEventsListSL{list-style:none;padding:0;margin:50px 0 0 0;display:flex;flex-direction:column;gap:45px;}
.academicEventsListSL li{display:flex;gap:20px;padding: 6px 20px;position:relative;}
.academicEventsListSL li::before{content:"";position:absolute;left:0;top:0px;width:3px;height:100%;border-radius:2px;}
.academicEventsListSL li.blue::before{background:#2f80ff;}
.academicEventsListSL li.orange::before{background:#ff9900;}
.academicEventsListSL li.green::before{background:#00c896;}
.academicEventContent h3{margin:0 0 5px 0;color: #FFF;font-size: 15px;font-weight: 500;line-height: 23px;}
.academicEventContent h3 span{color: #6A7282;font-size: 11.049px;font-weight: 400;line-height: 16.573px; margin-left:7px;}
.academicEventContent p{color: #FFF;font-size: 14px;font-weight: 400;line-height: 22px; margin:0;}

#chdSection{background: #F4F4F4; position: relative;  width: 100%; }
.chdWrapper{display:flex;gap:60px;align-items:center;flex-wrap:wrap;}
.chdImage{flex:0 0 calc(48% - 30px);position:relative;}
.mainImg{width:95%;border-radius:2px;display:block;}
.smallImg{position:absolute;top:40px;right:0px;width:198px; height:198px;
border-radius: 2px;border: 3px solid #FFF;background: rgba(255, 255, 255, 0.00);
box-shadow: 0 18.414px 23.018px -4.604px rgba(0, 0, 0, 0.10), 0 7.366px 9.207px -5.524px rgba(0, 0, 0, 0.10);}
.chdContent{flex:0 0 calc(52% - 30px);}
.chdContent h2{font-size:30px;line-height:40px;margin-bottom:20px;}
.chdContent .intro{color: var(--color-black-solid, #000);font-size: 16px;font-weight: 400;line-height: 26px; margin-bottom:30px;}
.chdFeatures{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:25px;}
.chdFeatures li{display:flex;gap:15px;align-items:flex-start;}

.iconBoxCHD{width:36px;height:36px;border-radius:10px;background:#F0FDFA;display:flex;align-items:center;justify-content:center;}
.iconBoxCHD span{font-size:20px;color:#009689;}
.chdFeatures .text h4{margin:0 0 0px;color: #000;font-size: 18px;font-weight: 700;line-height: 26px; letter-spacing: -0.46px;}
.chdFeatures .text p{margin:0;color: #000;font-size: 14px;font-weight: 400;line-height: 22px; max-width:465px;}

#testimonialsSec{background: #fff; position: relative;  width: 100%; clear:both;}
#testimonialsSec h2{text-align:center; margin-bottom:40px;}
.testimonialForMob{display:none;}
.testimonial-section{padding:0;overflow:hidden; max-height:600px; clear:both; position: relative;}
.testimonial-section::before, .testimonial-section::after{content:"";position:absolute;left:0;width:100%;height:160px;z-index:5;pointer-events:none;}
.testimonial-section::before{top:0;background:linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 100%);}
.testimonial-section::after{bottom:0;background:linear-gradient(to top, #fff 0%, rgba(255,255,255,0) 100%);}
.testimonial-wrapper{display:flex;gap:25px;margin:auto; overflow:hidden;}
.testimonial-col{list-style:none;padding:0;margin:0;width:33.33%;display:flex;flex-direction:column;gap:20px;}
.testimonial-col li{border-radius: 2px;background: var(--Bg-Card, #F4F4F6);padding:20px;}
.testimonial-col p{color: var(--Text-Color_Grade-2, #282828);font-size: 16px;font-weight: 400;line-height: 150%; margin:0px;}

.user{display:flex;align-items:center;margin-top:15px;gap:20px;}
.user img{width:45px;height:45px;border-radius:50%;}
.user h4{margin:0;color: var(--Text-Color_Grade-2, #282828);font-size: 16px;font-weight: 400;line-height: 150%;text-transform: capitalize;}
.user span{margin:0;color:#000;font-size: 16px;font-weight: 500;line-height: 150%;}

/* scrolling animation */
.scroll-up{animation:scrollUp 20s linear infinite;}
.scroll-down{animation:scrollDown 20s linear infinite;}
@keyframes scrollUp{
0%{transform:translateY(0)}
100%{transform:translateY(-50%)}
}
@keyframes scrollDown{
0%{transform:translateY(-50%)}
100%{transform:translateY(0)}
}
.testimonial-col:hover{animation-play-state:paused;}

/*==================Office of Students Affairs OSA ==================*/
.bannerPageSingle{clear:both; width:100px;}

.OSAOverview{background:#fff; padding:70px 0px; position:relative; width:100%;}
.OSAOverview h2{margin-bottom:15px;}
.osaOverviewList{display:flex; gap:40px;color:#000;margin-bottom:0px;line-height:26px;}
.osaOverviewList li{flex:1;}
.osaOverviewList li p{color: #000;font-size: 16px;font-weight: 400;line-height: 26px; }
.OSANewsSection{background: #F4F4F4; padding:70px 0px; position:relative; width:100%;}
.OSAEventNewsWarp{padding:0px 0 15px 0; position:relative;}
.OSAEventNewsWarp .seeAllBtn{position: absolute; right: 0; top: 9px;}
#OSAEventsList{/*display:flex;flex-wrap:wrap;gap:20px;*/list-style:none;padding:0;margin:0;}
#OSAEventsList .item{display: flex; width: 100%;}
#OSAEventsList .item a{display:block;text-decoration:none;color:#000;}
#OSAEventsList .item:hover .news-img img{transform:scale(1.1);}
#OSAEventsList .item:hover .OSAEventsImg img{transform:scale(1.12);}
.OSAEventsImg{overflow:hidden;border-radius:2px; height: 165px;}
.OSAEventsImg img{width:100%;display:block;transition:transform .5s ease; object-fit: cover;  height: 100%;}
.OSAEventContent{padding-top:12px;}
.OSAEventDate{color: #D00000;font-size: 16px;font-weight: 600;line-height: 26px; display:block;margin-bottom:6px;}
.OSAEventContent h3{color: #111;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.76px;margin:0;}

.NSSNewsSection{background: #fff; padding:70px 0px; position:relative; width:100%;}
#NSSEventsList{/*display:flex;flex-wrap:wrap;gap:20px;*/list-style:none;padding:0;margin:0;}
#NSSEventsList .item{display: flex; width: 100%;}
#NSSEventsList .item a{display:block;text-decoration:none;color:#000;}
#NSSEventsList .item:hover .news-img img{transform:scale(1.1);}
#NSSEventsList .item:hover .OSAEventsImg img{transform:scale(1.12);}

.CSRActivitiesSection{background: #F4F4F4; padding:70px 0px; position:relative; width:100%;}
.CSRActivitiesSection h2{color: #000;font-size: 30px;font-weight: 700;line-height: 40px;letter-spacing: 0.364px;text-transform: capitalize; position:relative; margin: 22px 0px;}
.CSRActivitiesSection h2:before{background: #d00000; width: 45px;height: 3.683px; position:absolute; top:-22px;left:0px; content:"";}
.csr-wrapper{display:flex;gap:60px;}
.csr-left{width:50%;}
.csr-right{width:50%;}
.report-list{list-style:none;padding:0;margin:0; max-width: 535px;}
.pdf-item{position:relative; margin-bottom:12px; font-size:18px; border: 1px solid #E5E7EB; transition:all .3s ease;}
.pdf-item:last-child{margin-bottom:0px;}
.pdf-item a{display:block; padding:16px 55px 16px 50px; color: #000;font-size: 16px;font-weight: 500;line-height: 24px; letter-spacing: -0.288px; text-decoration:none;}
.pdf-item::before{content:"description"; font-family:"Material Symbols Outlined"; font-size:24px; position:absolute; left:15px; top:50%; transform:translateY(-50%); color:#9aa0a6; transition:0.3s;}
.pdf-item::after{content:"download"; font-family:"Material Symbols Outlined"; font-size:24px; position:absolute; right:15px; top:50%; transform:translateY(-50%); color:#9aa0a6; transition:0.3s;}
.pdf-item:hover{background:#ffffff;}
.pdf-item:hover a{color:#d00000;}
.pdf-item:hover::before, .pdf-item:hover::after{color:#d00000;}

/* List */
.csrEventList{list-style:none; padding:0; margin:0;}
.csrEventList li{position:relative;margin-bottom:22px;font-size:16px;}
.csrEventList li a{display:block; width:100%; height:100%; padding:10px 20px 10px 25px; text-decoration:none; color:#000;  font-size:16px;  font-weight:600;  line-height:24px;
  letter-spacing:-0.405px;}
.csrEventList li::before{  content:"";  position:absolute;  left:0;  top:0;  height:100%;  width:4px;  background:#000;  transition:0.3s;}
.csrEventList li:hover::before{  background:#d00000;}
.csrEventList li:hover a{  color:#d00000;  text-decoration:underline;}

/*=================== Centre of Excellence 2026 =====================*/

/* LIST FLEX */
.CESCentresSection{background: #f4f4f4; padding:70px 0px; position:relative; width:100%;}
.CESCentresSection h1{color: #000;text-align: center;font-size: 45px;font-weight: 700;line-height: 54px; margin-bottom:15px;}
.CESCentresSection p{color: #000;text-align: center;font-size: 18px;font-weight: 400;line-height: 28px; margin: 0;}
.cesCenterSecond{background: #fff; padding:70px 0px; position:relative; width:100%;}
.cesCenterSecond .centres-section h3{color: #000;text-align: center;font-size: 35px;font-weight: 700;line-height: 52px; margin-bottom:15px;}
.cesCenterSecond .centres-section p.paraTxt{color: #000;text-align: center;font-size: 16px;font-weight: 400;line-height: 26px; max-width:1010px; margin:0px auto 30px;}
.cesCentresList{list-style: none;display: flex;flex-wrap: wrap;gap: 25px;padding: 0; margin:20px 0 0 0;}
.cesCentresList li {flex: 0 0 calc(33.333% - 17px); background: #fff;  transition: 0.3s;background: #F5F5F5; border: 1px solid #E5E7EB;}
.cesCentresList li a {display: block; text-decoration: none; color: #000;}
.cesCentresList li .imgBoxCES {overflow: hidden; /*height:195px;*/}
.cesCentresList li .imgBoxCES img {width: 100%; height: 100%; display: block; transition: transform 0.5s ease; /*object-fit:cover;*/}
.cesCentresList li .opTop1 img {object-position: 0 top;}
.cesCentresList li .opTop2 img {object-position: 0 -20px;}
.cesCentresList li .opTop3 img {object-position: 0 46%;}


.cesCentresList li:hover .imgBoxCES img {transform: scale(1.08);}
.cesCentresList li .contentCES {padding: 20px;}
.cesCentresList li .contentCES h4 {color: #000;font-size: 20px;font-weight: 700;line-height: 150%; margin-bottom: 10px;min-height:60px;}
.cesCentresList li .contentCES h4 span{display:block;}
.cesCentresList li .lineCES {display: block;width: 40px; height: 2px; background:#d00000; transition: 0.3s; margin-bottom: 15px;}
.cesCentresList li .bottomCES {display: flex;   justify-content: space-between;    align-items: center;}
.cesCentresList li .linkCES {color: #D00000;font-size: 14px;font-weight: 600;line-height: 150%; text-transform: uppercase;}
.cesCentresList li .iconCES {background: #D00000; color: #fff; border-radius: 50%; padding: 10px; font-size: 18px; transition: 0.3s;}
.cesCentresList li:hover .lineCES {width: 100%;}
.cesCentresList li:hover .iconCES {transform: rotate(-45deg);}

@media only screen and (min-width: 1341px) and (max-width: 1440px) {
	

}


@media only screen and (min-width: 1200px) and (max-width: 1340px) {
	.statBoxLS{padding: 0px 60px;}
	.Jobs_Sec .topbar{ padding:60px;}
	.infra-tabs{top: 55px;}
	.infra-tab{padding: 0 10px 15px 10px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.overviewSlider{height: 600px; padding: 60px 0px 20px 0px;}
	.flex-row{gap: 40px;}
	.box-header{flex-wrap: wrap;  gap: 10px;}
	.rankings{justify-content: normal;padding: 20px 20px;}
	.logo-container{gap: 30px;}
	.quote-box{margin-top: 20px;}
	.clOverview h1{display: table;  width: 100%;}
	.leader-card {flex: 0 0 calc(48% - 17px); max-width: 450px; }
	.statBoxLS{padding: 0px 30px;}
	.heroLeft h1{font-size: 40px; line-height:50px;}
	
	.cafeteriaLogoList{flex-wrap: wrap;}
	.slide-box img{height: 425px;}
	.card-top .brandBlue img{max-width: 130px;}
	.card-top .brandGreen img {  max-width: 130px;}
	.card-top .brandBlue, .card-top .brandGreen{width: 50%;}
	.peopleList li{flex: 1 1 375px;  max-width: 375px;}
	.Jobs_Sec .topbar{padding: 60px 40px;}
	.chancellor-wrapper{gap: 30px;}
	.chancellor-image{width: 400px;}
	.infra-tabs{top: 55px;}
	.infra-tab{padding: 0 10px 15px 10px;}
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.heroTop{flex-wrap: wrap; gap: 10px;  padding: 0px 0px 0px 0px;}
	.heroLeft{flex: 100%;}
	.heroRight {flex: 1;  max-width: 100%;}
	.stats-list li h3{font-size: 34px;}
	.clOverview .row{width:100%;}
	.statsInner{gap: 6px;}
	.stat-box{padding: 10px;}
	.overviewSlider{height: 600px; padding: 40px 0px 20px 0px;}
	.flex-row{gap: 40px;}
	.box-header{flex-wrap: wrap;  gap: 10px;}
	.rankings{justify-content: normal;padding: 20px 20px;}
	.logo-container{gap: 30px;}
	.quote-box{margin-top: 20px;}
	.leader-card {flex: 0 0 calc(48% - 17px); max-width: 450px; }
	.program-list{flex-wrap: wrap;}
	.program-list li {  flex: 0 0 calc(50% - 0px);}
	.rankingBoxWrap{flex-wrap: wrap;}
	.info-box{  flex: 0 0 calc(100% - 0px);}
	.value-card{flex: 0 0 calc(33% - 17px);}
	
	.vm-wrapper li:nth-child(1){order:1;}
	.vm-wrapper li:nth-child(2){order:3; flex: 100%;}
	.vm-wrapper li:nth-child(3){order:2;}
	.clOverview h1{display: table;  width: 100%;}
	.campus-legacy{padding: 40px 0;}
	.statBoxLS{padding: 0px 15px;}
	.leaders-section{padding: 40px 0;}
	.leadershipContent{bottom: 25px;left: 40px;right: 40px;}
	.leadership-list li{max-height: 380px;}
	.leadershipRight .lsCard img {object-position: 0 -55px;}
	.leadershipLeft .lsCard img { object-position: 0 -80px;}
	.leaders-list li{flex: 1 1 calc(50% - 30px);}
	.leadershipProfile{gap: 30px;}
	.leadershipProfileImage img.mamPic {object-position: 0 -20px;}
	.leadershipProfileImage img.sirPic {object-position: 0 -20px;}
	.awardsListProfile li{width: 46%;}
	.LegacyWrap{flex-wrap: wrap;}
	.peopleList li{flex: 1 1 47%;  max-width: 47%;}
	.chancellor-wrapper{gap: 30px; flex-wrap: wrap;}
	.chancellor-image{width: 400px; overflow: hidden; margin: 0 auto;}
	.awards-list li{flex: 0 0 calc(33.3% - 10px); padding: 22px 22px 30px 22px;}
	.seeAllBtn{margin-top:20px;}
	
	/* OSA PAGE*/
	
	.osaOverviewList{flex-wrap:wrap; gap: 25px;}
	.osaOverviewList li{flex: 100%;}
	.OSAEventDate{color: #000;font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.76px;}
	.OSAEventContent h3{color: #1A1A1A;font-size: 18px;font-weight: 600;line-height: 26px;letter-spacing: -0.76px;}
	#OSAEventsList .owl-nav {position: absolute;top: 48%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
	#OSAEventsList .owl-nav .material-symbols-outlined{color:#fff;}
	#OSAEventsList .owl-nav .owl-prev {left: -15px; position: absolute;}
	#OSAEventsList .owl-nav .owl-next {right: -15px;  position: absolute;}
	#OSAEventsList .owl-nav .owl-prev{height:36px;width:36px; background:#000; color: #fff; border-radius: 36px;border: 0px;box-shadow: none;line-height:0px}
	#OSAEventsList .owl-nav .owl-next{height:36px;width:36px;background:#000; color: #fff; border-radius: 36px;border: 0px;box-shadow: none;line-height:0px}
	
	#NSSEventsList .owl-nav {position: absolute;top: 48%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
	#NSSEventsList .owl-nav .material-symbols-outlined{color:#fff;}
	#NSSEventsList .owl-nav .owl-prev {left: -15px; position: absolute;}
	#NSSEventsList .owl-nav .owl-next {right: -15px;  position: absolute;}
	#NSSEventsList .owl-nav .owl-prev{height:36px;width:36px; background:#000; color: #fff; border-radius: 36px;border: 0px;box-shadow: none;line-height:0px}
	#NSSEventsList .owl-nav .owl-next{height:36px;width:36px;background:#000; color: #fff; border-radius: 36px;border: 0px;box-shadow: none;line-height:0px}
	.csr-wrapper{flex-wrap:wrap; gap: 30px;}
	.csr-left, .csr-right{width:100%;}
	.cesCentresList{gap: 10px;}
	.cesCentresList li{flex: 0 0 calc(50% - 7px);}
	.cesCentresList li .contentCES h4{font-size: 16px;}
	.cesCentresList li .contentCES h4 span {display: inline;}
	.infra-tabs-inner{padding: 0px 20px;}
	.infra-tab-list{padding: 20px 0px;  gap: 30px;  }
	.infra-tabs{top: 0;}
	
	.rankingWrap{gap: 30px;}
	.rankingContent {flex: 0 0 54%; max-width: 54%;}
	.rankingLogos {flex: 0 0 43%; max-width: 43%; padding:0px;}
}

@media only screen and (min-width: 992px) and (max-width: 1160px) {
	.leadershipRight .lsCard img {object-position: 0 -65px;}
	.leadershipLeft .lsCard img { object-position: 0 -90px;}
	.image-box img{height: 260px;}
	.contact-listBlock li{width: 47%;}
	 .infra-tab {padding: 0 5px 15px 5px; font-size: 13px; }
}

@media only screen and (max-width: 991px) {
	
	.topHeadlinesContainer{display: block;}
	.topHeadlinesLeft{width: 100%;}
	.topHeadlinesRight{width: 100%;flex-direction: row;margin-top:40px;}	
	.topHeadlinesRight li{display: flex; flex-wrap: wrap;}
	.Jobs_Sec .topbar{padding:40px 20px;}
    .Jobs_Sec .jobs_secJ{ flex-direction:column;}

    /* change divider to horizontal */
   .Jobs_Sec .jobs_secJ li:last-child{padding-left: 0px;}
   .Jobs_Sec .jobs_secJ{gap:40px;}
   .Jobs_Sec .jobs_secJ li:first-child::after { top:120%; left: 50%; width: 80%;  height: 1px; transform: translate(-50%, -50%);
    background: linear-gradient( to right,  rgba(255,255,255,0) 0%,    #fff 50%,    rgba(255,255,255,0) 100%  );  }
	.contact-listBlock li{width: 47%;}
	.infra-tab-list {display: flex;     list-style: none;   margin: 0;    overflow-x: auto;    overflow-y: hidden;    white-space: nowrap;    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; }
	
}

@media only screen and (max-width: 767px) {
	
	h2.heading{font-size: 30px;line-height: 40px;}
	h2.headTitleN{color: #111;font-size: 26px;line-height: 32px;}
	
	.heroSection{background: #fff;}
	.heroTop{flex-wrap: wrap; gap: 10px;  padding: 0px 0px 0px 0px;}
	.heroLeft{flex: 100%;}
	.heroLeft h1{font-size: 28px;font-weight: 700;line-height: 34px; /* 121.429% */letter-spacing: -1.587px;}
	.heroImage{height: 390px;}
	.heroImage img{object-position: 25% 0px;}
	.overviewSlider{height: 600px;padding: 20px 0px 0px; background:url('../images/2026/about/overview-bg3.webp');
	background-size: cover; background-repeat: no-repeat;background-position: -117px;}
	.overviewSlider .heroTop{gap: 20px;}
	/*.overviewSlider .container{padding-left:0px !important;    padding-right: 0px !important;}
	.overviewSlider .row { margin-right: 0px;   margin-left: 0px;  }
	.overviewSlider .col-md-12 { padding-right: 0px;padding-left: 0px;}*/
	/*.overview-content{bottom:38px;position: absolute;padding-left: 12px;  padding-right: 12px;}*/
	.overviewSlider::after{background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.75) 61.1%, rgba(255, 255, 255, 0.00) 100%);}
	.overviewSlider h1{text-align: left;font-size: 28px;font-weight: 700;line-height: 34px; /* 121.429% */letter-spacing: -1.287px; margin:0px;}
	.overviewSlider h1 span{color: #D00000;}
	.overviewSlider p{font-size: 18px;font-weight: var(--typography-mob-h2-weight, 400);line-height: 30px; /* 166.667% */}
	.stats-section{padding: 40px 00px;}
	.stats-list {flex-wrap: wrap; gap: 40px;}
	.stats-list li:not(:last-child)::after { width: 100%; height: 1px; bottom: -22px; top:unset; background: var(--stroke-primary, #DADADA);}
	.stats-list li { flex: 100%;  padding-right: 0;}
	.stats-list li h3{font-size: var(--typography-mob-h1-size, 40px);font-style: normal;font-weight: 900;line-height: normal;}	
	.statsOverview{display:none;}
	.statsOverviewMobile{display:block;padding:0px 0px 35px 0px;}
	.overview-section{padding: 40px 00px;}
	.overview-section h2{margin-bottom: 18px; font-size: 30px; line-height: 40px;}
	.intro-text{margin-bottom: 20px; font-size: 16px; line-height: 26px;}
	.flex-col p{ font-size: 16px; line-height: 26px;}
	.flex-col p:last-child{margin-bottom:0px;}
	.flex-row{flex-wrap: wrap; gap: 20px;  margin-bottom: 20px;}
	.flex-col{flex: 100%;}
	.location{color: #999;font-size: 11px;font-weight: 500;line-height: 18.621px; /* 169.279% */letter-spacing: 0.31px;text-transform: uppercase;}
	.quote-box{margin-top: 28px; padding-left: 28px; border-left: 3px solid #D00000;}
	.quote-box h3{font-size: 16px; line-height: 26px;font-weight:500;}
	.program-list{flex-wrap: wrap;}
	.program-list li{flex: 100%;}
	.program-list h3{font-size: 20px;font-weight: 700;line-height: 28px; letter-spacing: -0.76px;margin-bottom:8px;}
	.sectionRankings{padding: 20px 0px 40px 0px;}
	.rankingBoxWrap{flex-wrap:wrap;}
	.box-header{flex-wrap:wrap;}
	.box-header .view-btn{display:none;}
	.info-box{flex: 100%;}
	.info-box .mobon{display: block;}
	.box-header h2{font-size: 20px;font-weight: 700;line-height: 28px; letter-spacing: -0.76px;}
	.accreditationsList{margin-bottom:25px;}
	.accreditationsList li{flex: 1 1 calc(100% - 0px);}
	.accreditationsList li:nth-child(4), .accreditationsList li:nth-child(5), .accreditationsList li:nth-child(6){display:none;}
	.rankings{padding: 20px 20px;}
	.rankingsList{margin-bottom:20px;}
	.rankingsList li{flex: 1 1 calc(50% - 8px); min-height:auto;}
	.logo-section{padding: 40px 0 10px;}
	.logo-container{flex-wrap: wrap; gap: 0;}
	.logo-content { flex: 100%;}
	.logo-content .quote-box h3{font-weight:700;}
	.logo-content h2{font-size: 26px;line-height: 36px;margin-bottom:20px;}
	.logo-image{display:none;}
	.vm-section{padding: 40px 0px;}
	.vm-section h2{font-size: 26px; line-height: 36px;font-weight:700;margin-bottom: 15px;}
	.visionaries-section{padding: 40px 0px;}
	.visionaries-section h2{font-size: 26px; line-height: 36px;}
	.visionaries-section .quote-icon{font-size: 20px;  margin-bottom: 5px;}
	.vm-wrapper li{flex: 1 1 calc(50% - 0px);}
	.vm-wrapper li:nth-child(2){padding:30px 20px 0px 20px;}
	.vm-label{font-size: 22px;font-weight: 700;}
	.values-section{padding: 40px 00px;}
	.values-section h2{font-size: 26px; line-height: 36px;font-weight:700;margin-bottom:15px;}
	.section-desc{font-size: 16px;font-weight: 400;line-height: 26px;margin-bottom:20px;}
	.value-card{flex: 0 0 calc(100% - 0px);}
	.stat-box h3{font-size:24px;}
	.stat-box h3 span{font-size:24px;}
	.statsInnerWrapMob .stat-box{gap: 10px;}
	.stat-box b{font-size: 16px;line-height: 24px;}
	.university-logo{margin-bottom:20px;}
	.section-subtitle{margin-bottom:20px;}
	.leader-info{padding:20px 16px;}
	.leader-info h3{font-size: 20px;font-weight: 700;line-height:30px;letter-spacing: -0.76px;}
	.cta-btn{margin:20px auto 0px;font-size:13px;line-height:20px;letter-spacing:0.34px;font-weight:600;padding:15px 32px;}
	.num {font-size: 10px;line-height:15px;}
	.badge{font-size: 11px;font-weight: 600;line-height: 17px;padding:5px 12px;}
	.leaders-wrapper{gap:36px;}
	.PadTop64Mob{padding-top:64px;}
	.recognitionSecond_UnivGover{padding: 40px 0px;}
	/* Campus Leadership CSS MOBILE */
	.clOverview{padding: 40px 0px 20px 0px;}
	.clOverview h1{font-size: 32px;font-weight: 800;line-height: 42px; }
	.leadership-section{padding: 0px 0px 0px 0px;}
	.leadership-section .container{padding-left:0px !important;    padding-right: 0px !important;}
	.leadership-section .row { margin-right: 0px;   margin-left: 0px;  }
	.leadership-section .col-md-12 { padding-right: 0px;padding-left: 0px;}
	.leadership-list li{flex: 100%; max-height:400px;}
	.leadershipLeft .lsCard img {  object-position: 0 -70px;}
	.leadershipRight .lsCard img{object-position: 0 -50px;}
	.leadershipContent{left: 55px;  right: 55px; bottom:25px;}
	.leadershipContent .designation{color: rgba(255, 255, 255, 0.70);font-size: 5.583px;font-weight: 900;line-height: 11.167px; /* 200% */letter-spacing: 1.226px;}
	.leadershipContent h4{font-size: 18px;font-weight: 700;line-height: 20px; /* 110% */letter-spacing: -0.353px; margin-top: 2px;}
	.leadershipContent p{font-size: 8px;font-weight: 400;line-height: 12px; margin-bottom: 5px;}
	.leadershipContent a.rmLink{font-size: 7px;font-weight: 600;line-height: 9px;}
	.leadershipContent a.rmLink .arrow-icon{font-size: 10px;}
	.campus-legacy{padding: 30px 0 40px 0;}
	.campus-legacy h2{font-size: 32px;font-weight: 800;line-height: 42px; }
	.legacy-list{flex-wrap:wrap;}
	.legacy-list li {flex: 100%;}
	.statsLeadership{padding: 0px 0px 40px 0px;}
	.statsInnerLS{flex-direction: column;}
	.statBoxLS{padding:17px 0;}
	.statBoxLS:first-child{padding-left:0;padding-top:0px;}
	.statBoxLS:last-child{padding-bottom:0px;}
	.statBoxLS::before{top:0;left:0;width:100%;height:1px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #C2C2C2 48%, rgba(255,255,255,0) 100%);}
	.noSBLS::before{display:none;}
	.leaders-section{padding: 40px 0 40px 0;}
	.leaders-list{gap: 24px;margin-bottom:0px;margin-top:24px;}
	.leaders-list li{flex:100%;}
	.image-box img{height: 190px; object-position: top;}
	.leader-content{background: #FAFAFA; padding:20px 10px;}
	.leader-content .designation{letter-spacing: 1.449px;}
	.grivenaceContent h1{font-size: 35px;    font-weight: 700;    line-height: 40px;    letter-spacing: -0.366px;}
	/* Rankings and Recognition Page */
	.rankingSection{padding: 110px 00px 40px 00px;}
	.rankingWrap{flex-wrap:wrap; gap: 24px;}
	.rankingContent {flex: 100%; max-width: 100%; }
	.rankingContent h1{font-size: 32px;font-weight: 800;line-height: 42px; letter-spacing: -0.76px;}
	.rankingLogos{flex: 100%; max-width: 100%; padding: 0;}
	.logoCard{flex: 0 0 calc(100% - 0px);align-items: normal;}
	.ranking-data-section{padding: 40px 0px;}
	.ranking-data-section .container{padding-left:0px !important;    padding-right: 0px !important;}
	.ranking-data-section .row { margin-right: 0px;   margin-left: 0px;  }
	.ranking-data-section .col-md-12 { padding-right: 0px;padding-left: 0px;}
	.newsTabsWrapper {overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; /* Firefox */ margin-bottom: 5px;}
	.newsTabsWrapper::-webkit-scrollbar { display: none; /* Chrome */}
	.newsTabs{display: flex; gap: 12px; list-style: none; padding: 0px 15px; margin: 0; white-space: nowrap;scroll-behavior: smooth;}
	.newsTabs li {flex: 0 0 auto; /* Prevent shrinking */}
	.newsTabs li{display: flex; padding: 0px 15px; border-radius: 50px; text-decoration: none;  color: #7F7F7F; text-align: center;font-size: 14px;font-weight: 500;line-height: 24px; transition: all 0.3s ease;height: 35px; align-items: center;}
	.newsTabs li.active{    background: #000;   color: #fff;    box-shadow: 0 4px 10px rgba(0,0,0,0.15);}
	.newsTabs li:hover {    background: #000;    color: #fff;}
	.partnershipsSection{padding: 40px 0; }
	.partnershipsSection h2 { font-size: 30px;font-weight: 700;line-height: 42px; /* 140% */margin-bottom: 20px;}
	
	/* Approvals & Accreditations */
	.accreditationsBanner{height: 430px;  padding: 0px 0px 0px 0px;}
	.accreditationsBanner::after{background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0.70) 100%);}
	.accreditationsBanner h1{font-size: 35px;font-weight: 700;line-height: 40px; letter-spacing: -0.366px;}
	.recognitionSecond{padding: 40px 0px 30px 0px;}
	.recognition-section{flex-wrap:wrap; gap: 24px;}
	.recognition-left p{margin:0px;}
	.recognition-right{flex: 1;padding: 30px 24px;}
	.recognition-list li{align-items: end;gap: 14px;}
	.recognition-list li .number{font-size: 32px;font-weight: 700;line-height: 32px; /* 100% */letter-spacing: -0.8px;}
	.recognition-list li .text{font-size: 14px;font-weight: 500;line-height: 22px;letter-spacing: 0.26px;}
	.accreditation-list li{flex-wrap:wrap; gap: 24px;  padding: 25px; justify-content: center;}
	.accreditation-content{flex: 100%;}
	.accreditation-content h3{font-size: 16px;font-weight: 700;line-height: 24px; /* 150% */letter-spacing: 0.153px;}
	.accreditation-links{gap: 10px;}
	
	/* Campus Leadership Profile Page */
	.leadershipProfileSection{padding:75px 0px 0px 0px;}
	.leadershipProfileSection .container{padding-left:0px !important; padding-right: 0px !important;}
	.leadershipProfileSection .row {margin-right: 0px; margin-left: 0px;}
	.leadershipProfileSection .col-md-12 {padding-right: 0px;padding-left: 0px;}
	.leadershipProfile{flex-wrap: wrap; position:relative;}
	.leadershipProfile::before{background: linear-gradient(0deg, rgba(0, 0, 0, 0.81) 24.76%, rgba(0, 0, 0, 0.00) 61.52%); position: absolute; z-index:1; width: 100%; height: 100%; content: "";   bottom: 0;}
	.leadershipProfileImage{flex: 100%;}
	.leadershipProfileImage img.mamPic { object-position: 0 -20px;}
	.leadershipProfileImage img.sirPic { object-position: 0 -20px;}
	.leadershipProfileContent{position: absolute;left: 25px;right: 20px; bottom: 20px; z-index: 10;}
	.leadershipProfileContent h1{color: #FFF;font-size: 20px;font-weight: 700;line-height: var(--line-height-24, 24px);letter-spacing:0px;margin-bottom:2px;}
	.leadershipProfileContent h4{color: #FFF;font-size: 16px;font-weight: 500;display:block; line-height: 26px;margin-bottom:0px;}
	.leadershipProfileContent p{display:none;}
	.leadershipProfileContent h5{display:none;}
	.leadershipProfileSecond{padding: 40px 0px 30px 0px;}
	.leadershipProfileAwards{padding: 40px 0px;}
	.leadershipProfileSecond h2{font-size: 26px;font-weight: 700;line-height: 38px; letter-spacing: -0.76px; text-align:left;}
	.leadershipProfileAwards h2{font-size: 26px;font-weight: 700;line-height: 38px; letter-spacing: -0.76px; text-align:left;}
	.awardsListProfile li{width: 100%;}
	.awardsListProfile li.width50{width:100%;}
	.accreditationThird{padding:40px 0px;}
	
	.logo-section-wrap{ padding:40px 0; background:#fff; position:relative;}
	.logo-section-new {display: flex;justify-content: space-between;align-items: center;gap:20px;flex-wrap:wrap;}
	.logo-text-new {flex: 0 0 100%;}
	.logo-text-new h2 {font-family: Inter;font-weight: 700;font-style: Bold;font-size: 26px;line-height: 36px;letter-spacing: -0.76px;margin-bottom:15px;}
	.logo-text-new p {font-family: Inter;font-weight: 400;font-style: Regular;font-size: 16px;line-height: 26px;letter-spacing: 0px;margin-bottom:0px;}
	.logo-img-new img {width:220px;height:70px;}
	.chancellor-section{padding-top: 65px; padding-bottom: 20px;}
	.chancellor-wrapper{gap: 30px; flex-wrap: wrap;}
	.chancellor-image{height:300px; overflow: hidden; margin: 0 auto; width: 100%;}
	.awards-list li{flex: 0 0 calc(100% - 0px); padding: 32px 32px 40px 32px;}
	.awards-mobile-more li{display:none;}
	.awards-mobile-more li:nth-child(-n+4){ display:flex; }
	.moreAwardsBtn{display:flex; margin: 36px auto 0px auto;}

	.chancellor-image img.sirPic {object-position: 0 1px;}
	.chancellor-image img.niyatiMamPic {object-position: -80px 0;}
	.chancellor-image img{height: 100%;}
	.chancellor-content h1{font-size: 26px;line-height: 32px; }
	
	/* AWARDS PAGE CSS */
	.awards-data-section { background: #fff;  padding: 110px 0px 45px 0px; }
	.awards-data-section h1{ margin-bottom:20px;font-size: 26px;line-height: 38px;  }
	.HonoraryDoctoratesBanner{height: 430px;  padding: 0px 0px 0px 0px; margin-top: 40px;}
	.HonoraryDoctoratesBanner h1{font-size: 35px;font-weight: 700;line-height: 40px; letter-spacing: -0.366px;}
	.honoraryDoctoratesData{ background: #FAFAFA;  padding:40px 0px; }
	.top-cards_grievance{flex-wrap: wrap;margin-bottom: 32px;}
	.grid-cards_grievance{margin-bottom:0px;display:grid;grid-template-columns:repeat(1, 1fr);gap:15px;}
	.grid-cards_UnivGov{display:grid;grid-template-columns:repeat(1, 1fr);gap:15px;}	
	.grivenaceBanner h1{color: #FFF;font-family: Inter;font-size: 35px;font-weight: 700;line-height: 40px; letter-spacing: -0.366px;margin-bottom:15px; font-family: var(--primary-font);}
	.grivenaceBanner{background-position: 50%;}
	.big-card_grievance{padding:20px;flex-wrap:wrap;gap: 10px;}
	.grivence_video video, .grivence_video img {width: 100%;height: auto;margin-top:40px;}
	.content_grievance h3{font-size:16px;line-height:26px;font-weight:700;}

	/*  CAMPUS INFRASTRUCTURE CSS */
	.overviewInfrastructure{height: 550px;padding: 20px 0px 0px; background:url('../images/2026/about/campus-infrastructure-banner-new.webp') center/cover no-repeat;}
	.overviewInfrastructure::after{background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.75) 61.1%, rgba(255, 255, 255, 0.00) 100%);}
	.overviewInfrastructure h1{text-align: left;font-size: 28px;font-weight: 700;line-height: 34px; /* 121.429% */letter-spacing: -1.287px; margin:0px;}
	.overviewInfrastructure h1 span{color: #D00000;}
	.overviewInfrastructure p{font-size: 18px;font-weight: var(--typography-mob-h2-weight, 400);line-height: 30px; /* 166.667% */}
	.infra-tabs{top: 50px;}
	.infra-tab{padding: 10px 0;}
	.infra-tab.active::after{height: 5px;}
	.infra-tabs-inner{padding: 5px 25px;}
	.infraSectionOverview{display:none;}
	.infraSectionOverviewMobile{display:block;}
	.infra-tabs-inner span.infra-label{display:none;}
	.infra-tab-list {display: flex;    gap: 30px;    list-style: none;    padding: 0;    margin: 0;    overflow-x: auto;    overflow-y: hidden;    white-space: nowrap;    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; }
	.infra-section {  scroll-margin-top: 110px;}
	.infra-tab-list::-webkit-scrollbar {display: none; /* Hide scrollbar on mobile */	}
	.infra-tab-list li {flex: 0 0 auto;}
	.infra-tab {display: inline-block; padding: 18px 0; text-decoration: none; color: #536471;text-align: center;font-size: 14px;font-weight: 400;line-height: 32px; position: relative;}
	.infra-tab.active {color: #000;    font-weight: 600;}
	.infra-tab.active::after {content: "";    position: absolute;    left: 0;    bottom: -1px;    height:5px;    width: 100%;    background: #d40000;    border-radius: 2px;}
	.infra-section{padding:40px 0px;}
	.infra-section h2.headTitle{font-size: 26px;font-weight: 700;line-height: 36px;}
	.infra-section h2.headTitleW{font-size:26px;font-weight: 700;line-height: 36px;}
	#incubatorSection img.ciiLogo{margin-bottom:15px;}
	.academicContainer{flex-wrap: wrap; gap: 25px;}
	.academicLeft {flex: 100%;}
	.academicRight{max-width: 100%;}
	.slide-box img{height:265px;}
	#academic{background: #FAFAFA;}
	#academic .academicRight{order: 1;}
	#academic .academicLeft{order: 2;}
	.library-stats {margin-top: 50px;}
	h2.headBdr{font-size: 25px;}
	#hostels .academicRight{order: 1;}
	#hostels .academicLeft{order: 2;}
	
	#sports .sports-list li{width: 100%;}
	
	#cafeteria .academicRight{order: 1;}
	#cafeteria .academicLeft{order: 2;}
	.cafeteriaLogoList{flex-wrap: wrap; justify-content:space-between;}
	
	.computingCards li{flex: 1 1 100%;}	
	#campusExperienceSlider .experienceBox img{height: 350px;}
	#campusExperienceSlider .owl-nav {  position: absolute;  bottom: -60px;   left: 0;  width: 100%;  display: flex;  justify-content: center;  align-items: center;  gap: 15px;  top: auto;}
	
	#medical .academicRight{order: 1;}
	#medical .academicLeft{order: 2;}
	.medicalServicesList{flex-wrap: wrap;  gap: 20px;}
	.medicalServicesList li{flex: 100%;}
	.facilities-list li{width: calc(100% - 0px);gap: 15px;}
	.facilities-list img{width: 115px;  height: 135px;}
	
	/*=============== CU TIMES 2026  ==========================*/
	
	.topHeadlinesContainer{flex-wrap: wrap;gap: 20px;}
	.topHeadlinesLeft {width: 100%; order: 1;}
	.topHeadlinesLeft h3{font-size: 16px;font-weight: 700;line-height: 24px;}
	.topHeadlinesLeft .news_imageHM{margin-bottom: 15px;}
	.topHeadlinesRight{width: 100%; order: 2; flex-direction: row;}
	.topHeadlinesRight li:last-child{display:none;}
	.topHeadlinesRight li{flex-wrap: wrap;gap: 10px; width: 50%;}
	.topHeadlinesRight img{width: 100%;  height: 92px;}
	.topHeadlinesRight li .news-info h4{font-size: 11px;font-weight: 700;line-height: 15.601px; /* 141.827% */letter-spacing: -0.256px;}
	.topHeadlinesRight li .news-info .published-date{color: #333;font-size: 8px;font-weight: 400;line-height: 11.144px; /* 139.295% */}
	.topHeadlinesSection{padding:40px 0px;}
	.topEventsSection{padding: 40px 0px 40px 0px;}
	.topEventsContainer{flex-wrap: wrap; gap: 20px;}
	.topEventsLeft{width: 100%;}
	.topEventsLeft .topEventDate p{font-size: 14px;line-height: 21px;}
	.topEventsLeft h3{font-size: 16px;font-weight: 700;line-height: 24px;}
	.topEventsLeft .news_imageHM{margin-bottom: 10px;}
	.topEventsRight{width: 100%; flex-direction: row;}
	.topEventsRight li{flex-wrap: wrap;gap: 10px; width: 50%;}
	.topEventsRight img{width: 100%;  height: 92px;}
	.topEventsRight li .news-info h4{font-size: 12px;font-weight: 700;line-height:16px; /* 141.827% */letter-spacing: -0.256px;}
	.topEventsRight li .news-info .topEventDate{color: #333;font-size: 8px;font-weight: 400;line-height: 11.144px; /* 139.295% */}
	.topEventDate p{color: #333;font-size: 8px;font-weight: 400;line-height: 11.144px;}
	.newsFilterForm select{margin: 20px 0px 20px 0px;width:100%;}
	.topSchoolSection{padding: 40px 0px 40px 0px;}
	#newsSection .eventsListItems {  padding-right: 0px;  padding-left: 0px; }
	.mostViewedSection .eventsListItems {  padding-right: 0px;  padding-left: 0px; }
	.mostViewedSection{padding: 40px 0px 40px 0px;}
	
	.UniversityGovernance_Banner h1{font-size: 35px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.366px;}
	.missionList li {padding: 24px 20px;}		
	.missionList li:nth-child(2){padding: 24px 20px;}
	.missionList li:nth-child(3){padding: 24px 20px;}
	.missionList li:nth-child(4){padding: 24px 20px!important;}
	
	/*================================== CAMPUS LEADERSHIP UPADTED 2026 ========================*/
	.campusLeadershipOverview{padding:40px 0px;}
	.campusLeadershipRedBlk{padding:40px 20px;}
	.campusLeadershipRedBlk h1{font-size: 32px;font-weight: 800;line-height: 42px;}
	.campusLeadershipSection{padding:40px 0px;}
	.campusLeadershipList{gap: 60px;}
	.leaderFlex{flex-wrap: wrap;}
	.leaderImg{width: 100%;  height: 350px;}
	.Dr-Ashok-K-Chitkara img{transform: scale(1);  object-position: 0px 0%;}
	.leaderItem:hover .Dr-Ashok-K-Chitkara img {transform: scale(1.1);}
	.Dr-Madhu-Chitkara img{transform: scale(1);  object-position: 0px 3%;}
	.leaderItem:hover .Dr-Madhu-Chitkara img {transform: scale(1.1);}
	.Dr-Niyati-Chitkara img{transform: scale(1);  object-position: 0px 0%;}
	.leaderItem:hover .Dr-Niyati-Chitkara img {transform: scale(1.1);}
	.leaderHeader .arrow{margin-top: 8px;}
	.leaderHeader .arrow .material-symbols-outlined{font-size: 20px;}
	.leaderHeader h5{font-weight: 600;}
	.campusLeadershipLegacy{padding:40px 0px;}
	.LegacyWrap{flex-wrap: wrap; gap: 35px;}
	.LegacyWrap h2{font-size: 26px;font-weight: 800;line-height: 38px;}
	.LegacyWrap h2::before{top: 50px;}
	.statsLeadershipRed{padding: 30px 0px;}
	.statsLeadershipRed .statBoxLS h3{font-size: 35px;font-weight: 800;line-height: 45px;}
	.statBoxLS::before{left: 10px;}
	.moreLeadersSection{padding:40px 0px; background: #F8F6F3;}
	.moreLeadersSection h2{font-size: 26px;font-weight: 800;line-height: 38px; margin-bottom: 15px;}
	.peopleList{margin-top:25px;}
	.peopleList li{flex: 1 1 100%;  max-width: 100%; padding: 8px 0 18px 0;}
	.peopleList li .arrow-icon{margin-top: 5px;font-size: 18px;}
	
	/*Contact Page New CSS Strats here*/
	.contact-list li{width:100%;}
	.contact-listBlock li {width: 100%;}
	.ContactUsTop{padding:40px 0px;}
	h3.head_queries{font-size: 26px;margin-bottom:15px;}
	.cupb_addressblock{padding:40px 0px;}
	.Jobs_Sec{padding:0 0 40px;}
	.contact-listBlock li span{display:block;}
	.Jobs_Sec .topbar{padding:40px 20px;}
    .Jobs_Sec .jobs_secJ{ flex-direction:column;}
	.LocationS{padding:0 0 40px;}

    /* change divider to horizontal */
   .Jobs_Sec .jobs_secJ li:last-child{padding-left: 0px;}
   .Jobs_Sec .jobs_secJ{gap:40px;}
   .Jobs_Sec .jobs_secJ li:first-child::after { top:120%; left: 50%; width: 80%;  height: 1px; transform: translate(-50%, -50%);
    background: linear-gradient( to right,  rgba(255,255,255,0) 0%,    #fff 50%,    rgba(255,255,255,0) 100%  );  }
	/*Contact Page New CSS Ends here*/
	
	/******************* STUDENT LIFE 2026 CSS *************/
	.clubsContainer{flex-wrap: wrap;gap: 5px;}
	.clubsLeft{flex: 100%;}
	.clubsRight {flex: 100%;  max-width: 100%;}
	.clubsLeft .seeAllBtn{display:none;}
	.clubsRight .seeAllBtn{display:flex; margin-top: 20px; justify-content: center;}
	.osa-section .seeAllBtn{margin-top: 20px; justify-content: center;}
	.osaInfrastructure .seeAllBtn{margin-top: 20px; justify-content: center;}
	.campusStats li{padding: 18px 28px;}
	.campusStats h3, .campusStats p{text-align: left;}
	.campusContent{gap: 30px;}
	.campusImage, .campusFeatures {flex: 0 0 calc(100% - 0px);}
	.experienceCampus{padding-bottom: 90px;}
	.CampusLifeList{flex-wrap:wrap;}
	.CampusLifeList li{flex: 0 0 calc(100% - 0px);}
	.academicEventsListSL{gap: 30px;margin:20px 0 0 0;}
	.academicEventsCont{flex: 100%;}
	.academicEventsImage{display:none;}
	.academicEventsListSL li::before{width: 1px;}
	.chdWrapper{gap: 30px;}
	.chdImage{flex: 100%; display: flex;}
	.mainImg{object-fit: cover;  height: 275px;}
	.smallImg{width: 130px; height: 130px; bottom: 15px; top: auto; right: 15px; }
	.chdContent{flex: 100%;}
	#testimonialsSec{background: #FAFAFA;}
	.testimonial-section{display:none;}
	.testimonialForMob{display:block;}
	.testimonial-col{width:100%; gap: 18px;}
	.testimonial-col li{border: 1.092px solid #E5E7EB;background: #FFF;}
	.testimonials-mobile-more li{display:none;}
	.testimonials-mobile-more li:nth-child(-n+4){ display:block; }
	.hero-content h1{font-size:35px;line-height: 40px;}
	/* OSA PAGE*/
	.OSAOverview, .OSANewsSection, .NSSNewsSection, .CSRActivitiesSection{padding:40px 0px;}
	.osaOverviewList{flex-wrap:wrap; gap: 25px;}
	.osaOverviewList li{flex: 100%;}
	.OSAEventDate{color: #000;font-size: 14px;font-weight: 400;line-height: 22px;letter-spacing: -0.76px;}
	.OSAEventContent h3{color: #1A1A1A;font-size: 18px;font-weight: 600;line-height: 26px;letter-spacing: -0.76px;}
	#OSAEventsList .owl-nav {position: absolute;top: 48%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
	#OSAEventsList .owl-nav .material-symbols-outlined{color:#fff;}
	#OSAEventsList .owl-nav .owl-prev {left: -15px; position: absolute;}
	#OSAEventsList .owl-nav .owl-next {right: -15px;  position: absolute;}
	#OSAEventsList .owl-nav .owl-prev{height:36px;width:36px; background:#000; color: #fff; border-radius: 36px;border: 0px;box-shadow: none;line-height:0px}
	#OSAEventsList .owl-nav .owl-next{height:36px;width:36px;background:#000; color: #fff; border-radius: 36px;border: 0px;box-shadow: none;line-height:0px}
	
	#NSSEventsList .owl-nav {position: absolute;top: 48%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
	#NSSEventsList .owl-nav .material-symbols-outlined{color:#fff;}
	#NSSEventsList .owl-nav .owl-prev {left: -15px; position: absolute;}
	#NSSEventsList .owl-nav .owl-next {right: -15px;  position: absolute;}
	#NSSEventsList .owl-nav .owl-prev{height:36px;width:36px; background:#000; color: #fff; border-radius: 36px;border: 0px;box-shadow: none;line-height:0px}
	#NSSEventsList .owl-nav .owl-next{height:36px;width:36px;background:#000; color: #fff; border-radius: 36px;border: 0px;box-shadow: none;line-height:0px}
	
	.NSSNewsSection .seeAllBtn, .OSANewsSection .seeAllBtn{margin-top:20px;}
	
	.csr-wrapper{flex-wrap:wrap; gap: 30px;}
	.csr-left, .csr-right{width:100%;}
	.CSRActivitiesSection h2{color: var(--Primary-Color-Primary-Dark, #111);font-size: 26px;font-weight: 800;line-height: 38px;letter-spacing: -0.76px;}
	.audioContent h2{font-family: Inter;font-weight: 700;font-style: Bold;font-size:14px;line-height: 150%;letter-spacing: -0.76px;text-align: center;}
	.audioContent .playBtn{width:50px;height:50px;}
	.audioContent .time{font-size:11px;width:auto;}
	.audioContent .fallback{font-size:11px;margin-top:10px;}
	.audioContent .playBtn span{font-size:35px;}
	.radioFM{padding: 40px 0px;}
	.audioContent .fallback a{font-weight:500;text-decoration:underline;}
	.volumeControl .material-symbols-outlined{font-size: 24px;color:#fff;}
	.progressWrapper{margin-bottom:4px;}
	.playBtn{margin:0 auto 10px;}
	.radioFMBanner{background-position: center 0%;}
	.card-top .iosWrapN h4{font-size:18px;}
	.card-top .iosWrapN p{font-size:10px;}
	.CESCentresSection, .cesCenterSecond{padding: 40px 0px;}
	.CESCentresSection h1{font-size: 32px; line-height: 42px;}
	.cesCenterSecond .centres-section h3{text-align: left; line-height: 36px; font-size: 26px;}
	.cesCenterSecond .centres-section p.paraTxt{text-align: left;}
	.cesCentresList li{flex: 0 0 calc(100% - 0px);}
	.cesCentresList li .contentCES h4{font-size: 16px;min-height:auto;}
	.experienceBTxt h4{font-size: 20px;line-height:30px;letter-spacing:-0.3px;}
	.experienceBTxt{left:15px;}
	 .bg_img {
    display: none;
  }
   .bg_img_mob {
    display: block;
    clear: both;
    padding-top: 35px;
  }
}
	
	
}	
@media only screen and (min-width: 359px) and (max-width: 385px) {
	
	
}

@media only screen and (min-width: 300px) and (max-width: 479px) {
	
	.leadership-list li{max-height: 250px;}
	.leaderImg {  height: 250px; }
}