/* Font Family */

@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

.lato-regular fw-bold {

    font-family: "Spectral", serif;

    font-weight: 700;

    font-style: normal;

}

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

.lato-regular {

    font-family: "Lato", sans-serif;

    font-weight: 400;

    font-style: normal;

}

#our-institutions , #qr-section {
      scroll-margin-top: 200px;
    }



/* Root */

.bg-2A6CAA{

    background: #2A6CAA;

}



.bg-eff1f4{

    background: #eff1f4;

}



.bg-282727{

    background: #282727;

}



.bg-232323{

    background: #232323;

}



.bg-1f1f20{

    background: #1f1f20;

}


.bg-2A6CAA {
    background-color: #2A6CAA !important;
}


.bg-000066{

    background: #000066 !important;

}



.bg-ffd11a{

    background: #ffd11a !important;

}



.bg-efc315{

    background: #efc315 !important;

}



.bg-3b5998 {

    background-color: #3b5998 !important;

}



.bg-e1306c {

    background-color: #e1306c !important;

}



.bg-363636{

    background: #363636;

}



.bg-f1f6fd{

    background: #f1f6fd;

}



.bg-dee2e6{

    background: #dee2e6;

}



.bg-dbdbdb{

    background: #dbdbdb;

}


.bg-000066 {
    background-color: #000066 !important;
}

.bg-color-000066 {
    background-color: #000066 !important;
}

.border-color-000066 {
    border: 1px solid #000066 !important;
}



.text-f2f2f2{

    color: #f2f2f2;

}



.bg-f0f0f0{

    background: #f0f0f0;

}



.bg-042c64{

    background: #042c64;

}



.bg-25d366{

    background: #25d366 !important;

}



.border-bottom-F2F2F2 {

    border-bottom: 1px solid #F2F2F2 !important;

}



.fs-10px{

    font-size: 10px;

}



.fs-12px{

    font-size: 12px !important;

}



.fs-14px{

    font-size: 14px !important;

}



.fs-1-8rem{

    font-size: 1.8rem;

}



.h-60px{

    height: 60px;

}


.h-40px{

    height: 40px;

}



.h-15px{

    height: 15px;

}



.h-20px{

    height: 25px;

}



.w-20px{

    width: 25px;

}



.h-40px{

    height: 40px;

}



.h-60vh {

    height: 60vh !important;

}



.w-20px {

    width: 20px !important;

}



.width-25px{

    width: 25px !important;

    aspect-ratio: 1;

}



.width-5px{

    width: 5px !important;

}



.text-666666{

    color: #666666;

}



.text-000066{

    color: #000066;

}



.text-1A1A75{

    color: #1A1A75;

}



.comma-img{

    height: 40px;

}



.carousel-indicators{

    position: relative;

    top: 25px;

    z-index: 0;

}



.table-responsive{
    scrollbar-width: none;
}




/* Social Icons */

.h-100vh{

    height: 100vh;

}

.yellow-fixed-social-section{

    width: 45px;

}

.social-menu {

    position: fixed;

    bottom: 9rem;

    right: 5rem;

}



@media screen and (max-width : 576px) {

    .social-menu {

        right: 4rem;

    }

}



.social-menu-img{

    height: 70px;

    width: 70px !important;

}



.menu-item, .social-menu-open-button {

    text-decoration: none;

    border-radius: 100%;

    width: 55px;

    height: 55px;

    position: absolute;

    display: flex;

    justify-content: center;

    align-items: center;

    transform: translate3d(0, 0, 0);

    transition: transform ease-out 200ms;

    transition: transform ease-out 200ms;

    text-align: center;

    color: white;

}

.social-menu-open {

    display: none;

}

.line {

    width: 25px;

    height: 3px;

    background: #596778;

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -12.5px;

    margin-top: -1.5px;

    transition: transform 200ms;

    transition: transform 200ms;

}

.social-menu-open-button {

    z-index: 2;

    cursor: pointer;

}

.social-menu-open:checked+.social-menu-open-button {

    transition-timing-function: linear;

    transition-duration: 200ms;

    transform: translate3d(0, 0, 0);

}

.social-menu-open:checked~.menu-item {

    transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);

}

.social-menu-open:checked~.menu-item:nth-child(3) {

    transition-duration: 180ms;

    transform: translate3d(0, -70px, 0);

}

.social-menu-open:checked~.menu-item:nth-child(4) {

    transition-duration: 280ms;

    transform: translate3d(-60px, 35px, 0);

}

