.closed_butn{
display:none;
}

.centers_button{
display:none;
transition: all 0.3s ease-in-out;
z-index: 3;

}
.notification-icon{
border-radius: 100px;
background: transparent;
box-shadow:none;
display: flex;
width: 24px;
height: 24px;
justify-content: center;
align-items: center;
gap: 8px;
z-index:2;
transition: all 0.3s ease-in-out;
}
.centers_button::after {
z-index: 1;
content: "";
position: absolute;
width: 24px;
height: 24px;
background: #fff;
border-radius: 100px;
right: 10px;
transition: all 0.3s ease-in-out;
}
.centers_button:hover{
color: #1f6fff !important;
border: 1px solid #ffffff;
}

.centers_button:hover::after {
height: 36px;
width: 95%;
right: 5px;
z-index: -1;
}
.centers_button:hover .notification-icon{
transform: rotate(45deg);
}
.banner-overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(17, 108, 248, 0.00) 0%, rgba(19, 41, 88, 0.34) 100%);
z-index: 2;
pointer-events: none;
}
#banner_image {

min-height: 100%;
overflow: hidden;
}
.side-notification-btn {
position: absolute;
right: -65px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
background: #1f6fff;
color: #fff !important;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 2px;
padding: 14px 22px;
border-radius: 12px 12px 0 0;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
z-index: 9;
}
.notification_modal.modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1000;
opacity: 0;
transition: opacity 0.3s ease;
}

.modal-overlay.active {
display: block;
opacity: 1;
}

/* Modal Content */
.notification_modal .modal-content {
position: fixed;
top: 61%;
right: -13.5%;
transform: translate(-50%, -50%) scale(0.9);
background: transparent;
border-radius: 32px;
max-width: 554px;
width: 100%;
max-height: 69vh;
box-shadow: none;
z-index: 1001;
opacity: 0;
transition: all 0.3s ease;
overflow: hidden;
border: none;
}

.notification_modal.modal-overlay.active .modal-content {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}

/* Tab Navigation */
.notification_modal .tab-navigation {
display: flex;
background: #1f6fff;
border-radius: 32px 32px 0 0;
overflow: hidden;
padding: 20px 20px 0;
}

.tab-btn {
flex: 1;
padding: 12px;
background: #1f6fff;
color: #fff;
border: none;
font-size: 18px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
border-bottom: 3px solid transparent;
margin: 0px 0 0 0px;
border-radius: 20px 20px 0 0;
border-bottom: 1px solid transparent;
}

.tab-btn:hover {
background: transparent;
}

.tab-btn.active {
background: #fff;
color: #333;
border-radius: 20px 20px 0 0;
border-bottom: 1px solid #1f6fff4d;
}

/* Tab Content Area */
.tab-content-wrapper {
padding: 16px;
max-height: calc(85vh - 80px);
overflow-y: auto;
background:white;
overflow-x:hidden;
}

.tab-content {
display: none;
}
.notification_modal .tab-content{
padding: 0rem 0 !important;
max-height: 400px;
overflow: auto;
}

