
.btn.no-hover{pointer-events: none; cursor: text;}
.about-main-left span.btn.btn-purple{pointer-events: none; cursor: text;}
.page-header + .faculty-filter{margin-top: 2.5rem;}
.page-header + .faculty-filter h6{color: #fff}


thead.sticky-top{z-index: 2;}




.searchable ul {
    display: none;
    list-style-type: none;
    flex-wrap: wrap;
    padding: 0;
    height: 15rem;
    overflow-y: scroll;
    position: absolute;
    background: #fff;
    padding: 14px;
    width: 356px;
    left: 0;
    border: 0;
    z-index: 2;
    box-shadow: 1px 6px 17px #00000029;
}
.searchable.input-group ul{top: 3rem}
.searchable.input-group ul li:hover{background: var(--color-purple); color: #fff}
.searchable.input-group ul li:hover a{color: #fff}
.searchable.input-group ul li{padding: .5rem 1rem;}


/* Header Search */

.head-search-wrapper{position: fixed; z-index: 999; background: rgba(0,0,0,.9); display: none; width: 100%; height: 100%;}



.search-inner{padding-block: 8rem; background: #fff; position: relative;}
.search-inner .search-closer{position: absolute; --cross-color: #000; right: 2rem; top: 2rem; width: 2rem; height: 2rem;rotate: 45deg;}
.search-inner .search-closer::before,
.search-inner .search-closer::after{content: '';position: absolute; width: 100%; height: 2px; background: var(--cross-color); left: 0; transition: .3s all;}
.search-inner .search-closer::before{rotate: 90deg;}
.search-inner .search-closer:hover{--cross-color: var(--color-prime);}
.search-inner .input-group button{height: 100%;}
.search-inner .advance-search-toggler{width: fit-content; margin-left: auto; display: block;}
.search-inner .advance-search{margin-top: 2rem; display: none;}
.search-inner .advance-search label{display: flex; height: 100%; column-gap: .7rem; height: 100%; align-items: center;}
.search-inner .advance-search .select2-container--default .select2-selection--single .select2-selection__placeholder{color: #444}
.search-inner .advance-search .row{--bs-gutter-y: 1.5rem}

/* ======================Testimonials Page CSS Start================= */
.testimonials-type {padding-bottom: 2rem;}
.testimonials-type ul li a{padding-bottom: 1.5rem; font-weight: 500; padding-inline: 1.5rem; display: block; position: relative;}
.testimonials-type ul li a::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: var(--color-sec); scale: 0 1;}
.testimonials-type ul li a.active{color: var(--color-sec)}
.testimonials-type ul li a.active::after{ scale: 1;}

.testimonials-thumb:not(:first-child){margin-top: 2.5rem}
.testimonials-thumb{padding: 2rem 1.5rem; display: flex; align-items: center; flex-direction: column; column-gap: 2rem; row-gap: 2rem}
.testimonials-thumb:nth-child(odd){background: #fff}
.testimonials-thumb p{line-height: 1.67;}
.testimonials-thumb p:not(:last-child){margin-bottom: 1.12rem;}
.testimonials-thumb h5{margin-bottom: .5rem; font-size: 1rem; font-weight: 600; margin-top: 3rem;}
.testimonials-thumb .testimonials-details img{margin-bottom: 2.33rem; max-width: 5rem;display: block; margin-inline: auto;}
.testimonials-thumb .testimonials-details{padding-top: 1.5rem}
.testimonials-thumb figure{position: relative;}
.testimonials-thumb figure::after{content: ''; position: absolute; left: 50%; bottom: 0; translate: -50% 20%; width: 12.33rem; height: 4rem; background: url('../images/testimonials-image-bottom.png')}
/* ======================Testimonials Page CSS End================= */


.testimonials-type { padding-bottom: 0rem; }
.testimonials-thumb { padding: 2.5rem; flex-direction: row; padding-bottom: 3.5rem; align-items: flex-start; }
.testimonials-thumb figure { min-width: 25% }
.testimonials-thumb .testimonials-details img { max-width: 100%; margin-left: 0 }


/* Gallery main Page*/
.gallery-collection {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem}
.gallery-collection .collection{position: relative; text-align: left;}
.gallery-collection .collection-title{padding: 1.8rem 0rem; position: relative; display: block; color: #333333; font-size: 1.13rem; font-family:var(--lato) ;}
.gallery-collection .collection-title::before{content:'';position: absolute; left: 0; bottom: 0; height: .15rem; width: 5rem; background-color: var(--color-dark-yellow);}
.gallery-collection figure{position: relative; margin-bottom: 0px;}
.gallery-collection figure label{position: absolute;font-weight: var(--med); right: 1rem; line-height: 1; top: 1rem; display: block; padding: .3rem .7rem; font-size: .8rem; background-color: #fff; border-radius: 1.3rem}
.gallery-collection figure label img{max-width: 1rem; margin-left: .3rem; max-height: .7rem; object-fit: contain;}
.gallery-collection .full-height figure, .gallery-collection .full-height figure img{height: 100%;}
.gallery-collection .full-height figure img{object-fit: cover;}
.gallery-collection .full-height .collection-title{position: absolute; bottom: 0; left: 0; width: 100%; padding: 1.3rem 1.5rem; color: #fff; isolation: isolate;}
.gallery-collection .full-height .collection-title::before{z-index: -1;left: 0; width: 100%; height: 5rem; background-color: transparent; background-image: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,0));}
.gallery-desc{display: grid; row-gap: 2rem; column-gap: 2rem;grid-template-columns: repeat(3, 1fr);}
.gallery-desc img{aspect-ratio: 3/2; object-fit: cover;}
.gallery-video .single-video{display: block; position: relative; cursor: pointer; overflow: hidden;}
.gallery-video figure{position: relative;}
.gallery-video figure::before{content: url('./owl.video.play.png'); background-color: rgba(0,0,0,.3); position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; opacity: 0; transition: .3s all;}
.gallery-video figure:hover::before{opacity: 1;}
.gallery-video figure{margin-bottom: 0}
.gallery-modal .embed-responsive-item{aspect-ratio: 16/9; width: 100%}

/* -----------------UI02011995--------------------- */

@media (min-width: 1200px){
    .table-responsive::-webkit-scrollbar {
        width: 5px;height: 5px;background-color: #fafafa;border-radius: 4px;
    }
    .table-responsive::-webkit-scrollbar-thumb{
        background: var(--color-sec)
    }
}

@media (max-width: 1440px){

:is(h2, h3, h4, h5, h6).text-30 {font-size: 1.4rem!important;}


}

@media (max-width: 1399px){
:is(h2, h3, h4, h5, h6).text-30 {font-size: 1.3rem!important;}
.training-placement-counter .stats span.text-36 {line-height: 28px;font-size: 1.2rem;margin-top: 1rem;}
.page-header .page-title {font-size: 1.8rem!important;}


}

@media (max-width: 1399px){
.page-header .page-title {font-size: 1.5rem!important; }



}

@media (max-width: 767px) {
    :is(h2, h3, h4, h5, h6).text-30 {font-size: 1.1rem !important;line-height: 1.5rem;}
    .gallery-album { --row-gap: 2rem!important;  }
    .gallery-album .album:not(:first-child) .album-title {padding-bottom: 0.5rem!important;}


}