@font-face {
    font-family: RedditSans;
    src: url(../fonts/Reddit_Sans/RedditSans-VariableFont_wght.ttf);
}


@font-face {
    font-family:RedditSans-Regular;
    src: url(../fonts/Reddit_Sans/static/RedditSans-Regular.ttf);
}

 @font-face {
    font-family:RedditSans-Medium;
    src: url(../fonts/Reddit_Sans/static/RedditSans-Medium.ttf);
 }
 @font-face {
    font-family:RedditSans-Bold;
    src: url(../fonts/Reddit_Sans/static/RedditSans-Bold.ttf);
 }
 @font-face {
    font-family:RedditSans-SemiBold;
    src: url(../fonts/Reddit_Sans/static/RedditSans-SemiBold.ttf);
 }
 @font-face {
    font-family:Black Hawk;
    src: url(../fonts/black-hawk/Black\ Hawk.ttf);
 }
/* recaptcha */



@media (max-width:350px) {
    .rc-anchor-logo-portrait {
        margin: 10px 0 0 -40px !important;
    }
    
}



.dropdown-content {
  display: none;
  position: absolute;
 
  z-index: 1;
}

.dropdown-content a {
 
  display: block;
}


.dropdown:hover .dropdown-content {display: block;}


.scroll-wrapper {
  height: 400px; /* Visible area height */
  overflow: hidden;
  position: relative;
  
}

.scroll-content {
  display: flex;
  flex-direction: column;
  animation: scroll-up 18s linear infinite;
}

.scroll-content img {
  display: block;
  max-width: 70%
}

.scroll-wrapper:hover .scroll-content {
  animation-play-state: paused;
}

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


/* loader icon */


/* #loader {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #ccc;
    border-top-color: #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
} */
 .loader {
 
  width: 60px; height: 60px;
  animation: spin 1s linear infinite;
  margin: auto;
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



 ul {
    padding-left: 0rem;
}



a {
    text-decoration: none;
}


ol{
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #000000;

}

.dropdown-fullscreen {
    position: absolute;
    z-index: 99999;
}


/* breadcrumbs */


.breadcrumb-item+.breadcrumb-item::before {
    content: "|";
    color: #C9DDEE;

}

.breadcrumb .breadcrumb-item a {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #C9DDEE;
}


/* .breadcrumb .breadcrumb-item a:active{
font-family: RedditSans;
font-style: normal;
font-weight: 600 !important;
font-size: 15px;
line-height: 19px;
color: #C9DDEE;
} */


/* navbar section start*/







.sec-full-nav {
    background: #FFFFFF;
   position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;

}

 

/* top bar */
.nav-item.dropdown:hover svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
}

.sec-nav-logo {
        margin-top:-20px;
    }

.Search-nav::placeholder {
    color: rgba(192, 214, 232, 1);

}

.sec-nav-logo-2{
    width: 110%;
}

.top-nav-items {
    padding-top: 2px;
    align-items: center;
    padding-bottom: 5px;
}

.top-nav-items a,
.sec-navbar a {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
}
.nav-admission{
    color: #FFFFFF !important;

}
.sec-navbar a {
    color: #002147 !important;
        margin-bottom: 10px;
}


.top-nav-items a:hover {
    color: #E67A0F;
}

.top-nav-items a:active {
    color: #E67A0F !important;
}


.top-nav-items:focus {
    color: #E67A0F;
}

.sec-navbar a:hover {
    color: #E67A0F;

}

.sec-navbar a:active {
    color: #E67A0F;
}

.top-nav-items .nav-link:focus,
.nav-link:hover {
    color: #E67A0F !important;
}

.sec-navbar .nav-link:focus,
.nav-link:hover {
    color: #E67A0F !important;
}


.sec-contacts {
    font-size: 13px !important;
    padding-bottom: 0;
}

.call-nav {
    margin-bottom: -5px !important;
    padding-left: 6px;
}

.nav-contact {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 18px;
    color: #FFFFFF;
}


.Search-nav:focus {
    border: none;
    outline: none;
    box-shadow: none;
}



.search-icon-btn,
.Search-nav {
    border: none !important;
    background-color: #165C98 !important;
    outline: none;
    box-shadow: none;
    color: #ffffff !important;
    padding: 0;
}

.Search-nav {
    width: 92px !important;
}

.Search-nav:focus {
    border: none !important;
}

.Search-nav:active {
    border: none !important;
}

.nav-search {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #C0D6E8 !important;
    
}

.nav-code {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    background-color: #E67A0F;
    border-radius: 3px;
    padding: 0 8px;

}

.nav-code span {
    font-family: RedditSans;
    font-weight: 700;
    font-size: 14px;
}

/* bottom nav */


.sec-nav-button {
    font-family: RedditSans;
    background: #E67A0F;
    border-radius: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #FFFFFF;
    padding: 10px;
    margin-left: 10px;
}

.sec-nav-button:hover {
    color: #FFFFFF !important;
}

.nav-vm span {
    color: #E67A0F;
}
.nav-item.dropdown {
    position: relative;
}
.dropdown-fullscreen {
    position: fixed;
    left: 0;
    /* margin-top: 40px; */
    /* top: 100%; */
    width: 100vw;
    opacity: 1;
    padding: 30px 20px;
    display: none;
    z-index: 1000;
    background: #fff;
    box-shadow: 0px 0px 120px 0px #00000026;
    

}
.about-nav-head {
    font-family: RedditSans !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #165C98 !important;
}
.dropdown-fullscreen a {
    display: block;
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 15px !important;
    color: #000000 !important;
    padding: 5px 0px 10px 10px;
    margin-bottom: 3px;

}

.about-nav-col {
    border-right: 1px solid #E5E5E5;
}

.dropdown-fullscreen a.about-nav-head {
    color: #165C98 !important;
}

.dropdown-fullscreen a {
    transition: transform 0.4s ease-in-out;
}

.about-nav-head {
    transform: none !important;
}

.dropdown-fullscreen a:hover {
    transform: translateX(10px);
    color:#165C98 !important;

}

.sec-navbar-expand-lg {
    gap: 25px !important;
    padding-bottom: 0;
}

.top-nav {
    background: #165C98;
    width: 73%;
    margin-left: auto;
}


.index-nav-icon {
    display: none !important;
}

.nav-icon-1 {
    width: 30px;
    height: 2px;
    background-color:#002147;
}

.nav-icon-2 {
    width: 30px;
    height: 2px;
    background-color: #002147;
    margin-top: 6px;
}

.nav-icon-3 {
    width: 30px;
    height: 2px;
    background-color: #002147;
    margin-top: 6px;

}

.navbar-toggler {
    border: none !important;
    padding: 0;
}

.navbar-brand {
    margin-right: 0;
}

.navbar-toggler:focus {
    border: none !important;
    box-shadow: none !important;
}

.sec-nav-button-off {
    margin-left: 0 !important;
}

.sec-offcanvas {
    background-color: #FFFFFF;
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    
}

.sec-offcanvas li a {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #002147;

    line-height: 29px;
}

.about-nav-offhead {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 16px;
    color: #002147 !important;
    line-height: 29px;
}


.sec-animate-arrow {
    transition: transform 0.5s ease-in-out;
}

.sec-animate-btn:hover .sec-animate-arrow {
    transform: translateX(5px);
}

.btn-close:focus{
    box-shadow: none;
}





@media (min-width:1320px) {
    .nav-search {
    padding-left: 30px;
}
.aprove-modal{
     font-family: RedditSans;
    font-weight: 600;
    font-size: 52px;
    color: #000;
    background-color:#00000091;
    text-align: center;
    padding: 40px;
}
.aprove-modal .modal-body{
    padding: 30px;
}


}




@media (min-width:1400px) {
    .sec-nav-logo {
        margin-top:-69px;
    }
    /* .sec-nav-link{
        padding-right: 20px !important;
    } */
    .sec-navbar{
        padding-top: 10px;
        padding-bottom: 10px;
    }

}
@media (min-width:1600px) {
    .sec-nav-logo{
        margin-top: auto;
    }
    .top-nav{
            width: 70%;
    }
}

@media (min-width:1800px) {
    .sec-nav-logo {
       margin-top: -73px;
    }
    .top-nav{
            width: 67%;
    }
    
}

@media (min-width:2000px){
    .top-nav{
            width: 63%;
    }
}

@media (min-width:1280px){
   .sec-nav-logo {
    margin-top: -85px;
}
}

@media (max-width:1416px) {
    .top-nav {
    width: 74%;
}
    
}


@media (max-width:1400px) {

    .top-nav-items a,
    .sec-navbar a {
        font-size: 12px;
    }

    .nav-alumni {
        display: none;
    }

}


@media (max-width:1325px) {
    .top-nav {
    width: 74%;
}
}


@media (max-width:1280px) {
    .nav-search {
        padding: 0;
    }

    .nav-contact {
        font-size: 12px !important;
    }

}

@media (max-width:1233px) {
   .navbar-expand-lg .navbar-nav .nav-link{
    padding-left: 0;
   }

}


@media (max-width: 1200px) {

    .sec-contacts-none{
        display: flex;
        align-items: center;
        margin-right: 4px;
        gap: 7px;
    }
    .sec-contacts-none .sec-contacts{
        display: none;
    }
    .sec-nav-logo{
        width: 79%;
    }

    .sec-nav-button{
        margin-left: 0;
    }


    .sec-contacts{
        padding-left: 0;
    }

     .counselling-nav{
            margin-inline-end: auto !important;
    }

    .top-nav {
        width: auto;
        margin-bottom: 10px;
    }

    .call-nav,
    .nav-contact {
        display: none;
    }

   

    .sec-navbar-container {
        max-width: 1090px;
    }

    .sec-navbar-expand-lg {
        gap: 0 !important;
    }

    .nav-search {
        font-size: 14px !important;
        padding: 15px !important;
    }


}





@media (max-width:1109px) {
.navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 7px;
}  
    .top-nav-items a, .sec-navbar a{
        font-size: 10px !important;
    }  
}






@media (max-width:1079px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0 !important;
    }

}

@media (max-width: 992px) {
    .top-nav {
        width: auto;
        margin-bottom: auto;
    }

    .responsive-top,
    .nav-line,
    .nav-contact,
    .call-nav {
        display: none;
    }

    .sec-nav-logo {
        margin-top: auto;
    }
    .nav-icon-2{
        width:21px;
        margin-inline-start: auto;
    }
     .sec-nav-logo {
        margin-top: auto;
    }
   

}




@media (max-width:600px) {
    .sec-offcanvas{
        width: 75% !important;
    }
}




@media (max-width:500px) {
   

    .sec-nav-logo {
        width: 60%;
    }

    .sec-offcanvas li a {
        font-size: 12px !important;
    }

    .sec-navbar-expand-lg {
        display: block;
    }

    .navbar-toggler {
        float: inline-end;
        padding: 15px;
    }

    .breadcrumb .breadcrumb-item a {
        font-size: 10px;
    }

}



@media (max-width:400px) {
    
.Search-nav {
    width: 60px !important;
}
.search-icon{
    width: 12px;
}
.nav-code span,.nav-code,.top-nav-items a, .sec-navbar a{
    font-size: 10px;
}

.nav-search{
    padding-left:  0 !important;
    padding-right:  0 !important;
    font-size: 10px !important;
}
}


/* navbar-section end */



/* footer section start */



.sec-footer {
    line-height: 14px;
}

.sec-footer-section {
    background-color: #165C98;
    margin-top: 60px;
    padding-top: 70px;
    background-image: url(../images/footer/sec-footer-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 45% 75%;
    background-position: right 20px bottom -35px;
}

.sec-college-footer {
    width: 100%;
}

.footer-head {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
}
.footer-head2 p {
     font-family: RedditSans;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #FFFFFF;
}
.footer-head-2{
    padding-top: 30px;
}

.sec-footer a p {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    transition: transform 0.5s ease-in-out;
}

.sec-footer a p:hover {
    transform: translateX(10px);
    color: #E67A0F;
}

.bottom-link-footer {
    border-top: 1px solid #77B4D3
}


.footer-top-rectangle {
    margin-top: -93px;
    width: 90%;
    float: inline-end;
}

.bottom-footer-text {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    padding-top: 20px;
}

.bottom-footer-text-2,
.social-media-footer {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;

}

.bottom-footer-col-2 h6 {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    padding-top: 20px;

}

.bottom-link-footer {
    padding-top: 30px;
}
.bottom-logo{
    float: inline-end;
}

.bottom-link-footer p {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 7px;
}

.middle-footer {
    --bs-gutter-x: none;
}

.bottom-link-footer-2 {
    float: inline-end;
}

.social-media-footer i,.fa-phone-volume,.fa-envelope {
    color: #FFFFFF;
}

.social-media-footer i:hover {
    color: #E67A0F;
}

.bottom-footer-text-2 {
    transition: color 0.6s ease-in-out;
}


.bottom-footer-text-2:hover {
    color: #E67A0F !important;
    cursor: pointer;

}

































@media (min-width:1400px) {
    .bottom-footer-col-2 {
        padding: 0px 340px 0px 160px;
    }

    .sec-college-footer {
        width: 120%;
    }
}


@media (max-width:1300px) {
    .footer-top-rectangle {
        margin-top: -80px;
    }
}


@media (max-width:992px) {

    .footer-head{
        padding-top: 30px;
    }
    .sec-footer-section {
        background-image: none;
    }

    .bottom-link-footer-2,.bottom-logo{
        float: none;
    }

    .desktop-excellence-sec {
        display: none !important;
        /* Hide grid on small screen */
    }

    .logo-section-wrapper {
        overflow: hidden;
        position: relative;
    }

    .logo-scroll-track {
        display: flex;
        width: max-content;
        animation: scroll 10s linear infinite;
    }

   

    .logo-item {
        flex: 0 0 auto;
        margin-right: 35px;
        width: max-content;
        gap: 10px;
    }

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

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

}


@media (max-width:576px) {
    .footer-top-rectangle {
        margin-top: -75px;
    }
}



/* footer section end */



/* home page start */




/* banner section */

.banner-video-section {
    position: relative;
    width: 100%;
}

.banner-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 0;
    height: 100%;
}

.banner-section-content {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
}

.home-banner-number {
    display: flex;

}

.banner-counter-section {
    display: flex;
    justify-content: space-around;
    text-align: center;
    align-items: end;
    padding-bottom: 90px;
    gap: 20px;

}

.banner-counter-box {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    color: #FFFFFF;
    bottom: 0 !important;
    text-align: start;

}

.banner-counter-box p {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    text-align: start;

}

.banner-counter-box-line {
    border-right: 1px solid #FFFFFF;

}

.home-banner-img-col {
    background-size: cover;
    background-image: url(../images/home/banner-wave.png);
    background-repeat: no-repeat;
    background-size: 100% 120%;
    /* opacity: 0.9; */
}

.home-banner-logo {
    padding-top: 60px;
    display: flex;
}

.sentence-box {
    font-family: RedditSans !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0;
    animation: fadeIn 1000ms ease-in-out 1000ms forwards;

}


.latest-span {
    font-family: RedditSans !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 16px;
    color: #FFFFFF;
}



@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.sentences span {
    display: none;
}

.banner-sentences {
    background: #165C98;
    padding: 20px 20px 16px 20px;
    margin-top: -60px;
    z-index: 2;
    position: relative;
    opacity: 0.8;
    line-height: 24px;

}


.latest {

    font-family: RedditSans !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    color: #FFFFFF !important;
    background-color: #E67A0F !important;
    padding: 3px 10px;
    margin-right: 10px;
    margin-bottom: 10px !important;
    border-radius: 8px;

}
 
@media (max-width:1400px) {
.sentence-box,.latest,.latest-span {
        font-size: 12px !important;
    }
    

}


@media (max-width:992px) {
    .banner-counter-section {
        display: flex;
        flex-wrap: wrap;
    }

    .banner-counter-box-line {
        border-right: none;

    }

    .banner-sentences {
        opacity: 1;
    }


    .home-banner-img-col {
        background-image: none;
    }

    .home-banner-group-img {
        width: 70%;
    }

    .banner-counter-box {
        padding-top: 40px;
        font-size: 20px;
    }



    .banner-counter-section {
        padding-bottom: 10px;
    }

    /* .responsive-home-banner-1 {
        display: none;
    } */

}

@media (max-width:576px) {

    .sentence-box,
    .latest-span {
        font-size: 12px;
    }

}




/* slider section */

.sec-logo-slider p {
    text-align: center;
    padding-top: 50px;
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    color: #000000;
}

.index-logo-slider {
    overflow: hidden;

}

.index-logo-track {
    display: flex;
    /* width: calc(200px * 14); */
    animation: scroll 20s linear infinite;
}

.index-logo-slide {
    width: 256px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    scroll-snap-align: start;
    flex-shrink: 0;

}

.index-logo-slider-track {
    display: flex;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.index-logo-slider-track::-webkit-scrollbar {
    display: none;
}

.index-logo-slide img {
    height: auto;
    object-fit: contain;
    /* filter: grayscale(100%);
    transition: filter 0.3s; */
}



.index-logo-slide img:hover {
    filter: grayscale(0%);
}

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

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

@media (max-width: 600px) {
    .index-logo-slide {
        width: auto;
    }

    .index-logo-slide img {
        width: 70%;
    }
}

@media (max-width:576px) {
    .sec-logo-slider p {
        font-size: 16px;
    }
}



/* about section */

.more-about-btn{
    margin-top: 15px;
    display: inline-block;
}







.index-about-sec {
    padding-top: 100px;
    padding-bottom: 70px;
}


.index-about-sec h5 {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    color: #000000;

}

.index-about-h5 {
    padding-top: 30px;
}

.index-about-sec h6 {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    color: #000000;
}

.index-about-sec p {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    text-align: justify;    
}



.index-about-sec a {
    margin-left: 0 !important;
}

.index-about-images .hover-image-container {
    display: inline-block;

}

.index-about-images {
    position: relative;

}


.index-about-img-3 {
    position: absolute;
    top: 20%;
}

.index-about-img-4 {
    position: absolute;
    left: 0;
    top: 80%;


}

.index-about-wave {
    position: absolute;
    top: -30%;
    z-index: 2;
    right: -14%;
}


.hover-image-container {
    overflow: hidden;
}

.sec-hover-image {
    transition: transform 0.3s ease-in-out;
}

.sec-hover-image:hover {
    transform: scale(1.1);
}

.animate-wave {
    animation: upDown 3s ease-in-out infinite;
}

@keyframes upDown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}




@media (min-width:1300px) {
    .home-about-img-2{
    right: -106px !important;
    }
    

}


@media (min-width:1400px) {
    .home-about-img-2{
    right: -27px !important;
    }
    

}



@media (max-width:1400px) {
    .index-about-images .hover-image-container {
        width: 40%;

    }

}

@media (max-width:1300px) {

    .index-about-wave {
        right: 0;
        width: 40%;

    }

    .index-about-img-2,
    .index-about-img-3,
    .index-about-img-4 {
        position: static;
    }



}



@media (min-width:992px) {
    .index-about-sec-right{
    padding-left: 60px;
}

}


@media (max-width:992px) {
    .index-about-sec {
        padding-top: 20px;
    }

    .more-about-btn {
        display: inline-block;
        margin-bottom: 20px;
    }




}