.tab-content.active {
display: block;
animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/* Content Items */
.content-item {
padding: 16px;
margin-bottom: 16px;
border-left: 0;
transition: all 0.3s ease;
border-radius: 30px;
background: #ECF3FF;
}


.content-item:last-child {
margin-bottom: 0;
}

.item-date {
color: #4b5262;
font-size: 14px;
margin-bottom: 7px;
font-weight: 500;
font-family: 'Poppins';
}

.item-title {
color: #0F172A;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 32px;
}

.item-desc {
font-size: 14px;
line-height: 1.6;
overflow: hidden;
color: #4B5262;
height: 52px;
font-family: 'Poppins';
}
.tab-content-wrapper::-webkit-scrollbar {
display:none;
}
.notification_modal .tab-content::-webkit-scrollbar {
display:none;
}


/* Empty State */
.empty-state {
text-align: center;
padding: 40px 20px;
color: #999;
}

.empty-state-icon {
font-size: 48px;
margin-bottom: 15px;
}


.social-icon{
border-radius: 30px;
background: #FFF;
width: 36px;
height: 36px;
justify-content: center;
align-items: center;
display:flex;
transition:all 0.4s ease-in-out;
}
.social-icon svg path{
transition:all 0.4s ease-in-out;
}
.social-icon:hover{
background:#116CF8;
}
.social-icon:hover svg path{
fill:white;
}
.social-icons {
position: absolute;
top: 50%;
display: flex;
flex-direction: column;
gap: 30px;
right: 102px;
transform: translateY(-50%);
opacity: 1;
z-index:2;
}
.banner, .dark {
height: 80vh;
width: 100%;
}

.centeres{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
margin: 0 0px 0 100px;

}
.centersh2{
color: #FFF;
font-family: Poppins;
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
}
.centersh4{
color: #FFF;
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.33);
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 45px;
letter-spacing: -0.64px;

}
.centersp{
color: #FFF;
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.33);
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px;
letter-spacing: -0.4px;
}
.bottombar {
width: 100%;
}
.announcement-section {
display: flex;
background: #EEF7FF;
overflow: hidden;
}
.announcement-head {
width: auto;
background: #116CF8;
box-shadow: 2px 0px 5.8px 0px rgba(0, 0, 0, 0.14);
padding: 10px 25px 10px 100px;
border-radius: 0;
color: #FFF;
font-family: Poppins;
font-size: 18.964px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-align: center;
min-width: 266px;
color: #FFF;
font-family: "Plus Jakarta Sans";
display: flex;
align-items: center;
z-index: 4;
clip-path: polygon(0% 0, 100% 0%, 93% 100%, 0% 100%);
}
.announcement-text {
width: 100%;
padding: 12px 0px;
overflow: hidden;
background:#EEF7FF;
left: -20px;
z-index: 1;
}
.announcement-items {
will-change: transform;
animation: marquee 30s
linear infinite;
display: flex;
align-items: center;
z-index: 2;
position: relative;
width: 100%;
overflow: visible;
white-space: nowrap;
gap: 7px;
}
@keyframes marquee {
0% {
transform: translateX(100%);
}

100% {
transform: translateX(-70%);
}
}

.announcement-section:hover .announcement-items {
animation-play-state: paused;
}

#announce-item a {
display: block;
color: #0F172A;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}

#announce-item {
margin: 0;
display: flex;
align-items: center;
gap: 7px;
}

/*About us Section*/

.mes_container{
position:relative;
margin:0 100px;
}
.feature-section {
padding: 0px 100px;
}

.feature-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}

.feature-card {
background: #eef5ff;
border-radius: 20px;
padding: 30px 20px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
transition: transform 0.3s ease;
}

.feature-card img {
max-width: 80px;
height: auto;
margin-bottom: 15px;
}
.feature-card h2 {
color: #132958;
font-family: "Plus Jakarta Sans";
font-size: 52px;
font-style: normal;
font-weight: 800;
line-height: normal;
}

.feature-card p {
color: #132958;
text-align: center;
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px;
margin: 0;
}

/* Hover (optional) */
.feature-card:hover {
transform: translateY(-5px);
}
#counter-card{
gap: 32px;
}

/*Admission Section*/

.admission-section {
padding: 40px 0px;
}

.admission-card {
margin: 0 100px;
background: #f2f7ff;
border-radius: 28px;
display: flex;
align-items: center;
overflow: hidden;
}

/* Left */
.admission-content {
background: #1666e8;
color: #fff;
padding: 50px 0px 50px 100px;
flex: 1;
border-radius: 28px 0 0;
margin: 0;
height:260px;
}

.admission-content h3 {
font-size: 24px;
font-weight: 500;
margin-bottom: 4px;
font-family: Poppins;
line-height: 32px;
}

.admission-content p {
font-size: 18px;
line-height: normal;
margin-bottom: 24px;
opacity: 0.9;
font-weight: 500;
font-family: Poppins;
width: 517px;
}

/* Button */
#apply-btn {
border: 1px solid #fff;
color: #fff;
z-index: 1;
background: #116CF8;
}
#apply-btn .mes_buttn-icon{
background: #fff;
}
#apply-btn:hover{
color:#116CF8;
}
#apply-btn:hover::after {
z-index: -1;
background: #fff;
width:93%;
}

/* Right */
.admission-image {
flex: 1;
height: 260px;
}

.admission-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0 28px 28px 0;
}

/*Academic Programme*/

