/*  Home Hero Banner  */

.pageHeader {
    background: transparent;
}

@media (min-width:1024px) {
    .pageHeader {
        padding: 30px 30px;
    }
    .pageHeader .headerRight {
        top: -30px;
        transition: all .5s ease;
    }
    .pageHeader.stick .headerRight {
        top: 0;
    }
}

.heroSection {
    position: relative;
    height: auto;
    overflow: hidden;
    background: var(--darkblue);
    padding: 100px 10px 10px 10px;
    margin-top: -100px;
}

.homeBanner {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.homeBanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hbSlide {
    position: relative;
    overflow: hidden;
}

.hbImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 1s ease-in;
    transform: scale(1.1)
}

.swiper-slide-active .hbImg {
    transform: scale(1)
}

.heroVideo {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 5px;
    overflow: hidden;
    background-color: #000;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.heroVideo:before {
    content: '';
    width: 50px;
    height: 50px;
    display: block;
    border: 4px solid rgba(0, 0, 0, .2);
    border-top-color: transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    animation: spin 1s infinite linear;
}

.heroVideo .herovideoFrame {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.heroVideoText {
    width: auto;
    height: auto;
    position: absolute;
    bottom: 5%;
    left: 3%;
    z-index: 2;
}

.heroVideoText h1 {
    line-height: 1;
    color: #fff;
    text-shadow: 0 0 1px #000, 0 10px 20px rgba(0, 0, 0, 0.3);
}

/*{background: linear-gradient(35deg, rgba(255,209,26,1) 60%, rgb(255, 224, 98) 85%);-webkit-background-clip:text;-webkit-text-fill-color: transparent;}*/

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

/* .bannerBox.searchOpen {width:800px;} */

@media (min-width:768px) {
    .heroSection {
        padding: 100px 20px 20px 20px;
    }
    .homeBanner {
        border-radius: 20px;
    }
}

@media (min-width:1024px) {
    .heroSection {
        height: 100vh;
        padding: 15px;
        aspect-ratio: unset;
        margin-top: -113px;
        min-height: 750px;
    }
    .hbSlide:after {
        width: 100%;
        height: 100%;
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(135deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 25%)
    }
    .bannerBox {
        width: 290px;
        height: 78px;
        background: var(--darkblue);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        border-bottom-left-radius: 20px;
        transition: width .4s ease;
    }
    .bannerBox .curve {
        width: 15px;
        height: 15px;
        display: block;
        position: absolute;
        overflow: hidden;
    }
    .bannerBox .curve:before {
        content: '';
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        right: 0;
        box-shadow: 0 0 0 20px var(--darkblue);
        border-radius: 50%;
    }
    .bannerBox .curve.tplf {
        top: 15px;
        right: 100%;
    }
    .bannerBox .curve.btrt {
        top: 100%;
        right: 15px;
    }
    .heroVideo {
        width: 100%;
        height: 100%;
        border-radius: 15px;
        overflow: hidden;
        background: #000;
        position: relative;
    }
    .heroVideo:after {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(135deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 20%);
        z-index: 1;
    }
}

/* @media (min-width:1024px) and (max-width:1100px) {
.bannerBox {width:530px;}
.bannerBox.searchOpen {width:750px;}
} */

/* Home Latest updates */

.announceSection {
    position: relative;
    background: var(--yellowColor);
}

.announceTitle {
    font-size: 20px;
    font-weight: 600;
    color: var(--darkblue);
}

.anounceIcon {
    height: 24px;
    width: auto;
    display: inline-block;
}

.announceSwiper {
    width: 100%;
    font-size: 16px;
}

.announceSwiper .swiper-wrapper {
    transition-timing-function: linear;
}

.announceSwiper .swiper-slide {
    width: auto;
}

.announceSwiper .swiper-slide:before {
    content: '>';
    margin-right: 8px;
    font-weight: 700;
}

.announceSwiper a {
    transition: all .3s ease;
}

.announceSwiper a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
    color: var(--darkblue);
}

@media (min-width:768px) {
    .announceTitle {
        font-size: 22px;
    }
    .announceSwiper {
        font-size: 17px;
    }
    .anounceIcon {
        height: 30px;
    }
}

.countSectBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    opacity: .1;
    z-index: 0;
    transform: translateX(5%) translateY(-28%);
}

.counterWrap {
    position: relative;
}

.counterWrap .countItem {
    width: 20%;
    text-align: center;
}

.countBox {
    font-size: 48px;
    color: #FFD11A;
    font-weight: 600;
}

.countText {
    color: #fff;
}

.statBox {
    width: 100%;
    height: 100%;
    min-height: 180px;
    display: block;
    background-color: #174D99;
    background-repeat: no-repeat;
    border-radius: 10px;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: all .5s ease;
}

/* .statBox {width:100%;aspect-ratio:5/4;display:block;background-color:#2c2c2c;background-repeat:no-repeat;border-radius:15px;color:#fff;position:relative;overflow:hidden;transition:all .5s ease;} */