@media (max-width:576px) {
    .index-about-sec h5 {
        font-size: 25px;
    }

    .index-about-sec h6 {
        font-size: 20px;
    }

    .index-about-sec p {
        font-size: 14px;
    }

    .index-about-wave {
        top: -18%;
    }

}

@media (max-width:380px) {
    .index-about-sec h5 {
        font-size: 20px;
    }

    .index-about-sec h6 {
        font-size: 18px;
    }
}

/* academic program section */


.active-sec-tabs {
    background: #165C98 !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 1) !important;
}




.ap-testimonial {
    padding-top: 60px;
}

.owl-carousel {
    display: block !important;
}

.ap-testimonial .owl-item img {
    width: auto !important;

}

.ap-testimonial .owl-item {
    width: auto !important;
    margin-right: 20px !important;

}

.program-tab {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #165C98;
    border: 1px solid #165C98;
    border-radius: 8px;
    text-transform: uppercase;

}

.program-tab:hover {
    color: #165C98 !important;

}

.programs-tabs-list {
    display: flex;
    flex-direction: row;
    gap: 15px;
    padding-bottom: 30px;
    position: relative;
    z-index: 10;
}



.program-tab.active {
    background-color: #165C98 !important;
    color: #fff !important;
}



.test-text {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
}

.test-position {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}

.video-play-1 {
    position: absolute;
    top: 6%;
    right: 8%;
}

.review-1 {
    position: relative;
}

.review-1-body {
    position: absolute;
    bottom: 0%;
    left: 5%;
    padding: 20px;
}

.review-2 {
    position: relative;
}

.review-2-body {
    position: absolute;
    bottom: 0%;
    padding: 20px;
    left: 5%;
}

.review-3 {
    position: relative;
}

.review-3-body {
    position: absolute;
    bottom: 0%;
    padding: 20px;
    left: 5%;
}

.review-4 {
    position: relative;
}

.review-4-body {
    position: absolute;
    bottom: 0%;
    padding: 20px;
    left: 5%;
}

.review-5 {
    position: relative;
}

.review-5-body {
    position: absolute;
    bottom: 0%;
    padding: 20px;
    left: 5%;
}

.review-6 {
    position: relative;
}

.review-6-body {
    position: absolute;
    bottom: 0%;
    padding: 20px;
    left: 5%;
}

.index-phd-sec {
    display: flex;
    gap: 20px;

}

.testimonial-image-1 {
    width: 100%;
}


.sec-blue-head {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #095D87;
}
.sec-blue-head-2 {
    font-family: RedditSans !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    color: #095D87 !important;
}
.sec-black-head {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    color: #000000;
}

.sec-black-para {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #000000;
    text-align: justify;
}

.sec-more-links {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #E67A0F;
}

.testimonial-icon {
    text-align: center;
    padding-top: 40px;
}

.testimonial-icon button {
    border: none;
    background: none;
}

.academic-program-section {
    background-color: #F2F6FA;
    padding-bottom: 40px;
    padding-top: 80px;
}

.index-phd-section {
    padding-top: 50px;
}


.blog-animate:hover .blog-img-text {
    text-decoration: underline !important;
}

.animate-academic:hover .test-text {
    text-decoration: underline;

}




.animate-academic:hover .blue-arrow {
    display: none !important;
}

.animate-academic:hover .white-arrow {
    display: block !important;
}

.animate-academic:hover .program-cardimg button {
    background: #165C98 !important;


}

.testimonial-arrow img {
    border: 1px solid #165C98;
    border-radius: 50%;
    padding: 24px 28px;
    transition: all 0.5s ease-in-out;

}