.mes_h2{
color: #0F172A;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.mes_p{
color: #4B5262;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.mes_buttn{
color: #116CF8;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
display: flex;
padding: 10px 10px 10px 12px;
align-items: center;
gap: 8px;
transition: all 0.3s ease-in-out;
border-radius: 100px;
border: 1px solid #116CF8;
width: fit-content;
position:relative;
}
.mes_buttn-icon {
border-radius: 100px;
background: #1f6fff;
box-shadow: none;
display: flex;
width: 26px;
height: 26px;
justify-content: center;
align-items: center;
gap: 8px;
z-index: 2;
transition: all 0.3s
ease-in-out;
}
.mes_buttn:hover{
color:white;
}
.mes_buttn:hover .mes_buttn-icon {
transform: rotate(45deg);
}
.mes_buttn::after {
z-index: 1;
content: "";
position: absolute;
width: 26px;
height: 26px;
background: #1f6fff;
border-radius: 100px;
right: 10px;
transition: all 0.3s
ease-in-out;
}
.mes_buttn:hover::after {
height: 37px;
width: 95%;
right: 5px;
z-index: -1;
}
.sub_ttl{
color: #116CF8;
font-family: "Plus Jakarta Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
display:flex;
gap:12px;
align-items:center;
}
.view_more{
position:absolute;
right:0;
top:50%;
color: #116CF8;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px
}
.sliding-container {
position: relative;
overflow: hidden;
display: flex;
flex: 1;
height: 100%;
z-index: 2;
}
.sliding-inner {
position: relative;
height: 340px;
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
padding-left: 0px;
}
.slide {
position: absolute;
/* font-size: 90px; */
font-weight: 700;
color: rgba(255,255,255,0.9);
display: flex;
margin-right: 32px;
height: auto;
flex-direction: column;
flex: 0 0 auto;
width: calc(424px - 20px);
}
.programme_card{
width: 424px;
height:316px;

}
.programme-card{

border-radius: 32px;
margin-right:32px;

}
.programme-card-image{
height: 180px;
width:auto;
border-radius: 32px 32px 0 0;
object-fit:cover;
overflow:hidden;
}
.programme-card-image img{
object-fit:cover;
width:100%;
height:100%;
}
.programme-card-box{
display: flex;
height: 136px;
padding: 24px 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 23px;
align-self: stretch;
border-radius: 0 0 32px 32px;
border: 1px solid #DAEDFE;
background: #FFF;
}
.programme-card-name{
overflow: hidden;
color: #0F172A;
text-overflow: ellipsis;
margin:0;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 155.556% */
min-height:56px;
max-height:56px;
width:100%;


}
.course-detail-btn{
color: #116CF8;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline !important;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
transition:all 0.3s ease-in-out;
}
.course-detail-btn:hover{
color: #054ab5;

}
#view_btn{
display:none;
}

/*Facilities Section*/

.slides-container {
position: relative;
overflow: hidden;
display: flex;
flex: 1;
height: 100%;
z-index: 2;
padding-top:32px;
}
.slides-inner {
position: relative;
height: 431px;
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
padding-left: 0px;
}
.facilities_card{
width: 424px;
height:431px;

}
.facilities-card{

border-radius: 32px;
margin-right:32px;

}
.facilities-card-image{
height: 100%;
width:auto;
border-radius: 32px;
object-fit:cover;
overflow:hidden;
z-index:1;
}
.facilities-card-image::after {
content: "";
position: absolute;
bottom: -22px;
left: 0;
width: 100%;
height: 102px;
background: #132958;
transform: skewY(6deg);
z-index:0;
transition:all 0.4s ease-in-out;
}
.facilities-card-image img{
object-fit:cover;
width:424px;
height:431px;
border-radius:32px;
transition:all 0.4s ease-in-out;
}
.facilities-card-box{
padding: 4px 24px;
color: white;
position:absolute;
bottom:0;
display:flex;
align-items:center;
height:102px;
width:100%;

transition:all 0.4s ease-in-out;
}
.facilities-card-box::before {
content: "";
position: absolute;
bottom: 76px;
left: 0;
width: 100%;
height: 6px;
background: #116CF8;
transform: skewY(6deg);
z-index:1;
transition:all 0.4s ease-in-out;
}

.facilities-name{
overflow: hidden;
color: #FFF;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
min-height:27px;
max-height:27px;
width:100%;
z-index:1;
}