.statBox:before,
.statBox:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .5s ease;
}

.statBox:before {
    background: linear-gradient(-55deg, rgba(51, 131, 250, 0) 20%, rgb(6, 52, 117) 100%);
}

.statBox:after {
    background: linear-gradient(-55deg, rgba(51, 131, 250, 0) 20%, rgb(63, 143, 255) 100%);
    opacity: 0;
}

.statBox:hover:before {
    opacity: 0;
}

.statBox:hover:after {
    opacity: 1;
}

.statBox:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .3);
    z-index: 2;
}

.statBox img {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

.statFigure {
    width: 100%;
    line-height: 1;
    font-size: 14px;
    position: relative;
    padding: 15px;
    z-index: 2;
}

.sfCount {
    font-size: 200%;
    font-weight: 600;
}

.sfImgbox {
    position: relative;
}

.statFigure.big {
    font-size: 30px;
}

.sfText {
    font-size: 18px;
}

/* .statBox .sfimg_course {max-height:70%;}
.statBox .sfimg_faculty {max-height:55%;}
.statBox .sfimg_lab {max-height:45%;margin-right:2%;} */

@media (min-width:640px) {
    .sfCount {
        font-size: 300%;
    }
    .statFigure {
        padding: 20px;
    }
    /* .statBox .sfimg_course {max-height:80%;}
.statBox .sfimg_library {max-height:60%;} */
}

@media (min-width:768px) {
    /* .statBox .sfimg_library {max-height:65%;} */
}

@media (min-width:1024px) {
    .statBox {
        min-height: 150px;
    }
}

@media (min-width:1280px) {
    .statBox {
        min-height: 200px;
    }
    .statFigure {
        font-size: 16px;
    }
    .statFigure.big {
        font-size: 40px;
    }
    .statBox .sfimg_library,
    .statBox .sfimg_online {
        object-position: center top;
    }
}

/* .sfimg_book {width:auto;height:60%;bottom:0;left:0;}
.sfimg_flask {width:auto;height:40%;bottom:0;left:0;right:0;margin:auto;}
.sfimg_girl {width:auto;height:75%;bottom:0;left:0;}
.sfimg_scroll {width:auto;height:50%;left:0;top:0;}
.sfimg_man {width:100%;height:auto;bottom:0;} */

/* Home Faculty */

.homeFacultySection {
    background-color: #042c64;
    background-image: url(../images/homepage/faculty/DotsBg.png);
    transition: all 4s linear;
}

.hfsIntro p {
    font-size: 18px;
    line-height: 2;
}

.facultyCarousel {
    position: relative;
}

.facultySwiper .swiper-slide {
    border-radius: 15px;
    overflow: hidden;
}

.facultyBox {
    width: 100%;
    aspect-ratio: 2/3;
    position: relative;
    text-align: center;
    border: 1px solid #666;
    border-radius: 15px;
    background: #fff;
    overflow: hidden;
}

.facultyImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .3s ease;
    filter: grayscale(100%) brightness(100%);
}

.facultyName {
    padding: 50px 15px 20px;
    display: block;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 18px;
    letter-spacing: .02rem;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
    transition: all .3s ease;
}

.facultyBox a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.facultySwiper .swiper-slide-active .facultyBox .facultyImg {
    filter: grayscale(0) brightness(100%);
}

.facultySwiper .swiper-slide-active .facultyName {
    opacity: 1;
    bottom: 0;
    transition-delay: .3s;
}

.facultySwiper .swiper-slide-active a {
    pointer-events: unset;
}

.facultySwiper .swiper-slide-active {
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, .5));
}

.facultyCarousel .facultyNaviBtns {
    display: none;
}

.facultyCarousel .facultyNaviBtns::after {
    font-size: 35px;
    color: #fff;
}

.facultySwiper .swiper-slide-active .facultyBox:hover .facultyImg {
    filter: grayscale(0) brightness(110%);
}

@media (min-width:640px) {
    .facultyCarousel {
        padding: 20px
    }
    .facultyName {
        font-size: 20px;
    }
}

@media (min-width:768px) {
    .facultyCarousel {
        padding: 20px 50px;
    }
    .facultyCarousel .facultyNaviBtns {
        display: block;
    }
}

@media (min-width:1024px) {
    .hfsIntro p {
        font-size: 18px;
    }
}

/* Home Event  */

.event-container {
    position: relative;
}

.eventSubTitle {
    font-size: 24px;
    font-weight: 700;
}

.eventWrap {
    width: 100%;
    height: auto;
    background: var(--subtleblue);
    padding: 15px;
    border-radius: 8px;
}

.eventAccordion {
    float: left;
}

.eventBox {
    padding: 15px 0 15px 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    float: left;
    clear: both;
}

.eventHead {
    font-size: 20px;
    font-weight: 700;
    color: #262626;
    cursor: pointer;
    width: 100%;
    float: left;
    line-height: 1.2;
}

.eventInfo {
    font-size: 16px;
    line-height: 1.4;
    float: right;
    text-align: right;
    clear: left;
    white-space: nowrap;
}

