.quick-access-section{
   
    background:#edf0f2;
}

.quick-access-title{
    font-size:38px;
    font-weight:700;
    color:#1265A8;
    margin-bottom:10px;
}

.quick-access-subtitle{
    color:#666;
    font-size:16px;
    margin-bottom:40px;
}

.quick-card{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    height:170px;

    background:#fff;

    border-radius:15px;

    text-decoration:none;

    box-shadow:0 5px 20px rgba(18,101,168,.10);

    transition:.35s;

    border-top:4px solid #1265A8;
}

.quick-card i{
    font-size:42px;
    color:#1265A8;
    margin-bottom:18px;
    transition:.3s;
}

.quick-card span{
    color:#333;
    font-weight:600;
    font-size:17px;
}

.quick-card:hover{

    background:#1265A8;

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(18,101,168,.35);

    text-decoration:none;
}

.quick-card:hover i,
.quick-card:hover span{

    color:#fff;
}



.facility-section{
  
    background:#edf0f2;
}

.section-title h2{
    font-size:40px;
    font-weight:700;
    color:#222;
}

.section-title span{
    color:#1265A8;
}

.section-title p{
    color:#666;
    font-size:16px;
}

.facility-card{

    border:none;

    border-radius:15px;

    overflow:hidden;

    transition:.4s;

    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.facility-card img{

    width:100%;

    height:220px;

    object-fit:cover;

    transition:.5s;
}

.facility-card:hover img{

    transform:scale(1.08);
}

.facility-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(18,101,168,.18);
}

.facility-card .card-body{

    text-align:center;

    padding:25px;
}

.facility-card h5{

    font-weight:700;

    margin-bottom:10px;
}

.facility-card a{

    color:#1265A8;

    text-decoration:none;

    font-weight:600;
}

.facility-card a:hover{

    color:#0D4F85;
}

.carousel-control-prev,
.carousel-control-next{

    width:50px;
    height:50px;

    background:#1265A8;

    border-radius:50%;

    top:45%;
}

.carousel-control-prev{

    left:-25px;
}

.carousel-control-next{

    right:-25px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{

    filter:brightness(0) invert(1);
}
	.notice-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.notice-card:hover{
    transform:translateY(-6px);
}

.notice-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px;
    color:#fff;
    position:relative;
}

.notice-icon{
    width:60px;
    height:60px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1565c0;
    font-size:28px;
}

.notice-header h4{
    flex:1;
    margin-left:18px;
    color:#fff;
    font-weight:700;
    margin-bottom:0;
}

.slider-nav{
    display:flex;
    gap:10px;
}

.slider-nav span{
    width:42px;
    height:42px;
    border:2px solid rgba(255,255,255,.7);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#fff;
    transition:.3s;
}

.slider-nav span:hover{
    background:#fff;
    color:#1565c0;
}

.notice-body{

    height:470px;
    overflow-y:auto;
    padding:20px;

}

.notice-item{

    display:flex;
    gap:18px;
    border-bottom:1px solid #ececec;
    padding:18px 0;

}

.notice-file{

    width:55px;
    height:55px;
    border-radius:12px;
    background:#eef5ff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1565c0;
    font-size:22px;

}

.notice-content h6{

    margin-bottom:8px;
    font-size:18px;
    line-height:28px;

}

.notice-content h6 a{

    color:#222;
    font-weight:600;
    text-decoration:none;

}

.notice-content h6 a:hover{

    color:#1565c0;

}

.notice-content span{

    color:#777;
    font-size:14px;

}

.notice-footer{

    background:#f7f9fc;
    padding:20px;
    text-align:center;

}

.notice-footer .btn{

    border-radius:8px;
    padding:10px 35px;
    font-weight:600;

}


.principal-card{

    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.3s;

}

.principal-card:hover{

    transform:translateY(-8px);

}