/* Hover effect */
.facilities-card:hover .facilities-card-image::after {
background-color: #116CF8;
}

.facilities-card:hover .facilities-card-box::before {
background-color: #132958;
}
.facilities-card:hover .facilities-card-image img{
scale:1.1;
}

/*Explore MESKC*/

.explore-box {
display: flex;
align-items: center;
justify-content: space-between;
background: #146CF6;
padding: 32px;
border-radius: 32px;
gap: 32px;
flex-wrap: wrap;
}

/* LEFT SIDE */

.explore-left {
display: flex;
align-items: center;
gap: 32px;
color: #fff;
flex: 1;
}

.play-btn {
width: 50px;
height: 50px;
background: white;
color: #146CF6;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
cursor: pointer;
flex-shrink: 0;
}

.explore-text h3 {
color: #FFF;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.explore-text p {
color: #FFF;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:4px 0;

}
.explore-right{
flex: 1;
}

/* RIGHT IMAGE */

.explore-right img {
width: 100%;
height: 88px;
object-fit: cover;
border-radius: 32px;
}
/*Internationalization Section*/

.card-stack-section {
position: relative;
padding: 32px 0px 0;
}

.card-stack-container {
max-width: 100%;
margin: 0;
padding: 0 100px;
position: relative;
border-radius: 67px;
}

.highlight-card {
display: flex;
gap: 32px;
background: #012B67;
padding: 36px;
border-radius: 67px;
flex-wrap: wrap;
margin-bottom: 60px;
position: sticky;
top: 100px;
transition: transform 0.35s ease-in-out;
transform-origin: center top;
transform: translateY(0vh) scale(1) translateZ(0px);
will-change: transform;
}

.highlight-image {
width: 452px;
height: 413px;
flex-shrink: 0;
}

.highlight-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 44px;
}

.highlight-content {
color: white;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
min-width: 300px;
}

.highlight-card:last-child {
margin-bottom: 0;
}

.highlight-card {
display: flex;
gap: 32px;
background: #012B67;
padding: 36px;
border-radius: 67px;
flex-wrap: wrap;
}
.highlight-image{
width: 452px;
height: 413px;
}

.highlight-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 44px;
}

/* TEXT AREA */