.eventContent {
    width: 100%;
    float: left;
}

.eventContent p {
    clear: both;
    min-height: 90px;
}

.eventBox.active .eventHead {
    color: var(--darkblue);
}

.eventPicWrap {
    width: 100%;
}

.epwImgBox {
    border-radius: 8px;
    background: #eee;
    overflow: hidden;
    border: 1px solid #eee;
}

.epwImgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (min-width:640px) {
    .eventWrap {
        padding: 20px;
    }
}

@media (min-width:768px) {
    .eventWrap {
        padding: 30px;
    }
}

@media (min-width:1024px) {
    .eventWrap {
        width: 400px;
        padding: 20px;
    }
    .eventPicWrap {
        width: calc(100% - 420px);
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }
    .eventBox {
        padding: 20px 0 20px 10px;
        border-left: 3px solid transparent;
    }
    .eventBox.active {
        border-left: 3px solid var(--darkblue);
    }
    .eventHead {
        font-size: 20px;
    }
    .eventSubTitle {
        font-size: 36px;
    }
}

@media (min-width:1280px) {
    .eventWrap {
        width: 500px;
    }
    .eventPicWrap {
        width: calc(100% - 520px);
    }
    .eventBox {
        padding: 30px 0 30px 10px;
    }
    .eventHead {
        font-size: 24px;
    }
}

@media (min-width:1536px) {}

/* Corporate */

.corporateSection {
    background: var(--lightblue);
    position: relative;
}

.corpImgBox {
    position: relative;
    overflow: hidden;
}

.corpImgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.corpIntroTxt {
    font-size: 18px;
}

.corporateImgBg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.corpBox {
    padding: 20px;
    position: relative;
    z-index: 1;
    color: #fff;
    /*background:var(--subtleblue);*/
}

@media (min-width:768px) {
    .corpImgBox:nth-child(2) img {
        object-position: left;
    }
    .corpBox {
        padding: 30px;
    }
}

@media (min-width:1024px) {
    .corporateSection {
        height: calc(100vh - 120px);
    }
    .corpWrap {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .corpBox {
        padding: 40px;
        width: 500px;
        background: linear-gradient(0deg, rgba(51, 131, 250, 0) 0%, rgba(51, 131, 250, .7) 80%);
        backdrop-filter: blur(5px);
    }
    /*.corpBox::before {content:'';width:60vw;height:100%;display:block;position:absolute;left:0;top:0; z-index:-1;box-shadow:-20px -20px 20px rgba(0,0,0,.3);background:var(--subtleblue);}*/
}

.crcTile {
    height: 100%;
    min-height: 330px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--subtleblue);
    position: relative;
    display: block;
}

.crcTile:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(35deg, rgba(0, 0, 0, .5) 0%, rgb(0, 0, 0, 0) 60%);
    z-index: 1;
}

.crcTileImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: all 2s ease;
}

.crcTileText {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 30px;
    color: #fff;
    z-index: 1;
}

.crcTile:hover .crcTileImg {
    transform: scale(1.2);
}

.crcRecruiterSwiper {
    height: 100%;
    border-radius: 10px;
}

.crcRecruiterSwiper .swiper-slide {
    background: linear-gradient(135deg, #3383FA 0%, #134080 70%);
    border-radius: 10px;
}

.crcTestim {
    height: 100%;
    padding: 20px;
    color: #fff;
    font-size: 18px;
}

.crcTestim h4 {
    font-weight: 700;
}

.crcTestimLogo {
    min-width: 50px;
    height: 50px;
    padding: 10px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
}

.crcTestimLogo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.crcRecruiterPagination .swiper-pagination-bullet {
    background: #fff;
    opacity: .6;
    border: 1px solid #fff;
}

.crcRecruiterPagination .swiper-pagination-bullet-active {
    background: var(--lightblue);
}

.crcLogoSwiper {
    width: 100%;
    border-radius: 10px;
    background: #fafafa;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    padding: 20px;
}

.crcLogoSwiper .swiper-wrapper {
    transition-timing-function: linear;
    pointer-events: none;
}

.crcLogoSwiper .swiper-slide {
    text-align: center;
    position: relative;
}

.crcLogoSwiper .swiper-slide:after {
    content: '';
    width: 1px;
    height: 90%;
    display: block;
    background: #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px;
    margin: auto;
}

.crcLogoSwiper .crcLogoImg {
    width: 100%;
    max-width: 110px;
    aspect-ratio: 5/3;
    object-fit: scale-down;
    object-position: center;
    margin: auto;
    mix-blend-mode: multiply;
}

@media (min-width:640px) {
    .crcTestimLogo {
        min-width: 70px;
        height: 70px;
    }
    .crcLogoSwiper .crcLogoImg {
        max-width: 150px;
    }
}

@media (min-width:768px) {
    .crcTestim {
        font-size: 24px;
        padding: 30px;
    }
}

.videoHolder {
    position: relative;
}

.videoBtn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.videoBtn .videoBtnBg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}