.social-menu-open:checked~.menu-item:nth-child(5) {

    transition-duration: 380ms;

    transform: translate3d(-60px, -30px, 0);

}

.social-menu-open:checked~.menu-item:nth-child(6) {

    transition-duration: 480ms;

    transform: translate3d(0, 70px, 0);

}

.call-icon {

    background-color: #0077b5;

}

.twitter {

    background-color: #1da1f2;

}

@media screen and (max-width : 576px) {

    .yellow-fixed-social-section{

        width: 35px;

    }

}

.white-space-nowrap{

    white-space: nowrap;

}

.rotate-90deg{

    transform: rotate(-90deg);

}

.r-0{

    right: 0;

}



/* Social Icons */

@media screen and (max-width : 576px) {

    .enquiry-now-fs{

        font-size: 14px !important;

    }

}



/* Top Section */

.pointer{

    cursor: pointer;

}

@media only screen and (min-width : 515px) {

    .header-logo-text{

        display: block !important;

    }

}



@media only screen and (max-width : 992px) {

    .mobile-top-section{

        z-index: 4 !important;

    }

}



.tick-image{

    height: 15px !important;

}







.top-section-horizontal-line{

    height: 1px;

    background: #ffd11a;

}



.institute-dropdown-button:hover,.institute-dropdown-button:active{

    background: #ffd11a;

    color: black;

    border: none;

    border-radius: 5px;

}



.dropdown-menu .dropdown-menu {

    left: 100%;

    top: 0rem;

    margin-left: 0.1rem;

    margin-top: -0.5rem;

    display: none; /* Hide initially */

}



.LifeSBCET-dropdown {

    top: 2.8rem !important;

    left: -50% !important;

}



.web-dropdown-menu {

    position: absolute;

    top: 3rem !important;

    left: auto !important;

}



.institution-dropdown{

    /* width: 340px; */

    left: -12rem !important;

    top: 1.8rem !important;

}



.club-dropdown{

    left: -10rem !important;

    top: -0.05rem !important;

}



.department-dropdown{

    /* left: 15rem !important; */

    top: -0.05rem !important;

}



.department-dropdown-ai{

    top: -0.05rem !important;

}



.department-dropdown-mobile{

    font-size: 12px;

}



#nav-searchbar-input:focus-visible,

.desktop-searchbar-input {

    border: none !important;

    outline: none !important;

}



#nav-searchbar-input::placeholder,

.desktop-searchbar-input::placeholder {

    color: white;

}



.navbar-nav .dropdown-item.active, .navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover {

    background: #282727;

}



.department-dropdown-list .dropdown-menu[data-bs-popper] {

    left: auto;

}



@media (min-width: 768px) {

    #sidebar {

        transform: none !important;

        position: relative !important;

    }

}



@media (max-width: 992px) {

    .LifeSBCET-dropdown {

        top: 0 !important;

        left: -1% !important;

        /* height: 200px; */

    }



    /* .department-dropdown {

        position: static !important;

        inset: none !important;

        transform: none !important;

    } */

    

    .web-dropdown-menu {

        position: absolute;

        top: 0 !important;

        left: -1% !important;

    }

    

    .club-dropdown{

        left: -10rem !important;

    }



    .department-dropdown{

        left: 10% !important;

    }



    .institution-dropdown{

        /* width: 260px; */

        left: 0 !important;

        top: auto !important;

        transform: none !important;

    }

}



/* Blog */

/* .blog-cards{

} */

 

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

    height: fit-content !important;

}

.blog-cards .overflow-y-scroll{

    height: 180px !important;

    scrollbar-width: none;

}



/* Testimonials */

.testimonials-card .card-body{

    height: 300px !important;

}



@media only screen and (max-width: 991px){

    .testimonials-card .card-body{

        height: 325px !important;

    }   

} 





/* home-page */



.accordion-button::after {

    content: "";

    background-image: url('../image/caret-down.svg') !important;

    flex-shrink: 0;

    width: 20px !important;

    height: 20px !important;

    margin-left: auto !important;

    background-repeat: no-repeat;

    background-size: 10px !important;

}





/* Banner */

.home-page-carousel-images{

    height: 600px !important;

}



@media only screen and (max-width : 576px) {

    .home-page-carousel-images{

        height: 500px !important;

    }

}



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

    height: 100% !important;

    width: fit-content !important;

}