.highlight-content {
color: white;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.highlight-text {
color: #FFF;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px;
}

.highlight-footer strong {
overflow: hidden;
color: #FFF;
text-overflow: ellipsis;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.highlight-footer span {
overflow: hidden;
color: #FFF;
text-overflow: ellipsis;
white-space: nowrap;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
/*Awards Section*/
.awards-section {
    background: #ECF3FF;
    height: 100%;
    padding:0;
}
.awards-sec {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    gap: 80px;
    align-items: center;
}
.awards-sec1 {
    position: relative;
    width: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-left: 100px;
    flex-direction: column;
    transition: all 1s;
    transition-delay: .2s;
    gap: 12px;
    z-index: 2;
}
.award-remark-moment {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}
.remark-moment{
color: #116CF8;
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.award-head{
color: #0F172A;
font-family: Poppins;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
width:380px;
}
.award-description{
color: #4B5262;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
padding-top:32px;
padding-bottom:22px;
width:380px;
}
.slid-container {
position: relative;
overflow: hidden;
display: flex;
flex: 1;
height:100%;
z-index:2;
}

.slides-inner .slide {
position: absolute;
font-size: 90px;
font-weight: 700;
color: rgba(255,255,255,0.9);
display: flex;
margin-right: 32px;
height: auto;
flex-direction:column;
flex: 0 0 auto;
width: 422px;
}
.awards-section .slides-inner {
position: relative;
height: 700px;
width: 100%;
overflow: hidden;
display:flex;
align-items:center;
padding-left:15px;
}
.award-image{
height: 431px;
width: 390px;
border-radius: 32px 32px 0 0;
}
.award-image img {
height: 100%;
object-fit: cover;
object-position: top center;
width: 390px;
border-radius: 32px 32px 0 0;
}
.award-content{
border-radius: 0px 0px 32px 32px;
border-top: 5px solid #116CF8;
background: #FFF;
display: flex;
padding: 10px 24px;
flex-direction: column;
align-items: flex-start;
gap: 12px;
height: 202px;
width: 390px;
overflow: hidden;

}
.award-title{
color: #0F172A;
font-family: Poppins;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 32px;
padding: 0;
max-height:56px;
}
.award-para{
color: #4B5262;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
max-height: 76px;
}
#readingmore{
padding: 12px 0;
}

/*Youtube Sections*/

#shorts_container{
margin:0 0 0 100px;
}

.shorts {
overflow: hidden;
padding: 40px 0;
background: #ffffff;
}
.wrapping {
padding:24px 0 0;
display:flex;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
display: flex;
}
.box {
width: 385px;
height: 450px;
flex-shrink: 0;
cursor: pointer;
position: relative;
will-change: transform;
border-right: 1px solid rgba(17, 108, 248, 0.00);
}
.video-container {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
background: linear-gradient(109deg, rgb(4 78 191) 9.59%, rgb(0 0 0) 100%);
transition: transform 0.3s ease-in-out;
z-index:2;
}
.video-thumbnail {
width: 100%;
height: 100%;
object-fit: cover;
object-position:center;
z-index:1;
opacity:0.7;
position:relative;
}

.play-overlay {
position: absolute;
left:30px;
bottom:109px;
transition: transform 0.3s ease-in-out;
z-index:2;
}

.box:hover .play-overlay {
transform: scale(1.1);
}

.video-container iframe {
width: 100%;
height: 100%;
}

.video-info {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
padding: 20px 15px 20px 30px;
color: white;
z-index:2;
}

.video-info h3 {
margin: 0;
overflow: hidden;
color: #FFF;
text-overflow: ellipsis;
font-family: "Plus Jakarta Sans";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

/* Updates Campus */
.campus-updates-wrapper {
overflow: hidden;
margin: 0 auto;
cursor: grab;
width:100%;
}

.campus-updates-wrapper:active {
cursor: grabbing;
}

.updates_card {
display: flex;
gap: 32px;
transition: transform 0.5s ease;
}

.update-campus {
display: flex;
gap: 32px;
align-items: center;
background: #fff;
border-radius: 20px;
padding: 24px 0 0;
max-width: 765px;
padding-left: 0;
min-width: 765px;
flex-shrink: 0;
}

.news-image img {
width: 355px;
height: 242px;
object-fit: cover;
border-radius: 32px;
pointer-events: none;
}

.news-content {
flex: 1;
max-width: 408px;
}

.news-date {
color: #4B5262;
font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 28px;
display: block;
margin-bottom: 12px;
}

.news-content h3 {
color: #0F172A;
margin: 0;
margin-bottom: 12px;
font-family: Poppins;
font-size: 24px;
font-weight: 500;
line-height: 32px;
}

.news-content p {
color: #4B5262;
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin-bottom: 0px;
}

.course-detail-btn {
color: #2563EB;
text-decoration: none;
font-weight: 500;
display: inline-flex;
margin-top: 0px;
}
.achievements_card .facilities-card-image{
position:relative;
}
.achievements_card .facilities-card-image img{
width: 360px;
height: 537px;
border-radius: 32px;
}
#achieve_container{
margin:0 0px 0 100px;
}
/*Honest Feedback*/
.video-wrapper {
max-height:504px;
height:100%;
width:379px;
overflow:hidden;
position:relative;
border-radius:32px;
}

.video-track {
display:flex;
flex-direction:column;
gap:16px;
}

.video-card {
width:100%;
height:380px;
border-radius:18px;
overflow:hidden;
background:#000;
cursor:pointer;
}

.video-card video {
width:100%;
height:100%;
object-fit:cover;
}
.honest_section{
display:flex;
flex-wrap:wrap;
gap:32px;
}
.feedslider-container {
overflow: hidden;
margin-bottom: 0px;
height: 236px;

}

.slider-track {
display: flex;
gap: 24px;
animation: scroll 30s
linear infinite;
width: 100%;
margin: 0;
height: 236px;
}

.slider-track:hover {
animation-play-state: paused;
}

/* Second row with reverse animation */
.feedslider-container:nth-child(2) .slider-track {
animation: scroll-reverse 30s linear infinite;
}
.feedslider-container:nth-child(2) .slider-track:hover {
    animation-play-state: paused;

}

@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}

@keyframes scroll-reverse {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0);
}
}