.vPlayBtn:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .6;
    background: #000;
    z-index: 1;
}

.vStopBtn {
    display: none;
    height: 90%;
}

.playBtnCircle {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .7);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s ease;
    z-index: 2;
}

.playBtnCircle:before {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 20px solid #000;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-left: 4px;
}

.playBtnCircle:hover {
    transform: scale(1.1);
    background: rgba(255, 255, 255, 1);
}

/* Recruiter */

.recruiters {
    display: flex;
    align-items: center;
    justify-content: center;
}

.recruiters-slider div {
    width: 95%;
    margin: 20px;
    padding: 5px;
}

.recruiterSwiper .swiper-slide {
    padding: 10px 10px 20px 10px;
    height: auto;
}

.recruiters-card {
    background: #FFF;
    box-shadow: 2px 5px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 20px;
    color: #444;
    height: 100%;
    border-radius: 5px;
}

.recruiterSwiper .swiper-slide:nth-child(even) .recruiters-card {
    background: linear-gradient(135deg, #3383FA 0%, #134080 100%);
    color: #fff;
}

.recruiters-thought-content {
    margin-bottom: 30px;
}

.recruiters-thought-content p {
    font-size: 16px;
    line-height: 1.7;
    opacity: .8;
}

.recruiters-card-content h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.recruiters-card-content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

.recruiterLogo {
    width: 100%;
    aspect-ratio: 1;
    max-width: 50px;
    max-height: 50px;
    padding: 10px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
}

.placementLogos {
    max-width: 1200px;
    width: 100%;
}

.placements {
    width: 100%;
    aspect-ratio: 1;
    max-width: 120px;
    max-height: 120px;
    padding: 15px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    margin: auto;
    background: #fff;
}

.placements img,
.recruiterLogo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.plcCoLogo {
    width: 100%;
    aspect-ratio: 2/1;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    padding: 10% 15%;
    text-align: center;
    background: #fafafa;
    transition: all .3s ease;
    border: 1px solid #fff;
    position: relative;
    top: 0;
    transition: all .3s ease;
    border-radius: 5px;
}

.plcCoLogo img {
    width: 100%;
    height: 100%;
    display: inline-block;
    object-fit: scale-down;
    object-position: center;
    mix-blend-mode: multiply;
    transition: inherit;
}

.plcCoLogo:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
    border-color: #eee;
    top: -5px;
}

.placementCompany:hover .plcCoLogo:not(:hover) img {
    filter: grayscale(100%);
    opacity: .6;
}

@media (min-width:640px) {
    .recruiters-card {
        padding: 30px;
    }
    .recruiters-thought-content p,
    .recruiters-card-content p {
        font-size: 20px;
    }
    .recruiters-card-content h4 {
        font-size: 24px;
    }
    .recruiters-thought-content {
        margin-bottom: 20px;
    }
    .recruiterLogo {
        max-width: 80px;
        max-height: 80px;
    }
    .plcCoLogo {
        padding: 10% 20%;
    }
}

/*  Testimonial */

.testimonialImgSlider {
    height: 100%;
    max-width: 300px;
    width: 70%;
}

.tisBox {
    width: 100%;
    height: 100%;
    background: #fafafa;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #eee;
}

.tisImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.testimonialTextSlider {
    height: 94%;
    border-radius: 15px;
    overflow: hidden;
    background: linear-gradient(315deg, #3383FA 0%, #134080 61.46%);
    position: relative;
}

.testimonialTextSlider .ttsbgImg {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: fill;
    object-position: center;
    z-index: 0;
    mix-blend-mode: color-dodge;
    pointer-events: none;
}

.testimonialTextSlider:before,
.testimonialTextSlider:after {
    content: '';
    width: 4%;
    aspect-ratio: 1/1;
    min-width: 25px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 2%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 35" fill="%23E9E9E9"><path d="M0 22.5751C0 9.89121 11.7104 2.16307 13.5292 1.19975C14.8465 0.482101 16.0661 0 16.9017 0C17.6295 0 18.1111 0.353981 18.1111 0.963761C18.1111 1.5731 17.5014 2.29119 16.9017 2.77285C15.2203 3.98228 10.5005 10.265 10.5005 16.1841C10.5005 17.7475 11.3463 19.1929 12.3096 19.6842C13.4011 20.2839 18.4744 21.3753 18.4744 27.7664C18.4744 31.5127 15.4558 34.7667 11.2279 34.7667C5.67338 34.7672 0 30.5493 0 22.5751Z"/><path d="M21.1394 22.5751C21.1394 9.89121 32.86 2.16307 34.6691 1.19975C35.9969 0.482101 37.2059 0 38.0512 0C38.7786 0 39.251 0.353981 39.251 0.963761C39.251 1.5731 38.6518 2.29119 38.0512 2.77285C36.3606 3.98228 31.651 10.265 31.651 16.1841C31.651 17.7475 32.4963 19.1929 33.4601 19.6842C34.5515 20.2843 39.6248 21.3753 39.6248 27.7668C39.6248 31.5131 36.5961 34.7672 32.3682 34.7672C26.8225 34.7672 21.1394 30.5493 21.1394 22.5751Z"/></svg>') no-repeat center;
    background-size: contain;
}

.testimonialTextSlider:after {
    top: unset;
    left: unset;
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}

.ttsContent {
    padding: 40px 30px;
    color: #fafafa;
    position: relative;
}

.ttsContent p {
    margin-bottom: 20px;
    line-height: 1.8;
}

.ttsContent p,
.ttsFaculty {
    font-size: 16px;
}

.ttsInfo {
    color: var(--yellowColor);
}

.ttsAuthor {
    font-size: 20px;
    font-weight: 600;
}

.swiper_cirNavBtns {
    width: 40px;
    height: 40px;
    border: 2px solid #222;
    color: #222;
    border-radius: 50%;
    position: unset;
    margin: 0;
}

.swiper_cirNavBtns:after {
    color: inherit;
    font-size: 18px;
}

.swiper_cirNavBtns:hover {
    background: var(--lightblue);
    color: #fff;
    border-color: var(--lightblue);
}

.staticPagination {
    position: unset;
    margin-top: 15px;
}

.staticPagination .swiper-pagination-bullet-active {
    background: var(--darkblue);
}

@media (min-width:640px) {
    .testimonialImgSlider {
        width: auto;
    }
    .ttsContent {
        padding: 50px;
    }
}

@media (min-width:1024px) {
    .ttsContent {
        padding: 60px 70px;
    }
    .ttsContent p,
    .ttsFaculty {
        font-size: 18px;
    }
    .ttsAuthor {
        font-size: 22px;
    }
}

/*  News  */

.newsSwiper {
    overflow: visible;
}

.newsSwiper .swiper-slide {
    height: auto;
    perspective: 1000px;
}

.newsSwiper .swiper-slide .nsItem {
    height: 100%;
    transform: translate3d(300px, 0, 0) rotateY(-45deg);
    position: relative;
    opacity: 0;
    transition: all .5s ease;
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
}

.newsSwiper .swiper-slide .nsItem.in-view {
    transform: translate3d(0, 0, 0) rotateY(0deg);
    opacity: 1;
    transition: all 1s var(--nsTDelay) ease;
}

.news-section {
    height: 100%;
    background: #DBE8FF;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 1px 1px 20px;
    color: #000;
    border-radius: 8px;
    overflow: hidden;
    top: 0;
    transition: all .3s ease;
    transform: scale(1);
}

.swiper-slide:nth-child(1) .nsItem {
    --nsTDelay: 0s;
}

.swiper-slide:nth-child(2) .nsItem {
    --nsTDelay: .2s;
}

.swiper-slide:nth-child(3) .nsItem {
    --nsTDelay: .4s;
}

.swiper-slide:nth-child(4) .nsItem {
    --nsTDelay: .6s;
}

.swiper-slide:nth-child(5) .nsItem {
    --nsTDelay: .8s;
}

.swiper-slide:nth-child(6) .nsItem {
    --nsTDelay: 1s;
}

.news {
    position: relative;
    overflow: hidden;
}

.news img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2.5;
    object-fit: cover;
    object-position: center;
    margin-bottom: 20px;
    border-radius: 7px;
    overflow: hidden;
}

.news .newsHead {
    font-size: 18px;
    line-height: 1.6;
    padding: 0 20px 10px;
}