.state-dropdown-menu{

    height: 200px;

    scrollbar-width: none;

}



.carousel-indicators button {

    width: 30px;

    height: 3px;

    background-color: #ccc;

    border: none;

    opacity: 0.5;

    transition: opacity 0.3s ease;

}



.carousel-indicators button.active {

    background-color: #747272;

    opacity: 1;

}



/* Notice Section */

.notice-cards{

    height: 440px;

}

@media only screen and (min-width:768px) and (max-width:992px){

    .notice-cards{

        height: 250px !important;

    }

}

.notice-cards-body{

    scrollbar-width: none;

}

/* Campus Life */

.campus-life-image{

    height: 350px;

}



/* Placement Partners */

.placement-header {

    text-align: center;

    padding: 10px 0;

    color: #1a237e;

    font-size: 32px;

    font-weight: 600;

}



.marquee-track {

    display: flex;

    width: fit-content;

    animation: scroll 20000ms linear infinite;

    animation-play-state: running;

}



/* Reverse direction for bottom marquee */

.marquee-track.reverse {

    animation-direction: reverse;

}



/* Content styling */

.marquee-content {

    gap: 9px;

    padding: 0px 9px;

}



/* Logo image styling */

.marquee-content img {

    height: 100px;

    border-radius: 8px;

    box-shadow: 0 2px 5px rgba(255, 255, 255, 0.2);

    object-fit: contain;

    flex-shrink: 0;

}



/* Smooth animation */

@keyframes scroll {

    0% {

        transform: translateX(0);

    }

    100% {

        transform: translateX(-33.33%);

    }

}



/* Responsive adjustments */

@media (max-width: 768px) {

    .marquee-content {

        gap: 24px;

    }

    .marquee-content img {

        height: 100px;

    }

    .marquee-track {

        animation-duration: 20000ms;

    }

}



@media (max-width: 480px) {

    .marquee-content {

        gap: 10px;

    }

    .marquee-content img {

        height: 50px;

    }

    .marquee-track {

        animation-duration: 15000ms;

    }

}



/* Ensure smooth animation */

.marquee-track {

    will-change: transform;

    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    transform: translateZ(0);

    -webkit-transform: translateZ(0);

}





/* Virtual Campus */



.image-container iframe {

    width: 100%;

    border: 8px solid white;

}

.gallery-button {

    cursor: pointer;

}

.image-container iframe {

    height: 500px;

}



/* Building Future */

.px-custom{

    padding: calc(var(--bs-gutter-x)* .5);

}



/* Labs */

/* Gallery */

.lab-gallery-images{

    height: 250px;

    width: 100%;

}





/* Footer */

.footer-bottom{

    padding-top: 8rem;

}



.footer-top{

    bottom: -60px; 

    z-index: 1;

}



.footer-top-img{

    bottom: -16px;

}



@media only screen and (min-width: 380px) and (max-width: 573px) {

    .footer-links{

        width: 50%;

    }

}



/* About Page */



/* Banner */

.ph-no-span-width{

    width: 90px;

}

.table {

    border-collapse: separate;

    border-spacing: 0;

}

.table th, .table td {

    /* padding: 15px; */

    border: 1px solid rgba(255, 255, 255, 0.2);

}

.rounded-top-start-4{

    border-top-left-radius: 16px;

}

.rounded-bottom-start-4{

    border-bottom-left-radius: 16px;

}

.rounded-top-end-4{

    border-top-right-radius: 16px;

}

.rounded-bottom-end-4{

    border-bottom-right-radius: 16px;

}





/* Contact Us */

@media screen and (min-width : 992px) {

    .contact-form-blue-section{

        border-radius: 1.4rem 0 0 1.4rem;

    }

    .contact-form-yellow-section{

        border-radius: 0 1.4rem 1.4rem 0;

    }

}

@media screen and (max-width : 992px) {

    .contact-form-blue-section{

        border-radius: 1.4rem 1.4rem 0 0;

    }

    .contact-form-yellow-section{

        border-radius: 0 0 1.4rem 1.4rem;

    }

}



/* Examination */

.outer-border {

    border: 2px solid #dee2e6;

    border-collapse: separate;

    border-spacing: 0;

}

.outer-border th, .outer-border td {

    border: none;

    border-bottom: 1px solid #dee2e6; 

}

.outer-border thead th{

    border-bottom: none;

}

.outer-border tbody tr:last-child td{

    border-bottom: none;

}

.outer-border tbody tr:last-child th{

    border-bottom: none; 

}