.rotate-icon-1 {
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.hover-icon-1 {
    display: block !important;

}

.hover-icon-2 {
    display: none !important;
}

.testimonial-arrow:hover .hover-icon-2 {
    display: block !important;
    background-color: #165C98;

}

.testimonial-arrow:hover .hover-icon-1 {
    display: none !important;
    background-color: #165C98;

}


@media (max-width:992px) {
    .academic-program-section {
        padding-top: 20px;
    }

    .programs-tabs-list {
        padding-bottom: 20px;
    }
}





@media (max-width:800px) {
    .index-phd-sec {
        flex-wrap: wrap;
    }
}





@media (max-width:576px) {
    .program-tab {
        font-size: 14px;
    }

    .test-position {
        font-size: 16px;
    }

    .test-text {
        font-size: 18px;
    }

    .logo-container h2 {
        font-size: 25px !important;
        line-height: normal !important;
    }

    .partners img {
        width: 20%;
    }
}

@media (max-width:380px) {
    .logo-container h2 {
        font-size: 18px !important;
        line-height: normal !important;
    }
}





/* excellence section */


.excellence-wave {
    margin-left: 25%;
}

.desktop-excellence-sec{
    padding-top: 40px;
    padding-bottom: 40px;
}


/* event and news section */

.event-section {
    padding-top: 70px;
    padding-bottom: 50px;
}

.sec-event-button {
    margin-left: 0;
}

.events-image-1 {
    border: 1px solid #165C98;
    padding: 10px;
}

.event-cards {
    padding-top: 50px;
}

.event-date {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #909090;
}

.event-name {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    color: #000000;
}

.event-name,
.events-image-1 {
    transition: all 0.5s ease-in-out;
}



.animate-event:hover .event-name {
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 5%;
    text-decoration-skip-ink: auto;
    color: #165C98;

}

.animate-event:hover .events-image-1 {
    border: 1px solid rgba(9, 93, 135, 1);
    background: rgba(22, 92, 152, 1);
    /* transform: scale(1.1); */

}

.sec-event-button {
        display: inline-block;
        margin-top: 20px;
    }




@media (min-width:1400px) {
    .event-content-section {
        padding-left: 90px;
    }

}

@media (max-width:992px) {
    .event-section {
        padding-top: 20px;
    }

    .sec-event-button {
        display: inline-block;
        margin-bottom: 20px;
    }
}

@media (max-width:576px) {
    .event-name {
        font-size: 20px;
    }

    .event-date {
        font-size: 16px;
    }
}

/* explore section */

.event-campus {
    background: linear-gradient(179.14deg, rgba(0, 0, 0, 0) 0.74%, rgba(0, 0, 0, 0.851) 99.28%);

}

.explore-sec {
    background: linear-gradient(180deg, #F0F5F9 0%, rgba(230, 238, 244, 0.8) 65.6%, rgba(230, 238, 244, 0) 100%),
        url(../images/home/event-bg.png) no-repeat center;
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 40px;

}

.section-event {
    display: flex;
    flex-wrap: wrap;

}

.left {
    flex: 1;
}

.event-sub-category option {
    color: black !important;
    /* border-bottom: 1px solid rgb(173, 30, 30) !important; */
}

.event-category:focus {
    border: 1px solid #E67A0F;
}

.event-category .active {
    border: 1px solid #E67A0F;
}

.event-tabs {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-left: 1px dotted #ccc;
    padding-left: 10px;
}

.news-tab {
    cursor: pointer;
    padding: 8px 0 8px 15px;
    position: relative;
    font-family: RedditSans;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    color: #919191;
}

.news-tab.active {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    color: #165C98;
}

.news-tab.active::before {
    content: "";
    position: absolute;
    left: -11px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #165C98;
}

.right {
    flex: 2;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.event-content {
    display: none;
}

.event-content.active {
    display: contents;
}

.img-box {
    position: relative;
}

.view-more {
    position: absolute;
    inset: 0;
    background: #002147;
    opacity: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    flex-direction: column;
    text-align: center;
}




@media (min-width:1200px) {
    .explore-right{
        padding-left: 70px;
    }
}




@media (max-width: 992px) {
    .explore-sec {
        padding-top: 20px;
    }
}


@media (max-width: 768px) {
    .section {
        flex-direction: column;
        padding: 30px 20px;
    }

    .left {
        margin-bottom: 30px;
    }
}


@media (max-width: 576px) {

    .news-tab,
    .news-tab.active {
        font-size: 18px;
    }
}


@media (max-width:443px) {
    .hide-campus {
        display: none !important;
    }
}


/* blog section */

.index-blog-sec {
    background-color: #F2F6FA;
    padding-top: 90px;
    padding-bottom: 70px;
}

.blog-testimonial-icon button {
    border: none;
    background: none;
    padding-top: 50px;

}

.index-blog-btn-sec {
    display: flex;
    align-items: end;
    justify-content: end;
}

.blog-img-box {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    background: #FFFFFF;
    position: absolute;
    top: 6%;
    left: 5%;
    padding: 7px 10px;
    border-radius: 8px;

}

.blog-img-head {
    font-family: RedditSans !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #FFFFFF !important;
}

.blog-img-text {
    font-family: RedditSans !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    color: #FFFFFF !important;
}

.index-blog-animate {
    position: absolute;
    left: 90%;
    top: 50%;
}

.index-blog-animate-body {
    position: relative;
}



@media (max-width:992px) {
    .index-blog-btn-sec {
        display: block;
    }

    .index-blog-sec {
        padding-bottom: 20px;
    }

    .index-blog-animate {
        position: static;
    }

}


/* @media (max-width:576px) {
   .blog-testimonial-icon img{
        width: 70%;
   }
   .blog-img-text{
    font-size: 18px !important;
   }
} */



/* home page end */



/* facilities overview page start */

.campus-infrastructure-sec {
    background-color: #F2F6FA;
    padding-top: 90px;
}

/* number count section */


.campus-counter-section {
    display: block !important;
    justify-content: space-around;
    text-align: center;
    align-items: end;
    padding-bottom: 0 !important;

}

.campus-counter-box {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    color: #165C98 !important;
    bottom: 0 !important;
    text-align: justify;
}

.campus-counter-box p {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000 !important;

}

.campus-img-sec {
    position: relative;
}

.Facilities-star {
    position: absolute;
    top: 0;
    left: -12%;
}

/* sona it center section */


.read-more-button {
    margin-left: 0 !important;
    margin-top: 10px !important;
    display: inline-block;
}

.facilities-overview {
    padding-bottom: 100px;

}

.sona-it-center {
    padding-top: 100px;
}


@media (max-width:992px) {
    .facility-overview-img {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .facilities-overview {
        padding-bottom: 20px;
    }

}




/* facilities overview page end */


/* sona it center page start */


.sona-it-section {
    padding-top: 60px;
}

.sona-it-img-3 {
    margin-top: -60px;
    margin-left: 50px;

}

.sona-it-img-2 {
    margin-top: 60px;
    margin-left: -40px;

}

.sona-it-img-1 {
    margin-top: 0 !important;
}

.it-img-section {
    position: relative;
}

.Facilities-Animation {
    position: absolute;
    top: -15%;
}

.library-wave {
    position: absolute;
    bottom: -80% !important;
    right: 0;
    z-index: 3;
}

.hostel-wave {
    position: absolute;
    bottom: -120% !important;
    left: 20%;
    z-index: 3;
}

.video-wave {
    position: absolute;
    bottom: -80% !important;
    left: -20%;
    z-index: 3;
}

.transport-wave {
    position: absolute;
    bottom: -120% !important;
    right: 20%;
    z-index: 3;
}


@media (max-width:1400px) {

    .Facilities-Animation {
        top: -6%;
    }
}


@media (max-width:1300px) {

    /* .video-wave{
        bottom: 0 !important;
    }  */
}

@media (max-width:992px) {
    .Facilities-Animation {
        top: -5%;
        width: 20%;
    }

    .hostel-wave,
    .video-wave {
        display: none;
    }

    .transport-wave {
        width: 30%;
    }
}


@media (max-width:576px) {
    .sec-black-head {
        font-size: 25px;
    }

    .sec-black-para {
        font-size: 14px;
    }

    .library-wave {
        width: 40%;
    }
}

@media (max-width:380px) {
    .sec-black-head {
        font-size: 20px;
    }

    .sec-black-para {
        font-size: 14px;
    }

    .sec-blue-head {
        font-size: 16px;
    }
}


/* sona it center page end */



/* upcoming event section start */

.upcoming-event-sec {
    background-color: #F2F6FA;
    padding-top: 60px;
}

.event-head {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    color: #000000;
}

.events-tabs {
    padding-top: 150px !important;
    padding-bottom: 30px;
}

.events-tabs-contents {
    padding-top: 60px !important;

}

.upcoming-events {
    /* position: relative !important; */
}

.event-animation {
    /* position: absolute; */
    /* left: 25%; */
    /* top: 65%; */
}

.event-search-bar ::placeholder {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #909090;
    border: none !important;

}

.event-search-bar input[type="text"] {
    border: none;
    outline: none;
}

.event-search-bar button {
    border: none;
    outline: none;
    background: none;
}

.event-search-bar {
    border: 1px solid #D0D0D0;
    border-radius: 8px;
    padding: 3px;
    /* width: 48%; */
}

.events-category {
    display: flex;
    gap: 20px;
    justify-content: end;
    flex-wrap: wrap;
    height: 30px;

}

.event-sub-category {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #E67A0F;
}

.event-category {
    border: 1px solid #E67A0F;
    border-radius: 8px;
    padding: 4px 6px;
}

.event-tab-content {
    padding-top: 50px;
}



.events-card {
    box-shadow: 0px 0px 79px 0px #00000014;
    border: 1px solid #FFFFFF73;
    background: #FFFFFF;
    position: relative;
    /* margin-top: 40px;
    margin-bottom: 40px; */


}
.news-head{
    font-family: RedditSans;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    margin-bottom: 15px !important;
}

.event-card-body h6 {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #909090;
    padding-bottom: 10px;
}

.event-card-body h5 {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    color: #000000;
}

.event-card-body a {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #165C98;
}

.event-card-box {
    position: absolute;
    top: 4%;
    left: 4%;
    border: 1px solid #FFFFFF73;
    background: #0000001A;
    backdrop-filter: blur(30px);
    padding: 8px 10px;
    border-radius: 6px;
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;

}

.load-more-btn {
    margin-top: 90px;
    text-align: center;

}

.load-more-btn button {
    border: 1px solid #E67A0F;
    border-radius: 8px;
    padding: 10px;
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #E67A0F;
    background: #FFFFFF;

}

.archiev-card-box {
    border: 1px solid #FFFFFF73;
    background: #165C98;
    backdrop-filter: blur(30px);
    padding: 8px 10px;
    border-radius: 6px;
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    width: 50%;
    margin: 20px;
}

.events-card-archieve {
    border: 1px solid #ECECEC;
}


.events-upcoming-img-1 {
    right: 7% !important;
    top: 10% !important;
}

.events-upcoming-img-2 {
    right: 7% !important;
    top: 35% !important;
}

.events-upcoming-img-3 {
    right: 7% !important;
    top: 25% !important;
}


.event-card-animate:hover .sec-hover-image-1 {
    transform: scale(1.1);

}


.sec-hover-image-1,
.event-card-body {
    transition: all 0.3s ease-in-out;
}



.event-card-animate:hover .event-card-body {
    background: rgba(22, 92, 152, 1);

}

.event-card-animate:hover .event-card-body p {
    color: #ffffff !important;

}

.event-card-animate:hover .event-card-body h5 {
    color: #ffffff !important;
    text-decoration: underline;

}

.event-card-animate:hover .event-card-body h6 {
    color: #ffffff !important;

}

.event-card-animate:hover .event-card-body a {
    color: #ffffff !important;

}

.event-card-animate:hover .archiev-card-box {
    color: rgba(22, 92, 152, 1) !important;
    background-color: #ffffff;

}

.event-card-animate:hover .event-card-body img {
    filter: brightness(0) invert(1);

}

.event-card-animate:hover .archiev-card-box img {
    filter: brightness(0) saturate(100%) invert(25%) sepia(78%) saturate(1040%) hue-rotate(179deg) brightness(97%) contrast(92%);

}





@media (min-width:1400px) {
    .event-head {
        max-width: 70%;
    }
}



@media (max-width:1400px) {
    .events-upcoming-img-1 {
        right: 7% !important;
        top: 40% !important;
    }


    @media (max-width:992px) {
        .events-card {
            height: auto !important;
        }

        .sec-hover-image-1 {
            width: 100%;
        }
    }


}

@media (max-width:600px) {

    .events-category {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        justify-content: start;

    }
}


/* events page end */


/* events-fdp-step page start */

.fdp-btn {
    margin-left: 0 !important;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;

}

.fdp-admission-sec {
    background: linear-gradient(140.4deg, #002147 -33.99%, #2361A8 36.26%, #002147 147.52%);
    width: 358px;
    padding: 40px 40px 0 40px;
    border-radius: 18px;
}

.sec-black-head-2 {
    font-size: 26px !important;
}

.upcoming-events {
    position: relative;
}

.events-fdp-img {
    position: absolute;
    top: 50% !important;
    right: 10%;
    /* width: 40%; */
}

.fdp-admission-head {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    color: #FFFFFF;
}

.fdp-admission-sec span {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}

.fdp-admission-sec {
    position: relative;
}

.step-spring {
    position: absolute;
    top: 45%;
    right: 10%;
}

.step-line {
    position: absolute;
    bottom: 25%;
}


@media(max-width:1199px) {
    .fdp-admission-head {
        font-size: 18px;
    }

    .fdp-admission-sec span {
        font-size: 14px;
    }

    .sec-nav-button {
        font-size: 13px;
    }


    .fdp-admission-sec {
        width: 318px;
    }
}




@media (max-width:992px) {
    .fdp-admission-sec {
        width: auto !important;
    }

    .events-fdp-img {
        display: none;
    }

    .events-mobile-card {
        margin-bottom: 0 !important;
    }
}



@media (max-width:576px) {

    .event-head,
    .event-card-body h5 {
        font-size: 20px;
    }

}

@media (max-width:390px) {

    .archiev-card-box {
        padding: 5px !important;
        font-size: 12px;
    }
}






/* events-fdp-step page end */



/* terms & condition and privacy policy page start */

.terms-sec {
    padding-top: 60px;
}

.terms-admission-box {
    margin-top: 80px !important;
}


/* terms page end */



/* blog page start */



.blog-img-box-1 {
    position: absolute;
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    background: #FFFFFF;
    position: absolute;
    top: 6%;
    left: 4%;
    padding: 7px 10px;
    border-radius: 8px;

}

.review-img-1 {
    position: relative;
}

.review-img-2 {
    position: relative;
}

.review-img-3 {
    position: relative;
}

.review-3-body-1 {
    position: absolute;
    bottom: 0%;
    left: 5%;
    padding: 20px;
}

.review-2-body-1 {
    position: absolute;
    bottom: 0;
    left: 5%;
    padding: 20px;
}

.review-1-body-1 {
    position: absolute;
    bottom: 0;
    /* left: 5%; */
    padding: 20px;
}

/* blog page end */


/* placement page start */

.placed-student{
width: 240px;
height: 230px;

}

.industry-connect-sec {
    background: #F2F6FA;
    margin-top: 30px;
    padding-top: 90px;
    padding-bottom: 60px;

}

.placement-grp-img {
    top: 10%;
}

.placement-wave-img {
    right: auto;
    top: -14%;
}

.industry-connect-card {
    background: #FFFFFF;
    padding: 20px;
    margin-top: 20px;
    height: 100%;
}

.industry-connect-card p {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
}

.industry-connect-card h6 {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #686868;
    line-height: 26px;
    text-align: justify;
}

.industry-connect-card img {
    padding-bottom: 10px;
}

.sec-black-para-1 {
    padding-top: 50px;
}

.placement-industry-wave {
    padding-top: 170px;
    padding-left: 80px;
}


.placement-wave-1 {
    right: auto !important;
}

.placement-img-col {
    position: relative;
    margin-bottom: 200px;
}

.placement-img-1 {
    position: absolute;
}

.placement-img-2 {
    position: absolute;
    left: 45%;
    top: 15%;
}

.placement-img-3 {
    position: absolute;
    bottom: -20%;
    left: 10%;

}

.placement-wave-img {
    position: absolute;
    right: 30%;
}





@media (max-width:1300px) {

    .placement-img-1,
    .placement-img-2,
    .placement-img-3 {
        /* position: static; */
        width: 50%;
    }

    .placement-img-3 {
        bottom: 20%;
    }
}

@media (max-width:992px) {

    .placement-img-1,
    .placement-img-2,
    .placement-img-3 {
        display: none;
    }
    .placement-img-col {
    margin-bottom: 0 !important;
}

}




@media (max-width:768px) {
    .placement-industry-wave {
        padding: 10px;
    }
}






/* placement section */

.placement-students-card {
    margin-top: 15px;
}

.placement-students-card p {
    margin-bottom: 3px !important;
}

.student-name {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 30px;
    color: #000000;
    padding-top: 20px;
}

.student-data {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 24px;
    color: #000000;
}


.student-data span {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}






.sec-group-wrapper {
    /* width: 300px;  */
    /* height: 200px; */
    overflow: hidden;
    display: inline-block;
}

.inner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}

.sec-group-wrapper:hover .inner-img {
    transform: scale(1.1);
}


.sec-group-wrapper-section {
    position: relative;
}




.gm-2 {
    position: absolute;
    top: 20%;
    right: 7%;
   
}

.gm-3{
    position: absolute;
    top: 76%;
    left: 9%;
    border: 10px solid #FFFFFF; 
   
}



@media (min-width:1300px) {
   .sh-img-2{
        right: -67px !important;
    }

 
}


@media (min-width:1400px) {
   .sh-img-2{
        right: 15px !important;
    }
    .sport-2{
    right: 3% !important;
}

 
}




@media (max-width:1400px) {
    .gm-2 {
        right: -42px;
    }
    .sport-gm-2{
        right: auto;
    }
    .naac-gm2{
        right: auto;
    }
    .student-name {
    font-size: 13px !important;
    line-height: 24px !important;

}

.student-data {
    font-size: 13px !important;
    line-height: 24px !important;

}


.student-data span {
    font-size: 13px;
    line-height:24px !important;
}

}

@media (max-width:1200px) {

    .sec-group-wrapper img {
        width: 75%;
    }
    .gm-3{
        border:none;
    }
    .gm-2{
        right: -12%;
    }

}

@media (max-width:992px) {

    .placement-img-col {
        padding-bottom: 100px;
    }

   .gm-2{
    right: 26% ;
   }
}




@media (max-width:766px) {

   
   .gm-2{
    right: 0;
   }
}



@media (max-width:576px) {
.gm-2{
    right: 22px;
}

}

@media (max-width:550px) {

      .gm-2 {
        right: 5px;
    }

   
}
@media (max-width:525px) {

      .gm-2 {
        right: 0;
    }

}





@media (max-width:500px) {

   
.sec-group-wrapper {
    width: 269px; 
}
.index-about-sec{
    padding-bottom: 0;
}
}



@media (max-width:460px) {

   
.sec-group-wrapper {
    width: 240px; 
}
   
}

@media (max-width: 400px) {
    .sec-group-wrapper {
        width: 205px;
    }
     .gm-2 {
        right: 0;
    }

}

@media (max-width: 350px) {
    .sec-group-wrapper {
        width: 185px;
    }
}
/* placement page end */




/* gallery page start */

.gallery-detail-sec {
    padding-top: 90px !important;
}

.aboutap-card {
    border: none !important;
    background: #FFFFFF;
    box-shadow: 0px 0px 79px 0px #00000014;
    height: 100%;
    margin-top: 20px;

}

.gallery-cards {
    margin-top: 30px !important;

}

/* gallery page end */


/* gallery detail pages start */


.academic-gallery img {

    transition: 0.3s ease;
    margin-top: 30px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}



.academic-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(60, 58, 58, 0.992);

    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 999;
}

.academic-modal.active {
    display: flex;
}

.academic-modal-content {
    /* max-width: 90%; */
    width: 800px;
    /* background: #fff; */
    /* border-radius: 8px; */
    /* padding: 15px; */
    position: relative;
    border: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.academic-main-image {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 6px;
    transition: transform 0.3s;
}

.academic-thumbnails {
    display: flex;
   
    margin-top: 40px;
    overflow-x: auto;
    padding: 10px;
    width: 100vw;
    
    justify-content: center;

}
.thumbnail-alt{

    width: 50vw!important;
}
.academic-thumbnails img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
    transition: 0.2s;

}

.academic-thumbnails img.active {
    transform: scale(1.1);
}

.academic-close-btn {
    position: absolute;
    top: 0;
    right: 10%;
    font-size: 24px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
}

.academic-nav-btn {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    background: transparent;
    color: white;
    border: none;
    font-size: 24px;
    padding: 10px 15px;
    cursor: pointer;
}

.academic-prev-btn {
    left: 10px;
}

.academic-next-btn {
    right: 10px;
}


.gallery-academic-head {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
}

.academic-modal-content {
    width: 800px;
    max-width: 100%;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20%;
}

.academic-main-image {
    width: 100%;
    height: 400px;
    object-fit: contain;
    border-radius: 6px;
    /* background-color: #fff; */
}



@media (min-width:1400px) {
    .academic-prev-btn {
        left: -20%;
    }

    .academic-next-btn {
        right: -20%;
    }

    .academic-nav-btn {
        top: 40%;

    }
}



@media (max-width:992px) {
    .academic-modal-content {
        max-width: 90%;

    }
}


@media (max-width:768px) {
    .academic-modal-content {
        margin-top: 45%;
    }
    .academic-close-btn {
    top: -9px;
    right: 11%;
    }
}


/* gallery detail pages end */




/* event-video page start */


.video-gallery {
    margin-top: 30px;
}


.gallery-video-modal {
    background: rgba(60, 58, 58, 0.992);

}



/* online fees payment start */

.online-fee-list {
    padding-left: 0 !important;
}

.sports-sec {
    margin-top: 80px !important;
    margin-bottom: 190px !important;
}

.sports-wave-1 {
    float: inline-end;
}


@media (max-width:1400px) {
    .sports-sec {
        margin-bottom: 100px !important;
        margin-top: 10px !important;
    }
}



@media (max-width:992px) {
    .sports-sec {
        margin-top: 20px !important;
        margin-bottom: 0 !important;
    }

    .sports-wave-1 {
        float: none;
    }

    .sports-img-col {
        padding-bottom: 200px !important;
    }


}


@media (max-width:576px) {
    .naac-ssr h2 {
        font-size: 20px !important;
        line-height: normal !important;
    }

    .naac-ssr p {
        font-size: 14px !important;
    }
   

}
@media (max-width:500px) {
   
    .sports-img-col {
        padding-bottom: 100px !important;
    }

}



/* online fee page end */


/* handbook page start */

.handbook-img-1 {
    width: 45% !important;
    /* position: absolute; */
}

.handbook-img-2 {
    width: 45% !important;
    left: 29% !important;
    top: 14% !important;
    /* padding-top: 100px; */
    /* margin-left: -140px; */
    /* position: absolute; */
}

.handbook-img-3 {
    z-index: 99;
    position: relative;
    /* left: 17%; */
    top: -25%;

}

.handbook-img-4 {
    margin-top: -220px !important;

}


.handbook-wave-1 {
    float: inline-end;
}



.handbook-btn {
    margin-left: 0 !important;
    margin-top: 20px !important;
    display: flex !important;
    width: 20%;
}

.handbook-down-arrow {
    filter: brightness(0) saturate(100%) invert(100%) sepia(80%) saturate(0%) hue-rotate(116deg) brightness(112%) contrast(100%);
}

.handbook-section-1,
.handbook-section-2 {
    padding-bottom: 90px;
    padding-top: 60px;
}

.handbook-section-1 {
    background: rgba(242, 246, 250, 1);

}

.handbook-img-sec-1 {
    position: relative;
}

.handbook-wave-1 {
    position: absolute;
    right: 30%;
    top: -15%;
}

.handbook-img-sec-2 {
    position: relative;
    margin-top: 160px;
}

.handbook-wave-2 {
    position: absolute;
    left: 0;
    top: -20%;
    width: 20%;
}


@media (max-width:1330px) {
    .handbook-img-4 {
        top: 71% !important;
    }
}


@media (max-width:992px) {
    .handbook-wave-2 {
        bottom: 0;
    }

    .handbook-img-sec-1 {
        padding-bottom: 160px;
    }

    

    .events-tabs-contents,
    .handbook-section-1,
    .handbook-section-2 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .handbook-wave-1 {
        right: 13%;
    }

    .handbook-wave-1 {
        top: auto;
    }
}

@media (max-width:600px) {
    .handbook-btn {
        width: 35%;
    }
}

@media (max-width:500px) {

    .handbook-wave-1 {
        width: 20%;
    }
}


/* handbook page end */


/* event-detail page start */

.event-detail-sec {
    padding-top: 80px;
    background: linear-gradient(180deg, #F0F5F9 0%, rgba(230, 238, 244, 0.8) 65.6%, rgba(230, 238, 244, 0) 100%);
}

.date-card {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #909090;
}

.event-detail-list {
    padding-left: 0 !important;
}

.event-detail-img {
    position: relative !important;
}

/* .event-detail-img img {
    width: 742px;
    height: 658px;

} */

.event-card-box-img {
    width: auto !important;
}


.event-detail-box {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 8px 10px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(15px);
    border-radius: 6px;
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;

}

@media (min-width:1400px) {
    .event-detail-head {
        max-width: 70%;
    }
}


@media (max-width:992px) {
    .event-detail-img img {
        width: auto;
        height: auto;
    }

}




/* campus life page start */

.campus-life-sec {
    padding-top: 80px;
}



.campus-wave-1 {
    float: inline-end;
}

.campus-detail-sec {
    padding-top: 60px;
    padding-bottom: 60px;
}

.campus-detail-img-1,
.campus-detail-img-2,
.campus-detail-img-3 {
    width: 40% ;
}

.campus-detail-img-2 {
   left: 25% !important;
   top: -16% !important;
   z-index: 2;
}
.campus-detail-img-alt{
   border: 7px solid white;


}

.campus-detail-img-3 {
    top: 30% !important;
    left: 30%;
}

.campus-popup-img {
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px;

}

.campus-popup-btn {
    position: absolute;
    top: 50%;
    left: 50%;
}

.campus-video-banner {
    text-align: center;
    background: #E67A0F;
    border-radius: 20px;
    width: 950px;
    /* height: 180px; */
    border-radius: 20px;
    padding: 30px;
    margin-top: -160px;
    z-index: 2;
    position: relative;

}

.popup-union {
    position: absolute;
    top: -80%;
    right: -10%;
}

.campus-video-banner p {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    color: #FFFFFF;

}


.campus-video-banner h6 {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;

}

.campus-modal {
    background: rgba(60, 58, 58, 0.992);

}

.campus-video-btn {
    transition: filter 0.3s ease;
}

.campus-video-btn:hover {
    filter: hue-rotate(180deg) saturate(2) brightness(1.1);
}

.campus-img-sec-1 {
    position: relative;
}

.campus-sec-2 {
    position: absolute;
    left: 40%;
    top: 35%;
}




@media (max-width:1300px) {
    .popup-union {
        right: 0;
    }

    .campus-sec-1,
    .campus-sec-2 {
        width: 40%;
    }

    .campus-sec-2 {
        left: 35%;
        top: 42%;
    }
}

@media (max-width:1200px) {
    .campus-detail-img-alt {
   border: none;
}
}

@media (max-width:992px) {
    .campus-video-banner {
        margin-top: 10px;
        width: auto;
    }
    .campus-detail-sec{
        flex-direction: column-reverse;
    
    }

    .popup-union {
        position: absolute;
        top: 34px;
        right: 0;
        width: 13%;
    }

    .campus-popup-img {
        padding-bottom: 0;
    }

    .campus-detail-sec {
        padding: 0;
    }

    .campus-detail-col {
        margin-top: 40px;
    }
}

@media (max-width:600px) {
    .campus-sec-2 {
        top: 35%;
    }
}


@media (max-width:576px) {
    .campus-life-sec {
        padding-top: 20px;
    }

    .campus-video-banner p {
        font-size: 19px;
        line-height: normal;
    }

    .campus-video-banner h6 {
        font-size: 14px;
    }
    .campus-video-banner{
        padding: 15px;
    }
}


@media (max-width:400px) {
    .campus-detail-img-1,
.campus-detail-img-2,
.campus-detail-img-3 {
    width: 50% ;
}
}




/* campus page end */


/* research page start */

.mission-sec {
    padding-top: 60px;
}

.research-img {
    padding-top: 70px;
    position: relative;
}

.research-mission {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-left: -150px;
    z-index: 1;
    position: relative;
}

.research-union {
    position: absolute;
    bottom: 15%;
    right: -2%;
}

.research-counter-section {
    padding-top: 70px;
}

.research-counter-box {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    color: #FFFFFF;
}

.research-counter-box p {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 350 !important;
    font-size: 18px !important;
    color: #FFFFFF;
}


.research-counter-box {
    background: linear-gradient(180deg, #165C98 0%, #00427B 100%);
    border-radius: 15px;
    padding: 20px;

}

.research-counter-box-1 {
    transform: rotate(-3.23deg);
    transition: transform 0.5s ease;
}

.research-counter-box-2 {
    transform: rotate(1.74deg);
    transition: transform 0.5s ease;
}

.research-counter-box-3 {
    transform: rotate(1.33deg);
    transition: transform 0.5s ease;
}

.research-counter-box-4 {
    transform: rotate(-3.02deg);
    transition: transform 0.5s ease;
}

.research-blog-sec {
    background-color: transparent !important;
}


.research-counter-box-1:hover {
    transform: rotate(-2.32deg);

}

.research-counter-box-2:hover {
    transform: rotate(0.76deg);

}

.research-counter-box-3:hover {
    transform: rotate(-4.27deg);

}

.research-counter-box-4:hover {
    transform: rotate(1.08deg);

}

.research-wave {
    float: inline-end;
}


@media (max-width:992px) {
    .research-mission {
        margin-left: 0;
    }

    .research-img {
        padding-top: 0;
        width: 70%;
    }

    .research-union {
        width: 30%;
    }

    .research-counter-box {
        margin-top: 40px;

    }

    .research-counter-box-1,
    .research-counter-box-2,
    .research-counter-box-3,
    .research-counter-box-4 {
        transform: none;
    }

}



/* research page end */




/* program detail page starts */


.pd-vision-mision{
    margin-top: 30px;
}

.program-clarifies{
    margin-top: 40px !important;
}
.programdetail-head h2{
font-family: RedditSans;
font-style: normal;
font-weight: 300;
font-size: 36px;
line-height: 46px;
color: #000000;
}

.mission li{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}

.program-mis{
    padding: 40px !important;
}

.otherdeatls-container{
    margin-top: 50px;
}

.otherdeatls-container h6{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
text-transform: uppercase;
color: #165C98;
}

.otherdeatls-container h2{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 46px;
color: #000000;
}
.otherdeatls-container p{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.program-faq-container p{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.program-faq-row h6{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 38px;
color: #000000;
}
.program-faq-2 h6{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 38px;
color: #165C98;
}
.program-faq-2 h5{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 38px;
color: #000000;
}

.program-faq-2 p{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.program-faq-3 h6{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 38px;
color: #165C98;
}
.program-faq4 h6{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 38px;
color: #165C98;

}
.pso{
font-family: RedditSans !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 26px !important;
line-height: 38px !important;
color: #000000 !important;
}
.program-faq-3 p{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.program-faq-3 li{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.course-outcome{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 38px;
color: #165C98;
}




.breadcrumb-detail .breadcrumb-detail-item a {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #000000 !important;
}
.ece-bg{
    background-color: #d9edf7;
    text-align: center !important;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.breadcrumb-detail-item + .breadcrumb-detail-item::before {
        content: "|";
        color: #000000 !important;

    }


.specific-highlight{
    position: relative;
}
.specific-highlight::before{
    content: "";
    position: absolute;
    left: -5%;
    top: 70%;
    display: block;
    width: 150px;
    height: 150px;
    background-image: url('../images/program-detail/mech-eng-highlight.svg');
    background-repeat: no-repeat;
    background-size: 80px;
     animation: upDown 3s ease-in-out infinite;
}
.programdetail-head{
    position: relative;
}
.programdetail-head::after{
    content: "";
    position: absolute;
    left: 170%;
    top: 4%;
    display: block;
    width: 150px;
    height: 150px;
    background-image: url('../images/program-detail/driving-academic-high.svg');
    background-repeat: no-repeat;
    background-size: 100px;
     animation: upDown 3s ease-in-out infinite;

}
@media(max-width:992px){
    .specific-highlight::before {
        display: none !important;
     /* content: "";
    position: absolute;
    left: 15%;
    top: 120%; */
}
.programdetail-head::after{
  display: none;
  background-image: none !important;

}
}
@media(max-width:587px){
    .dvv-clarification h2 {
    font-size: 30px;
    line-height: 46px;
}

.dvv-clarification p {
    font-size: 15px;
    line-height: 26px;
}
.sec-black-para {
    font-size: 15px;
}
.programdetail-head h2 {
    font-size: 30px;
    line-height: 46px;
}
.naac-tablebox h6 {
    font-size: 16px;
    line-height: 23px;
}

.otherdeatls-container p {
    font-size: 15px;
    line-height: 26px;
}
.program-faq-row h6 {
    font-size: 20px;
    line-height: 38px;
}
.program-faq-2 h6 {
    font-size: 20px;
    line-height: 38px;
}
.program-faq-2 h5 {
    font-size: 20px;
    line-height: 38px;
}
.program-faq-3 h6 {
    font-size: 20px !important;
    line-height: 38px !important;
}

.program-faq4 h6 {
    font-size: 20px;
    line-height: 38px;
}
.course-outcome {
    font-size: 20px;
    line-height: 38px;
}
}

@media(max-width:380px){
    .dvv-clarification h2 {
    font-size: 22px !important;
    line-height: 46px;
}

.programdetail-head h2 {
    font-size: 22px;
    line-height: 35px;
}
.naac-tablebox h6 {
    font-size: 15px;
    line-height: 23px;
}

.program-faq-row h6 {
    font-size: 18px;
    line-height: 38px;
}
.program-faq-2 h6 {
    font-size: 18px;
    line-height: 38px;
}
.program-faq-2 h5 {
    font-size: 18px;
    line-height: 38px;
}
.program-faq-3 h6 {
    font-size: 18px !important;
    line-height: 38px !important;
}

.program-faq4 h6 {
    font-size: 18px;
    line-height: 38px;
}
.course-outcome {
    font-size: 18px;
    line-height: 38px;
}
}


/* program detail page ends */

/* about us page starts */ 




.about-pg-li{
    list-style: disc;
    padding-left: 40px !important;
}



.banner-details h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
color: #FFFFFF;
}
.banner-details h5{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 33px;
line-height: 40px;
text-transform: uppercase;
color: #FFFFFF;
}
.banner-details h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 46px;
color: #FFFFFF;
}

.banner-details p{
font-family:RedditSans;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 28px;
color: #FFFFFF;
}
.sudharsan-story h5{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 23px;
text-transform: uppercase;
color: #165C98;
}
.sudharsan-story h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 33px;
line-height: 46px;
color: #000000;
}
.sudharsan-story p{
font-family:RedditSans;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 28px;
color: #000000;
text-align: justify;
}
.sudharsan-story h3{
font-family:RedditSans;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: #000000;
}
.ourvis-mis h5{
font-family:RedditSans;
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 36px;
color: #000000;
}
.ourvis-mis p{
font-family:RedditSans;

font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #000000;
}


.mission-button{
font-family:RedditSans;

font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
text-align: right;
color: #FFFFFF;
}

.core-value h5{
font-family:RedditSans;

font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 36px;
text-align: center;
color: #000000;
}

.core-value p{
font-family:RedditSans;

font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #000000;
}

.core-card h6{
font-family:RedditSans;
padding-top: 20px;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 16px;
color: #000000;
}

.principle-content h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 23px;
text-transform: uppercase;
color: #165C98;
}

.principle-content h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 46px;
color: #000000;
}

.principle-content p{
font-family:RedditSans;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 25px;
color: #000000;
text-align: justify;
}


.stu-test h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
text-transform: uppercase;
color: #FFFFFF;
}
.stu-test h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 46px;
color: #FFFFFF;
}

.stu-test p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #FFFFFF;
position: relative;
z-index: 1;
text-align: justify;
}

.add-but{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
}
.name{
font-family:RedditSans;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 21px;
color: #000000;
}

.location{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #909090;
}


.cardd-text{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 14px;
/* line-height: 25px; */
color: #000000;
}

.logo-container h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #165C98;
}

.logo-container h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 33px;
line-height: 46px;
color: #000000;
}

.logo-container p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #000000;
}