.news-section .newsLink {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.news-section:hover {
    background: var(--lightblue);
    color: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    top: -5px;
    transform: scale(1.02);
}

.news-section:hover .news .newsHead {
    text-decoration: underline;
    text-underline-offset: 5px;
    color: #fff;
}

.newsDate {
    background: no-repeat left center;
    background-image: url("data:image/svg+xml,<svg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3.31554 0.474613C3.25875 0.474391 3.20247 0.485371 3.14992 0.506927C3.09737 0.528482 3.04959 0.560188 3.00932 0.600231C2.96904 0.640274 2.93705 0.687868 2.91519 0.740287C2.89333 0.792706 2.88202 0.848923 2.88191 0.905718V1.40938H1.64512C0.740257 1.40938 0 2.14964 0 3.05449V10.6786C0 11.5834 0.740257 12.3271 1.64512 12.3271H13.0378C13.9426 12.3271 14.6863 11.5834 14.6863 10.6786V3.05449C14.6863 2.14964 13.9426 1.40938 13.0378 1.40938H11.8035V0.905718C11.8034 0.848923 11.7921 0.792706 11.7702 0.740287C11.7484 0.687868 11.7164 0.640274 11.6761 0.600231C11.6358 0.560188 11.588 0.528482 11.5355 0.506927C11.4829 0.485371 11.4267 0.474391 11.3699 0.474613C11.2557 0.475059 11.1464 0.520649 11.0658 0.601424C10.9852 0.6822 10.9398 0.791597 10.9396 0.905718V1.40938H3.74665V0.905718C3.74643 0.79145 3.70094 0.681926 3.62014 0.601127C3.53934 0.520327 3.42981 0.474835 3.31554 0.474613ZM1.64512 2.27327H2.88191V2.90432C2.88202 2.96112 2.89333 3.01734 2.91519 3.06976C2.93705 3.12217 2.96904 3.16977 3.00932 3.20981C3.04959 3.24985 3.09737 3.28156 3.14992 3.30312C3.20247 3.32467 3.25875 3.33565 3.31554 3.33543C3.42981 3.33521 3.53934 3.28972 3.62014 3.20892C3.70094 3.12812 3.74643 3.01859 3.74665 2.90432V2.27327H10.9396V2.90432C10.9398 3.01845 10.9852 3.12784 11.0658 3.20862C11.1464 3.28939 11.2557 3.33498 11.3699 3.33543C11.4267 3.33565 11.4829 3.32467 11.5355 3.30312C11.588 3.28156 11.6358 3.24985 11.6761 3.20981C11.7164 3.16977 11.7484 3.12217 11.7702 3.06976C11.7921 3.01734 11.8034 2.96112 11.8035 2.90432V2.27327H13.0378C13.479 2.27327 13.8224 2.61329 13.8224 3.05449V4.57897H0.863898V3.05449C0.863898 2.61329 1.20391 2.27327 1.64512 2.27327ZM0.863898 5.44287H13.8224V10.6786C13.8224 11.1198 13.479 11.4632 13.0378 11.4632H1.64512C1.20391 11.4632 0.863898 11.1198 0.863898 10.6786V5.44287Z' fill='%23000000'/></svg>");
    padding-left: 25px;
    margin: 0 20px;
}

.news-section:hover .newsDate {
    background-image: url("data:image/svg+xml,<svg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3.31554 0.474613C3.25875 0.474391 3.20247 0.485371 3.14992 0.506927C3.09737 0.528482 3.04959 0.560188 3.00932 0.600231C2.96904 0.640274 2.93705 0.687868 2.91519 0.740287C2.89333 0.792706 2.88202 0.848923 2.88191 0.905718V1.40938H1.64512C0.740257 1.40938 0 2.14964 0 3.05449V10.6786C0 11.5834 0.740257 12.3271 1.64512 12.3271H13.0378C13.9426 12.3271 14.6863 11.5834 14.6863 10.6786V3.05449C14.6863 2.14964 13.9426 1.40938 13.0378 1.40938H11.8035V0.905718C11.8034 0.848923 11.7921 0.792706 11.7702 0.740287C11.7484 0.687868 11.7164 0.640274 11.6761 0.600231C11.6358 0.560188 11.588 0.528482 11.5355 0.506927C11.4829 0.485371 11.4267 0.474391 11.3699 0.474613C11.2557 0.475059 11.1464 0.520649 11.0658 0.601424C10.9852 0.6822 10.9398 0.791597 10.9396 0.905718V1.40938H3.74665V0.905718C3.74643 0.79145 3.70094 0.681926 3.62014 0.601127C3.53934 0.520327 3.42981 0.474835 3.31554 0.474613ZM1.64512 2.27327H2.88191V2.90432C2.88202 2.96112 2.89333 3.01734 2.91519 3.06976C2.93705 3.12217 2.96904 3.16977 3.00932 3.20981C3.04959 3.24985 3.09737 3.28156 3.14992 3.30312C3.20247 3.32467 3.25875 3.33565 3.31554 3.33543C3.42981 3.33521 3.53934 3.28972 3.62014 3.20892C3.70094 3.12812 3.74643 3.01859 3.74665 2.90432V2.27327H10.9396V2.90432C10.9398 3.01845 10.9852 3.12784 11.0658 3.20862C11.1464 3.28939 11.2557 3.33498 11.3699 3.33543C11.4267 3.33565 11.4829 3.32467 11.5355 3.30312C11.588 3.28156 11.6358 3.24985 11.6761 3.20981C11.7164 3.16977 11.7484 3.12217 11.7702 3.06976C11.7921 3.01734 11.8034 2.96112 11.8035 2.90432V2.27327H13.0378C13.479 2.27327 13.8224 2.61329 13.8224 3.05449V4.57897H0.863898V3.05449C0.863898 2.61329 1.20391 2.27327 1.64512 2.27327ZM0.863898 5.44287H13.8224V10.6786C13.8224 11.1198 13.479 11.4632 13.0378 11.4632H1.64512C1.20391 11.4632 0.863898 11.1198 0.863898 10.6786V5.44287Z' fill='%23ffffff'/></svg>");
}

@media (min-width:640px) {
    .news .newsHead {
        font-size: 18px
    }
}

/* Professors */

/* distingwish professors */

.professorTable>div {
    max-width: 100%;
    flex-shrink: 1;
}

.dtperBox {
    width: 100%;
    max-width: 350px;
    position: relative;
    border-radius: 10px;
    color: #fff;
    transition: all .4s ease;
    background: linear-gradient(180deg, #134080 0%, #040D1A 100%);
}

.dtperImgBox {
    margin-top: -50px;
    overflow: hidden;
}

.dtperImgBox img {
    transition: all .4s ease;
    top: 0;
    opacity: 1;
    position: relative;
}

.dtperDetail {
    padding: 10px 15px;
    position: relative;
    z-index: 2;
}

.dtperName {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}

.dtperDesig {
    font-size: 11px;
    text-transform: uppercase;
}

.dtperContent {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 10px;
    padding: 15px;
    opacity: 0;
    transition: all .4s ease;
    z-index: 1;
}

.dtperBox:hover .dtperContent {
    opacity: 1;
    bottom: 0
}

.dtperBox:hover .dtperImgBox img {
    filter: grayscale(100%);
    opacity: .2;
    top: 50px;
}

@media (min-width:768px) {
    .professorTable>div {
        max-width: 50%;
        flex-shrink: 1;
    }
}

@media (min-width:1024px) {
    .professorTable>div {
        max-width: 33.33%;
        flex-shrink: 1;
    }
}

.professorSwiper {
    background: var(--darkblue);
    color: #fff;
    position: relative;
    box-shadow: inset 0 -10px 50px rgba(0, 0, 0, .5);
}

.professorSwiper:before {
    content: 'Distinguished Personalities';
    width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    font-size: 11vw;
    font-weight: 700;
    line-height: .77;
    color: var(--darkblue);
    display: flex;
    justify-content: center;
    align-items: end;
    text-align: center;
}

.professorSwiper .swiper-slide {
    height: auto;
}

.profImgBox {
    max-width: 450px;
    margin: 0 auto;
}

.profImgBox .profImg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}

.profContent p {
    font-size: 16px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.7);
}