/* Department */



/* Faculty Cards */

@media screen and (min-width : 450px) and (max-width : 576px) {
    .faculty-cards-col{
        width: 50% !important;
    }
}

/* .faculty-cards > img{

    height: 10rem !important;

} */

@media screen and (min-width : 450px) {

    .faculty-cards{

        width: 18rem;

    }

    .faculty-cards > img{

        height: 15rem !important;

    }

}



/* M-Tech */

.department-notice-cards{

    height: 370px;

    scrollbar-width: none;

}

.department-notice-page, .examination-page-table{

    height:700px;

    scrollbar-width: none;

}





/* Training & Placement Page */

.placement-department-notice-cards {

    height: 18rem;

    scrollbar-width: none;

}

.bg-1a1a75 {

    background: #1a1a75;

}

.placement-mail-brochure-btn:hover,

.placement-mail-brochure-btn:active {

    background: #ffd11a;

}



/* our placement activity */

.company-logo {

    height: 89px;

    overflow: hidden; 

}

.company-logo img {

    object-fit: cover; 

}



/* Online Grievance */

.online-grievance{

    .divider {

        display: flex;

        align-items: center;

    }

    .form-control:focus{

    box-shadow: none !important;

    border-color: none !important

    }

    .divider::before,

    .divider::after {

        content: "";

        flex: 1;

        border-bottom: 1px solid #cfcbcb;

        margin: 0 10px;

    }

}

/* Examination */

.photo-galleries-tabs-section .photo-galleries-tabs-container {

    border: 1px solid #d2d2d2;

}

.photo-galleries-nav .nav-link.active {

    background-color: #000066 !important;

    color: #ffffff !important;

    font-weight: 500 !important;

    border-radius: 30px !important;

}



.photo-galleries-tabs-slider {

    overflow-x: auto;

    white-space: nowrap;

}

.portfolio-tabs-container {

    display: flex !important;

    flex-wrap: nowrap !important;

}



.portfolio-tabs-slider::-webkit-scrollbar {

    display: none;

}



.portfolio-tabs-container::-webkit-scrollbar {

    display: none;

}



@media (max-width: 992px) {

    .portfolio-tabs-container {

        justify-content: flex-start;

    }

}





/* Banners */



.about-page-banner {

    background-image: url('../image/about-page/banner.png');

}

.admission-enquiry-banner {

    background-image: url('../image/admission-enquiry/banner.png');

}

.contact-banner {

    background-image: url('../image/contact/banner.png');

}

.examination-banner {

    background-image: url('../image/examination/banner.png');

}

.online-grievance-banner {

    background-image: url('../image/online-grievance/banner.png');

}

.training-placement-page-banner {

    background-image: url('../image/training-placement-cell/banner.png');

}


/* CSE Department */    

.cse-home-nav .nav-item .active:active, .cse-home-nav .nav-item .active:focus,
.mca-home-nav .nav-item .active:active, .mca-home-nav .nav-item .active:focus{

    border-bottom: 2px solid #000066 !important;

}

.cse-home-nav .nav-item,
.mca-home-nav .nav-item {

    height: fit-content;

}

.cse-home-nav .nav-link.active,
.mca-home-nav .nav-link.active {
    
    background-color: #ffffff !important;
    
    color: #000000 !important;
    
    font-weight: 500 !important;
    
    border-bottom: 2px solid #000000;
    
    border-radius: 0;
}



.cse-home-tabs-slider {

    overflow-x: auto;

    white-space: nowrap;

}


/* Department */

.main-page-banner{
    
    background-image: url('../image/banner-main-page.jpg');

}


.ai-department-banner {

    background-image: url('../image/department/ai/banner.png');

}

.applied-science-banner {

    background-image: url('../image/department/applied-science/banner.png');

}

.ce-department-banner{

    background-image: url('../image/department/ce/banner.png');

}

.cse-department-banner{

    background-image: url('../image/department/cse/banner.png');

}

.ee-department-banner{

    background-image: url('../image/department/ee/banner.png');

}

.me-department-banner{

    background-image: url('../image/department/me/banner.png');   

}

.cse-mtech-banner{

    background-image: url('../image/department/m-tech/cse-banner.png');

}

.ps-mtech-banner{

    background-image: url('../image/department/m-tech/ps-banner.png');

}

.pe-mtech-banner{

    background-image: url('../image/department/m-tech/pe-banner.png');

}