.partners p{
font-family:RedditSans;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 21px;
padding-top: 20px !important;
color: #000000;
}
.logo-p{
    font-family:RedditSans;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    padding-top: 20px !important;
    color: #000000;
}


.banner-section{
    background-image: url(../images/about-us/banner-blue.png);
    background-repeat: no-repeat;
    background-size: cover;
 }

.banner-line{
        margin-top: -3px;
        margin-left: -12px;
    width: 90%;
}

.testimonial-video{
    position: relative;
}
.test-video-text{
    position: absolute;
    left: 80px;
    bottom: 50px;
}

.pause-but{
    border-radius: 100%;
    background-color: #165C98;
    color: #FFFFFF;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    position: absolute;
    top: 60%;
    left: 45%;
    width: 50px !important;
    height: 50px;
}
.pause-but:hover{
    border-radius: 100%;
    background-color: #E67A0F !important;
    color: #FFFFFF;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
}
.card3-poster{
    width: 200px;
    height: 250px;
    margin-top: 30px;
    position: relative; 
    z-index: 1;
   
}
.card1-about{
    background: #FEF7E7;
    border: none;
    border-radius: 0;
}
.card2-about{
    background: #F6E7FE;
    border: none;
    border-radius: 0;

}
.card3-about{
    background: #CFE6F9;
    border: none;
    border-radius: 0;

}
.mission-button ,.add-but{
    background-color: #E67A0F !important;
    padding: 10px;
    border: none;
    border-radius: 5px;
    color: #FFFFFF;
}
.card1-comma{
    width: 50px !important;
    height: 50px !important;
}
.poster-col{
    position: relative;
}
.card3-highlights{
    position: absolute;
    top: 10px !important;
    left: 100px;
    /* bottom: 140px !important; */
    /* animation: floatUpDown 5s ease-in-out infinite; */
    z-index: 1;
    pointer-events: none;
}
/* @keyframes floatUpDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(5px);
    }
    100% {
        transform: translateY(0);
    }
} */
.corevalue-01{
    background-image: url(../images/about-us/corevalue-01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    
}
.corevalue-01:hover{
     transform: rotate(-5deg);
      z-index: 2;
}
.corevalue-02{
    background-image: url(../images/about-us/corevalue-02.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.corevalue-02:hover{
     transform: rotate(5deg);
      z-index: 2;
}
.corevalue-03{
    background-image: url(../images/about-us/corevalue-03.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.corevalue-03:hover{
     transform: rotate(-5deg);
      z-index: 2;
}
.corevalue-04{
    background-image: url(../images/about-us/corevalue-04.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.corevalue-04:hover{
     transform: rotate(5deg);
      z-index: 2;
}
.corevalue-05{
    background-image: url(../images/about-us/corevalue-05.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.corevalue-05:hover{
     transform: rotate(5deg);
      z-index: 2;
}
.corevalue-06{
    background-image: url(../images/about-us/corevalue-06.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.corevalue-06:hover{
     transform: rotate(-5deg);
      z-index: 2;
}
.our-coursee{
    margin-top: 100px;
}
.principle-container{
    position: relative;
    /* margin-top: 100px; */
    margin-bottom: 50px;
}
.principle-comma{
    position: absolute;
    top: 300px;
    right: 30px;
    width: 247px;
height: 198px;

}
.principle-img{
  position: relative; 
  z-index: 10;
  max-width: 70%;
}
.academic-img{
   max-width: 50%;
   margin-top: 50px;
}
.arun-prasad{
    min-width: 40% !important;
}
.principle-content{
    margin-top: 100px;
    margin-bottom: 80px;
}
.academic-content{
    margin-bottom: 0 !important;
}
.testimo-container{
    background-image: url(../images/about-us/testimonial-backimg.png);
}

.testimonial-section{
    padding-top: 100px;
}



.profile {
  display: flex;
  align-items: center;
  gap: 10px;
}
    .scroll-container {
      display: flex;
      overflow-x: auto;
      gap: 20px;
      padding: 20px;
    }

    .card-student {
      background:#E0EBF4;
      padding: 20px;
      max-width: 500px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      scroll-snap-align: start;
      flex-shrink: 0;
    }

    
    .card-student img {
      width: 55px;
      height: 55px;
      object-fit: cover;
      vertical-align: middle;
    }

    .stars {
      color: orange;
      margin: 5px 0;
    }

.scroll-container::-webkit-scrollbar {
    display: none;
}

.scroll-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.center-line {
    position: relative;
}

.center-margin {
    position: absolute;
    bottom: -850px !important;

}

.testimonial-video-img {
    padding-top: 20px !important;

}
 .testimonial-video-img-alt{
    border-top-left-radius: 60px !important;
    border-bottom-right-radius: 60px !important;
    
    }

.core-value {
    position: relative;
}
   .core-value::before {
    content: "";
    position: absolute;
    top: -150px;
    display: block;
    width: 350px;
    height: 350px;
    /* margin: 0 auto 20px;  */
    background-image: url('../images/about-us/ourcore-highlights.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    animation: floatUpDown 3s ease-in-out infinite;
    pointer-events: none; /* so it won't affect clicks */
    z-index: 0; /* stay behind main content */
}

@keyframes floatUpDown {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(50px); /* soft downward move */
    }
    100% {
        transform: translateY(0px);
    }
}

.stu-test{
    position: relative;
}
.stu-test::after {
    content: "";
    position: absolute;
    bottom: 15%;
    left: 60%;
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
    background-image: url('../images/about-us/student-test-highlights.svg');
    background-repeat: no-repeat;
    background-position: center;
    animation: float-bob-y-2 2s linear infinite;
    pointer-events: none; /* so it won't affect clicks */
}


@keyframes float-bob-y-2 {
    0%, 100% {
        transform: translateY(0) rotate(-10deg);
    }
    50% {
        transform: translateY(-20px) rotate(-10deg);
    }
}

.about-backimg{
    background-image: url(../images/about-us/center-line.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100px 500px !important;
}

 .testimonial-video-img {
        padding-top: 60px !important;

    }


.vision-mision-sec{
    padding-top: 100px;
}




@media (min-width:992px) {
    .add-but{
    margin-top: 140px;
    }
  
    
}


@media(max-width:1999px) {
   

    .center-margin {
        position: absolute;
        bottom: -400px !important;
    }
    .add-but{
    font-size: 12px;
    }
}

@media(max-width:1399px) {
    .card3-poster {
        width: 180px;
        height: 200px;
    }

    .card3-highlights {
        position: absolute;
        left: 80px;
    }

    .principle-comma {
        position: absolute;
        width: 180px;
        top: 315px;
        right: -10px;
    }

    .centerr-line {
        position: absolute;
        bottom: -400px !important;
    }

   

    .center-margin {
        position: absolute;
        bottom: -850px !important;
    }

    .banner-line {
        margin-top: -6px;
        margin-left: -12px;
        width: 90%;
    }
.about-backimg{
    background-image: url(../images/about-us/center-line.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100px 600px !important;
}

}

@media(max-width:1199px) {
   .card3-highlights{
    position: absolute;
    top: 10px !important;
    left: 60px;
}

    .stu-test-alt::after {
    bottom: 40% !important;
    left: 67% !important;
    }

   

    .centerr-line {
        bottom: -535px !important;
    }
    .core-value::before {
    position: absolute;
    left: -5%;
}
.about-backimg{
    background-image: url(../images/about-us/center-line.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100px 800px !important;
}
}

@media(max-width:992px) {

  .custom-orderr{
        flex-direction: column-reverse;
    }
   .cardd-text{
    font-size: 14px;
    }
    .custom-orderr{
        flex-direction: column-reverse;
    }



    .corevalue-01 {
        background-image: url(../images/about-us/corevalue-01.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

    .corevalue-02 {
        background-image: url(../images/about-us/corevalue-02.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        margin-top: 30px !important;
    }

    .corevalue-03 {
        background-image: url(../images/about-us/corevalue-03.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        margin-top: 30px !important;
    }

    .corevalue-04 {
        background-image: url(../images/about-us/corevalue-04.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        margin-top: 30px !important;

    }

    .corevalue-05 {
        background-image: url(../images/about-us/corevalue-05.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        margin-top: 30px !important;

    }

    .corevalue-06 {
        background-image: url(../images/about-us/corevalue-06.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        margin-top: 30px !important;

    }

    .testimonial-video-img {
        padding-top: 20px !important;

    }

   
    .vision-mision-sec{
    padding-top: 30px;
    }

    .add-but{
    font-size: 14px;
    }
    

   .test-video-text {
        left: 20px;
        bottom: 40px;
        width: 100px;
    }

       .card3-highlights{
       position: absolute;
       top: 10px !important;
       left: 100px;
    }

    .card3-poster {
        padding-top: 0 !important;
    }

    .card-02 {
        padding-top: 30px;
    }

    .card-03 {
        padding-top: 30px;
    }

    .principle-comma {
        display: none !important;
        /* width: 180px;
        top: 555px;
        right: 100px; */
    }

    .partners {
        padding-top: 20px;
        text-align: center;
    }

    .principle-content {
        margin-top: 40px;
    }

    .centerr-line {
        bottom: -500px !important;
    }

    .core-value::before {
        position: absolute;
        left: -10%;
        top: -200px;
    }

    .banner-details h2 {
        font-size: 23px;
        line-height: 36px;
    }

    .banner-line {
        margin-top: -10px;
        margin-left: -12px;
        width: 90%;

    }

    .about-backimg {
        background-image: none !important;

    }
    

.pause-but {
    top: 50%;
    left: 45%;
    width: 50px !important;
    height: 50px;
}

}
@media(max-width:775px) {
    .principle-comma {
        display: none;
    }

    .center-margin {
        position: absolute;
        bottom: -520px !important;
    }

    .core-value::before {
        position: absolute;
        left: -10%;
        bottom: 15%;
    }

    .banner-line {
        position: inherit !important;
    }
}

@media (max-width: 768px) {
    .carousel-item-custom {
        width: 80%;
    }

    .core-value::before {
        display: none;
    }

    .stu-test::after {
        bottom: 65%;
        left: 75%;
    }
}

@media(max-width:575px) {
    .principle-comma {
        display: none;
    }

    .centerr-line {
        position: absolute;
        bottom: -650px !important;
    }

    .stu-test::after {
        display: none;
    }

    /* .pause-but {
        width: 30px !important;
    } */

    .sudharsan-story h2 {
    font-size: 26px !important;
    line-height: 40px;
}
.sudharsan-story h3 {
    font-size: 21px !important;
    line-height: 35px;
}
.sudharsan-story p {
    font-size: 15px;
    line-height: 25px;
}
.sudharsan-story h5 {
    font-size: 14px;
    line-height: 20px;
}
.ourvis-mis h5 {
    font-size: 22px;
    line-height: 30px;
}
.mission-button {
    font-size: 13px;
}
.our-coursee {
    margin-top: 50px;
}
.core-value h5 {
    font-size: 22px;
    line-height: 30px;
}

.core-value p {
    font-size: 15px;
    line-height: 25px;
}
.principle-content p {
    font-size: 15px;
    line-height: 30px;
}
}

@media(max-width:480px) {
    .center-margin {
        display: none;
    }

 

}

@media(max-width:380px){
        .sudharsan-story h2 {
    font-size: 20px !important;
    line-height: 30px;
}
.sudharsan-story h3 {
    font-size: 18px !important;
    line-height: 30px;
}
.sudharsan-story p {
    font-size: 14px;
    line-height: 25px;
}
.sudharsan-story h5 {
    font-size: 13px;
    line-height: 20px;
}
.ourvis-mis h5 {
    font-size: 20px;
    line-height: 30px;
}
.core-value h5 {
    font-size: 20px;
    line-height: 30px;
}
.core-value p {
    font-size: 15px;
    line-height: 25px;
}
.principle-content p {
    font-size: 15px;
    line-height: 30px;
}
.pause-but {
    top: 40%;
    left: 45%;
    width: 30px !important;
    height: 30px;
}
}
/* about us ends */

/* about us governance starts */
.about-ul{
    list-style:none  !important;
}
.about-ul li{
    padding-left: 40px !important;
    line-height: 32px;
}

.organs-struc{
    position: relative;
}
.organs-struc::after{
     content: "";
    position: absolute;
    bottom: 10%;
    left: 70%;
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
    background-image: url('../images/abt-governance/organizational-higlight-img.svg');
    background-repeat: no-repeat;
    background-position: center;
    animation: upDown 3s ease-in-out infinite;
    pointer-events: none; /* so it won't affect clicks */
    background-size: 100px;
}

.chairman-emeritus-img{
    max-width: 70% !important;
}



.chairman-img{
    max-width: 60% !important;
}
.secretary-img{
    max-width: 60% !important;
}
.jn-sec-img{
    max-width: 60% !important;
}
.secretatory-img{
    max-width: 60% !important;
}
.ceoo-img {
    max-width: 50% !important;
}
.about-tabs a{
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-end;
padding: 5px 10px;
gap: 10px;
border: 1px solid #165C98;
border-radius: 8px;
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 18px;
text-transform: uppercase;
color: #165C98 !important;
    cursor: pointer !important;

}

.about-tabs a:hover{
    background-color: #165C98 !important;
    color: #FFFFFF !important;
}
.chairman-content{
    position: relative;
}
.chaman-mes{
    position: absolute;
    top: 80px;
    left: -180px;
}
.chaman-mes{
font-family:Black Hawk;
font-style: normal;
font-weight: 400 !important;
font-size: 90px !important;
line-height: 0px;
color: #000000;
}    
.moblvw-head{
font-family:Black Hawk;
font-style: normal;
font-weight: 400 !important;
font-size: 60px !important;
line-height: 0px;
color: #000000;
}
.moblvw-head{
    display: none !important;
}
.chaircon-right h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
color: #165C98;
}
.chaircon-right p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
text-align: justify;
}

.chair-name{
font-family:RedditSans !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 18px !important;
line-height: 28px !important;
color: #000000 !important;
}

.chair-pos{
font-family:RedditSans !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 28px !important;
color: #686868 !important;
}

.chairman-container{
    background-image: url(../images/abt-governance/chairman-backgrd.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 350px 84px;
}

.chaircon-right{
    /* padding-top: 180px !important; */
    padding: 50px;
}
.chairman-container{
    position: relative;
}
.chairman-container::before{
    display: none !important;
      /* content: "";
    position: absolute;
    left: -4%;
    top: 10%;
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto 20px; 
    background-image: url('../images/abt-governance/chairman-comma.svg');
    background-repeat: no-repeat;
    background-position: center; */
}
.director-container{
    position: relative;
}
.director-container::before{
      content: "";
    position: absolute;
    left: -8% !important;
    top: -10% !important;
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px; 
    background-image: url('../images/abt-governance/chairman-comma.svg');
    background-repeat: no-repeat;
    background-position: center;
    animation: upDown 3s ease-in-out infinite;

}
/* .chair-head{
    position: relative;
}
.chair-head::after{
        content: "";
    position: absolute;
    left: 94%;
    top: -80%;
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
    background-image: url('../images/abt-governance/chairman-highlights.svg');
    background-repeat: no-repeat;
    background-position: -60px;
    animation: upDown 3s ease-in-out infinite;

} */
/* .ceo-head{
    position: relative;
}
.ceo-head::before{
     content: "";
    position: absolute;
    left: -45%;
    top: -80%;
    display: block;
    width: 200px;
    height: 200px;
    margin: 0 auto 20px;
    background-image: url('../images/abt-governance/ceo-highlights.svg');
    background-repeat: no-repeat;
    background-position: 60px;
    animation: upDown 3s ease-in-out infinite;
} */
.ceo-container{
    background-image: url(../images/abt-governance/ceo-backgrd.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50px 84px;
}

.ceo-img{
    margin-left: 85px !important;
}
.ceo-mes{
font-family:Black Hawk;
font-style: normal;
font-weight: 400;
font-size: 90px;
line-height: 0px;
color: #000000;
}    

.ceo-right h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
color: #165C98;
}
.ceo-right p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
text-align: justify;
}

.ceo-right {
    padding: 50px;
    /* padding-top: 250px; */
}
.ceo-content{
    position: relative;
    z-index: 10;
}
/* .ceo-container{
    position: relative;
}
.ceo-container::after{
          content: "";
    position: absolute;
    left: 80%;
    top: 10%;
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
    background-image: url('../images/abt-governance/ceo-comma.svg');
    background-repeat: no-repeat;
    background-position: center;
    animation: upDown 3s ease-in-out infinite;
} */
.ceo-container{
    position: relative;
}
.ceo-mes{
    position: absolute;
    left: -150px;
    top: -170px;
    /* top: -150px; */
    /* left: -150px; */
    /* top: 150px; */
}
/* .mes-ceo{
    position: absolute;
    left: -150px;
    top: -150px;
} */
/* governing body */
.governing-body{
    background-image: url(../images/abt-governance/back-profiles.png);
    background-repeat: no-repeat;
    margin-top: 60px;
    padding-top: 120px;
}
.governing-body-about{
    padding-top: 60px;
}

.governing-body-text{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
text-transform: uppercase;
color: #165C98;
}
.governing-subhead{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 46px;
color: #000000;
}

.governing-content{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
padding-top: 50px;
}

.professor-prof h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
color: #000000;
padding-top: 25px;
}
.professor-prof p{   
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #787878;
}

.organizational-struc h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
text-align: center;
text-transform: uppercase;
color: #165C98;
}
.organizational-struc h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 46px;
color: #000000;
}
.join-team {
    text-align: center;
    padding-bottom: 20px;
    
}
.join-team a{
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #165C98;
}
/* animations */
.arrow-move {
    display: inline-block;
    transition: transform 0.4s ease-in-out;
}

.sec-animate-btn:hover .arrow-move {
    transform: translateX(5px);
}
/* .chair-head{
    position: relative;
} */
.chairman-highlight{
    position: relative;
    right: -450px;
    top: 70px;
    animation: upDown 3s ease-in-out infinite;
}
.ceo-highlight{
    position: relative;
    left: -40px;
    top: 30px;
    animation: upDown 3s ease-in-out infinite;
}
.seceratory-high{
    position: relative;
    top: -10px;
    left: 50px;
    animation: upDown 3s ease-in-out infinite;
}
.seceratory-highs{
     position: relative;
    top: -50px;
    left: 170px;
}
.chairman-comma{
    position: relative;
    left: -30px;
    top: -180px;
}
.ceo-comma{
    position: relative;
    right: -30px;
    top: -180px;
}

.governing-body-col{
    padding-bottom: 30px;
}
.organizational-struc{
    padding-top: 30px;
    padding-bottom: 50px;    
}




@media(max-width:1400px){
.chair-head::after{
    width: 100px;
    height: 100px;
    background-image: url('../images/abt-governance/chairman-highlights.svg');
    background-repeat: no-repeat;
    background-position: -60px;
}

}

@media(max-width:1399px){

    .ceo-container::after{
    left: 80% !important;
}
.ceo-container{
    background-image: url(../images/abt-governance/ceo-backgrd.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 70px 84px;
}

}
@media(max-width:1299px){
    .ceo-container{
    background-image: url(../images/abt-governance/ceo-backgrd.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: -20px 84px;
}
.ceo-container{
    background-image: url(../images/abt-governance/ceo-backgrd.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 90px 84px;
}

/* .ceo-img{
    margin-left: 15px !important;
} */

}
@media(max-width:1199px){
    .secretatory-img{
     margin-left: 0 !important;
}
    .chairman-highlight{
    position: relative;
    right: -350px;
    top: 70px;
}
    .chaman-mes{
    position: absolute;
    left: -220px;
}
    .ceo-container::after{
    left: 80% !important;
    width: 100px;
}
/* .ceo-img{
    margin-left: 20px !important;
} */
.ceo-mes{
    position: absolute;
    left: -220px !important;
    top: -210px;
}
.mes-ceo{
    position: absolute;
    left: -220px !important;
    top: -250px;
}
.ceo-right {
    padding: 50px;
    /* padding-top: 150px; */
}

}

@media(max-width:991px) {

    .governing-body {
        padding-top: 50px;
    }
    .governing-content{
        padding-top: 10px;
    }


    .chairman-comma{
    display: none !important;
}
.ceo-comma{
   display: none !important;
}
    .seceratory-highs{
     display: none;
}
    .chairman-highlight{
    display: none;
}
.seceratory-high{
    display: none;
}
    .chairman-container{
   background-image: none !important;
}
    .govening-noimg{
        width: 40% !important;
    }
    .ceo-head::before {
   display: none;
   background-image: none !important;
}
    .ceo-img {
    margin-left: 0 !important;
}
    .moblvw-head{
        display: block !important;
        padding-bottom: 50px;
        padding-top: 50px;
    }

      .chaman-mes {
        display: none;
    }

    .ceo-mes {
        display: none;
    }
    .organs-struc::after{
        display: none !important;
        background-image: none !important;
    }
        .ceo-right {
        padding: 20px !important;
        padding-top: 150px;
    }
    .chairman-container{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .chaman-mes {
        position: absolute;
        left: 307px !important;
        top: 400px;
    }

    .chaman-mes {
        font-size: 56px !important;
    }
    .chaircon-right{
    padding-top: 20px !important;
    padding: 0;
}
    .ceo-container::after{
    left: 82% !important;
    width: 100px;
}
.custom-order .first-col {
        order: 2;
    }
    .custom-order .second-col {
        order: 1;
    }
    /* .ceo-img{
    margin-left: 92px !important;
} */
.ceo-mes{
    position: absolute;
    left: 30px !important;
    top: 300px;
    
}

.ceo-mes {
    font-family: Black Hawk;
    font-style: normal;
    font-weight: 400;
    font-size: 56px;
    line-height: 0px;
    color: #000000;
}

.professor-prof {
    text-align: center !important;
}
.ceo-container {
        background-image: none;
        display: flex;
        align-items: center;
        justify-content: center;
        /* display: none; */
    }

}

@media(max-width:799px) {
    .chair-head::after {
        display: none !important;
    }

    .ceo-head::before {
        display: none !important;
    }

}

@media(max-width:770px) {
    .chaman-mes {
        font-size: 26px !important;
    }

    .ceo-mes {
        font-size: 26px !important;
    }

    /* .ceo-img {
        margin-left: 45px !important;
    } */

    .ceo-container::after {
        left: 82% !important;
        width: 100px;
    }

}

@media(max-width:599px) {
    .ceo-container {
        background-position: -60px 84px !important;
    }

    .ceo-img {
        margin-left: 0px !important;
    }

    .ceo-container::after {
        display: none;
    }

    .governing-subhead {
        font-size: 26px;
        line-height: 36px;
    }

    .organizational-struc h2 {
        font-size: 26px;
        line-height: 36px;
    }
}

@media(max-width:550px) {
    /* .chaman-mes {
        display: none;
    }

    .ceo-mes {
        display: none;
    }
    .organs-struc::after{
        display: none !important;
        background-image: none !important;
    } */
}

@media(max-width:450px) {
    .chairman-container::before {
        background-size: 100px;
    }


}
@media(max-width:380px){
     .governing-subhead {
        font-size: 20px;
        line-height: 36px;
    }

    .organizational-struc h2 {
        font-size: 20px;
        line-height: 36px;
    }
    .organizational-struc h6 {
    font-size: 15px;
    line-height: 23px;
}
.governing-body-text {
    font-size: 15px;
    line-height: 23px;
}
}

@media(max-width:350px) {
    .chairman-container::before {
        background-image: none !important;
    }
}


   /* about governance page ends */


   
   /* about ap page starts */
   .mobile-card-row{
    margin-top: 50px;
   }

   .award-container{
    position: relative;
   }
   .award-col{
    position: absolute;
    bottom: 150px;
   }
   .award-content{
    /* padding-top: 50px; */
   }

   .award-prize-section{
    padding-bottom: 50px;
   }


   .magazine-cards-section{
    margin-bottom: 100px;
    margin-top: 40px;
   }

   .award-container{
    /* background-image: url(../images/about-ap/back-apline.png); */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: -7px;
   }
   .awrd-box{
    margin-top: 100px;
   }
.prizes-container{
    margin-top: 100px;
}
.aboutap-card ,.aboutap-card{
   border-radius: 0 !important;
   border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
/* .aboutap-card {
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 8px;
  transition: transform 0.3s ease;
} */

/* Optional: slight lift on hover */
/* .aboutap-card:hover {
  transform: scale(1.02);
} */

/* Zoom image on hover */
.aboutap-card .card-img {
  transition: transform 0.4s ease;
  will-change: transform;
}

Zoom-in effect */
 .aboutap-card:hover .card-img {
  transform: scale(0.5);
}
.aboutap-body{
  border-left: 2px solid #165C98;
}


/* Sliding background in card-body */
.aboutap-card .aboutap-body {
  position: relative;
  background-color: #fff;
  z-index: 1;
  overflow: hidden;
  transition: color 0.3s ease;
}
.animation-card :hover {
    color: #FFFFFF !important;
}   



.aboutap-card .aboutap-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #165C98 !important;
  z-index: -1;
  transition: left 0.4s ease;
}
.aboutap-card:hover .aboutap-body {
  color: #FFFFFF !important;
}
.aboutap-card:hover .aboutap-body span {
  color: #FFFFFF !important;
}

.aboutap-card:hover .aboutap-body h6 {
  color: #FFFFFF !important;
  text-decoration: underline !important;

}
.aboutap-card:hover .sec-hover-image {
  transform:scale(1.1) !important;
}
.aboutap-card:hover .aboutap-body p {
  color: #FFFFFF !important;
}
.prizes-boxes{
    position: relative;
}
.prizes-boxes::after{
        content: "";
    position: absolute;
    left: 30%;
    top: -80%;
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto 20px;
    background-image: url('../images/about-ap/award-highlights.svg');
    background-repeat: no-repeat;
     animation: upDown 3s ease-in-out infinite;
    /* background-position: -80px; */
}
.aboutap-card:hover .aboutap-body::before {
  left: 0 !important;
}
.award-content h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 38px;
color: #000000;
}
.award-content p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
text-align: justify;
}
.prizes-boxes h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 46px;
color: #000000;
}

.prizes-boxes p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}

.aboutap-body span{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 20px;
text-transform: uppercase;
color: #909090;
}
.aboutap-body h6{
font-family:RedditSans;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 28px;
color: #000000;
}
.aboutap-body p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
text-align: justify;
}

/* 
.arrow-icon{
     transform: translateX(-50%);
  transition: transform 0.3s ease;
   z-index: 2;
} */
.icon-box:hover .arrow-icon {
  transform: translate(-2%, 4px); /* 4px down – small gentle move */
}


/* responsiveness */
   @media(max-width:1199px){
      .award-col{
    position: absolute;
    bottom: 100px;
    width: 450px !important;
   }
   .prizes-boxes::after{
    left: 20%;
    top: -80%;
}
   }
   @media(max-width:992px){
    .mobile-card-row{
    margin-top: 0;
   }

     .award-col{
    position: inherit !important;
    max-width: 100% !important;
    width: auto !important;
   }
   .award-sec2,.award-sec1{
    margin-top: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
   }
     .award-content{
    padding-top: 0 !important;
   }
     .awrd-box{
    margin-top: 50px;
   }
   .animation-card{
    padding-top: 50px;
   }
   }

   @media(max-width:769px){
    .prizes-boxes::after{
    left: 5%;
    top: -80%;
}
   }

   @media(max-width:587px){
    .award-content h6 {
    font-size: 23px;
    line-height: 38px;
}
.award-content p {
    font-size: 15px;
    line-height: 26px;
}
.prizes-boxes h2 {
    font-size: 30px;
    line-height: 46px;
}
.prizes-boxes p {
    font-size: 15px;
    line-height: 26px;
}
.aboutap-body h6 {
    font-size: 20px;
    line-height: 28px;
}
.aboutap-body p {
    font-size: 15px;
    line-height: 26px;
}
   }

   @media(max-width:450px){
        .prizes-boxes::after{
display: none !important;
}
.prizes-container {
    margin-top: 20px !important;
}
   }
@media(max-width:380px){
        .award-content h6 {
    font-size: 20px;
    line-height: 38px;
}

.prizes-boxes h2 {
    font-size: 25px;
    line-height: 46px;
}

.aboutap-body h6 {
    font-size: 18px;
    line-height: 28px;
}

}
/* about awards and prizes page ends */


   /* about us magazine starts */
   .download-link {
  text-decoration: none;
  display: inline-block;
}

.icon-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.magcard-body{
    border: 0 !important;
    border-radius: 0 !important;
}
.magcard-body img{
    border: 0 !important;
    border-radius: 0 !important;
}
.mag-input{
    box-shadow: none !important;
}
.mag-topbar h6{
font-family:RedditSans;
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 36px;
color: #000000;
}
.mag-input{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #909090;
}
.filter{
background: #FFFFFF;
border: 1px solid #E67A0F !important;
border-radius: 8px;
}
.filter {
  color: #E67A0F !important; 
}

.filter:valid {
  color: #E67A0F !important;
}
select.filter:focus,
select.filter:hover {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
      /* your custom hover/focus color */
}
.yearwise{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #E67A0F !important;
}
.magcard-body h5{
font-family:RedditSans;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 32px;
/* color: #000000; */
}
.carer-card h5{
font-family:RedditSans;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 32px;
}
.magcard-body p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
/* color: #000000; */
}
.magcard-body a{
font-family:RedditSans;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 26px;
text-transform: uppercase;
color: #165C98;
}



/* card image animation */

/* .abt-magazine {
  transition: all 0.3s ease-in-out;
}

.abt-magazine:hover {
  transform: scale(1.1);
}
.magg-body :hover{
    background-color:#165C98 !important;
} */

.magcard-body {
  overflow: hidden;
  position: relative;
}

/* Zoom effect on image */
.magcard-body {
  overflow: hidden;
  transition: transform 0.3s ease;
}

.magcard-body img.abt-magazine {
  transition: transform 0.5s ease;
}

.magcard-body:hover img.abt-magazine {
  transform: scale(1.1); /* Zooms the image */
}

/* Blue background on hover for card-body */
.magcard-body .magg-body {
  transition: background-color 0.3s ease;
}

.magcard-body:hover .magg-body {
  background-color: #165C98 !important; 
  color: white !important;
}
.magcard-body:hover .magg-body h5 {
    text-decoration: underline !important;
}

.magcard-body:hover .magg-body a {
  color: white !important;
}
.magcard-body:hover .magg-body p {
  color: white !important;
}

.magcard-body:hover .magg-body .icon-stack img {
  filter: brightness(0) invert(1); 
}




/* admission stipned page starts */

.academic-card-sec{
    padding-top: 50px;
}

.discover-containerfluid{
    margin-top: 10px;
    background-image: url(../images/admission-stipned/stipned-backimg.png);
}
.discover-container{
    padding-top: 70px !important;
}
.discover-list li{
    list-style: none !important;
    display: inline-block;
    margin-left: 10px;

}
.full-height {
  height: 100%; 
  min-height: 300px; 
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.specfic-iqac h5{
    position: relative;
}
.specfic-iqac h5::after{
     content: "";
    position: absolute;
    left: 87%;
    /* top: 135%; */
    /* right: 70%; */
    display: block;
    width: 150px;
    height: 150px;
    background-image: url('../images/iqac/abt-iqac-high.svg');
    background-repeat: no-repeat;
    animation: upDown 3s ease-in-out infinite;
}
.discover-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.discover-container h5{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 38px;
color: #000000;
}
.discover-list li{
background: #F2F6FA;
border: 1px solid #165C98;
border-radius: 8px;
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
text-transform: uppercase;
color: #165C98;
padding: 10px;
margin-top: 10px !important;
}




.discover-list  a{

font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
text-transform: uppercase;
color: #165C98;

}




.discover-container h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #165C98;
}
.discover-container p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
text-align: justify;
}

.specific-imagebox{
    position: relative;
}
.specific-imagebox::after{
    content: "";
    position: absolute;
    left: 60%;
    top: -10%;
    display: block;
    width: 150px;
    height: 150px;
    background-image: url('../images/admission-stipned/eligibility-highlight.svg');
    background-repeat: no-repeat;
    animation: upDown 3s ease-in-out infinite;
}
.eligibility-imageboxx {
  position: relative;
  min-height: 500px; 
}

.hover-image-containerr {
  position: absolute;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
}

.sec-hover-imagee {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}

.sec-hover-imagee:hover {
  transform: scale(1.1);
}

.eligibility-img1-box {
  top: 0;
  left: 0;
  z-index: 3;
}

.eligibility-img2-box {
  top: 220px;
  left: 100px;
  z-index: 10;
}

.eligibility-img3-box {
  top: 60px;
  left: 310px;
  z-index: 1;
} 

/* 
.eligibility-imagebox{
    position: relative;
}
.eligibility-image1{
    position: relative;
    z-index: 10 !important;
}
.eligibility-image2{
    position: absolute;
    top: 231px;
    left: 108px;
    z-index: 10;
}
.eligibility-image3{
    position: absolute;
    left: 320px;
    top: 61px;
}
.eligibility-container{
    margin-top: 100px;
}
.stipnedcard-container{
    /* margin-top: 80px; 
}*/
.stipnedcard-col{
    background-image: url(../images/admission-stipned/stipnedcard-back.png);
    background-repeat: no-repeat;
    background-size: cover !important;
    margin-top: 60px;
}
.specific-stipnedcol{
    margin-bottom: 60px;
}
.stipnedcard-subrow{
    /* display: flex;
    align-items: center !important;
    justify-content: center !important; */
    /* padding: 50px; */
}
.stipnedcard-subcol1{
    padding: 50px;
}
.stipnedcard-subcol1 p{
font-family:RedditSans;
font-style: normal;
font-weight: 300;
font-size: 26px;
line-height: 40px;
color: #000000;
margin-top: 30px;
}
.stipnedcard-subcol1 h5{
font-family:RedditSans;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 29px;
color: #000000;
margin-top: 50px;
}

.stipnedcard-subcol1 h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #686868;
}

.stipnedcard-col{
    position: relative;
}
.stipnedcard-subcol2 img{
    position: absolute;
    bottom: 0 !important;
}
.anjali-kumar{
    position: relative;
}

.anjali-kumar::after{
    content: "";
    position: absolute;
    left: 70%;
    display: block;
    width: 100px;
    height: 100px;
    background-image: url('../images/admission-stipned/stipned-cardhighlights1.svg');
    background-repeat: no-repeat;
    animation: upDown 3s ease-in-out infinite;
}
.ravi-sharma{
    position: relative;
}
.ravi-sharma::after{
    content: "";
    position: absolute;
    left: 60%;
    display: block;
    width: 150px;
    height: 150px;
    background-image: url('../images/admission-stipned/stipned-cardhighlights2.svg');
    background-repeat: no-repeat;
    animation: upDown 3s ease-in-out infinite;
}
.kumaran-kannan{
    position: relative;
}
.kumaran-kannan::after{
   content: "";
    position: absolute;
    top: 65px;
    left: 65%;
    display: block;
    width: 150px;
    height: 150px;
    background-image: url('../images/admission-stipned/stipned-cardhighlights3.svg');
    background-repeat: no-repeat;
    animation: upDown 3s ease-in-out infinite;
}
.mani-maran{
    position: relative;
}
.mani-maran::before{
       content: "";
    position: absolute;
    top: 210px;
    left: 5%;
    display: block;
    width: 150px;
    height: 150px;
    background-image: url('../images/admission-stipned/stipned-cardhighlights4.svg');
    background-repeat: no-repeat;
    animation: upDown 3s ease-in-out infinite;
}
.mani-maran::after{
       content: "";
    position: absolute;
    display: block;
    top: 250px;
    right: 80px;
    width: 150px;
    height: 150px;
    background-image: url('../images/admission-stipned/Union\ \(7\).png');
    background-repeat: no-repeat;
    background-size: 100px;
    animation: upDown 3s ease-in-out infinite;
}
.vinayaga-moorthy::after{
       content: "";
    position: absolute;
    display: block;
    top: 250px;
    right: -5px;
    width: 150px;
    height: 150px;
    background-image: url('../images/admission-stipned/Union\ \(8\).png');
    background-repeat: no-repeat;
    background-size: 100px;
    animation: upDown 3s ease-in-out infinite;
}
.eligibility-container h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
text-transform: uppercase;
color: #165C98;
}
.eligibility-container h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 46px;
color: #000000;
}
.eligibility-container p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.eligibility-container li span{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}

.eligibility-title{
font-family:RedditSans;
font-style: normal;
font-weight: 600 !important;
font-size: 16px;
line-height: 26px;
color: #000000;
}












/* responsiveness */

@media(max-width:1399px){
    .eligibility-image3{
    position: absolute;
    /* z-index: -10; */
    left: 280px;
    top: 61px;
}
.specfic-iqac h5::after{
     content: "";
    position: absolute;
    left: 70%;
    top: 90%;
    /* right: 70%; */
    display: block;
    width: 150px;
    height: 150px;
    background-image: url('../images/iqac/abt-iqac-high.svg');
    background-repeat: no-repeat;
    animation: upDown 3s ease-in-out infinite;
    background-size: 100px;
}
}

@media(max-width:1199px){
    .eligibility-image3{
    position: absolute;
    /* z-index: -10; */
    left: 200px;
    top: 61px;
}
.mani-maran::after{
    top: 250px;
    right: 80px;
    width: 100px;
    height: 100px;
    background-size: 100px;
}
}

@media(max-width:1099px){
    .eligibility-image3{
    position: absolute;
    /* z-index: -10; */
    left: 150px;
    top: 61px;
}
.eligibility-image2{
    position: absolute;
    top: 220px;
    left: 100px;
}
}
@media(max-width:992px){
    .hover-image-containerr {
  position: inherit !important;
  overflow:auto;
  box-shadow: none !important; 
  text-align: center !important;
}
    .specfic-iqac h5::after{
    display: none !important;
    background-image: none !important;
}
    .eligibility-container {
    margin-top: 50px;
}
    .specific-imagebox::after{
   display: none !important;
   background-image: none !important;
}
      .eligibility-image1 {
        width: 300px !important;
    }

    .eligibility-image2 {
        width: 300px !important;

    }

    .eligibility-image3 {
        width: 300px !important;
    }
    .naac-img-01,.naac-img-02,.naac-img-03{
        width: 40%;
    }

    
    .about-iqac-row{
        flex-direction: column-reverse;
    }

    .stipnedcard-subcol2 img{
    position: inherit !important;
}
.stipnedcard-subcol2{
    text-align: center !important;
}
.full-height {
    display: block !important;
    flex-direction: unset !important;
    justify-content: unset !important;
    min-height: 150px !important;
  }
  .discover-list {
    margin-top: 20px !important;
}
    /* .eligibility-image3{
    position: absolute;
    z-index: -10;
    left: 280px;
    top: 61px;
}
.eligibility-image2{
    position: absolute;
    top: 220px;
    left: 100px;
} */

.mani-maran::after{
    top: 200px;
    right: 150px;
    width: 100px;
    height: 100px;
}
.eligibility-imagebox{
    position: inherit !important;
}
.eligibility-image1{
    position: inherit !important;
}
.eligibility-image2{
    position: inherit !important;
}
.eligibility-image3{
    position: inherit !important;
}
}
@media(max-width:769px){
    .eligibility-imagebox{
    text-align: center !important;
}
}
@media(max-width:765px){
    .mani-maran::after{
    top: 200px;
    right: 80px !important;
}
}
@media(max-width:700px) {
    .eligibility-image3 {
        position: absolute;
        z-index: -10;
        left: 200px;
        top: 61px;
    }

    .eligibility-image2 {
        position: absolute;
        top: 220px;
        left: 100px;
    }
       .eligibility-image1 {
        width: 250px;
    }

    .eligibility-image2 {
        width: 250px;

    }

    .eligibility-image3 {
        width: 250px;
    }
}
@media(max-width:587px){
    .eligibility-container h6 {
    font-size: 16px;
    line-height: 23px;
}
.eligibility-container h2 {
    font-size: 30px;
    line-height: 46px;
}
.eligibility-container p {
    font-size: 15px;
    line-height: 26px;
}
.eligibility-container li span {
    font-size: 15px;
    line-height: 26px;
}
.stipnedcard-subcol1 p {
    font-size: 20px;
    line-height: 35px;
}
.stipnedcard-subcol1 h5 {
    font-size: 18px;
    line-height: 29px;
}
}
@media(max-width:580px) {
    .eligibility-imagebox {
        /* display: flex;
        align-items: center !important;
        justify-content: center !important; */
        /* text-align: center !important; */
    }

    .eligibility-image1 {
        width: 200px;
    }

    .eligibility-image2 {
        width: 200px;

    }

    .eligibility-image3 {
        width: 200px;
    }
    .mag-topbar h6{
font-size: 24px;
line-height: 36px;
}
}

@media(max-width:500px) {
    .anjali-kumar::after {
        display: none !important;
    }

    .ravi-sharma::after {
        display: none !important;
    }

    .kumaran-kannan::after {
        display: none !important;
    }

    .mani-maran::before {
        display: none !important;
    }

     .mani-maran::after {
        display: none !important;
    }

    .vinayaga-moorthy::after{
        display: none !important;
    }


    .discover-container h6 {
        margin-top: 20px !important;
    }
}
@media(max-width:400px){
.eligibility-image2{
    position: inherit !important;
}
.eligibility-image3{
    position: inherit !important;
}
.stipnedcard-col{
    margin-top: 30px;
}


}
@media(max-width:380px){
        .mag-topbar h6{
font-size: 24px;
line-height: 36px;
}
.magcard-body h5 {
    font-size: 20px;
    line-height: 32px;
}
.magcard-body p {
    font-size: 15px;
}
.magcard-body a {
    font-size: 15px;
}
.eligibility-container h2 {
        font-size: 23px;
        line-height: 40px;
    }
        .stipnedcard-subcol1 p {
        font-size: 19px;
        line-height: 35px;
    }
}
/* admission stipned page ends */






/* admission eligibility page starts */
.content-update p{
    font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}

.academic-tab{
    border: none !important;
}

.specific-align{
    text-align: center !important;
}
.table-section h2{
font-family:RedditSans;
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 36px;
color: #000000;
}
.table-section h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #165C98;
}

.table-section li span {
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 23px;
color: #000000;
}
.table-container th{
font-family:RedditSans;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 24px;
color: #FFFFFF;
}
.table-container td{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #000000;
}

    .table-section{
        margin-top: 50px !important;
    }
    
    .table-container {
      width: 100%;
      overflow-x: auto;
      margin-bottom: 40px;
    }

    .responsive-table {
      width: 100%;
      border-collapse: collapse;
      min-width: 600px;
    }

    .responsive-table thead {
      background-color: #165C98;
    }

    .responsive-table th,
    .responsive-table td {
      padding: 10px 12px;
      text-align: start;
    }
    /* .responsive-table td {
      padding: 12px 15px;
      text-align: start;
    } */

    .responsive-table tbody tr:nth-child(odd) {
      background-color: #F2F6FA;
    }

   @media(max-width:992px){
    .table-section li span {
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: #000000;
}
.table-container th{
font-family:RedditSans;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 18px;
color: #FFFFFF;
}
.table-container td{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #000000;
}
   }
    @media (max-width: 600px) {
      .responsive-table th, .responsive-table td {
        padding: 10px;
        font-size: 12px;
        line-height: 15px;
      }
    }

    @media (max-width:587px){
        .table-section h2 {
    font-size: 23px;
    line-height: 36px;
}

.table-section h6 {
    font-size: 18px;
    line-height: 28px;
}
.table-section li span {
    font-size: 15px;
    line-height: 19px;
}
    }
        @media (max-width:380px){
            .event-tab-content {
        padding-top: 0px;
    }
        .table-section h2 {
    font-size: 20px;
    line-height: 36px;
}

.table-section h6 {
    font-size: 16px;
    line-height: 28px;
}
.table-section li span {
    font-size: 15px;
    line-height: 26px;
}
 .responsive-table th, .responsive-table td {
        padding: 5px;
        font-size: 11px;
      }
    }

/* admission eligibility page ends */




/* admission intake page starts */

        .table-intake {
            width: 100%;
            overflow-x: auto;
        }

        .table-intake .table-heading {
            background-color: #165C98;
            font-family:RedditSans;
            font-style: normal;
            text-align: center;
            font-weight: 400;
            font-size: 26px;
            line-height: 38px;
            color: #FFFFFF;
            padding: 15px;
        }

        .table-intake thead th {
            font-family:RedditSans;
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 28px;
            color: #165C98 !important;
        }

        .table-intake td {
           font-family:RedditSans;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 28px;
            color: #000000;
        }


        .table-intake table {
            width: 100%;
            border-collapse: collapse;
            min-width: 600px;
        }

        .table-intake thead {
            background-color: #F2F6FA;
        }

        .table-intake th,
        td {
            padding: 10px 12px;
            text-align: left;
        }

.table-scroll-wrapper {
      width: 100%;
      overflow-x: auto;
      border-radius: 6px;
      box-shadow: 0 0 5px rgba(0,0,0,0.1);
    }

    .table-inner {
      min-width: 600px;
    }

        .table-intake tbody tr:nth-child(even) {
            background-color: #F7F7F7;
        }
        @media(max-width:992px){
               .table-intake .table-heading {
            background-color: #165C98;
            font-family:RedditSans;
            font-style: normal;
            text-align: center;
            font-weight: 400;
            font-size: 18px;
            line-height: 18px;
            color: #FFFFFF;
            padding: 15px;
        }

        .table-intake thead th {
            font-family:RedditSans;
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 18px;
            color: #165C98 !important;
        }

        .table-intake td {
           font-family:RedditSans;
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            line-height: 18px;
            color: #000000;
        }
        .naac-tablebox a {
    font-family: RedditSans;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    text-transform: uppercase;
    color: #165C98;
}
.icon-stack {
    width: 15px;
    
    display: flex;
    flex-direction: column;
    align-items: center;
}

        }
        @media (max-width: 600px) {

            .table-intake th,
            td {
                padding: 10px;
                font-size: 14px;
            }
        }

        @media(max-width:587px){
            .table-intake thead th {
                    font-size: 18px !important;
                    line-height: 38px;
                }
            
                .table-intake td {
                    font-size: 15px;
                    line-height: 30px;
                }
            }

            @media(max-width:380px){
                .table-intake thead th {
                    font-size: 16px !important;
                    line-height: 38px;
                }
            }
        /* admission intake page ends */


/* academic syllabus page starts */


.magcard-body .syllabus-body {
  transition: background-color 0.3s ease;
}

.magcard-body:hover .syllabus-body {
  background-color: #165C98 !important; 
  color: white !important;
}
.magcard-body:hover .syllabus-body h5 {
    text-decoration: none !important;
}

.magcard-body:hover .syllabus-body a {
  color: white !important;
}
.magcard-body:hover .syllabus-body p {
  color: white !important;
}

.magcard-body:hover .syllabus-body .icon-stack img {
  filter: brightness(0) invert(1); 
}
.academic-card{
    background-color: #F2F6FA !important;
    padding-bottom: 100px;
}
.magcard-body .hover-text{
    display: none !important;
}
.magcard-body:hover .default-text{
    display: none !important;
}

.magcard-body:hover .hover-text{
    display: block !important;
}
.sylabus-container{
    margin-top: 50px;
}
.sylabus-container .row{
    margin-top: 50px !important;
    margin-bottom: 30px !important;

}
@media(max-width:992px){
    .sylabus-container .row{
    margin-top: 0 !important;

}
    .sylabus-container .col-lg-4{
    margin-top: 50px !important;

}
.sylabus-container {
    margin-top: 0;
}
.events-tabs {
    padding-top: 50px !important;
    padding-bottom: 30px;
}
.event-tab-content {
    padding-top: 20px;
}
}

@media(max-width:587px){
    .discover-container {
    padding-top: 30px !important;
}
    .events-tabs {
        padding-top: 30px !important;
        padding-bottom: 30px;
    }
        .programs-tabs-list {
        padding-bottom: 0px;
    }
    .discover-container h5 {
    font-size: 20px;
    line-height: 38px;
}
.discover-container h6 {
    font-size: 18px;
    line-height: 28px;
    padding-top: 20px;
}
.discover-container p {
    font-size: 15px;
    line-height: 26px;
    padding-top: 20px;
}
.magcard-body h5 {
    font-size: 20px;
    line-height: 32px;
}
magcard-body p {
    font-size: 15px;
    line-height: 26px;
}
.magcard-body a {
    font-size: 15px;
    line-height: 26px;
}

}
@media(max-width:380px){
    .discover-container h6 {
    padding-top: 0 !important;
}
}
/* academic syllabus page ends */

/* programme page starts */
.program-body{
    position: relative;
    height: 100%;
    overflow: hidden;

}
.program-cardimg{
    position: absolute;
    top: 0 !important;
    right: 0 !important;
    margin: 20px !important;
}
.cardimg-ovrlay{
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}
.cardimg-ovrlay h5{
font-family:RedditSans;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 32px;
color: #FFFFFF;
}
.cardimg-ovrlay p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #FFFFFF;
}

.program-body:hover .cardimg-ovrlay h5{
    text-decoration: underline !important;
}
.program-cardimg button{
    background: #FFFFFF;
    padding: 10px;
    border-radius: 50% !important;
    border: none !important;

}
.blue-arrow{
    display: block !important;
}
.white-arrow{
    display: none !important;
}
.program-body:hover .blue-arrow{
    display: none !important;
}
.program-body:hover .white-arrow{
    display: block !important;
}
.program-body:hover .program-cardimg button{
    background: #165C98 !important;
    padding: 10px;
    border-radius: 50% !important;
    border: none !important;

}
.form-space{
    margin-top: 40px;
}
.program-body img.programe-img {
  transition: transform 0.5s ease !important;
}

.program-body:hover .programe-img{
  transform: scale(1.1) !important; /* Zooms the image */
}
/* .apply-now{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #000000;
} */
 .apply-now h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 46px;
color: #000000;
 }
 .apply-now p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
text-align: justify;
 }
 .apply-now li span{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
 }
.program-form h3{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 46px;
color: #000000;
}
.program-form p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #000000;
}
.program-label{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #000000;
}
.program-formcon input::placeholder textarea::placeholder{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #909090;
}
.program-formcon option{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 14px !important;
line-height: 26px;
color: #000000;
}


.minimum-char{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #909090;
}

.program-check-label{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #000000;
}
.termss ,.privacyy{
    color: inherit !important;
}

.program-form {
            background: #fff;
            padding: 40px;
            border-radius: 12px;
            max-width: 800px;
            margin: auto;
            box-shadow: 0px 0px 120px 0px rgba(0, 0, 0, 0.15);
        }

        .program-check .program-check-input {
            background-color: #ffffff;
            border: 1px solid;
        }

        .program-check .program-check-input:checked {
            background-color: #f57c00;
            border: none !important;
        }

        .btn-submitted {
            background-color: #f57c00;
            border: none;
            border-radius: 8px;
            padding: 15px 24px;
            font-family: RedditSans;
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            line-height: 19px;
            text-align: right;
            color: #FFFFFF;

        }
.form-control:focus{
    border-color: none !important;
    box-shadow: none !important;
}
select:focus{
    border-color: none !important;
    box-shadow: none !important;
}
.program-check .program-check-input:focus{
    border-color: none !important;
    box-shadow: none !important;
}
        /* .btn-submit:hover {
            background-color: #e86900;
        } */

        .form-label .requiredd {
            color: red;
        }

        textarea {
            resize: none;
        }


.program-pg-tab{
    border: none;
}



@media(max-width:992px){
    .discover-container {
    padding-top: 0 !important;
}
.form-space{
    margin-top: 0 !important;
}
}
@media(max-width:587px){
     .apply-now h2{
font-size: 30px;
line-height: 46px;
 }
 .apply-now p {
    font-size: 15px;
}
.apply-now li span {
    font-size: 15px;
    line-height: 26px;
}
}
@media(max-width:380px){
    .cardimg-ovrlay h5 {
    font-size: 20px;
    line-height: 32px;
}
.cardimg-ovrlay p {
    font-size: 15px;
    line-height: 26px;
}
.apply-now h2 {
        font-size: 25px;
        line-height: 35px;
    }
}

/* career page starts */


.career-detail-sec{
    padding-top: 40px;
}

.career-card{
    background-color: #FFFFFF !important;
    border: none !important;
    padding: 20px;
    margin-top: 10px !important;
}
.career-fluid{
    background-color: #F2F6FA !important;
}

.career-fluid{
    margin-top: 100px !important;
    padding-top: 50px;
    padding-bottom: 50px;
}
.table-intake td button {
background: #E67A0F;
border-radius: 10px;
border: none;
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
padding:0 7px;

}
.table-intake a{
color: #FFFFFF;

}
.career-fluid h6{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
text-align: center;
text-transform: uppercase;
color: #165C98;
}
.recurit{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
/* text-align: center; */
text-transform: uppercase;
color: #165C98;
}
.career-fluid h2{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 46px;
text-align: center;
color: #000000;
}
.career-content{
font-family: RedditSans !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 26px !important;
text-align: center !important;
color: #000000 !important;
}
.career-body h5{
font-family: RedditSans;
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 36px;
color: #000000;
opacity: 0.9;
}


.career-body p{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: #000000;
opacity: 0.9;
}
.detail-form{
    margin-top: 50px;
    margin-bottom: 50px;
}
@media(max-width:992px){
    .detail-form{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
    .career-detail-sec {
    padding-top: 0 !important;
}
}
@media(max-width:587px){
    .career-fluid h2 {
    font-size: 30px;
    line-height: 46px;
}
.table-intake .table-heading {
    font-size: 20px;
}

}
@media(max-width:380px){
    .career-fluid h2 {
    font-size: 25px;
    line-height: 35px;
}
}
/* career details page starts */


/* faq page starts */

.faq-page-sec{
    padding-top: 100px;
}


.menu-item {
  padding: 15px 20px;
  cursor: pointer;
  border-left: 4px solid transparent;
  transition: background 0.3s, border-left 0.3s;
  font-family: LufgaRegular;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  border-left: 2px solid #E3E3E3;

}

.menu-item.active {
  background-color: #ffffff;
  border-left: 2px solid #165C98;
  font-weight: bold;
  color: #165C98;
}

/* faq section */
.faq-container {
  flex: 1;
  padding-left: 40px;
  /* padding: 20px; */
}

.faq-section {
  display: none;
}

.faq-section.active {
  display: block;
  padding-bottom: 50px;
}

.detail-form {
      max-width: 850px;
      margin-left: auto;
      margin-right: auto;
      background: #FFFFFF;
      border: 1px solid #D0D0D0;
      border-radius: 10px;
      margin-bottom: 20px;
    }
    .form-section{
        padding: 30px;
    }
    @media(max-width:900px){
        .detail-form{
            max-width: 770px;
        }
    }

    @media(max-width:850px){
        .detail-form{
            max-width: 750px;
        }
    }

    @media(max-width:750px){
        .detail-form{
            max-width: 650px;
        }
    }

    @media(max-width:650px){
        .detail-form{
            max-width: 550px;
        }
    }

    @media(max-width:550px){
        .detail-form{
            max-width: 450px;
        }
    }

    @media(max-width:450px){
        .detail-form{
            max-width: 350px;
        }
        
    }
   



    .form-title {
      background-color: #165C98;
      color: white;
      text-align: center;
      padding: 15px 0;

      margin-bottom: 20px;
    }
.sidebar .menu-item{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
/* color: #165C98; */
}

.faq-section h6{
    font-family: RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    color: #165C98;
}

.faq-section h3{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 38px;
color: #000000;
}

.faq-section p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
text-align: justify;
}


.faq-section li{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;

}
.form-title h4{
font-family:RedditSans;
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 38px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}

.form-section h5 {
font-family:RedditSans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    /* line-height: 10px; */
    text-transform: uppercase;
    color: #000000;
}

.form-section p {
    font-family:RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    /* line-height: 0px; */
    color: #909090;
}

.form-section label {
    font-family:RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #000000;
}

.second-name {
    font-family:RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 26px;
    color: #909090 !important;
}

.career-control::placeholder {
    font-family:RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #909090;
}

.upload-label span {
    font-family:RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #909090;
}


.form-section select {
    font-family:RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #000000;
}

.file-cap {
    font-family:RedditSans;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
    color: #909090;
}

.custom-upload {
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    color: #888;
}

.custom-upload input[type="file"] {
    display: none;
}

.upload-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.upload-label img {
    width: 20px;
    height: 20px;
}
.ph-img{
    width: 400px;
    height: 350px;
}
.programme-faculty-image{
    width:90px;
    height: 90px;

}
@media(max-width:991px) {
    .ph-img{
    width: 300px;
    height: 250px;
}
  .for-faqpage {
    display: none !important;
  }

  .faq-container {
    padding-left: 0 !important;
    padding-top: 20px;
  }
  .faq-page-sec{
    padding-top: 30px;
}
}
@media(max-width:587px){
        .ph-img{
    width: 200px;
    height: 150px;
}
    .faq-section p {
    font-size: 15px;
    line-height: 26px;
}
.faq-section li{
font-size: 15px;
line-height: 26px;

}
.faq-section h3 {
    font-size: 20px;
    line-height: 38px;
}
.form-title h4 {
    font-size: 20px;
    line-height: 38px;
}
}


/* career details page end */
/* program detail each page starts */
.eeelab1-img{
    width: 400px;
    height: 300px;
}
@media(max-width:992px){
    .eeelab1-img{
    width: 300px;
    height: 200px;
}
}



/* faq page starts */

.faq-tabs{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px !important;
line-height: 23px;
color: #000000;
}

.faq-accord {
    --bs-accordion-border-color: none !important;
}
.faq-accord :focus{
    box-shadow: none !important;
}

.faq-accbut:not(.collapsed) {
    color: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
.faq-accbut:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none !important;
}

.faq-accbut:not(.collapsed) {
    color:none !important;
    background-color:transparent !important;
    box-shadow: none !important;
}
.faq-accbut:not(.collapsed) {
        color: #000 !important;
       box-shadow:transparent !important;
}
.faq-accbut::after {
    display: none;
  }

  /* Custom symbol on the right side */
  .faq-accbut {
    position: relative;
  }

  .faq-accbut::before {
    content: '+';
    position: absolute;
    right: 1.25rem;
    font-size: 1.2rem;
    color: #000;
    transition: transform 0.2s ease, content 0.2s ease;
    width: 30px;
    height: 30px;
    background-color: #E5E5E5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  .faq-accbut:not(.collapsed)::before {
    content: '✕'; /* X symbol */
    font-size: 0.8rem;
    color: #000;

  }
.mobileview-banner{
    display: none !important;
}
.faq-accord h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 38px;
color: #000000;
}

.faq-accbut{
font-family:RedditSans;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #000000;
}

.accordionbody{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}



@media(max-width:992px){
    .desktopview-banner{
        display: none !important;
    }
    .mobileview-banner{
        display: block !important;
        margin: 20px;
        
    }
}

@media (max-width:576px) {
    .faq-accbut{
        font-size: 14px;
    }
}
@media (max-width:400px) {
    .faq-accbut::before{
        right: 0;
    }
}



/* naac page starts */

.naac-ssr{
    /* display: flex;
    align-items: center !important;
    justify-content: center !important; */
}
.specific-dvv{
    margin-top: 200px;
}
.certificate-container{
    background-image: url(../images/naac/naac-certificate-img.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.certificate-row{
    display: flex;
    align-items: center;
    justify-content: center;
}
.certificate-col{
    text-align: center;
    margin-top: 60px;
    margin-bottom: 50px;
}
.events-tabs{
    /* margin-top: 250px; */
}
/* .dvv-clarification{
    margin-top: 150px;
} */

.naac-card{
box-shadow: 0px 0px 120px 0px #00000014;
}
.naacssr-col{
    position: relative;
}
.naac-img-03{
    z-index: 10;
    position: absolute;
    left: 60px;
    top: 200px;
}
.naac-img-02{
    position: relative;
    top: 50px;
    right: 50px;
}
.dvvclarifi-col{
    position: relative;
}
.naacimg-06{
    position: absolute;
    right: -60px;
    bottom: -120px;
    z-index: 10;
}

.naacimg-05{
    position: relative;
    right: 33px;
    top: 50px;
}
.curricular-container{
    margin-top: 150px;
}
.curricular-containerr{
    margin-top: 50px;
}
.naac-ssr h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
text-transform: uppercase;
color: #165C98;
}
.dvv-clarification h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
text-transform: uppercase;
color: #165C98;
}
.naac-ssr h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 46px;
color: #000000;
}
.dvv-clarification h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 46px;
color: #000000;
}
.naac-ssr p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
text-align: justify;
}
.dvv-clarification p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
text-align: justify;
}
.naac-ssr span{
font-family:RedditSans !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px;
line-height: 26px;
color: #000000;
}