.profContent .profName {
    color: var(--yellowColor);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
}

.profContent .designation {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}

@media (min-width:640px) {
    .profImgBox {
        max-width: 350px;
        margin: 0 auto;
    }
}

@media (min-width:768px) {
    .profContBox {
        padding-top: 0;
    }
    .professorSwiper:before {
        font-size: 5vw;
    }
    .profImgBox {
        max-width: unset;
    }
}

@media (min-width:1024px) {
    .profContBox {
        padding-top: 0px;
    }
    /* .professorSwiper:before {height:100px;} */
}

@media (min-width:1280px) {
    .profContent p {
        font-size: 18px;
    }
}

@media (min-width:1536px) {
    .profContBox {
        padding-top: 0px;
    }
    /* .professorSwiper:before {height:130px;} */
}

/* Explore section */

.exploreFigure {
    position: relative;
    background: #000;
    border-top: 1px solid #000;
    overflow: hidden;
}

.exploreFigure .exploreImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: grayscale(100);
    transition: all .5s ease, transform 8s ease;
    opacity: .5;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: scale(1);
}

.exploreFigure:hover .exploreImg {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1.1);
}

.explore {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: end;
    justify-content: center;
    color: #fff;
    padding: 20px 5px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 35%);
}

.exploreDiscription {
    min-height: 0;
    display: flex;
    align-items: center;
    transition: all .5s ease;
}

.exploreDiscription h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    padding: 8px;
    transition: inherit;
}

.explore:hover .exploreDiscription {
    min-height: 100%;
}

.explore:hover .exploreDiscription h3 {
    background: var(--lightblue);
    border-radius: 5px;
}

.coeGrid {
    max-width: 800px;
}

.coeBox {
    border: 1px solid #eee;
    border-radius: 10px;
    display: block;
    max-width: 240px;
    margin: auto;
    transition: all .3s ease;
    position: relative;
    top: 0;
    padding: 10px;
    background: #fff;
}

.coeBox:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    top: -5px;
}

.coeBox img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
}

@media (min-width:640px) {
    .exploreDiscription h3 {
        font-size: 24px;
    }
}

@media (min-width:1536px) {
    .exploreDiscription h3 {
        font-size: 36px;
    }
}

/* .explore-container {width:100%;height:100vh;background-color: #000000;position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;flex-direction: column;z-index: 17;transition: height 1s ease-in-out;scroll-snap-align: start;}
.explore-container.open {height: 100vh;}
.explore-container.open .hidden-div {height: 65vh;}

.explore,.HGI {position: relative;font-size: 40px;font-weight: bold;color: #ffffff;text-align: justify;cursor: pointer;transition: top 2s ease-in-out;}
.hidden-div {position: relative;width: 100%;height: 0;overflow-y: auto;display: flex;flex-direction: column;align-items: center;scroll-behavior: smooth;scroll-snap-type: y mandatory;transition: height 1s ease-in-out;}

.hidden-div::-webkit-scrollbar {width:12px;background:transparent;}
.hidden-div::-webkit-scrollbar-thumb {background-color: transparent;}
.explore-container.open .hidden-div {height: 65vh;}

.hidden-div img {width: 70%;height: 63vh;margin-bottom: 20px;border-radius: 12px;padding: 5px;}
.explore:hover, .HGI:hover {text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}   */