.principal-header{

    background:linear-gradient(135deg,#009688,#0aa6b5);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px;

}

.principal-header h4{

    color:#fff;
    margin:0;
    font-size:28px;
    font-weight:700;
    flex:1;
    margin-left:18px;

}

.notice-icon{

    width:65px;
    height:65px;
    background:#fff;
    color:#009688;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;

}

.slider-nav{

    display:flex;
    gap:10px;

}

.slider-nav span{

    width:42px;
    height:42px;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.8);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#fff;
    transition:.3s;

}

.slider-nav span:hover{

    background:#fff;
    color:#009688;

}

.notice-body{

    height:470px;
    overflow-y:auto;
    padding:20px;

}

.notice-item{

    display:flex;
    gap:18px;
    padding:18px 0;
    border-bottom:1px solid #eee;

}

.notice-file{

    width:55px;
    height:55px;
    background:#e8f9fb;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#009688;
    font-size:22px;

}

.notice-content{

    flex:1;

}

.notice-content h6{

    margin-bottom:10px;
    line-height:28px;

}

.notice-content h6 a{

    color:#222;
    text-decoration:none;
    font-size:18px;
    font-weight:600;

}

.notice-content h6 a:hover{

    color:#009688;

}

.notice-content span{

    color:#777;
    font-size:14px;

}

.notice-footer{

    background:#f6fcfc;
    text-align:center;
    padding:18px;

}

.btn-principal{

    background:#009688;
    color:#fff;
    border-radius:8px;
    padding:10px 35px;
    font-weight:600;

}

.btn-principal:hover{

    background:#00796b;
    color:#fff;

}

.alumni-card{

    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.3s;

}

.alumni-card:hover{

    transform:translateY(-8px);

}