.dvv-clarification li{
font-family:RedditSans !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.naac-ssr button{
background-color: #E67A0F;
font-family:RedditSans !important;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
text-align: right;
color: #FFFFFF;
border: none;
border-radius: 6px;
padding: 5px 10px;
}

.dvv-clarification button{
background-color: #E67A0F;
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
text-align: right;
color: #FFFFFF;
border: none;
border-radius: 6px;
padding: 10px 10px;
}

.certificate-container{
    margin-top: 100px;
}
.certificate-container h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}
.certificate-container h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 46px;
color: #FFFFFF;
}

.certificate-container p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #FFFFFF;
}
.certificate-container button{
background: #E67A0F;
border-radius: 8px;
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
text-align: right;
color: #FFFFFF;
border: none;
padding: 10px 10px;
}
.pdf-img{
    width: 50px;
    height: 50px;
}
@media(max-width:1399px){
    .specific-dvv{
    margin-top: 150px !important;
}
}
@media(max-width:1199px){
    .curricular-container{
    margin-top: 50px;
}
}
@media(max-width:992px){
    .sec-group-wrapper-specific{
        margin-bottom: 130px;
    }
    .sec-group-wrapper-specificc{
        margin-top: 50px;
        margin-bottom: 100px;
    }
      .custom-row {
    flex-direction: column-reverse;
  }
  .abt-iqac-sec{
    margin-top: 0 !important;
  }

    .naacssr-col{
    position: inherit;
}
.naac-img-03{
    position: inherit;
}
.naac-img-02{
    position: inherit;
}
.dvvclarifi-col{
    position: inherit !important;
}
.naacimg-06{
    position: inherit !important;
}

.naacimg-05{
    position: inherit !important;
}
.naacssr-imgs{
    text-align: center;
}
.dvvclarifi-imgs{
    text-align: center;
    margin-top: 20px;
}
    .naac-img-02{
        margin-top: -50px;
    }
    .naacimg-05{
        margin-top: -50px;
          }
          .certificate-container {
    margin-top: 50px;
}
}
@media(max-width:765px){
    .naac-img-01{
        width: 150px !important;

    }
      .naac-img-02{
         width: 150px !important;
        
    }
      .naac-img-03{
         width: 150px !important;
        
    }
      .naacimg-04{
         width: 150px !important;
        
    }
      .naacimg-05{
         width: 150px !important;
         margin-top: -50px;
        
    }
      .naacimg-06{
         width: 150px !important;
        
    }
        .dvvclarifi-col::before {
            display: none !important;
            background-image: none !important;
}
}