.testimonial-card {
min-width: 398px;
max-width: 446px;
height: 236px;
background: #e8f0fe;
border-radius: 32px;
padding: 24px;
flex-shrink: 0;
}

.cards-header {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}

.avatar {
width: 73px;
height: 73px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;

}

.avatar img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}

.user-info h3 {
overflow: hidden;
color: #0F172A;
text-overflow: ellipsis;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 8px;
}

.user-info p {
overflow: hidden;
color: #4B5262;
text-overflow: ellipsis;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.testimonial-text {
color: #4B5262;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.wrap_flexbox{
display: flex;
flex: 1;
overflow: hidden;
flex-wrap: wrap;
border-radius: 32px;
gap: 24px;
height: 100%;
}
.profile-section {
padding: 32px 0 0 ;
}

.profile-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 32px;
max-width: 100%;
text-align: center;
}

.profile-card {
display: flex;
flex-direction: column;
align-items: center;
}

.profile-img {
width: 308px;
height: 308px;
border-radius: 50%;
background: #DAEDFE;
}

.profile-img img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}

.profile-name {
color: #0F172A;
text-align: center;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 161%;
padding-top:24px;
}

.profile-role {
color: #4B5262;
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 161%;
}
.profile-card:nth-child(1),
.profile-card:nth-child(3) {
padding-top: 50px;
}

.profile-card:nth-child(2),
.profile-card:nth-child(4) {
padding-bottom: 50px;
}
.gallery-section {
position:relative;
}

/* Masonry effect */
.gallery-grid {
column-count: 3;
column-gap: 32px;
}

.gallery-item {
break-inside: avoid;
margin-bottom: 32px;
border-radius: 32px;
overflow: hidden;
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
transition: transform 0.3s ease;
}

.gallery-item img {
width: 100%;
display: block;
object-fit: cover;
}

.gallery-item:hover {
transform: translateY(-6px);
}
.gallery-item {
max-width: 423px;
}

/* Tall cards */
.gallery-item:nth-child(1),
.gallery-item:nth-child(4),
.gallery-item:nth-child(5) {
height: 472px;
}

/* Short cards */
.gallery-item:nth-child(2),
.gallery-item:nth-child(3),
.gallery-item:nth-child(6) {
height: 369px;
}

/* Force image to fit container */
.gallery-item img {
height: 100%;
width: 100%;
object-fit: cover;
}
.gallery-item img {
transition: transform 0.4s ease;
}

.gallery-item:hover img {
transform: scale(1.05);
}
.gallery-item:nth-child(2),
.gallery-item:nth-child(4),
.gallery-item:nth-child(6) {
margin-bottom:0;
}





@media (max-width: 1305px) {
.centeres{
margin: 0 0px 0 160px;
}
.announcement-head {
padding: 10px 25px 10px 20px;
}
.mes_container {
margin:0 16px;
}
.feature-section {
padding: 0px 16px;
}
.admission-card {
margin: 0 16px;
}
.card-stack-container{
padding: 0px 16px;
}
.highlight-image {
width: 352px;
height: 313px;
}
.highlight-text{
font-size:18px;
line-height: normal;
}
 .awards-sec1 {
 padding-left:16px;
 }

}
@media (max-width: 1200px) {
.centeres {
margin: 0 20px;
}
.centersh2 {
font-size: 36px;
}
.centersh4 {
font-size: 27px;
}
.centersp {
line-height: normal;
font-size: 18px;
}
#shorts_container{
margin:0 20px;
}
#achieve_container{
margin:0 0px 0 20px;
}

}