.mca-banner{

    background-image: url('../image/department/mca/banner.png');

}



/* Sub */

.transportation-banner{

    background-image: url('../image/transpotation/banner.png');

}

.sports-banner{

    background-image: url('../image/sports/banner.png');

}

.social-activity-club-banner{

    background-image: url('../image/social-activity-club/banner.png');

}

.rhythm-club-banner{

    background-image: url('../image/rhythm-club/banner.png');

}

.photo-galleries-banner{

    background-image: url('../image/photo-galleries/banner.png');

}

.our-facilitator-banner{

    background-image: url('../image/our-facilitator/banner.png');

}

.library-banner{

    background-image: url('../image/library/banner.png');

}

.innovation-club-banner{

    background-image: url('../image/innovation-club/banner.png');

}

.hostel-banner{

    background-image: url('../image/hostel/banner.png');

}

.gym-banner{

    background-image: url('../image/gym/banner.png');

}

.manthan-banner{

    background-image: url('../image/manthan/banner.png');

}

.blog-1-banner{

    background-image: url('../image/blogs/blog-1-banner.png');

}

.blog-2-banner{

    background-image: url('../image/blogs/blog-2-banner.png');

}

.blog-3-banner{

    background-image: url('../image/blogs/blog-3-banner.png');

}

.blog-4-banner{

    background-image: url('../image/blogs/blog-4-banner.png');

}

.blog-5-banner{

    background-image: url('../image/blogs/blog-5-banner.png');

}

.blog-6-banner{

    background-image: url('../image/blogs/blog-6-banner.png');

}






.main-page-banner{

    background-size: 100% 100%;

    height: 600px;

}



@media only screen and (max-width : 567px) {
    .main-page-banner{
    
        background: none;

        background-image: url('../image/bannar-carousel-mobile-1.png');
        background-size: 100% 100% !important;
    
    }
}
@media only screen and (max-width : 992px) {

    .main-page-banner{
        
        background-size: cover !important;
        
        background-position: right;
        
        height: 500px !important;
        
    }
   
    .me-department-faculty-banner, .gym-banner, .admission-enquiry-banner, .ai-department-banner, .me-department-banner, .photo-galleries-banner{
        background-position: center !important;
    }

    .about-page-banner, .training-placement-page-banner , .contact-banner  {

        background-size: cover;

        background-position: center;

        height: 350px !important;

    }

}

/* 

@media only screen and (min-width : 576px) and (max-width : 992px) {

    .training-placement-page-banner, .examination-banner, .online-grievance-banner, .admission-enquiry-banner, .contact-banner, .ai-department-banner, .cse-department-banner, .cse-department-faculty-banner, .cse-department-labs-banner, .cse-department-notice-banner, .cse-department-study-notes-banner, .ce-department-banner, .ce-department-faculty-banner, .ce-department-labs-banner, .ee-department-banner, .ee-department-faculty-banner, .ee-department-labs-banner, .me-department-banner, .me-department-faculty-banner, .me-department-labs-banner,.applied-science-banner , .mca-banner, .mca-faculty-banner, .mca-labs-banner, .mca-notice-banner, .mca-study-notes-banner, .cse-mtech-banner, .ps-mtech-banner, .pe-mtech-banner, .blog-1-banner, .blog-2-banner, .blog-3-banner, .blog-4-banner, .blog-5-banner, .blog-6-banner ,.innovation-club-banner, .rhythm-club-banner, .social-activity-club-banner, .manthan-banner, .gym-banner, .hostel-banner, .library-banner, .our-facilitator-banner, .transportation-banner, .photo-galleries-banner, .sports-banner {

        background-size: cover;

        background-position: center;

        height: 350px !important;

    }

    .about-page-banner{

        background-size: cover;

        background-position: center;

        height: 350px !important;

    }

} */



/* online grievance form css */

.divider {

    display: flex;

    align-items: center;

}



.divider::before,

.divider::after {

    content: "";

    flex: 1;

    border-bottom: 1px solid #cfcbcb;

    margin: 0 10px;

}



/* offcanvas css for mobile */

.btn-close {

    --bs-btn-close-bg: url("../image/cross.svg");

}



/* form css */

.input-group input:focus,.form-control:focus, .input-group textarea:focus{

    border: 1px solid #dee2e6 !important;

    box-shadow: none !important;

}

.input-group input,.form-control:focus, .dropdown-menu:focus .input-group textarea{

    color: black;

}


.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #4f5d70;
}