@media (max-width:576px) {
    .dvv-clarification h2,.otherdeatls-container h2{
        font-size: 25px;
        line-height: normal;
    }
    .dvv-clarification h6{
        font-size: 16px;
    }
    .dvv-clarification p,.ourvis-mis p{
        font-size: 14px;
        line-height: 26px;
    }
    .naac-ssr h2 {
    font-size: 30px;
    line-height: 46px;
}

.naac-ssr p {
    font-size: 15px;
    line-height: 26px;
}
    .naac-ssr span {
    font-size: 15px;
    line-height: 26px;
}
.certificate-container h2 {
    font-size: 30px;
    line-height: 46px;
}
.dvv-clarification {
    margin-top: 50px !important;
}
}

@media (max-width:350px) {
    .naacimg-04,.naac-img-01{
        width: 130px !important;
    }
     .dvv-clarification h2,.ourvis-mis h5,.otherdeatls-container h2{
        font-size: 20px;
        line-height: normal;
    }
        .naac-ssr h2 {
    font-size: 25px;
    line-height: 35px;
}

.certificate-container h2 {
    font-size: 25px;
    line-height: 35px;
}
}






/* naac pages ends */


/* examination page starts */

.exam-container{
    background-color: #F2F6FA !important;

}
.e-reform{
    position: relative;
}
.e-reform::after{
        content: "";
    position: absolute;
    left: 68%;
    top: 30%;
    display: block;
    width: 150px;
    height: 150px;
    /* margin: 0 auto 20px; */
    background-image: url('../images/examination/examination-01.svg');
    background-repeat: no-repeat;
    background-size: 100px;
    animation: upDown 3s ease-in-out infinite;
    /* background-position: -60px; */
}
.e-regulation{
    position: relative;
}
.e-regulation::after{
        content: "";
    position: absolute;
    left: 64%;
    top: 30%;
    display: block;
    width: 150px;
    height: 150px;
    /* margin: 0 auto 20px; */
    background-image: url('../images/examination/examination-03.html.svg');
    background-repeat: no-repeat;
    background-size: 100px;
    animation: upDown 3s ease-in-out infinite;
}
.e-regulation1{
    position: relative;
}
.e-regulation1::after{
        content: "";
    position: absolute;
    left: 64%;
    top: 30%;
    display: block;
    width: 150px;
    height: 150px;
    /* margin: 0 auto 20px; */
    background-image: url('../images/examination/examination-02.svg');
    background-repeat: no-repeat;
    background-size: 100px;
    animation: upDown 3s ease-in-out infinite;
}