/* Tablet */
@media (max-width: 992px) {
.social-icons {
display:none;
}
.centeres {
width: 100%;
margin: 0;
padding: 0 16px;
}
.centersh2 {
font-size: 16px;
text-align: center;
width: 100%;
}
.centersh4 {
color: #FFF;
text-align: center;
text-shadow: -1px 1px 0.8px rgba(0, 0, 0, 0.33);
font-family: Poppins;
font-size: 21px;
font-style: normal;
font-weight: 700;
line-height: 30px;
letter-spacing: -0.44px;
}
.centersp {
color: #FFF;
text-align: center;
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.33);
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.32px;
width: 100%;
padding: 0;
}
.side-notification-btn{
display:none;
}
.centers_button {
right: auto;
top: 76%;
left: 50%;
transform: translate(-50%, -50%);
background: #1f6fff;
color: #fff !important;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 2px;
z-index: 9;
border-radius: 100px;
border: 1px solid #FFF;
box-shadow: none;
display: flex;
height: auto;
padding: 10px 10px 10px 12px;
align-items: center;
gap: 8px;
position: absolute;
}
.banner-overlay {
background: linear-gradient(180deg, rgba(17, 108, 248, 0.00) 0%, rgb(19 41 88 / 58%) 100%);
}
.notification_modal .modal-content{
top: 44%;
width: 92%;
left: 50%;
right:auto;

}
.notification_modal .tab-navigation{
padding: 16px 16px 0;
}
.tab-btn {
padding: 8.5px;
}
.content-item {
padding: 10px;
margin-bottom: 10px;
border-left: 0;
border-radius: 10.975px;
}
.item-date {
font-size: 12px;
margin-bottom: 4px;
}
.item-title {
font-size: 16px;
line-height: 22px;
margin-bottom: 2px;
}
.item-desc {
font-size: 14px;
height: 44px;
line-height: 22px;
}
.closed_butn{
color: #116CF8;
text-align: center;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
border: none !important;
background: white;
padding: 4px 0;
box-shadow: none;
outline: none;
display:block;
margin-top: -2px;
width: 100%;
padding-bottom: 20px;
}
.announcement-head {
display: none;
}

.admission-card {
flex-direction: column;
padding-bottom: 90px;
margin: 0 16px;
background: #1666e8;
border-radius: 32px;
}

.admission-content {
margin: 0px;
border-radius: 24px;
text-align: center;
padding: 16px;
width: 100%;
}

.admission-image img {
border-radius: 32px;
height: 286px;
object-position: top right;
}
.admission-content p{
font-size: 14px;
line-height: 20px;
width: 100%;
max-width: 348px;
font-family: 'Inter';
margin: auto;
}
.admission-image {
flex: 1;
height: 286px;
width: 100%;
padding: 16px;
border-radius: 32px;
margin: auto;
}
#apply-btn {
border: 1px solid #fff;
color: #fff;
z-index: 1;
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
}
#mes_container{
border-radius: 32px;
border: 1px solid #C1DAFF;
background: #ECF3FF;
padding:16px;
}
.sliding-inner{
height:316px;
}
.view_more{
display:none;
}
#view_btn{
display:flex;
margin:16px auto 0;
}
.sub_ttl {
font-size:14px;
justify-content:center;
}
.sub_ttl svg{
display:none;
}
.mes_h2{
font-size:22px;
line-height:28px;
letter-spacing: -0.44px;
text-align:center;
margin-bottom:16px;
}
.pt40{
padding-top:24px !important;
}
.pb40{
padding-bottom:24px !important;
}
.admission-section {
padding: 24px 0px;
}
.programme_card{
width:100%;
}
.programme-card{
margin:0 10px;
}

.slides-inner{
height:283px;
}
.facilities_card{
width:100%;
height:283px;
}
.facilities-card{
margin:0 10px;
}
.facilities-card-image img{
width:100%;
height:283px;
}
.feature-grid {
grid-template-columns: repeat(2, 1fr);
}
.slide{
margin-right:16px;
}
.facilities-card-image::after{
height:110px;
transform:skewY(4deg);
}
.facilities-card-box::before{
bottom:88px;
transform:skewY(4deg);
}
.explore-box{
padding:16px;
gap: 16px;
}
.explore-left{
gap: 16px;
}
.explore-right {
display: none;
}
.explore-text h3{
font-size:20px;
}
.explore-text p{
font-size:16px;
}
.explore-left svg{
width:52px;
height:52px;
}
.highlight-content{
min-width:100%;
}
.highlight-card{
border-radius: 32px;
padding:16px;
gap:16px;
}
.highlight-image {
width: 100%;
height: 413px;

}
.highlight-image img{
border-radius: 32px;
}
.highlight-text{
font-size:16px;
line-height: normal;
}
.highlight-footer strong{
font-size:16px;
}
.highlight-footer span{
font-size:14px;
}
#internationalization_container {
border-radius: 0;
border: none;
background: transparent;
padding: 0;
}
.card-stack-section {
position: relative;
padding: 0px 0px 24px 0;
}
.awards-sec1{
padding: 16px;
padding-bottom:0;
}
#mes__btn{
margin:auto;
}
.award-remark-moment{
width:100%;
text-align:center;
justify-content: center;
}
.award-remark-moment svg{
display:none;
}
.award-head{
color: #0F172A;

text-align: center;
font-family: Poppins;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 127.273% */
letter-spacing: -0.44px;
width:100%;
}
.award-description{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
padding-top:16px;
padding-bottom:16px;
width:100%;
}
.awards-section {
background: #ECF3FF;
height: 100%;
padding: 0;
margin: 0 16px;
border: 1px solid #ECF3FF;
border-radius: 32px;
padding-bottm:60px;
}
#shorts_container{
margin:0 16px;
}
.slides-inner .slide{
width:280px;
}

