.imagw-wrapper-box {
    display: grid;
    grid-template-columns: 450px auto;
    gap: 1rem;
}
.imagw-wrapper-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.imagw-wrapper-box2 {
    display: grid;
    grid-template-columns: auto 450px;
    gap: 1rem;
}
.imagw-wrapper-box2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.academic-bg {
    background-image: url(/images/academic-bg.png?12351567ef1f9a69479a205e3ea7499a);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.box-tag {
    bottom: 0px;
    background: #0d5ef4;
    padding: 5px 10px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
/* gallery */
.gallery-image-wrapper{
display: grid;
gap: 15px;
grid-template-columns: auto auto;
}
.gallery-image-wrapper img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
/* event page */

  .nav-pills.events-tab .nav-item .nav-link {
    color: #525252;
    border-radius: 0px !important;
}
  .nav-pills.events-tab .nav-item .nav-link.active {
    color: #0D5EF4;
    border-bottom: 1px solid #0D5EF4;
    border-radius: 0px !important;
}
.detail i{
    color: #0D5EF4;
}
.contact-feature:hover svg path {
    fill: #fff;
}



.nice-select.open,.nice-select:active,.nice-select:focus {
    border-color: #999
}
.nice-select:after {
    border-bottom: 2px solid #999 !important;
    border-right: 2px solid #999 !important;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out;
    width: 5px;
}
.programs-tabs p.small-text{
    text-align: justify;
}
.programs-tabs p.para{
       text-align: justify;
}
.custom-border p{
           text-align: justify;
}

.custom-width{
    width: 450px !important;
}
.about-logo img {
    height: 110px;
    -o-object-fit: cover;
       object-fit: cover;
}
.header-logo img {
  height: 91px;
  transition: height 0.4s ease; /* Smooth resize transition */
}

header.sticky .header-logo img {
  height: 80px !important;
}

.alphabet-filter {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  top: 356px;
  background: #FFFFFF;
  padding: 5px 20px;
  border-radius: 25px;
     z-index: 8;
  width: -moz-max-content;
  width: max-content;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: top 0.3s ease;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .alphabet-filter {
        position: relative;
        width: 100%;
        top: 0px !important;
        padding: 10px;
    }
}

.filter-btn {
    background: #ECF1F9;
    border-radius: 25px;
    color: #4D5765;
    font-weight: 500 !important;
    font-size: 14px;
}
.filter-btn.active {
    height: 40px;
    background: #0D5EF4;
    border-radius: 25px !important;
    color: #fff !important;
    padding: 20px 6px;
    width: 40px;
}
.programs-tabs p {
    text-align: justify;
    font-size: 18px !important;
}
.programs-tabs li{
     font-size: 18px !important;  
}

.detail-research .align-top ol{
    list-style: disc;
    padding: 10px 30px;
}
.detail-research .align-top ol li {
    padding: 0px 10px;
}
.detail-research .table-responsive table{
    width: 100% !important;
}
.detail-research thead tr th {
    background-color: #cfe2ff !important;
}
.detail-research .table-responsive table.align-middle{
    vertical-align: top !important;
}
.detail-research .table-responsive table ul {
    list-style: disc !important;
    padding: 10px 30px !important;
}
.detail-research .table-responsive tr {
    height: auto !important;
}
.detail-research thead tr{
    background: #cfe2ff !important;
}
.detail-research thead td {
    height: auto !important;
    padding: 10px !important;
}


header.th-header h2 {
    font-size: 35px !important;
    line-height: 1.2; /* Fix this */
    padding: 0; /* Add this if padding is changing */
    transition: font-size 0.8s ease, line-height 0.8s ease, padding 0.8s ease;
        color: #0D5EF4 !important;
}

.sticky-wrapper.sticky h2 {

}


.map iframe {
  filter: none; /* or remove the filter line completely */
}
.special {
    font-size: 18px;
    color: #0D5EF4;
    font-weight: 700;
}
ul.cus-list {
    list-style: disc;
    padding: 5px 20px;
}
    .header-button a {
        height: auto;
        display: flex
;
        align-items: center;
        gap: 15px;
        margin-left: 0px;
        position: fixed;
        right: -63px;
        top: 73px;
        overflow: hidden;
        z-index: 88888;
        transform: rotate(90deg);
        /* width: fit-content; */
        width: 180px;
    }
    /* galley */
.gallery-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-swiper .swiper-wrapper{
    align-items: center;
}

/* Gallery item container */
.gallery-item {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  padding: 10px;
}

/* Custom heights */
.tall-image {
  height: 600px;
}

.tall-image a img {
  height: 600px !important;
}
.short-image a img {
   height: 300px !important;
}
.short-image {
  height: 300px;
}   

/* Image styling */
.gallery-item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  display: block;
}