@media(max-width:992px){
    .e-reform::after{
    content: "";
    position: absolute;
    left: 64%;
    margin-top: 20px;
    top: 10%;
    display: block;
    width: 150px;
    height: 100px;
    /* margin: 0 auto 20px; */
    background-image: url('../images/examination/examination-01.svg');
    background-repeat: no-repeat;
    /* background-position: -60px; */
}
.e-regulation::after{
     content: "";
    position: absolute;
    left: 64%;
    margin-top: 20px;
    top: 10%;
    display: block;
    width: 150px;
    height: 100px;
    /* margin: 0 auto 20px; */
     background-image: url('../images/examination/examination-03.html.svg');
    background-repeat: no-repeat;
    /* background-position: -60px; */
}
.e-regulation1::after{
     content: "";
    position: absolute;
    left: 64%;
    margin-top: 20px;
    top: 10%;
    display: block;
    width: 150px;
    height: 100px;
    /* margin: 0 auto 20px; */
     background-image: url('../images/examination/examination-02.svg');
    background-repeat: no-repeat;
    /* background-position: -60px; */
}
}

@media(max-width:765px){
    .e-reform::after{
    content: "";
    position: absolute;
    left: 74%;
    margin-top: 20px;
    top: 50%;
    display: block;
    width: 150px;
    height: 100px;
    /* margin: 0 auto 20px; */
    background-image: url('../images/examination/examination-01.svg');
    background-repeat: no-repeat;
    /* background-position: -60px; */
}
.e-regulation::after{
    content: "";
    position: absolute;
    left: 74%;
    margin-top: 20px;
    top: 50%;
    display: block;
    width: 150px;
    height: 100px;
    /* margin: 0 auto 20px; */
    background-image: url('../images/examination/examination-03.html.svg');
    background-repeat: no-repeat;
    /* background-position: -60px; */
}
.e-regulation1::after{
    content: "";
    position: absolute;
    left: 74%;
    margin-top: 20px;
    top: 50%;
    display: block;
    width: 150px;
    height: 100px;
    /* margin: 0 auto 20px; */
    background-image: url('../images/examination/examination-03.html.svg');
    background-repeat: no-repeat;
    /* background-position: -60px; */
}
}
@media(max-width:590px){
.e-reform::after{
    display: none !important;
    background-image: none !important;
}
.e-regulation::after{
    display: none !important;
    background-image: none !important;
}
.e-regulation1::after{
    display: none !important;
    background-image: none !important;
}
}


/* examination pages ends */



/* naac ssr page starts */

.naac-table td{
    text-align: start !important;
}
.naac-tablebox h6{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
text-transform: uppercase;
color: #165C98;
}
.rd-head{
    font-family:RedditSans !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-size: 22px !important;
    line-height: 23px !important;
    text-transform: uppercase !important;
    color: #165C98 !important;
}
.ece-tableb0x h6{
    padding-top: 10px !important;
}
.naac-tablebox h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 38px;
color: #000000;
}
.research-h{
    font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 20px !important;
line-height: 38px;
color: #000000;
}

.naac-tablebox a{
font-family:RedditSans;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 26px;
text-align: right;
text-transform: uppercase;
color: #165C98;
}


.composition-container{
    margin-top: 100px;
}

/* naac ssr page ends */


/* about-iqac page start */

.benefit-iqac{
    margin-bottom: 150px;
}


.abt-iqacc{
    position: relative;
}
.abt-iqacc::after{
    content: "";
    position: absolute;
    left: 64%;
    top: 30%;
    display: block;
    width: 150px;
    height: 150px;
    /* margin: 0 auto 20px; */
    background-image: url('../images/iqac/abt-iqac-highlight.svg');
    background-repeat: no-repeat;
    background-size: 100px;


}
.compo-highlight{
    position: relative;
}
.compo-highlight::after{
    content: "";
    position: absolute;
    left: 64%;
    top: 30%;
    display: block;
    width: 150px;
    height: 150px;
    /* margin: 0 auto 20px; */
    background-image: url('../images/composition/composition-highlight.svg');
    background-repeat: no-repeat;
    background-size: 100px;


}
.minutes-highlight{
    position: relative;
}
.minutes-highlight::after{
    content: "";
    position: absolute;
    left: 64%;
    top: 30%;
    display: block;
    width: 200px;
    height: 200px;
    /* margin: 0 auto 20px; */
    background-image: url('../images/composition/meeting-highlight.svg');
    background-repeat: no-repeat;
    background-size: 100px;
    
}

@media (max-width:1400px) {
    .research-counter-box p{
        font-size: 13px !important;
    }
}


@media(max-width:1199px){
    .abt-iqacc::after{
    left: 64%;
    top: 40%;
}
 .compo-highlight::after{
    left: 64%;
    top: 40%;
}
 .minutes-highlight::after{
    left: 64%;
    top: 40%;
}

}

@media(max-width:992px){
    .abt-iqacc::after{
    left: 84%;
    top: 40%;
}
.compo-highlight::after{
    left: 84%;
    top: 40%;
}
 .minutes-highlight::after{
    left: 84%;
    top: 40%;
}
.benefit-iqac{
    margin-bottom:0;
}
}

@media(max-width:769px){
    .abt-iqacc::after{
    left: 64% !important;
    top: 45%;
}
.compo-highlight::after{
    left: 64% !important;
    top: 45%;
}
.minutes-highlight::after{
    left: 64% !important;
    top: 45%;
}
}

@media(max-width:587px){
    .naac-tablebox h2 {
    font-size: 18px;
    line-height: 28px;
}
.table-intake td {
    font-size: 12px !important;
    line-height: 18px;
}
}
@media(max-width:500px){
    .abt-iqacc::after{
    display: none !important;
    background-image: none !important;
}
 .compo-highlight::after{
    display: none !important;
    background-image: none !important;
}
 .minutes-highlight::after{
    display: none !important;
    background-image: none !important;
}
}


/* about-iqac page end */



/* blog detail page starts */

.blogdetail-list li{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #FFFFFF;
}

.blogdetai-col1 h2{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 38px;
color: #000000;
margin-top: 30px;
}
.blogdetai-col1 p{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
text-align: justify;
}

.category-box{
background: #F9F9F9;
padding: 30px;
/* width: fit-content !important; */
}
.popular-box{
background: #F9F9F9;
padding: 30px;
margin-top: 30px    ;
/* width: fit-content !important; */
}
.category-box h6{
font-family:RedditSans;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 42px;
text-transform: uppercase;
color: #000000;
}
.category-box li{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 33px;
color: #909090;
transition: all 0.5s ease-in-out;
cursor: default;
}
.popular-box h6{
    font-family:RedditSans;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 42px;
text-transform: uppercase;
color: #000000;


}
.popular-box li{
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 33px;
color: #909090;
transition: all 0.5s ease-in-out;
cursor: default;

}



.category-box li:hover{
    color:  #E67A0F;
    text-decoration: underline;
}
.popular-box li:hover{
     color:  #E67A0F;
    text-decoration: underline;
}


/* comment section */

.comment-box {
  padding: 20px;
  border-radius: 10px;
}
.comment-box h5{
font-family:RedditSans;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 26px;
color: #0D0D0D;
}
.comment-input {
  border-radius: 10px;
  padding: 15px;
  background-color: #f5f5f5;
}

.comment-input,
textarea::placeholder {
font-family:RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #848484;
}

.fa-icons,
.fa-iconss {
  color: #6B6B6B !important;
}

.comment-input textarea {
  background-color: #f5f5f5;
}

.comment-input textarea:hover,
.comment-input textarea:active,
.comment-input textarea:focus {
  background-color: #f5f5f5 !important;
}


.comment-actions i {
  cursor: pointer;
  margin-right: 10px;
}

.comment-actions .count {
  margin-right: 15px;
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
color: #848484;
}

.comment {
  margin-bottom: 20px;
}

.comment .meta {
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #848484;
}

.comment .reply {
  margin-left: 50px;
  margin-top: 15px;
}

.comment-toolbar i {
  margin-right: 10px;
  cursor: pointer;
}

.submit-btn {
  background: #E67A0F;
  color: #FFFFFF;
  border: none;
  padding: 6px 18px;
  border-radius: 8px;
}

.badge-count {
  background: #E67A0F;
  color: #FFFFFF;
  border-radius: 30px;
  padding: 4px 10px;
  font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 21px;
margin-left: 5px;
}

.authorname {
font-family: RedditSans;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 21px;
color: #000000;
}


.blog-detail-list a{
    margin-left: 20px !important;
    margin-top: 20px;
}
.media-icons{
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #D1D1D1;
  border-radius: 50%; /* Makes it a circle */
  text-align: center;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center !important;
  justify-content: center !important;
  transition: 0.3s;
  font-size: 18px;
  padding: 10px;
}