/* ///////////////////  explore css end   /////////////   */

.campusLifeWrapper {
    position: relative;
    padding: 0;
}

.campusSwiper {
    width: 100%;
    overflow: visible;
}

.csBig {
    width: 100%;
    height: 100%;
    position: relative;
    border: 5px solid #fff;
    background: var(--blueColor);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    transition: all .5s ease;
    transform: scale(.9);
    overflow: hidden;
}

.csBigImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

.csBigDetails {
    width: 100%;
    padding: 20px;
    z-index: 3;
}

.csBigDetails h2 {
    color: #fff;
    background: var(--blueColor);
    display: inline-block;
    position: relative;
    padding: 5px 10px 5px 0;
}

.swiper-slide-active .csBig {
    transform: scale(1);
    box-shadow: 0 30px 50px rgba(0, 0, 0, .3);
}

.csBigDetails p {
    color: #fff;
}

.campusSwiper .campusSwiperBtns {
    margin: 0;
}

.campusSwiper .campusSwiperBtns:after {
    font-size: 20px;
    color: #999;
}

.campusSwiper .campusSwiperBtns:hover:after {
    color: var(--blueColor);
}

.campusThumbSwiper {
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

@media (min-width:1024px) {
    .campusSwiper {
        aspect-ratio: 10/4.5;
    }
    .csBig:before {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(316deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .39) 100%);
        z-index: 2;
    }
    .csBigDetails {
        width: 600px;
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        padding: 50px;
        z-index: 3;
    }
    .csBigDetails h2:before {
        content: '';
        width: 800px;
        height: 100%;
        display: block;
        background: var(--blueColor);
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
    }
    .campusSwiper .campusSwiperBtns:after {
        font-size: 40px;
    }
    .campusSwiper .campusSwiperBtns {
        margin: 0 2.5%;
    }
}

.scrollPartItem {
    width: 100%;
    aspect-ratio: 1;
    background: no-repeat center fixed;
    background-size: cover;
    position: relative;
}

.scrollPartItem::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .1);
}

.scrollPartText {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0 50px rgba(0, 0, 0, .3), 0 0 2px #000;
}

.scrollPartText span {
    display: inline-block;
    /*background:var(--darkblue);color:var(--yellowColor);*/
}

@media (min-width:768px) {
    .scrollPartItem {
        width: 100%;
        aspect-ratio: 2/1.5;
    }
    .scrollPartText {
        font-size: 50px;
    }
}

@media (min-width:1024px) {
    .scrollPartItem {
        width: 100%;
        height: 100vh;
        aspect-ratio: unset;
    }
}

@media (min-width:1280px) {
    .scrollPartText {
        font-size: 80px;
    }
}

.happeningSwiper {
    position: relative;
    padding-bottom: 10px;
}

.happeningSwiper .hsBtns {
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 170px;
    z-index: 2;
}

.happeningSwiper .swiper-slide {
    height: unset;
}

.updatesFirst {
    height: 100%;
}

.updatesFirst .updateImg {
    width: 100%;
    aspect-ratio: 5/3;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
    background: #f6f6f6;
    border-radius: .6rem;
}

.updatesFirst .updateHead {
    font-size: 20px;
    font-weight: 600;
}

.pressSwiper {
    position: absolute;
    height: 100%;
    width: 100%;
}

.updateItem {
    position: relative;
    transition: all .3s ease;
    border-radius: .6rem;
}

.updateItem .updateImg {
    width: 30%;
    height: auto;
    aspect-ratio: 5/4;
    object-fit: cover;
    object-position: center;
    background: #f6f6f6;
    border-radius: .6rem;
}

.updateItem .updateHead {
    width: 70%;
}

.updateItem a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

.updateItem:hover {
    background: var(--blueColor);
    color: #fff;
}

@media (max-width:1024px) {
    .pressSwiper {
        position: relative;
    }
    .pressSwiper .swiper-wrapper,
    .pressSwiper .swiper-slide {
        display: block;
        height: unset;
    }
    .pressSwiper .swiper-slide {
        margin-bottom: 30px;
    }
}

.colgBox {
    width: 100%;
    aspect-ratio: 1;
    background: #ccc;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    position: relative;
}

.colgBox .colgBxImg {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
}

.colgBxContent {
    width: 100%;
    background: var(--blueColor);
    color: #fff;
    transition: all .6s ease;
}

.colgBxContent:hover {
    background: var(--yellowColor);
}

.colgBxText {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    text-shadow: 0 0 2px rgba(0, 0, 0, .3);
}

@media (min-width:768px) {
    .colgBxText {
        font-size: 30px;
    }
}

@media (min-width:1024px) {
    .colgBxText {
        font-size: 36px;
    }
    .colgBox {
        min-height: 100%;
    }
}

@media (min-width:1280px) {
    .colgBxText {
        font-size: 60px;
    }
}

@media (max-width:1024px) {
    .colgBxCenter.colgBxCenter {
        aspect-ratio: unset;
    }
}