.awards-section .slides-inner{
height:450px;
}
.award-image{
height:268px;
width:264px;
}
.award-image img{
width:264px;
}
.awards-sec{
gap:0px;
}
.award-content{
width:264px;
height:129px;
gap:7px;
padding: 6.24px 14.975px;
box-shadow:none;
}
.award-title{
max-heigth:34px;
font-size: 14.975px;
font-style: normal;
font-weight: 500;
line-height: 120%;

}
.award-para{
max-height: 46px;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
overflow:hidden;
}
#readingmore{
padding:7px 0 ;
font-family: Poppins;
font-size: 12px;
font-weight: 500;
line-height: normal;
margin-top:0;
}
#short_container{
padding: 16px;
margin:0;
}
.updates_card{
gap:16px;
}
.update-campus{
   max-width: 100%;
    min-width: 100%;
    gap: 16px;
    flex-wrap:wrap;
    justify-content:space-around;
}
.news-image img{
width:100%;
height:155px;
border-radius:15px;
min-width:300px;
}
.news-content{
max-width:292px;
}
.news-date{
font-size: 12px;
line-height: 12px;
}
.news-content h3{
font-size: 16px;
line-height: 15.336px;
}
.news-content p{
font-size: 14px;
line-height: 20px;
}
#achieve_container{
margin:0 0px 0 20px;
}
.achievements_card .facilities-card-image img{
width: 264px;
height: 394px;
}
.testimonial-card {
min-width:280px;
max-width: 332px;
height: 209px;
overflow: hidden;
padding: 10px;
}
.user-info h3{
font-size:16px;
margin-bottom:0;
}
.slider-track {
height: 209px;
animation: scroll 6s
linear infinite;
gap:16px;
}
.testimonial-text{
max-height: 100px;
overflow: hidden;
}
.profile-section {
padding: 0;
}
.profile-card:nth-child(1){
padding-top: 16px;
}
.profile-card:nth-child(2), .profile-card:nth-child(3), .profile-card:nth-child(4){
display:none;
}
.feedslider-container {

height: 209px;
}
.feedslider-container:nth-child(2){
display:none;
}
.gallery-grid {
column-count: 2;
column-gap: 9px;
width: 100%;
}
.gallery-item {
height: 134px !important;
max-width: 100%;
margin-bottom: 9px ! IMPORTANT;
border-radius: 9.133px;
min-width: 50% ! IMPORTANT;
width: 100% !important;
}

}

@media (max-width: 992px) and (min-width: 600px) {
.centersh2 {
font-size: 26px;
}
.centersh4 {
font-size: 25px;
}
.centers_button {
top: 68%;
}
}

/* Mobile */
@media (max-width: 600px) {
.admission-content {
padding: 16px;
padding-bottom: 0;
width: 100%;
}
.admission-image img {
object-position:-250px;
}
.admission-content h3 {
font-size: 20px;
}
.admission-card{
padding-bottom: 70px;
}
.feature-grid {
grid-template-columns: 1fr;
}
.centers_button {
top:71%;
}
}

@media (max-width: 430px) {
.centersh4 {
font-size:23px;
}
.centersp {
font-size:15px;
}
.centers_button {
top:72%;
}
}
@media (max-width: 340px) {
.centersh4 {
font-size: 21px;
}
.centersp {
font-size: 15px;
letter-spacing: -0.1px;
}
.centers_button {
top: 74%;
}
}
@media (max-width: 320px) {
.news-image img{
min-width:280px;
}
}

html {
scroll-behavior: smooth;
}