.media-icons:hover{
  color: white;
  background-color: #165C98;
}

.media-icons-c{
  color: #165C98;
  background-color: #FFF5F2;
  border-radius: 50%; /* Makes it a circle */
  text-align: center;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center !important;
    justify-content: center !important;
    transition: 0.3s;
    font-size: 18px;
    padding: 10px;
}
.media-icons-c:hover{
  color: white;
  background-color: #000000 !important;
}

@media(max-width:1399px) {
  .comments {
    font-size: 18px !important;
  }

  .authorname {
    font-size: 14px !important;
  }

  .author-comment {
    font-size: 14px !important;
  }
}



@media(max-width:500px) {

  .comment-toolbar i {
    margin-right: 0 !important;
    cursor: pointer;
  }
  .comment-input {
    font-size: 13px;
  }
}


/* blog detail page end */



/* help desk page starts */



.helpdesk-address li a{
    color: #000 !important;
}
.helpdesk-table a{
    text-transform: lowercase !important;
    color: #000000 !important;
    font-weight: 400 !important;

}

.contactt-details{
    margin-top: 200px;
}


.contact01-row{
    background: #F7F7F7;
    padding: 20px;
}
.contact02-row{
    padding: 20px;
}
.contact03-row{
    background: #F7F7F7;
    padding: 20px;
}

    .helpline-section {
      background-color: #F7F7F7;
      border-radius: 8px;
      padding: 30px 10px;
      margin-top: 20px;
      /* text-align: center !important; */
      display: flex;
      justify-content: center;
    }
    .helpline-title {
      margin-bottom: 15px;
    }
    .helpline-contact span {
      margin-right: 10px;
      color: #333;
    }
    .divider {
      border-left: 1px solid #dee2e6;
    }
     .padding-reduce p {
    margin-top: 0;
    margin-bottom: 0.4rem !important;
}
    .helpdesk-col{
        position: relative;
    }
    .helpdesk-col::before{
    content: "";
    position: absolute;
    left: -15%;
    top: 90%;
    display: block;
    width: 150px;
    height: 150px;
    background-image: url('../images/help-desk/help-desk-highlight.svg');
    background-repeat: no-repeat;
    background-size: 100px;
    animation: upDown 3s ease-in-out infinite;
    }
            /* .seperate-imgbox{
        position: relative;
    }
    .seperate-imgbox::before{
         content: "";
    position: absolute;
    left: -15%;
    top: 90%;
    display: block;
    width: 150px;
    height: 150px;
    background-image: url('../images/help-desk/help-desk-highlight.svg');
    background-repeat: no-repeat;
    background-size: 100px;
    animation: upDown 3s ease-in-out infinite;

    } */
.helpdesk-address h6 {
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 46px;
color: #000000;
}
.helpdesk-address p {
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.helpdesk-address li {
font-family: RedditSans;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.helpdesk-address span {
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.contact01-row li{
font-family: RedditSans;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.individual-list{
font-family: RedditSans !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 26px !important;
color: #000000 !important;

}
.contact01-row span{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;

}
.admission-off h6{
font-family: RedditSans;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #000000;
}
.sasi{
font-family: RedditSans !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 24px !important;
color: #000000 !important;
}
.contact02-row li{
font-family: RedditSans;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.contact02-row span{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;

}
.contact03-row li{
font-family: RedditSans;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.contact03-row span{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.composition-container h6{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 38px;
color: #000000;
}
.clg-header h4{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 26px;
line-height: 38px;
color: #000000;
}
.clg-header p{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #000000;
}
.helpline-section h6{
font-family: RedditSans;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 38px;
color: #165C98;
}
.helpline-section p{
font-family: RedditSans;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #000000;
}

    @media(max-width:992px){
    .seperate-imgbox::before{
        display: none !important;
        background-image: none !important;
    /* content: "";
    position: absolute;
    left: 10%;
    top: 70%;
    display: block;
    width: 150px;
    height: 150px;
    background-image: url('../images/help-desk/help-desk-highlight.svg');
    background-repeat: no-repeat;
    background-size: 100px; */
    }
        .helpdesk-col::before{
   display: none !important;
   background-image: none !important;
    }
    .contactt-details{
    margin-top: 20px;
}
    }

    @media(max-width:380px){
        .helpdesk-address h6 {
    font-size: 22px;
}
.clg-header h4 {
    font-size: 22px;
    line-height: 38px;
}
    }



/* helpdesk page end */


.picture-staff{
    max-width: 80% !important;
    height: 80px;
}
.linkspecific-style td a{
    font-family: RedditSans;
font-style: normal !important;
font-weight: 600 !important;
font-size: 17px !important;
line-height: 38px !important;
color: #165C98 !important;
}
@media(max-width:992px){
    .picture-staff{
    max-width: 80% !important;
    height: auto !important;
}
}







/* contact us page start */



.form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}

.form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.form-group label {
  margin-bottom: 5px;
  font-weight: 600;
}
.contact-detail{
    display: flex;
    align-items: start;
    gap: 15px;
}
.contact-detail img{
    padding-top: 5px;
}

.contact-detail p{
    margin-bottom: 0px !important;
}
.contact-social-media{
    display: flex;
    gap: 15px;
    align-items: center;
}
.contact-social-media p{
    margin-bottom: 0px !important;
}
.contact-form-left h3{
    font-family: RedditSans;
    font-weight: 700;
    font-size: 18px;
}
.contact-form-left p{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 14px;
}
.contact-detail{
    margin-bottom: 10px;
}
.contact-detail p{
    font-family: RedditSans;
    font-weight: 700;
    font-size: 14px;
}
.contact-addrs{
    font-family: RedditSans;
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 24px;
}
.direction-sec{
    margin: 10px 0px;
}
.direction-sec a{
    font-family: RedditSans;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
.contact-social-media{
    margin-top: 20px;
    margin-bottom: 40px;
}
.contact-bottom-img {
    position: relative;
}
.contactus-icon-1{
    position: absolute;
    top: -20%;
    right: 10%;
    width: 40%;
}
.contactus-icon-2{
    position: absolute;
    left: -15%;
    top: -5%;
}
.contactus-icon-3{
   left: -40px;
   position: relative;
}
.con-details{
    display: flex;
    flex-direction: column;
}
.contact-nums{
    color: #000000 !important;
    font-family: RedditSans;
    font-weight: 700;
    font-size: 14px;
}
.contact-nums:hover{
    color: #00427B !important;
}


/* form */
.contact-form-right h1{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 36px;
}
.contact-form-right p{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 16px;
}
.form-lable{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 14px;
}
.form-lable span{
        --bs-text-opacity: 1;
        color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.form-type{
    border: 1px solid #D0D0D0 !important;
    border-radius: 5px !important;
    height: 44px;
    padding: 0px 15px;
}
.form-type::placeholder{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 14px;
    color: #909090;
}
.form-select{
    font-family: RedditSans !important;
    font-weight: 400 !important;
    font-size: 14px;
    height: 44px;
}
.form-type-2{
    border: 1px solid #D0D0D0 !important;
    border-radius: 5px !important;
    padding: 15px 15px;
}
.form-type-2::placeholder{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 14px;
    color: #909090;
}
.small-txt{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 14px;
    color: #909090;
    margin-top: 10px;
}

.custom-checkbox input[type="checkbox"] {
  display: none;
}


.custom-checkbox {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  user-select: none;
  font-size: 14px;
}

.custom-checkbox span.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #E67A0F; 
  border: 2px solid #E67A0F;
  border-radius: 4px;
}

.custom-checkbox input:checked + .checkmark::after {
  content: "";
  position: absolute;
  left: 6px;
  width: 6px;
  height: 12px;
  border: 1px solid white; 
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.contact-btn{
    width: 140px !important;
    height: 43px !important;
    border-radius: 5px !important;
    background-color: #E67A0F !important;
    border: none !important;
    font-family: RedditSans !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #FFFFFF !important;
    margin-top: 20px !important;
}
.checkbox-group{
    margin: 10px 0px !important;
}
.form-select:focus {
    border: none !important;
    outline: 0;
    box-shadow: none !important;
}
input:focus-visible{
       outline: 0px !important;
}
.faqs-section .p1{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 18px;
    color: #165C98;
    text-transform: uppercase;
    margin-bottom: 20px !important;
}
.faqs-section h2{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 36px;
}
.faqs-section p{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 40px !important;
}
.faq-btn{
    padding: 10px 20px !important;
    background-color: #E67A0F;
    color: #FFFFFF;
    font-family: RedditSans;
    font-weight: 400;
    font-size: 15px;
    border-radius: 5px !important;
}

/* faq */

.faq-button{
    font-family: RedditSans !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #000000 !important;
    border-bottom: 1px solid #E5E5E5;
}
.faq-button:not(.collapsed){
    color: #E67A0F !important; 
}
.accordion-button:not(.collapsed){
    background: none !important;
}
.faq-main-content{
    font-family: RedditSans !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    text-align: justify;
}
.accordion-item {
    border: none !important;
}
.accordion-button::after {
    content: '';
    background-image: url("../images/contact/faq-icon2.png") !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-left: auto;
    transition: all 0.3s ease;
}
.accordion-button:not(.collapsed)::after {
   background-image: url("../images/contact/faq-icon.png") !important;
}
.accordion-button:focus {
    box-shadow: none !important;
}
.faq-container-2{
    margin-top: 70px !important;
}
.contact-head{
    margin-top: 25px !important;
}
.contact-container{
    padding: 100px 40px 0px 40px !important;
}

.contact-sm:hover{
    filter: brightness(0) saturate(100%) invert(65%) sepia(97%) saturate(588%) hue-rotate(358deg) brightness(100%) contrast(105%);
}

.contact-detail p:hover{
    color:#165C98;
}


@media (max-width:992px) {
    .contactus-icon-2,.contactus-icon-1{
        width: 40%;
    }
    .contactus-icon-1{
        right: 0;
        top: -19%;
    }
    .faq-btn{
        display: inline-block;
        margin-bottom: 20px;
    }
    .contact-btn{
        margin-bottom: 20px;
    }
}


@media (max-width:576px) {
    .form-row{
        flex-wrap: wrap;
    }
    .form-group{
        flex: auto;
    }
    .faqs-section h2,.contact-form-right h1{
        font-size: 20px;
    }
    .faq-button:not(.collapsed) ,.faq-main-content,.faq-button{
        font-size: 14px !important;
    }

}
 @media(max-width:350px){
        .contact-btn{
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }
    }








/* contact us page end */



/* admission page start */




.breadcrumb-item-2 a{
    color: #000000 !important;
}

.video-thumbnail {
      position: relative;
      cursor: pointer;
    }
    .video-thumbnail img {
      width: 100%;
      height: auto;
    }
    .play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 87px;
      height: 64px;
      background: url('../images/admission/youtube-icon.svg') no-repeat center center;
      border-radius: 20px;
      background-size: cover;
    }
    .student-name {
        font-family: RedditSans;
        font-weight: 600;
        font-size: 22px;
        /* padding: 5px 0px; */
    }
    .dept {
        font-family: RedditSans;
        font-weight: 400;
        font-size: 16px;
        text-align: justify;
    }
    .apply-now .admission-heading-1{
        font-family: RedditSans;
        font-weight: 400;
        font-size: 18px;
        text-transform: uppercase;
        color: #165C98 !important;
    }
    .admission-now-container{
        padding-bottom: 60px !important;
        padding-top: 60px !important;
    }
    .admission-now{
        position: relative;
    }
    .youtube-video-container{
        background-color: #F2F6FA !important;
        padding: 70px 0px 100px 0px!important;
    }
    
.adsmission-animation-img{
    position: absolute;
    right: -90px;
   bottom: -209px !important;
}


@media (min-width:1400px) {
    .youtube-head{
        padding: 0% 20%;
    }
    .admission-now{
        padding-right: 100px !important;
    }
}

@media (max-width:992px) {
   .adsmission-animation-img{
    display: none;
   } 
}

/* admission page end */


/* alumini */



.alumni-tab-sec{
    padding-top: 70px;
}


.banner-section-2{
    background-image: url(../images/alumini/alumini-home-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-img{

    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0.6;
}
.alumini-head{
    margin-top: 70px !important;
    padding: 0% 25%;
    margin-bottom: 50px !important;
}
.alumini-img{
    padding: 0% 15%;
    margin-bottom: 70px !important;
}

.alumini-admission-heading-1{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 36px;
    color: #ffffff;
}
.alumini-admission-heading-2{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 30px !important;
}
.alumini-admission{
    background-color: #165C98;
    padding-top: 25px;
    /* padding-bottom: 50px; */
}
.alumini-admission-heading{
    display: flex !important;
    
    align-items: center !important;
}

.alumni-future{
    position: relative;
}

.alumni-wave{
    position: absolute;
    top: 25%;
    left: -16%;
}



@media (max-width:992px) {
    .alumni-wave{
        position: static;
        padding-top: 40px;
    }
    .alumini-head{
        padding: 0;
    }
    .play-button{
        width: 15%;
        height: 30%;
    }
}

@media (max-width:576px) {
    .student-name{
        font-size: 18px;
    }
    .dept,.alumini-admission-heading-2{
        font-size: 14px;
    }
    .alumini-admission-heading-1{
        font-size:20px;
    }
    .program-form h3{
        font-size: 20px;
        line-height: normal;
    }
}









/* alumni page end */


/* lms pages */


/* login */


.login-head{
    background-image: url(../images/login/login-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    box-sizing: border-box;
}
.login-form{
    display: flex !important;
    align-items: end !important;
    padding-top: 150px !important;
    padding-bottom: 100px !important;
}
.login-logo{
    display: flex !important;
    padding-left: 0px !important;
    gap: 50px !important;
    padding-top: 30px !important;
}
.login-logo li{
    list-style: none !important;
   
}
.login-head-1{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 36px;
    color: #ffffff;
}
.login-head-2{
    font-family: RedditSans;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
}
.login-form-1{
    border-radius: 0px !important;
}
.login{
    padding-right: 15% !important;
}
.breadcrumb-item-3 a{
    color: #D0D0D0 !important;
}
.form-sub-lable{
    font-family: RedditSans;
    font-weight: 400;
    font-size: 12px;
    color: #909090;
}





@media (max-width:992px) {

    .lms-login-form{
        padding-top: 40px !important;
    }
}



@media (max-width:500px) {
.login-logo img{
    width: 100%;
}
.login-head-1{
    font-size: 20px;
}
.login-head-2{
    font-size: 16px;
}
}



/* lms end   */





/* eoa page */
.eoa-container{
    background-color: #F2F6FA;
}
.eoa-container .col-lg-4{
    padding-top: 20px;
}




/* responsive container */



@media (min-width: 576px) {
    .container{
        max-width: 540px !important;
    }
} 


@media (min-width: 768px) {
    .container{
        max-width: 720px !important;
    }
} 


@media (min-width: 992px) {
    .container{
        max-width: 930px !important;
    }
     .sec-navbar-container{
        max-width: 1140px !important;
    }
} 


@media (min-width: 1200px) {
    .container {
        max-width: 1100px !important;
    }
    .sec-navbar-container {
        max-width: 1255px !important;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1260px !important;
    }
    .sec-navbar-container{
        max-width: 1350px !important;
    }

}


/* animation section */
    .scroll-up {
      position: fixed;
      bottom: 20px;
      right: 30px;
      z-index: 99;
      display: none;
      width: 40px;
      height: 40px;
      background-color: black;
      color: white;
      border: none;
      border-radius: 50%;
      font-size: 24px;
      cursor: pointer;
    }
.scroll-up:hover {
  background-color: #333;
}

.sec-animate-arrow{
    transition: transform 0.5s ease-in-out;
}

.sec-animate-btn:hover  .sec-animate-arrow{
    transform: translateX(5px);
}


.animate-wave{
     animation: upDown 3s ease-in-out infinite;
}

@keyframes upDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-20px); }  
  100% { transform: translateY(0);}
}

/* image hover animation */

.hover-image-container {
    overflow: hidden;
}

.sec-hover-image {
  transition: transform 0.3s ease-in-out;
}

.sec-hover-image:hover {
  transform:scale(1.1);
}

@media(max-width:1399px){
.award-img{
width: 500px !important;
}
}
@media(max-width:1199px){
.award-img{
width: 450px !important;
}
}















/* new one */

.animation-content {
  overflow: hidden;
  transition: transform 0.3s ease;
}

.animation-content img.animation-img-hover {
  transition: transform 0.5s ease;
}

.animation-content:hover img.animation-img-hover {
  transform: scale(1.1); /* Zooms the image */
}
/* Fullscreen white overlay */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: white;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* Spinner style */
.spinner {
  width: 60px;
  height: 60px;
  border: 6px solid #ddd;
  border-top-color: #007bff; /* Use your theme color */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}





.iqacurricular-container{
    margin-top: 200px;
}
.academic-container{
    margin-top: 100px !important;
}

@media(max-width:992px){
    .iqacurricular-container{
    margin-top: 50px;
}
}



.input-error {
  border: 1px solid red !important;
}

.error-message {
    font-size: 11px;
    color: #FF0000;
    font-weight: 400;
}

.sec-black-para-2{
    font-size: 18px !important;
    font-weight: 500 !important;
}

.place-image{
    width: 350px !important;
    height: 380px !important;

}

.placement-faq:not(.collapsed){
    background-color: #165C98 !important;
    color: #ffffff !important;

}
.placement-faq{
    background-color: #165C98 !important;
    color: #ffffff !important;
    margin-bottom: 10px !important;

}

.responsive-table-1 thead{
    background-color:lightgray !important;
}

.responsive-table-1 th{
    color: #095D87 !important;
}


.research-facility-img{
    width: 124px;
    height: 100px;
}

.placement-testimonial .owl-item img{
    width: 350px !important;
}
.place-arrow img{
       padding: 17px 21px !important;
}


.placement-modal{
    background: rgba(60, 58, 58, 0.992);
}
.placement-modal-content{
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.placement-modal-content .btn-close{
    --bs-btn-close-color:white !important;
}

.site-map-section{
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.sitemap-heading{
    font-family: RedditSans;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 30px !important;
}
.sitemap-sub-heading{
    margin-bottom: 15px !important;
}
.sitemap-sub-heading a{
    font-family: RedditSans;
    font-weight: 700;
    font-size: 18px;
    color: #165C98 !important;
}
.site-map-section ul li a{
    color: #000 !important;
}
.site-map-section ul li {
    margin-bottom: 12px !important;
    list-style: none !important;
}



@media (min-width:1300px) {
   .nss-img-2{
    right: -60px !important;
}
}


@media (min-width:1400px) {
   .nss-img-2{
    right: 20px !important;
}
}







@media (max-width:576px) {
    .sec-black-para-2{
        font-size: 14px !important;
    }
    
}

.feedcard{
    width: 30%;
    text-align: center !important;
}
.feedrow{
    display: flex !important;
    justify-content: center !important;
}
.pdf-img-1{
    width: 75px;
    height: 75px;
    margin: 15px 0px !important;
}

@media (max-width:750px) {
   .feedrow{
    flex-direction: column !important;
    justify-content: center !important;
    
}
.feedcard{
    width: 100%;
    margin-bottom: 20px !important;
}
    
}