.alumni-header{

    background:linear-gradient(135deg,#5E35B1,#673AB7);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px;

}

.alumni-header h4{

    color:#fff;
    margin:0;
    flex:1;
    margin-left:18px;
    font-size:28px;
    font-weight:700;

}

.alumni-header .notice-icon{

    color:#5E35B1;

}

.alumni-header .slider-nav span:hover{

    background:#fff;
    color:#5E35B1;

}

.notice-body{

    height:470px;
    overflow-y:auto;
    padding:20px;

}

.notice-item{

    display:flex;
    gap:18px;
    border-bottom:1px solid #eee;
    padding:18px 0;

}

.notice-file{

    width:55px;
    height:55px;
    border-radius:12px;
    background:#f2edff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5E35B1;
    font-size:22px;

}

.notice-content{

    flex:1;

}

.notice-content h6{

    margin-bottom:8px;
    line-height:28px;

}

.notice-content h6 a{

    color:#222;
    text-decoration:none;
    font-size:18px;
    font-weight:600;

}

.notice-content h6 a:hover{

    color:#5E35B1;

}

.notice-content span{

    color:#777;
    font-size:14px;

}

.notice-footer{

    background:#faf8ff;
    text-align:center;
    padding:20px;

}

.btn-alumni{

    background:#5E35B1;
    color:#fff;
    border-radius:8px;
    padding:10px 35px;
    font-weight:600;

}

.btn-alumni:hover{

    background:#4527A0;
    color:#fff;

}

	/* Vacancy Card */

.vacancy-card{

    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.3s;

}

.vacancy-card:hover{

    transform:translateY(-8px);

}

.vacancy-header{

    background:linear-gradient(135deg,#d32f2f,#ef5350);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px;

}

.vacancy-header h4{

    color:#fff;
    margin:0;
    margin-left:18px;
    flex:1;
    font-size:28px;
    font-weight:700;

}

.vacancy-header .notice-icon{

    color:#d32f2f;

}

.vacancy-header .slider-nav span:hover{

    background:#fff;
    color:#d32f2f;

}

.notice-body{

    height:470px;
    overflow-y:auto;
    padding:20px;

}

.notice-item{

    display:flex;
    gap:18px;
    padding:18px 0;
    border-bottom:1px solid #ececec;

}

.notice-file{

    width:55px;
    height:55px;
    background:#fff2f2;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d32f2f;
    font-size:22px;

}

.notice-content{

    flex:1;

}

.notice-content h6{

    margin-bottom:8px;
    line-height:28px;

}

.notice-content h6 a{

    color:#222;
    text-decoration:none;
    font-size:18px;
    font-weight:600;

}

.notice-content h6 a:hover{

    color:#d32f2f;

}

.notice-content span{

    color:#777;
    font-size:14px;

}

.notice-footer{

    background:#fff8f8;
    text-align:center;
    padding:20px;

}

.btn-vacancy{

    background:#d32f2f;
    color:#fff;
    border-radius:8px;
    padding:10px 35px;
    font-weight:600;

}

.btn-vacancy:hover{

    background:#b71c1c;
    color:#fff;

}


/* Tender Card */

.tender-card{

    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.3s;

}

.tender-card:hover{

    transform:translateY(-8px);

}

.tender-header{

    background:linear-gradient(135deg,#fb8c00,#ffb300);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px;

}

.tender-header h4{

    color:#fff;
    margin:0;
    margin-left:18px;
    flex:1;
    font-size:28px;
    font-weight:700;

}

.tender-header .notice-icon{

    color:#fb8c00;

}

.tender-header .slider-nav span:hover{

    background:#fff;
    color:#fb8c00;

}

.notice-body{

    height:470px;
    overflow-y:auto;
    padding:20px;

}

.notice-item{

    display:flex;
    gap:18px;
    padding:18px 0;
    border-bottom:1px solid #ececec;

}

.notice-file{

    width:55px;
    height:55px;
    background:#fff5e6;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fb8c00;
    font-size:22px;

}

.notice-content{

    flex:1;

}

.notice-content h6{

    margin-bottom:8px;
    line-height:28px;

}

.notice-content h6 a{

    color:#222;
    text-decoration:none;
    font-size:18px;
    font-weight:600;

}

.notice-content h6 a:hover{

    color:#fb8c00;

}

.notice-content span{

    color:#777;
    font-size:14px;

}

.notice-footer{

    background:#fffaf2;
    text-align:center;
    padding:20px;

}

.btn-tender{

    background:#fb8c00;
    color:#fff;
    border-radius:8px;
    padding:10px 35px;
    font-weight:600;

}

.btn-tender:hover{

    background:#ef6c00;
    color:#fff;

}


/* Upcoming Events */

.event-card{

    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.3s;

}

.event-card:hover{

    transform:translateY(-8px);

}

.event-header{

    background:linear-gradient(135deg,#2e7d32,#43a047);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:22px;

}

.event-header h4{

    color:#fff;
    margin:0;
    margin-left:18px;
    flex:1;
    font-size:28px;
    font-weight:700;

}

.event-header .notice-icon{

    color:#2e7d32;

}

.event-header .slider-nav span:hover{

    background:#fff;
    color:#2e7d32;

}

.notice-body{

    height:470px;
    overflow-y:auto;
    padding:20px;

}

.notice-item{

    display:flex;
    gap:18px;
    padding:18px 0;
    border-bottom:1px solid #ececec;

}

.notice-file{

    width:55px;
    height:55px;
    background:#eef9ef;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#2e7d32;
    font-size:22px;

}

.notice-content{

    flex:1;

}

.notice-content h6{

    margin-bottom:8px;
    line-height:28px;

}

.notice-content h6 a{

    color:#222;
    text-decoration:none;
    font-size:18px;
    font-weight:600;

}

.notice-content h6 a:hover{

    color:#2e7d32;

}

.notice-content span{

    color:#777;
    font-size:14px;

}

.notice-footer{

    background:#f6fcf6;
    text-align:center;
    padding:20px;

}

.btn-event{

    background:#2e7d32;
    color:#fff;
    border-radius:8px;
    padding:10px 35px;
    font-weight:600;

}

.btn-event:hover{

    background:#1b5e20;
    color:#fff;

}