/* Body styling */
body {
    overflow-x: hidden; /* Prevents overflow from going outside the body */
}

.logo {
    width: 80%; /* Adjust as needed */
    height: auto; /* Adjust as needed */
    background: white;
    padding: 5px;
    border-radius: 5px; /* Circular logo */
}

.name {
    font-family: fantasy;
    font-weight: normal;
    font-size: 2.8em;
    color: #000;
    letter-spacing: 1px;
    padding-top: 20px;
}

.naac-logo {
    width: 80%; /* Adjust as needed */
    height: auto;
    background: white;
    border-radius: 5px;
    padding: 5px;
}

@media (max-width: 768px) {
    header {
        display: none; /* Hide the header on small screens */
    }
}


/* Navigation Bar */
/* Full CSS for Responsive and Centered Navigation */

/* Navigation Bar */
/* Navigation Bar */
.navbar {
    padding: 0;
    position: sticky;
    z-index: 1000;
    top: 0;
    background: #368215;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* Flexbox for nav items */
.navbar-nav {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
}

    .navbar-nav li {
        margin: 0 6px; /* Space between nav items reduced */
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        font-weight: 600;
        color: white;
        transition: color 0.3s ease;
        cursor: pointer;
        padding: 1rem .5rem;
    }

    .navbar-nav .nav-item:hover .nav-link {
        color: #f8e447;
    }

/* Dropdown Menu */
.dropdown-menu {
    margin-top: 0;
    border-radius: 0;
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    position: absolute;
    left: 0;
    z-index: 1;
}

.dropdown-item {
    text-align: left;
    font-size: 13px;
    transition-duration: 0.3s;
}

    .dropdown-item:hover {
        background-color: #f8e447;
        color: #000;
    }

/* Submenus */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: 1px;
        transform: translateX(0);
        display: none;
        opacity: 0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: opacity 0.3s ease, transform 0.3s ease;
        position: absolute;
        z-index: 1;
    }

    .dropdown:hover > .dropdown-menu,
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }

/* Toggle icon for smaller screens */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Dropdown arrow */
.dropdown-toggle::after {
    margin-left: .255em;
    vertical-align: .2em;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
}

/* Media queries for responsiveness */

/* For screens larger than 1200px (PC screens) */
@media (min-width: 1200px) {
    .navbar-nav .nav-item .nav-link {
        font-size: 16px;
    }
}

/* For laptop screens (min-width: 992px and max-width: 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav .nav-item .nav-link {
        font-size: 15px; /* Font size for laptops */
        padding: 2px 5px; /* Padding reduced further for laptops */
    }

    .navbar-nav li {
        margin: 0 4px; /* Margin between nav items reduced */
    }
}

/* For tablet screens (max-width: 991px) */
@media (max-width: 991px) {
    .navbar-nav {
        flex-direction: column;
    }

        .navbar-nav .nav-item {
            text-align: center;
        }

    .dropdown-menu {
        position: relative;
        left: 0;
        display: none;
    }

    .dropdown-submenu .dropdown-menu {
        left: 0;
        margin-left: 0;
        top: 100%;
        display: none;
    }

    .dropdown-menu.show {
        display: block;
    }

    .dropdown-submenu .dropdown-menu.show {
        display: block;
    }
}

/* For small screens (max-width: 768px) */
@media (max-width: 768px) {
    .navbar-nav {
        flex-direction: column;
    }

        .navbar-nav .nav-item {
            text-align: center;
        }

    .dropdown-menu {
        position: relative;
        left: 0;
        display: none;
    }

    .dropdown-submenu .dropdown-menu {
        left: 0;
        margin-left: 0;
        top: 100%;
        display: none;
    }

    .dropdown-menu.show {
        display: block;
    }

    .dropdown-submenu .dropdown-menu.show {
        display: block;
    }
}


/* Scroll button styles */
.scroll-up-btn {
    position: fixed;
    bottom: 0px;
    right: 30px;
    opacity: 1;
    background-color: #fae54a;
    color: #000;
    border: none;
    border-radius: 0;
    padding: 0px;
    cursor: pointer;
    font-size: 24px;
    display: none;
    transition: opacity 0.3s ease-in-out;
    z-index: 1000;
    height: 40px;
    width: 45px;
    text-align: center;
}

    /* Show the button */
    .scroll-up-btn.show {
        display: block;
    }

/*Footer*/
/* Footer Styles */
.custom-footer {
    background: #1e102c;
    color: #a9a9a9; /* Light text */
    padding-top: 40px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

    .custom-footer h5 {
        font-size: 18px;
        color: #f8e752; /* Light purple for headings */
        margin-bottom: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .custom-footer ul {
        list-style: none;
        padding: 0;
    }

        .custom-footer ul li {
            margin-bottom: 10px;
        }

            .custom-footer ul li a {
                color: #a9a9a9;
                text-decoration: none;
                font-size: 15px;
                transition-duration: 0.6s;
            }

                .custom-footer ul li a:hover {
                    color: white;
                    font-size: 15px;
                }

    .custom-footer address {
        line-height: 1.8;
        font-style: normal;
    }

    .custom-footer iframe {
        border: none;
    }

.social {
    font-size: 20px;
    color: white;
    transition-duration: 0.5s;
}

    .social:hover {
        font-size: 18px;
        color: yellow;
    }

.footer-bottom {
    padding: 20px 0;
    border-top: 1px solid #7f8c8d;
    margin-top: 40px;
}

    .footer-bottom p {
        margin: 0;
        font-size: 14px;
        color: #a9a9a9;
    }

/* Developer logo */
.developer-logo {
    max-width: 100px; /* Maximum width set to 100px */
    height: auto; /* Automatically adjust height to keep aspect ratio */
    margin-left: 10px;
    vertical-align: middle;
}

/* Centering footer content */
.footer-bottom .col-md-6 {
    display: flex;
    justify-content: center; /* Centers the content horizontally */
}

/* Responsive design adjustments */
@media (max-width: 767px) {
    .footer-bottom .col-md-6 {
        justify-content: center; /* Adjust for smaller screens */
    }

    .developer-logo {
        display: block;
        margin: 10px auto 0; /* Center logo on mobile */
    }
}



/* Carousel Inner Container */
.carousel-inner {
    max-height: 550px;
}

/* Carousel Images */
.carousel-item img {
    max-height: 550px;
    object-fit: cover;
}

/* Caption Styling */
.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 8px;
}

    .carousel-caption h5,
    .carousel-caption p {
        color: #fff;
    }

/* Previous & Next Buttons */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 10px;
}

/* Hiding captions on small screens */
@media (max-width: 576px) {
    .carousel-caption {
        display: none;
    }
}

/* Adjust caption position based on screen size */
@media (min-width: 576px) and (max-width: 768px) {
    .carousel-caption {
        bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .carousel-caption {
        bottom: 30px;
    }
}

@media (min-width: 992px) {
    .carousel-caption {
        bottom: 40px;
    }
}




/*Announcements*/
.mark {
    background: #ffebeb;
    text-align: center;
    padding: 10px 0px;
}

    .mark h3 {
        color: #358215;
        font-family: 'News706 BT';
    }
.anc {
    color:black;
    transition-duration:0.5s;
    text-decoration: none;
}

    .anc:hover {
        text-decoration:none;
        color: red;
    }

/*Principal Message Home*/
.principal-section {
    background-color: #f8f9fa;
    padding: 30px 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.princi {
    color: #368215;
    font-weight:bold;
    font-family: 'Tw Cen MT Cond...';
}

.principal-img {
    border: 5px solid #fec503;
    border-radius: 15px; /* Rounded corners for rectangle */
    max-width: 100%;
    height: auto;
}


.principal-title {
    color: #368215;
    font-weight: bold;
    font-size: 2rem;
    font-family: 'Tw Cen MT Cond...';
    margin-bottom: 15px;
}

.principal-text {
    color: #333;
    text-align:justify;
    font-size: 1.2rem;
    line-height: 1.6;
}
.btn-read-more {
    display: inline-block;
    padding: 10px 20px;
    background-color: #368215;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 25px;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 5px 15px rgba(158, 33, 29, 0.4);
    margin-top: 20px;
}

    .btn-read-more:hover {
        color: #f9e54d;
        background-color: #1e102c;
        transform: scale(1.05);
        text-decoration: none;
    }



 /*Notice Board, Press Release and Downloads*/
.main-container {
    padding: 40px 15px;
    max-width: 1200px; /* Centering the container */
    margin: auto;
}

.flex-row {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping on small screens */
    justify-content: space-between; /* Space between columns */
}

.card-section {
    flex: 1;
    min-height: 400px; /* Ensure equal height for sections */
    max-height: 400px; /* Set a fixed height */
    background: #e6ffdc;
    border: 2px solid #358114;
    border-radius: 5px;
    padding: 20px;
    margin: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s; /* Smooth hover effect */
    display: flex;
    flex-direction: column; /* Allow content to stack vertically */
    justify-content: space-between; /* Distribute content evenly */
}




    .card-section:hover {
        transform: scale(1.02); /* Slight zoom on hover */
    }

.scroll-area {
    height: 300px; /* Adjust height for uniform content scrolling */
    overflow: hidden;
    position: relative;
}

.notification {
    padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    transition: transform 0.3s, box-shadow 0.3s;
}

    .notification:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    }

.notice-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.notice-date {
    font-size: 14px;
    color: #368215;
    font-weight: bold;
}

/* Professional Downloads Section */
.download-area {
    background-color: #e6ffdc;
    border: 2px solid #3f8820; /* Light border for a clean, corporate feel */
    border-radius: 10px;
    padding: 20px;
    transition: transform 0.3s, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .download-area:hover {
        transform: translateY(-5px); /* Slight lift effect */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Deeper shadow on hover */
    }

    .download-area ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .download-area li {
        margin-bottom: 15px; /* Space between list items for better readability */
    }

    .download-area a {
        display: block;
        width:100%;
        padding: 6px 12px;
        background-color: #7be250; /* Corporate green color */
        color: black !important;
        text-decoration: none;
        border-radius: 6px;
        font-size: 15px;
        font-weight: normal; /* Lighter weight for a more formal appearance */
        text-align: center;
        transition: background-color 0.3s ease, transform 0.3s ease;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Soft shadow to make it stand out */
    }

        .download-area a:hover {
            text-decoration: none !important;
            color:white !important;
            background-color: #89751c; /* Darker shade on hover */
            transform: translateY(-3px); /* Lift effect on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* More prominent shadow on hover */
        }

        .download-area a:active {
            transform: translateY(1px); /* Subtle press effect */
        }

.view-more-btn {
    display: block;
    width: 100%;
    background-color: #368215; /* Green color */
    color: #ffffff;
    padding: 12px 0;
    border: none;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    border-radius: 6px;
    margin-top: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

    .view-more-btn:hover {
        background-color: #f5e144;
        border: 2px solid #3f8820;
        color: black;
        transform: translateY(-3px); /* Lift effect on hover */
    }

    .view-more-btn:active {
        transform: translateY(1px); /* Pressed effect */
    }

/* Remove any unnecessary decoration */
.view-more-btn, .download-area a {
    text-decoration: none;
}

/* Responsive Adjustments for Smaller Screens */
@media (max-width: 768px) {
    .download-area {
        padding: 15px;
    }

        .download-area a {
            font-size: 14px; /* Smaller font on mobile */
            padding: 10px 15px; /* Adjust padding for mobile */
        }

    .view-more-btn {
        font-size: 14px; /* Consistent button font size on mobile */
        padding: 10px 0;
    }
}


.card-section img {
    width: 100%;
    height: auto;
    border-radius: 5px; /* Rounded corners for images */
    margin-bottom: 10px;
}

.card-section h3 {
    font-size: 20px;
    border-radius: 5px;
    background: #368215;
    margin-bottom: 15px;
    color: #ffffff; /* Primary color */
    padding: 5px 10px;
}

.card-section h5 {
    font-size: 16px;
    margin-top: 5px;
    font-weight: bold;
    color: #368215;
}

.card-section a {
    display: inline-block;
    margin-top: 5px;
    color: #3a2968;
    text-decoration: none;
    font-weight: bold;
}

    .card-section a:hover {
        text-decoration: underline;
    }

.divider {
    border: 1px dashed #f0f0f0;
    margin: 10px 0;
}

.section-header {
    font-size: 24px;
    margin-bottom: 15px;
}


/* Equal height for all sections */
.card-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Ensures equal height for all sections */
}

/* Media Queries for better responsiveness */
@media (max-width: 768px) {
    .flex-row {
        flex-direction: column; /* Stack sections on small screens */
    }

    .section-header {
        font-size: 16px; /* Smaller font size on smaller screens */
    }

    .scroll-area {
        height: 250px;
    }

    .card-section {
        min-height: 350px;
        max-height: 350px;
    }
}

@media (max-width: 576px) {
    .section-header {
        font-size: 18px; /* Even smaller font size for extra small screens */
    }
    .card-section {
        min-height: 300px;
        max-height: 300px;
    }

    .scroll-area {
        height: 200px; /* Further reduced height for extra small screens */
    }
}


/*About College*/
/* Custom Styles for the About Section */
#about-college {
    background: #ffebeb; /* Soft gradient background */
    padding: 60px 0;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Subtle shadow for the section */
}

    #about-college .about-image img {
        border-radius: 15px;
        transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for hover effect */
    }

        #about-college .about-image img:hover {
            transform: scale(1.05); /* Slight zoom on hover */
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); /* Elevated shadow on hover */
        }

    #about-college .about-content {
        padding-left: 20px;
        animation: fadeInUp 1s ease both; /* Simple fade-in animation for content */
    }

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

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

#about-college .about-title {
    font-family: 'Tw Cen MT Cond...';
    font-weight: 700;
    color: #368215;
    margin-bottom: 20px;
    position: relative;
}

    /*#about-college .about-title::after {
        content: '';
        position: absolute;
        width: 50px;
        height: 3px;
        background-color: #c21003;*/ /* Accent color */
        /*left: 0;
        bottom: -10px;
    }*/

#about-college .about-paragraph {
    font-size: 1.1rem;
    line-height: 1.8;
    text-align:justify;
    color: #6c757d;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    #about-college {
        padding: 40px 0;
    }

        #about-college .about-content {
            padding-left: 0; /* Remove padding on small screens */
        }

        #about-college .about-title {
            font-size: 2.2rem;
        }

        #about-college .about-paragraph {
            font-size: 1rem;
        }
}

@media (max-width: 576px) {
    #about-college .row {
        text-align: center; /* Center-align content for smaller screens */
    }

    #about-college .about-image img {
        margin-bottom: 20px;
    }

    #about-college .about-title {
        font-size: 2rem;
    }

    #about-college .about-paragraph {
        font-size: 0.9rem;
    }
}

/*Upcoming Events*/
.wrapper {
    width: 100%;
    overflow: hidden;
}

.photobanner {
    position: relative;
    height: 233px;
    margin-bottom: 30px;
    display: flex;
    width: 100%;
}

    .photobanner img {
        margin: 0px 25px;
        border-radius:10px;
        box-shadow: 2px 2px 8px #8a8a8a;
    }

.photobanner {
    animation: bannermove 50s linear infinite alternate-reverse;
}

@keyframes bannermove {
    from {
        left: 0px;
    }

    to {
        left: -2700px;
    }
}


/* {
    margin: 0;
    padding: 0;
    border: 0
}

img {
    display: block;
    width: 100%;
    height: 100%
}*/
/**-------------- Start Slider ---------------**/
/*#slider {
    width: 100%;
    height: 400px;
    position: relative;
    margin: auto;
    padding: 100px 0
}

    #slider input {
        display: none
    }

    #slider .slides {
        position: absolute;
        width: 100%;
        height: auto;
    }

        #slider .slides .slide {
            width: 33.33333333%;
            height: auto;
            float: left;
            filter: alpha(opacity=70);*/ /* for IE */
            /*opacity: .7
        }

    #slider .arrow label {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 0;
        width: 100px;
        height: 45px;
        margin-top: -22.5px;
        text-align: center;
        display: none;
    }

    #slider .next-arrow label {
        right: 0;
        left: auto
    }

    #slider .arrow label:hover .thumb {
        -webkit-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-transition: transform .5s ease-in;
        transition: transform .5s ease-in
    }

    #slider .arrow label i {
        display: block;
        width: 40%;
        height: 45px;
        background-color: rgba(122,184,0,.8);
        color: #fff;
        line-height: 45px
    }

    #slider .arrow label .thumb {
        display: block;
        width: 60%;
        height: 45px
    }

    #slider .prev-arrow label i {
        float: left
    }

    #slider .prev-arrow label .thumb {
        float: right;
        -webkit-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
    }

    #slider .next-arrow label i {
        float: right
    }

    #slider .next-arrow label .thumb {
        float: left;
        -webkit-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        transform: rotateY(90deg);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
    }

#slide-1-radio:checked ~ .slides .slide:first-child {
    position: relative;
    z-index: 1;
    filter: alpha(opacity=100);*/ /* for IE */
    /*opacity: 1;
    -webkit-transform: translateX(100%) scale(1.2);
    -ms-transform: translateX(100%) scale(1.2);
    transform: translateX(100%) scale(1.2);
    -webkit-transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out
}

#slide-1-radio:checked ~ .slides .slide:nth-child(2) {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

#slide-1-radio:checked ~ .prev-arrow #prev-3-arrow,
#slide-1-radio:checked ~ .next-arrow #next-2-arrow {
    display: inline-block
}

#slide-2-radio:checked ~ .slides .slide:nth-child(2) {
    position: relative;
    z-index: 1;
    filter: alpha(opacity=100);*/ /* for IE */
    /*opacity: 1;
    -webkit-transform: translateX(0) scale(1.2);
    -ms-transform: translateX(0) scale(1.2);
    transform: translateX(0) scale(1.2);
    -webkit-transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out
}

#slide-2-radio:checked ~ .slides .slide:first-child {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

#slide-2-radio:checked ~ .prev-arrow #prev-1-arrow,
#slide-2-radio:checked ~ .next-arrow #next-3-arrow {
    display: inline-block
}

#slide-3-radio:checked ~ .slides .slide:last-child {
    position: relative;
    z-index: 1;
    filter: alpha(opacity=100);*/ /* for IE */
    /*opacity: 1;
    -webkit-transform: translateX(-100%) scale(1.2);
    -ms-transform: translateX(-100%) scale(1.2);
    transform: translateX(-100%) scale(1.2);
    -webkit-transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out
}

#slide-3-radio:checked ~ .slides .slide:nth-child(2) {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

#slide-3-radio:checked ~ .prev-arrow #prev-2-arrow,
#slide-3-radio:checked ~ .next-arrow #next-1-arrow {
    display: inline-block
}*/
/**-------------- End Slider ---------------**/

/**----------- Start Media ----------**/
/*@media screen and (max-width: 768px) {
    #slider {
        width: 100%;
        height: 175px
    }

        #slider .slides {
            height: 175px
        }

        #slider .arrow label {
            width: 80px
        }
}*/
/**----------- End Media ----------**/

/*College Activities*/
/* Main Slider Container */
/* Main Slider Container */
.act {
    max-width: 1200px;
    width: 95%;
}

/* Slider Wrapper */
.slider-wrapper {
    position: relative;
}

/* Slider Title */
.slider-title {
    font-weight: bold;
    font-family: 'Tw Cen MT Cond...';
    text-align: center;
    font-size: 30px;
    margin: 20px 0;
    color: #368215;
}

/* Slider Navigation Buttons */
.slider-wrapper .slide-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    opacity: 0.5;
    cursor: pointer;
    z-index: 10;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}

    .slider-wrapper .slide-button:hover {
        background: rgba(0, 0, 0, 0.9);
    }

#prev-slide {
    left: 0px;
}

#next-slide {
    right: 0px;
}

/* Image List (Keeps images in a single row) */
.slider-wrapper .image-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 18px;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    padding: 0;
    margin-bottom: 30px;
    white-space: nowrap;
}

    .slider-wrapper .image-list::-webkit-scrollbar {
        display: none;
    }

/* Individual Image Items */
.image-item {
    flex: 0 0 auto;
}

/* Image Container */
.image-container {
    position: relative;
    overflow: hidden;
}

    .image-container img {
        display: block;
        width: auto;
        height: auto;
    }

/* Image Title Overlay */
.image-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 5px;
    text-align: center;
    font-size: 14px;
}

/* Scrollbar */
.act .slider-scrollbar {
    height: 24px;
    width: 100%;
    display: flex;
    align-items: center;
}

/* Scrollbar Track */
.slider-scrollbar .scrollbar-track {
    background: #ccc;
    width: 100%;
    height: 2px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    position: relative;
}

.slider-scrollbar:hover .scrollbar-track {
    height: 4px;
}

/* Scrollbar Thumb */
.slider-scrollbar .scrollbar-thumb {
    position: absolute;
    background: #000;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    cursor: grab;
    border-radius: inherit;
}

    .slider-scrollbar .scrollbar-thumb:active {
        cursor: grabbing;
        height: 8px;
        top: -2px;
    }

    .slider-scrollbar .scrollbar-thumb::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -10px;
        bottom: -10px;
    }

/* Mobile & Tablet Adjustments */
@media only screen and (max-width: 1023px) {
    .slider-wrapper .slide-button {
        display: none !important;
    }

    .slider-wrapper .image-list {
        gap: 10px;
        margin-bottom: 15px;
        scroll-snap-type: x mandatory;
    }

    .slider-wrapper .image-item {
        width: 100%;
    }

    .slider-scrollbar .scrollbar-thumb {
        width: 20%;
    }
}




/*h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #343a40;
}

.carousel-caption h5 {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px;
    border-radius: 50%;
}

.carousel-inner img {
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}

.carousel-item {
    margin-bottom: 20px;
}

.carousel-indicators li {
    background-color: #343a40;
}*/


/*Our Stats*/
.statistics-section {
    text-align: center;
    padding: 50px;
    background-color: #f9f9f9;
}

.stats-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 20px;
}

.statistics_title {
    color: #368215;
    font-family: 'Tw Cen MT Cond...';
    font-weight: bold;
}

.stat-card {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 10px;
    flex: 1 1 200px; /* Responsive */
    transition: transform 0.3s;
}

    .stat-card:hover {
        transform: scale(1.05);
    }

h3 {
    font-size: 2.5rem;
    margin: 0;
}


/*Principal's Desk*/
/* Custom CSS for Principal's Desk page */



/*Inner header*/
/* Inner header */
.about-section {
    background-image: url('../images/inner_header.jpg');
    overflow-x: hidden !important;
    background-size: cover; /* Cover the entire section */
    background-position: center; /* Center the image */
    width: 100vw; /* Set width to full viewport width */
    min-height: 250px; /* Set a minimum height for larger screens */
    height: auto; /* Allow height to adjust based on content */
    display: flex; /* Use flexbox for alignment */
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center items horizontally */
    justify-content: center; /* Center items vertically */
    color: white; /* Change text color for contrast */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* Add a subtle shadow for readability */
    padding: 40px; /* Add padding around the content */
    position: relative; /* Position for absolute child elements */
    margin: 0 auto; /* Center the section */
}

.breadcrumb-list {
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    display: flex; /* Use flexbox for breadcrumb alignment */
    justify-content: center; /* Center the breadcrumb items */
    align-items: center; /* Center items vertically */
    font-size: 1.2em; /* Increase font size for better visibility */
    list-style-type: none; /* Remove the bullet points */
}

    .breadcrumb-list a {
        color: black; /* White color for breadcrumb links */
        text-decoration: none; /* Remove underline */
        font-weight: bold; /* Make links bold */
        padding: 0 10px; /* Add horizontal padding */
    }

        .breadcrumb-list a:hover {
            text-decoration: underline; /* Underline on hover for better UX */
        }

    .breadcrumb-list i {
        font-size: 1.2em; /* Adjust this value to increase or decrease the icon size */
        background-color: #f7e749;
        padding: 10px;
        border-radius: 10px;
        margin-right: 5px; /* Optional: Add some space between the icon and the link */
    }

h1 {
    margin: 10px 0 0; /* Remove default margin and add some space above */
    font-size: 2.5em; /* Set font size for the heading */
    text-align: center; /* Center the heading */
}

/* Optional: Add a subtle background color to the breadcrumb */
.breadcrumb-list::before {
    content: '';
    position: absolute;
    top: 20px; /* Adjust as needed */
    left: 50%; /* Center the background */
    transform: translateX(-50%);
    height: 1px; /* Height of the separator */
    width: 60%; /* Width of the separator */
    background: rgba(255, 255, 255, 0.5); /* White separator with transparency */
    z-index: -1; /* Place behind the breadcrumb */
}

/* Media queries for responsiveness */
@media (max-width: 1200px) {
    .about-section {
        min-height: 200px; /* Adjust minimum height for medium-large screens */
        padding: 30px; /* Decrease padding for medium-large screens */
    }

    h1 {
        font-size: 2.2em; /* Slightly adjust heading size for medium-large screens */
    }
}

@media (max-width: 768px) {
    .about-section {
        min-height: 150px; /* Adjust minimum height for smaller screens */
        padding: 20px; /* Decrease padding for smaller screens */
    }

    .breadcrumb-list {
        font-size: 1em; /* Decrease font size for smaller screens */
    }

    h1 {
        font-size: 2em; /* Adjust heading size for smaller screens */
    }
}

@media (max-width: 576px) {
    .about-section {
        min-height: 120px; /* Further adjust minimum height for very small screens */
        padding: 15px; /* Further decrease padding for very small screens */
    }

    .breadcrumb-list {
        font-size: 0.9em; /* Further decrease font size for very small screens */
    }

    h1 {
        font-size: 1.5em; /* Adjust heading size for very small screens */
    }
}



/*Vision, Goal and Mission*/
/* Vision, Goal, and Mission Section */
.vgm-section {
    background-color: #f9f9f9;
    padding: 60px 0;
}

.vgm-section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #368215;
    font-family: 'Tw Cen MT Cond...';
    margin-bottom: 20px;
    text-align: center;
}

.vgm-description {
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 15px;
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
}

.vgm-subtitle {
    font-size: 1.5rem;
    color: #6f4e08;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center;
}

.vgm-goal-list {
    list-style-type: disclosure-closed;
    padding-left: 0;
    font-size: 1rem;
    text-align: left;
}

    .vgm-goal-list li {
        padding: 10px 0;
        border-bottom: 1px solid #e0e0e0;
    }


/* Responsive styles */
@media (max-width: 768px) {
    .vgm-section-title {
        font-size: 2rem;
    }

    .vgm-description {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 0.95rem;
    }

    .vgm-subtitle {
        font-size: 1.25rem;
    }

    .vgm-goal-list li {
        padding: 8px 0;
    }
}

@media (max-width: 576px) {
    .vgm-section-title {
        font-size: 1.75rem;
    }

    .vgm-description {
        font-size: 0.9rem;
        padding-left: 3px;
        padding-right: 3px;
    }

    .vgm-subtitle {
        font-size: 1.2rem;
    }

    .vgm-goal-list li {
        font-size: 0.9rem;
        padding: 6px 0;
    }
}

/*Affiliation Stats*/
/* Affiliation Status Section */
.affiliation-section {
    background-color: #f8f9fa; /* Light background for contrast */
    padding: 50px 0; /* Vertical padding */
}

.section-title {
    font-size: 2.5em; /* Font size for the title */
    color: #343a40; /* Dark color for the title */
    margin-bottom: 30px; /* Space below the title */
}

.affiliation-content {
    background-color: white; /* White background for content area */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    padding: 30px; /* Padding inside content area */
    font-size: 1.2em; /* Font size for paragraphs */
    color: #495057; /* Dark text color */
}

    .affiliation-content p {
        margin-bottom: 20px; /* Space between paragraphs */
    }

    .affiliation-content strong {
        color: #6a4c19; /* Blue color for emphasized text */
    }

/* Responsive Adjustments */
@media (max-width: 576px) {
    .section-title {
        font-size: 2em; /* Smaller title size for mobile */
    }

    .affiliation-content {
        padding: 20px; /* Reduced padding for mobile */
    }

        .affiliation-content p {
            font-size: 1em; /* Smaller font size for mobile */
        }
}

@media (min-width: 992px) {
    .affiliation-content {
        padding: 40px; /* Increased padding for larger screens */
    }
}


/*Committees*/
.header-title {
    font-family: 'Playfair Display', serif;
    font-size: 2.5rem;
    color: #368215;
    font-family: 'Tw Cen MT Cond...';
    padding: 10px 0;
    font-weight:bold;
    position: relative;
    text-align: center;
}

    /*.header-title:before {
        content: '';
        width: 80px;
        height: 5px;
        background-color: #392167;
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
    }*/

.section-title {
    font-size: 25px !important;
    font-weight: bold;
    color: white !important;
    background-color: #368215;
    padding: 5px 15px;
    border-radius: 5px;
    margin-top: 30px;
}

.committee-box {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    transition: transform 0.3s;
}

    .committee-box:hover {
        transform: scale(1.02);
    }

.editor-subtitle {
    margin-top: 10px;
    font-weight: bold;
    font-size: 1.1em; /* Adjust size as needed */
}

.sub-committees-title {
    margin-top: 15px;
    font-weight: bold;
    font-size: 1.2em; /* Adjust size as needed */
}

.sub-committee-title {
    margin-top: 10px;
    font-weight: bold;
}

.section-title {
    font-size: 1.5em;
    margin-bottom: 15px;
    font-weight: bold;
}

.member-list {
    margin: 5px 0 15px 20px; /* Indentation for clarity */
    padding-left: 20px;
}

.sub-title {
    font-weight: bold;
    margin-top: 15px;
}

.convener {
    margin-bottom: 10px;
}

.member-list li {
    padding: 10px 0;
    list-style:none;
    position: relative;
    font-size: 1rem;
}

    /*.member-list li:before {
        content: '•';
        color: #368215;
        font-weight: bold;
        margin-right: 10px;
        position: absolute;
        left: -20px;
        top: 2px;
    }*/

    /* Hover effects */
    .member-list li:hover {
        background-color: #f0f8ff;
        padding-left: 15px;
        transition: background-color 0.3s, padding-left 0.3s;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .header-title {
        font-size: 2rem;
    }

    .section-title {
        font-size: 1.3rem;
    }

    .committee-box {
        padding: 15px;
    }
}

/*Scholarship Committees*/
.committee-wrapper {
    margin-top: 20px;
}

.committee-box {
    background-color: #f8f9fa; /* Light background for visibility */
    border: 1px solid #dee2e6; /* Border for card effect */
    border-radius: 0.5rem; /* Rounded corners */
    padding: 20px; /* Padding inside the box */
    flex: 1 1 300px; /* Flex-grow, flex-shrink, and a basis of 300px */
    margin: 10px; /* Margin around each box */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.members-list {
    list-style-type: none; /* Remove default bullet points */
    padding: 0; /* Remove default padding */
}

.members-list > li {
    margin-bottom: 10px; /* Space between list items */
}


/*PTA*/
.pt-page-title {
    color: #368215;
    font-family: 'Tw Cen MT Cond...';
    font-weight:bold;
    font-size: 2rem;
    text-align: center;
    margin: 20px 0;
}

.pt-section {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.pt-title {
    color: #7a601f;
    font-family: 'Tw Cen MT Cond...';
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 10px;
    border-bottom: 2px solid #7a601f;
    padding-bottom: 5px;
}

.pt-list {
    list-style-type: circle;
    padding: 0;
}

.pt-list-item {
    margin-bottom: 8px;
    font-size: 1.1rem;
}

@media (max-width: 768px) {
    .pt-page-title {
        font-size: 1.5rem;
    }

    .pt-title {
        font-size: 1.25rem;
    }
}


/*OSA/Alumni*/
.osa-container {
    padding: 30px 15px;
    background-color: #f9f9f9;
}

.osa-person-card {
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.osa-person-img {
    max-width: 150px;
    border-radius: 50%;
    margin-bottom: 15px;
    border: 3px solid #368215;
}

.osa-person-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
}

.osa-person-name {
    font-size: 1rem;
    color: #555;
}

@media (max-width: 768px) {
    .osa-person-card {
        margin-bottom: 20px;
    }
}


/*About Us*/
.college-overview {
    padding: 40px 20px;
    background-color: #f9f9f9;
}

.overview-container {
    max-width: 1200px;
    margin: 0 auto;
}

.overview-title {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: #368215;
    font-family: 'Tw Cen MT Cond...';
    margin-bottom: 30px;
}

.overview-content {
    background-color: #f1f1f1;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.overview-list {
    list-style-type: none;
    padding: 0;
    font-size: 1rem;
    line-height: 1.8;
    color: #000;
}

    .overview-list li {
        padding: 6px 0;
        border-bottom: 1px solid #ddd;
    }

        .overview-list li:last-child {
            border-bottom: none;
        }

/* Responsive Styles */
@media (max-width: 768px) {
    .overview-title {
        font-size: 1.5rem;
    }

    .overview-content {
        padding: 20px;
    }

    .overview-list {
        font-size: 0.9rem;
    }
}

@media (min-width: 769px) {
    .overview-title {
        font-size: 2.5rem;
    }

    .overview-list {
        font-size: 1.1rem;
    }
}


/*Facilities*/
/*Sports Facilities*/
.facility-icon {
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin-bottom: 10px;
}

.facility-item {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    text-align: center;
}

    .facility-item:hover {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
        transform: translateY(-5px);
    }

.facility-title {
    color: #333;
    font-weight: 600;
    font-size: 1.1rem;
}

.annual-meet {
    font-size: 1.6rem;
    font-weight: 600;
    color: #444;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.icon-green {
    color: #89751c; /* Green color */
    font-size: 3rem; /* Icon size */
    transition: color 0.3s ease;
}

    .icon-green:hover {
        color: #218838; /* Darker green on hover */
    }

/* Reduced height for the image */
.event-image {
    height: 300px; /* Set the height to a more appropriate value */
    object-fit: cover; /* Ensures the image covers the area while maintaining aspect ratio */
    width: 100%; /* Make the image responsive */
}
/* Responsive adjustments for smaller screens */
@media (max-width: 576px) {
    .event-image {
        height: 200px; /* Reduce height for small screens */
    }
}


/*Campus Images*/
.marquee-gallery {
    position: relative;
    overflow: hidden;
    background-color: #f9f9f9;
    text-align: center;
    padding: 40px 0;
}

    .marquee-gallery h2 {
        font-size: 34px;
        color: #368215;
        font-family: 'Tw Cen MT Cond...';
        font-weight:bold;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.marquee-content {
    display: inline-block;
    animation: marquee 30s linear infinite; /* Adjust duration for smoother scrolling */
}

    .marquee-content img {
        width: 300px; /* Set the desired width */
        height: 200px; /* Set a fixed height for uniformity */
        margin: 0 15px;
        border-radius: 10px; /* Keep a consistent border radius */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        object-fit: cover; /* Ensures the image covers the area without distortion */
        transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition for hover effect */
    }

/* Keyframes for marquee animation */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
    /* Adjust to accommodate duplicate images */
}

/* Hover Effect */
.marquee-content img:hover {
    transform: scale(1.05); /* Slightly enlarge the image */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
}

/* Pause on Hover */
.marquee:hover .marquee-content {
    animation-play-state: paused; /* Pause the animation when hovered */
}

/* Responsive Styles */
@media (max-width: 768px) {
    .marquee-content img {
        width: 200px; /* Adjust width for smaller screens */
        height: 150px; /* Adjust height for smaller screens */
    }
}

@media (max-width: 576px) {
    .marquee-gallery h2 {
        font-size: 28px;
    }

    .marquee-content img {
        width: 150px; /* Adjust width for extra small screens */
        height: 100px; /* Adjust height for extra small screens */
    }
}

/* Hostel Section */
.hostel-section {
    background-color: #f8f9fa; /* Light background for contrast */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Deeper shadow for modern look */
    padding: 40px; /* Increased padding for spaciousness */
}

    .hostel-section h2 {
        color: #368215;
        font-family: 'Tw Cen MT Cond...';
        font-weight: bold;
        font-size: 2.5rem; /* Larger title size */
    }

    .hostel-section h3 {
        color: #7a601f; /* Sub-title color */
        margin-top: 20px; /* Space above sub-titles */
        font-size: 1.8rem; /* Larger sub-title size */
    }

.facility-card, .rules-card {
    background-color: #fff; /* White background for cards */
    border-radius: 8px; /* Rounded corners for cards */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* Soft shadow for cards */
    padding: 20px; /* Padding inside cards */
    margin-bottom: 20px; /* Space between cards */
    height: 400px; /* Fixed height for uniformity */
}

/* Ensure that the content inside the cards can scroll if it overflows */
.facility-card, .rules-card {
    overflow-y: auto; /* Enable scrolling if content exceeds the fixed height */
}

.list-unstyled {
    padding-left: 0; /* Remove default padding */
}

    .list-unstyled li {
        margin-bottom: 10px; /* Space between list items */
        position: relative; /* Position for icons */
        padding-left: 25px; /* Space for icons */
    }

        .list-unstyled li i {
            position: absolute; /* Absolute positioning for icons */
            left: 0; /* Align left */
            color: #368215; /* Icon color */
        }

/* Responsive Adjustments */
@media (max-width: 767px) {
    .hostel-section {
        padding: 20px; /* Reduce padding on small screens */
    }

        .hostel-section h2 {
            font-size: 2rem; /* Smaller title size on mobile */
        }

        .hostel-section h3 {
            font-size: 1.5rem; /* Smaller sub-title size on mobile */
        }

    .facility-card, .rules-card {
        height: auto; /* Allow cards to expand if needed on smaller screens */
    }
}

/* College Image Section */
.college-image-section {
    width: 100%; /* Full width */
    background-color: #f8f9fa; /* Light background for contrast */
    padding: 40px 0; /* Add top and bottom padding for separation */
}


.image-container {
    width: 100%; /* Full width for the image container */
    height: 300px; /* Set a fixed height for the image */
    overflow: hidden; /* Hide overflow to maintain clean edges */
}

.college-image-section img {
    width: 100%; /* Make the image full width */
    height: 100%; /* Set the image height to fill the container */
    object-fit: cover; /* Cover the area while maintaining aspect ratio */
    object-position: center; /* Center the image */
    border-radius: 0; /* Remove rounded corners for full width */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Responsive Adjustments */
@media (max-width: 767px) {
    .college-image-section h2 {
        font-size: 2rem; /* Smaller title size on mobile */
    }

    .image-container {
        height: 200px; /* Adjust height for smaller screens */
    }
}

/*Library Section*/
/* Library Section */
.library-section {
    background-color: #f8f9fa; /* Light background for contrast */
    padding: 40px 0; /* Top and bottom padding */
}

    .library-section h2 {
        color: #368215;
        font-family: 'Tw Cen MT Cond...';
        font-weight: bold;
        font-size: 2.5rem; /* Title size */
    }

.library-content {
    padding-left: 20px; /* Space between image and text */
}

.library-description {
    text-align: justify; /* Justify text for better readability */
    color: #333; /* Text color */
    margin-bottom: 15px; /* Spacing between paragraphs */
}

.library-link {
    color: #0c6ab0; /* Link color */
    text-decoration: underline; /* Underline for links */
}

    .library-link:hover {
        color: #0056b3; /* Darker color on hover */
        text-decoration: none; /* Remove underline on hover */
    }

/* Image Styling */
.library-section img {
    width: 100%; /* Full width for image */
    height: auto; /* Automatic height to maintain aspect ratio */
    border-radius: 10px; /* Rounded corners for the image */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Responsive Adjustments */
@media (max-width: 767px) {
    .library-section h2 {
        font-size: 2rem; /* Smaller title size on mobile */
    }

    .library-content {
        padding-left: 0; /* Remove padding on mobile */
    }
}


/*Annual Reports*/
/* Report Section Styling */
.report-section {
    padding: 2rem 0;
    background-color: #f8f9fa; /* Light background for contrast */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Added background shadow */
    border-radius: 10px; /* Optional: add rounded corners */
}

/* Report Card Styling */
.report-card {
    transition: transform 0.2s ease-in-out;
    border: none;
    border-radius: 8px;
}

    .report-card:hover {
        transform: translateY(-5px);
    }

    .report-card .card-body {
        padding: 1.5rem;
    }

    .report-card .card-title {
        font-weight: 600;
        color: #368215;
    }

    .report-card .btn {
        background-color: #368215;
        color: #fff;
    }

        .report-card .btn:hover {
            background-color: #286110;
            color: #e0e0e0;
        }

/* Responsive Adjustments */
@media (max-width: 576px) {
    .report-card .card-title {
        font-size: 1.2rem;
    }

    .report-card .card-text {
        font-size: 0.9rem;
    }
}

/*OSA Section*/
/* OSA Section Styling */
.osa-section {
    padding: 2rem 0;
    background-color: #f4f7fa; /* Light background */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

/* Info Card Styling */
.info-card {
    transition: transform 0.2s ease-in-out;
    border: none;
    border-radius: 8px;
    overflow: hidden; /* Ensures image and card have rounded edges */
}

.executive-committee-title {
    color: #368215;
    font-family: 'Tw Cen MT Cond...';
    font-weight: 700;
    margin-bottom: 1.5rem;
}

    .info-card:hover {
        transform: translateY(-5px);
    }

    /* Responsive Image Styling */
    .info-card .card-img-top {
        width: 100%; /* Ensures the image fills the card width */
        height: auto; /* Allows height to adjust according to width */
        object-fit: cover; /* Crops the image to fill the specified area */
        object-position: center; /* Centers the image within the cropped area */
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Optional: subtle line to separate image from text */
    }

/* Responsive Layout Adjustments */
@media (max-width: 576px) { /* For small screens */
    .osa-section h2 {
        font-size: 1.5rem;
    }

    .osa-section p {
        font-size: 0.9rem;
    }

    .info-card .card-img-top {
        height: 150px; /* Smaller image height on small screens */
    }
}

@media (min-width: 1200px) { /* For larger screens */
    .osa-section h2 {
        font-size: 2.5rem;
    }

    .osa-section p {
        font-size: 1.2rem;
    }

    .info-card .card-img-top {
        height: 250px; /* Taller image height for larger screens */
    }
}

/* Card Body Styling */
.info-card .card-body {
    padding: 1.5rem;
}

.info-card .card-title {
    font-weight: 600;
    color: #004080;
}

.info-card .btn {
    background-color: #004080;
    color: #fff;
}

    .info-card .btn:hover {
        background-color: #003060;
        color: #e0e0e0;
    }


/* Section Titles and Text */
.osa-title {
    font-size: 2rem;
    font-weight: 600;
}

.osa-subtitle {
    font-size: 1.5rem;
}

.osa-section-title {
    font-size: 2rem;
    font-weight: 600;
    color: #368215;
    font-family: 'Tw Cen MT Cond...';
    text-align: center;
    margin-bottom: 1rem;
}

.osa-section-description {
    font-size: 1.1rem;
    color: #555;
    text-align: center;
    margin-bottom: 1.5rem;
}

ul {
    list-style-type: none;
    padding: 0;
}

/* Aims and Objectives Section */
#osa-aims-objectives {
    background-color: #f9f9f9;
    padding: 0 1rem; /* Padding for larger screens */
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.osa-objectives-list {
    list-style-type: none;
    padding: 0;
}

    .osa-objectives-list li {
        font-size: 1rem;
        padding-left: 1.5rem;
        position: relative;
        margin-bottom: 0.5rem;
    }

        .osa-objectives-list li:before {
            content: "✔";
            color: #007bff;
            position: absolute;
            left: 0;
            top: 0;
        }

/* Membership Section */
#osa-membership {
    background-color: #ffffff;
    padding: 3rem 1rem; /* Padding for larger screens */
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.osa-membership-benefits {
    list-style-type: none;
    padding: 0;
}

    .osa-membership-benefits li {
        font-size: 1rem;
        padding-left: 1.5rem;
        position: relative;
        margin-bottom: 0.5rem;
    }

        .osa-membership-benefits li:before {
            content: "🎓";
            color: #007bff;
            position: absolute;
            left: 0;
            top: 0;
        }

/* Sexual Harassment Committee Section */
#osa-sexual-harassment-committee {
    background-color: #f9f9f9;
    padding: 3rem 1rem; /* Padding for larger screens */
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.osa-shc-objectives {
    list-style-type: none;
    padding: 0;
}

    .osa-shc-objectives li {
        font-size: 1rem;
        padding-left: 1.5rem;
        position: relative;
        margin-bottom: 0.5rem;
    }

        .osa-shc-objectives li:before {
            content: "⚖";
            color: #007bff;
            position: absolute;
            left: 0;
            top: 0;
        }

/* Footer */
.osa-footer-section {
    background-color: #007bff;
    color: white;
    font-size: 0.9rem;
}

/* Media Query for Small Screens */
@media (max-width: 576px) {
    #osa-aims-objectives,
    #osa-membership,
    #osa-sexual-harassment-committee {
        padding: 0; /* Remove padding for small screens */
    }
}


    /*College Library*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');

.navtabs {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 10px 20px;
    position: relative;
}

.navtab {
    margin: 0 10px;
    padding: 10px 20px;
    cursor: pointer;
    color: #333;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s, transform 0.3s ease;
}

    .navtab:hover {
        color: #89751c;
        transform: scale(1.05);
    }

    .navtab.active {
        color: #368215;
        font-weight: 600;
    }

.underline {
    position: absolute;
    bottom: 0;
    height: 2px;
    background: #276c09;
    transition: left 0.3s ease, width 0.3s ease;
    width: 100px;
    left: 0;
}

.content {
    display: none;
    padding: 40px 20px;
    max-width: 800px;
    text-align: left;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    background: #f9f9f9;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 0;
}

    .content.active {
        display: block;
        top: 0;
        transform: translateY(0);
        opacity: 1;
    }



.gallery-images {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
}

    .gallery-images img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

        .gallery-images img:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
        }

.footer {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 14px;
    color: #000;
    transition: color 0.3s ease;
    font-family: 'Montserrat', sans-serif;
}

    .footer a {
        background: linear-gradient(145deg, #007aff, #005bb5);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-decoration: none;
        transition: background 0.3s ease;
    }

        .footer a:hover {
            color: linear-gradient(145deg, #007aff, #005bb5);
        }

/* Media Query for responsiveness */
@media (max-width: 768px) {
    .gallery-images {
        grid-template-columns: repeat(2, 1fr);
    }

    .content {
        padding: 30px 10px;
        top: 0;
        transform: translateY(0);
    }

    .navtabs {
        flex-direction: column;
    }

    .navtab {
        margin: 5px 0;
    }
}

/*Syllabus Section*/
.table {
    font-size: 14px;
}

.thead-custom th {
    background-color: #368215;
    color: #ffffff;
}

.table-hover tbody tr:hover {
    background-color: #f1f1f1;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #ddd;
}


/*Staff Section*/
.staff-card {
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}

    .staff-card:hover {
        transform: translateY(-5px);
    }

.staff-photo {
    height: 250px;
    object-fit: cover;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card-title {
    font-size: 18px;
    font-weight: bold;
}

.card-text {
    font-size: 14px;
    color: #6c757d;
}

.btn-primary {
    background-color: #368215;
    border: none;
    font-size: 14px;
    padding: 0.5rem 1rem;
}

/*About Us Section*/
.about-section-unique {
    background-color: #f8f9fa;
    padding: 0 !important;
}

.about-heading-unique {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;
    color: #333;
    text-align: center;
}

.about-text-unique {
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
    text-align: justify;
    margin-bottom: 1rem;
}
    


        /*Teaching, Non Teaching, Library and Class IV Staff*/
.faculty-human-science {
    padding: 60px 0; /* Adjust padding as needed */
}

.staff-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none;
    overflow: hidden;
    background: linear-gradient(135deg, #ffffff, #f0f7ff);
    border-radius: 12px;
    position: relative;
}

.staff-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
}

    .staff-card img {
        height: 250px;
        width: 100%; /* Ensures the image stretches to the card width */
        object-fit: contain; /* Displays the full image without cropping */
        border-radius: 12px 12px 0 0;
        background-color: #f8f9fa;
        transition: transform 0.3s;
    }


.staff-card:hover img {
    transform: scale(1.05);
}

.staff-card .card-title {
    font-size: 1.4rem;
    font-weight: bold;
    color: #765c1f;
    margin-bottom: 5px;
    transition: color 0.3s;
}

.staff-card .card-title:hover {
    color: #5a4514;
}

.staff-card .card-text {
    font-size: 1rem;
    font-weight: 500;
    color: #555;
    background-color: #f2f8ff;
    border-radius: 8px;
    display: block;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .faculty-human-science {
        padding: 30px 15px;
    }
}
.btn-download {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 10px; /* Add some space above the button */
    border-radius: 25px; /* Rounded button */
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #368215; /* Bootstrap primary color */
    border: none;
    text-decoration: none; /* Remove underline */
    transition: background-color 0.3s ease, transform 0.3s ease;
}

    .btn-download:hover {
        color:white;
        background-color: #286110; /* Darker shade for hover */
        transform: translateY(-2px); /* Slight lift on hover */
    }

    .btn-download i {
        margin-right: 5px; /* Space between icon and text */
    }

    /*Staff Achievements*/
.achievement-section {
    background-color: #f9f9f9; /* Light gray background */
    padding: 3rem 1rem;
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Soft shadow */
}

.achievement-image-wrapper {
    overflow: hidden;
    border-radius: 8px;
    height: 100%; /* Full height */
}

.achievement-image {
    width: 100%;
    height: 100%; /* Fill container */
    object-fit: cover; /* Maintains aspect ratio and covers container */
    object-position: center; /* Center image content */
    border-radius: 8px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.achievement-content {
    padding: 1.5rem; /* Inner padding for spacing */
}

.achievement-title {
    font-size: 2rem;
    font-weight: 600;
    color: #368215;
    font-family: 'Tw Cen MT Cond...';
    margin-bottom: 1rem;
    border-bottom: 3px solid #255e0d; /* Accent line */
    display: inline-block;
    padding-bottom: 0.3rem;
}

.achievement-text {
    text-align:justify;
    font-size: 1.1rem;
    line-height: 1.7;
    color: #555;
    text-align: justify;
}


/* CSCA Section */
.csca-section {
    padding: 3rem 0;
    background-color: #f4f7fa; /* Light background */
}

/* Aims and Objectives, Membership, and Committee Section */
.csca-aims-objectives, .csca-membership, .csca-committee {
    background-color: #ffffff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 2rem;
    margin-bottom: 2rem;
}

/* Headings */
h2 {
    color: #368215; /* Dark blue for headings */
    margin-bottom: 1rem;
}

/* List Styles */
ul {
    list-style-type: disc;
    margin-left: 20px;
}

/* Executive Committee Card Styles */
.csca-committee {
    text-align: center;
}

.csca-person-card {
    margin-bottom: 2rem;
    transition: transform 0.2s, box-shadow 0.2s; /* Adding box-shadow transition */
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer; /* Changes cursor to pointer on hover */
}

    .csca-person-card:hover {
        transform: translateY(-5px); /* Moves the card slightly up */
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* Increases shadow on hover */
    }

.csca-person-img {
    width: 150px; /* Set a fixed width for the images */
    height: 150px; /* Set a fixed height for the images */
    object-fit: cover; /* Ensures the images cover the specified dimensions */
    border-radius: 50%; /* Make the images circular */
    border: 2px solid #004080; /* Adds a border to the images */
}

.csca-person-card h3 {
    margin-top: 0.5rem; /* Adjusts spacing above the title */
}

.csca-person-card p {
    margin-top: 0.25rem; /* Adjusts spacing above the name */
}

/* Responsive Adjustments */
@media (max-width: 576px) { /* For small screens */
    .csca-aims-objectives h2, .csca-membership h2, .csca-committee h2 {
        font-size: 1.5rem;
    }

    .csca-aims-objectives p, .csca-membership p {
        font-size: 0.9rem;
    }

    .csca-person-img {
        width: 100px; /* Smaller image size on small screens */
        height: 100px;
    }
}

@media (min-width: 1200px) { /* For larger screens */
    .csca-aims-objectives h2, .csca-membership h2, .csca-committee h2 {
        font-size: 2.5rem;
    }

    .csca-aims-objectives p, .csca-membership p {
        font-size: 1.2rem;
    }

    .csca-person-img {
        width: 150px; /* Regular image size for larger screens */
        height: 150px;
    }
}



/* Scholarship page */
.scholarship-section 
{
    padding: 40px 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.section-title 
{
    text-align: center;
    color: #362614;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}

.scholarship-image 
{
    position: relative;
    height: 200px; /* Set height for the image */
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 20px;
}

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

.scholarship-list ul 
{
    list-style-type: none;
    padding: 0;
}

    .scholarship-list ul li 
    {
        margin-bottom: 15px;
        color: #362614;
        font-size: 16px;
    }

        .scholarship-list ul li a 
        {
            color: #368215; /* Updated color */
            text-decoration: none;
            font-weight: bold;
        }

            .scholarship-list ul li a:hover 
            {
                color: #2a680f; /* Darker hover color */
                text-decoration: underline;
            }

.notification-section p 
{
    color: #555;
    font-size: 14px;
    margin-bottom: 10px;
}

.download-links 
{
    margin-top: 20px;
}

    .download-links a 
    {
        display: inline-block;
        margin: 10px 0;
        padding: 10px 20px;
        background-color: #89751c; /* Updated color */
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        border-radius: 4px;
        transition: background-color 0.3s ease;
    }

        .download-links a:hover 
        {
            background-color: #705f17; /* Darker hover color */
        }
        .not 
        {
            font-weight: 700;
            color: #368215;
            transition-duration: 0.4s;
        }
        .not:hover 
        {
            color: #2a680f;
        }

@media (max-width: 576px) {
    .scholarship-section {
        padding: 20px 10px;
    }
}

/*Organogram*/
/* Organogram Styles */
.organogram-section {
    background-color: #f8f9fa; /* Light background for contrast */
    padding: 2rem; /* Padding around the section */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.organogram {
    display: flex;
    flex-direction: column; /* Arrange nodes vertically */
    align-items: center; /* Center align items */
}

.organogram-node {
    background-color: #ffffff; /* White background for nodes */
    border: 1px solid #368215; /* Blue border */
    border-radius: 8px; /* Rounded corners for nodes */
    padding: 1rem; /* Padding inside the nodes */
    width: 200px; /* Fixed width for uniformity */
    margin: 1rem 0; /* Margin around nodes */
    text-align: center; /* Center text */
}

.organogram-branch {
    display: flex; /* Flexbox for horizontal arrangement */
    justify-content: center; /* Center items in the branch */
    position: relative; /* Relative positioning for connectors */
}

    .organogram-branch::before {
        content: ''; /* Adds a connecting line */
        position: absolute;
        top: -20px; /* Adjust position above nodes */
        width: 2px; /* Width of the line */
        height: 20px; /* Height of the line */
        background-color: #007bff; /* Blue line color */
    }

.node-title {
    font-weight: bold; /* Bold text for titles */
    color: #89751c; /* Dark blue text color */
}


/* Admission Schedule Styles */
.admission-schedule-section {
    background-color: #f0f8ff;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.admission-title {
    font-size: 2.5rem;
    color: #368215;
    margin-bottom: 2rem;
}

.schedule-item {
    background-color: #ffffff;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #368215;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}

    .schedule-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    }

.schedule-header {
    font-weight: bold;
    color: #89751c;
    margin-bottom: 0.5rem;
}

.schedule-item p {
    color: #333;
    font-size: 1rem;
}


/*Page Zoom In, Zoom Out and Dark Mode*/
/* Screen Section Styles */
.screen {
    background-color: #89751c;
    color: #fff;
}

.screen-link,
.text-size {
    color: #f0f8ff;
    font-weight: 500;
    margin: 0 5px;
    text-decoration: none;
    transition: color 0.3s, transform 0.3s;
}

    .screen-link:hover,
    .text-size:hover {
        color: #fbe74a;
        transform: translateY(-2px);
    }

.text-size {
    padding: 0 4px;
    font-size: 1rem;
    cursor: pointer;
}

#dark {
    background-color: #000;
    color: #fff;
    padding: 0 8px;
    border-radius: 3px;
}

/* Dark mode styles */
.dark-mode {
    background-color: #121212;
    color: #f0f8ff;
}

/* Text center alignment */
.text-center {
    text-align: center;
}

@media (max-width: 576px) {
    .screen-link,
    .text-size {
        font-size: 10px; /* Further reduced font size for small screens */
        margin: 0 3px;
    }

    /*Fee and Funds*/
    

    /*SAR Section*/
    .session-section {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 40px 0;
        background-color: #e9ecef;
    }

    .session-link {
        padding: 10px 30px;
        font-size: 1.1rem;
        font-weight: 600;
        color: #fff;
        background-color: #368215;
        border-radius: 5px;
        text-decoration: none;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
        transition: background-color 0.3s, box-shadow 0.3s;
    }

        .session-link:hover {
            color: white;
            text-decoration: none;
            background-color: #23560c;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        }

    @media (max-width: 576px) {
        .session-link {
            font-size: 1rem;
            padding: 8px 24px;
        }
    }

    /*SAR section table*/
    /* Styling for the overall table container */
    .sar-table-container {
        max-width: 100%;
        overflow-x: auto;
        margin-top: 20px;
        text-align: center; /* Center content within the container */
        padding: 0 20px; /* Add left and right padding */
    }

    /* Styling for the SAR table */
    .custom-sar-table {
        width: 100%;
        border-collapse: collapse;
        margin: 0 auto;
        font-size: 16px;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        text-align: center; /* Center-align text in the table */
    }

    /* Header styles */
    .sar-table-header {
        background-color: #007bff;
        color: #fff;
        font-weight: bold;
        text-align: center; /* Center-align header text */
    }

    /* Table data row styles */
    .sar-table-body tr {
        text-align: center; /* Center-align text in table rows */
        border-bottom: 1px solid #ddd;
    }

        /* Table row hover effect */
        .sar-table-body tr:hover {
            background-color: #f8f9fa;
        }

    /* Styling for table cells */
    .custom-sar-table td, .custom-sar-table th {
        padding: 12px;
        text-align: center; /* Center-align all table cells */
        font-size: 14px;
    }

    /* Styling for the download link */
    .sar-table-body a {
        text-decoration: none;
        color: #28a745;
        font-weight: bold;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        justify-content: center; /* Center-align download link content */
    }

        /* Hover effect for the download link */
        .sar-table-body a:hover {
            color: #218838;
            text-decoration: underline;
        }

        /* Download icon styling */
        .sar-table-body a i {
            font-size: 18px;
            color: #28a745;
        }

    /* Responsive design for smaller screens */
    @media (max-width: 767px) {
        .custom-sar-table {
            font-size: 14px;
        }

            .custom-sar-table td, .custom-sar-table th {
                padding: 8px;
            }

        .sar-table-body a {
            font-size: 14px;
        }
    }


    /*Photo Gallery*/
    /* General styles for the gallery */
    .gallery-item {
        position: relative;
        overflow: hidden;
        border-radius: 10px; /* Adds rounded corners to images */
        transition: transform 0.3s ease;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
    }

        .gallery-item img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            transition: transform 0.3s ease;
        }

        .gallery-item:hover {
            transform: scale(1.05); /* Slight zoom effect on hover */
        }

    /* Lightbox overlay effect */
    .lightboxOverlay {
        background: rgba(0, 0, 0, 0.8);
        opacity: 0.9; /* Slightly transparent overlay */
    }

    .lightbox {
        border-radius: 8px; /* Rounded corners for the lightbox */
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); /* Enhanced shadow for depth */
    }

    /* Media query for responsive design */
    @media (max-width: 768px) {
        .gallery-item {
            border-radius: 5px; /* Smaller rounded corners on small screens */
        }
    }


    /*Press Release*/
    /* General Styles */
    .press-release-section {
        margin-top: 60px;
        margin-bottom: 60px;
        padding-left: 0;
        padding-right: 0;
    }

    .press-release-title {
        font-size: 2.75rem;
        font-weight: bold;
        color: #1d2635; /* Dark gray for a professional look */
        margin-bottom: 15px;
        line-height: 1.4;
        font-family: 'Helvetica Neue', sans-serif;
    }

    .press-release-subtitle {
        font-size: 1.35rem;
        font-weight: 600;
        color: #6c757d; /* Muted color for subtitle */
        margin-bottom: 15px;
        font-family: 'Helvetica Neue', sans-serif;
    }

    .press-release-date {
        font-size: 1.05rem;
        color: #17a2b8; /* Highlight date with a soft blue */
        margin-bottom: 25px;
    }

    .press-release-text {
        font-size: 1.1rem;
        color: #4f5d74; /* Slightly muted text color for better readability */
        line-height: 1.75;
        margin-bottom: 20px;
        font-family: 'Arial', sans-serif;
    }

    /* Image container styling */
    .image-container {
        position: relative;
        overflow: hidden;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .creative-image {
        width: 100%;
        height: auto;
    }

    .image-container:hover .creative-image {
        transform: scale(1.05); /* Slight zoom effect on hover */
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); /* Enhanced shadow effect */
    }

    /* Responsive adjustments */
    @media (max-width: 767px) {
        .press-release-title {
            font-size: 2rem;
        }

        .press-release-subtitle {
            font-size: 1.1rem;
        }

        .press-release-date {
            font-size: 0.95rem;
        }

        .press-release-text {
            font-size: 1rem;
        }

        .press-release-section {
            padding-left: 15px;
            padding-right: 15px;
        }

        .row.no-gutters {
            margin-right: 0;
            margin-left: 0;
        }

        .col-md-6 {
            padding-left: 0;
            padding-right: 0;
        }
    }




    /*Pagination*/
    .header {
        background-color: #003366;
        color: white;
        padding: 15px;
        text-align: center;
    }

    .press-release {
        background-color: white;
        margin-bottom: 20px;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .press-release img {
            max-width: 200px;
            border-radius: 8px;
            margin-right: 20px;
        }

        .press-release .content {
            flex: 1;
        }

        .press-release h3 {
            color: #003366;
            font-size: 1.5rem;
            margin-bottom: 10px;
        }

        .press-release p {
            color: #555;
        }

    .pagination {
        justify-content: center;
    }

    @media (max-width: 576px) {
        .press-release {
            flex-direction: column;
            text-align: center;
        }

            .press-release img {
                max-width: 100%;
                margin-bottom: 15px;
            }
    }        


    /*slider css*/
    .swiper-wrapper {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

        .swiper-slide img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }
    /* Navigation buttons */
    /* Navigation buttons */
    .nav-btn4 {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background 0.3s ease, transform 0.3s ease;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    }

        .nav-btn4:hover {
            background: rgba(0, 0, 0, 0.8);
            transform: scale(1.1);
        }
    /* Swiper next/prev button icons */
    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 18px;
        color: #fff;
    }

    .swiper-button-next {
        right: 15px;
    }

    .swiper-button-prev {
        left: 15px;
    }
    /* Mobile adjustments */
    @media screen and (max-width: 768px) {
        .nav-btn4 {
            display: none;
        }

        .swiper-pagination-bullet {
            display: block;
        }
    }
}
.swiper-button-next, .swiper-button-prev
{
    color:white;
}
/*Girls Hostel*/
.section-title {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
}

ul.rules-list {
    list-style-type: disc;
    margin-left: 2rem;
    color: #555;
}

ul.rules-list li {
    margin-bottom: 0.8rem;
}

.image-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 20px;
    border-radius: 8px;
    max-width: 80%;
}

.overlay-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.overlay-text {
    font-size: 1rem;
}

/* Styling the image */
.hostel-image {
    width: 100%;
    height: 350px;  /* Reduced height for image */
    object-fit: cover;  /* Ensures image covers the space without distortion */
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hostel-image:hover {
    transform: scale(1.05);  /* Slight zoom effect on hover */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);  /* Adds a soft shadow effect */
}

/* Mobile and tablet responsiveness */
@media (max-width: 768px) {
    .image-overlay {
        font-size: 1rem;
    }

    .section-title {
        font-size: 1.5rem;
    }

    ul.rules-list {
        margin-left: 1rem;
    }

    ul.rules-list li {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .section-title {
        font-size: 1.2rem;
    }

    .image-overlay {
        font-size: 0.9rem;
        max-width: 90%;
    }

    ul.rules-list li {
        font-size: 0.8rem;
    }
}


/*Notice Board Page*/
.notice-board-wrapper {
    padding: 60px 20px;
    background-color: #ffffff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.notice-board-title {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #333;
    margin-bottom: 40px;
}

.notice-board-container {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.notice-item {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    background-color: #fafafa;
    transition: transform 0.2s ease, box-shadow 0.3s ease;
}

    .notice-item:hover {
        transform: translateY(-3px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

.notice-title {
    font-size: 20px;
    font-weight: 600;
    color: #007bff;
    margin-bottom: 10px;
}

.notice-date {
    font-size: 14px;
    color: #777;
    margin-bottom: 15px;
}

.notice-content {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}

.notice-download {
    font-size: 24px;
    color: #368215;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease;
}

    .notice-download:hover {
        color: #f7e749;
    }

@media (max-width: 576px) {
    .notice-board-wrapper {
        padding: 30px 10px;
    }

    .notice-item {
        padding: 15px;
    }

    .notice-title {
        font-size: 18px;
    }

    .notice-content {
        font-size: 14px;
    }
}   


/*Feedback Page*/
.card {
    border-radius: 10px;
}

.card-header {
    background: #368215 !important;
    border-radius: 10px 10px 0 0;
}

.form-control {
    border-radius: 5px;
}

.btn {
    border-radius: 5px;
}

textarea.form-control {
    resize: vertical;
}
.Submitt {
    color: white;
    background: #368215;
}

    .Submitt:hover {
        color: white;
        background: #1e102c;
    }

/* Responsive design */
@media (max-width: 576px) {
    .card {
        padding: 15px;
    }

    .form-group {
        margin-bottom: 1rem;
    }
}


/*Library and Rules*/
/* Library Rules Section */
/* Library Section Styling */
#library-info {
    background-color: #f9f9f9; /* Light background color for the library section */
    padding: 60px 20px;
    font-family: 'Arial', sans-serif;
}

/* Section Title */
.section-title {
    font-size: 2.5rem;
    color: #333;
    font-weight: 700;
    margin-bottom: 40px;
    text-transform: uppercase;
}

/* Info List */
.info-list {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

    .info-list:hover {
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
        transform: translateY(-5px);
    }

/* Info Heading */
.info-heading {
    font-size: 1.5rem;
    font-weight: 600;
    color: #0056b3; /* Dark blue color for headings */
    margin-bottom: 20px;
}

/* List Style */
ul.list-unstyled {
    list-style-type: none;
    padding-left: 0;
}

    ul.list-unstyled li {
        font-size: 1rem;
        color: #555;
        line-height: 1.8;
        margin-bottom: 12px;
    }

        ul.list-unstyled li strong {
            color: #333;
            font-weight: 600;
        }

/* Responsive Design */
@media (max-width: 768px) {
    .section-title {
        font-size: 2rem;
    }

    .info-heading {
        font-size: 1.3rem;
    }

    ul.list-unstyled li {
        font-size: 0.95rem;
    }
}



#library-rules {
    background-color: #f8f9fa; /* Soft background color */
    padding: 60px 15px;
    font-family: 'Arial', sans-serif;
}

/* Section Title */
.section-title {
    font-size: 2.5rem;
    color: #333;
    font-weight: 700;
    margin-bottom: 40px;
    text-transform: uppercase;
}

/* Info List */
.info-list {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

    .info-list:hover {
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
        transform: translateY(-5px);
    }

/* Info Heading */
.info-heading {
    font-size: 1.5rem;
    font-weight: 600;
    color: #0056b3; /* Dark blue for headings */
    margin-bottom: 15px;
}

/* List Style */
ul.list-unstyled {
    list-style-type: none;
    padding-left: 0;
}

    ul.list-unstyled li {
        font-size: 1rem;
        color: #555;
        line-height: 1.8;
        margin-bottom: 12px;
    }

        ul.list-unstyled li strong {
            color: #333;
            font-weight: 600;
        }

/* Responsive Design */
@media (max-width: 768px) {
    .section-title {
        font-size: 2rem;
    }

    .info-heading {
        font-size: 1.3rem;
    }

    ul.list-unstyled li {
        font-size: 0.95rem;
    }
}



/* Book Bank Section */
#book-bank {
    background-color: #f8f9fa;
    padding: 60px 15px;
    font-family: 'Arial', sans-serif;
}

/* Section Title */


/* Paragraph styling */
#book-bank .lead {
    font-size: 1.25rem;
    color: #555;
    margin-top: 10px;
}



/* N-List Facility Section */
#nlist-facility {
    background-color: #f8f9fa;
    padding: 60px 15px;
    font-family: 'Arial', sans-serif;
}

/* Section Title */


/* Lead Text */
#nlist-facility .lead {
    font-size: 1.25rem;
    color: #555;
    margin-top: 10px;
}

/* N-List Info */
.nlist-info {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* List Style for N-LIST Details */
.nlist-list {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}

    .nlist-list li {
        font-size: 1rem;
        color: #555;
        line-height: 1.8;
    }

.nlist-contact {
    list-style-type: none;
    padding-left: 0;
    margin-top: 15px;
}

    .nlist-contact li {
        font-size: 1rem;
        color: #333;
        line-height: 1.6;
    }

    .nlist-contact a {
        color: #0056b3;
        text-decoration: none;
    }

        .nlist-contact a:hover {
            text-decoration: underline;
        }

/* Responsive Design */
@media (max-width: 768px) {
    .section-title {
        font-size: 2rem;
    }

    .nlist-list li,
    .nlist-contact li {
        font-size: 0.95rem;
    }
}

/*Downloads Section*/
/* Center-align all content */
.table th, .table td {
    text-align: center;
    vertical-align: middle;
}

/* Custom table styles */
.table-hover tbody tr:hover {
    background-color: #f1f1f1;
}

.table .thead-dark th {
    background: #368215;
    border: 1px solid #26600d;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table thead th {
    text-align: center;
    background-color: #343a40;
    color: #fff;
}

/* Buttons styling */
.btn-sm {
    padding: 5px 10px;
    font-size: 0.875rem;
}

/* Add border color and rounded corners */
.table-responsive {
    border: 1px solid #befda2;
    border-radius: 5px;
    overflow-x: auto;
    padding: 0.5rem;
}

/* Small screen adjustments */
@media (max-width: 768px) {
    .table th, .table td {
        font-size: 0.85rem;
        padding: 0.5rem;
    }
}


/*Library & Rules*/

/* Section Headers */
.section-header {
    font-size: 1.8rem;
    font-weight: 600;
    color: #368215;
    margin-bottom: 20px;
    border-bottom: 2px solid #27640c;
    padding-bottom: 5px;
}

/* Sections */
.section {
    background-color: #ffffff;
    margin-bottom: 30px;
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

    .section ul {
        list-style-type: none;
        padding-left: 0;
    }

        .section ul li {
            margin-bottom: 10px;
        }

            .section ul li:before {
                content: "•";
                color: #368215;
                font-weight: bold;
                margin-right: 10px;
            }

/*SAR PAGE*/
/* Section styling */
.session-section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto; /* No full viewport height */
    color: white;
    font-family: 'Arial', sans-serif;
    padding: 10px 0; /* Optional to add spacing around the section, but no top/bottom padding for the link itself */
}

/* Link styling */
.session-link {
    text-decoration: none;
    font-size: 1.5rem; /* Adjusted size for single-line appearance */
    font-weight: bold;
    color: #fff; /* White text */
    border: 2px solid #fff; /* Border around the link */
    border-radius: 30px; /* Rounded corners */
    background: #368215; /* Semi-transparent background */
    transition: all 0.3s ease-in-out; /* Smooth transitions */
    position: relative; /* For hover effect */
    overflow: hidden;
    padding: 0 15px; /* No top/bottom padding, only left/right */
    line-height: 1.8; /* Ensure proper vertical alignment for single-line text */
    display: inline-block; /* Ensure the link doesn't span extra lines */
}

    /* Hover effects */
    .session-link:hover {
        color: white; /* Change text color */
        background: #1e102c; /* Change background */
        box-shadow: 0px 4px 15px rgba(255, 255, 255, 0.5); /* Glow effect */
        transform: scale(1.05); /* Slight zoom */
    }

    /* Before element for extra effect */
    .session-link::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
        z-index: -1;
        transition: all 0.4s ease-in-out;
    }

    /* Sliding highlight effect */
    .session-link:hover::before {
        left: 100%;
    }


    /*Eco Club Page*/
.eco-club-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 0;
}

.eco-club-image {
    flex: 1 1 40%;
    height: 300px;
    position: relative;
}

    .eco-club-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

.eco-club-content {
    flex: 1 1 60%;
    padding: 20px;
}

.eco-club-title {
    color: #378113;
    font-weight: bold;
    margin-bottom: 15px;
}

.eco-club-text {
    color: #362614;
    line-height: 1.8;
}

@media (max-width: 768px) {
    .eco-club-section {
        flex-direction: column;
    }

    .eco-club-image {
        flex: 1 1 auto;
        height: 200px;
    }

    .eco-club-content {
        padding: 10px;
    }
}


/*Rules & Regulations*/
.rules-section {
    padding: 40px 20px;
    background-color: #f9f9f9;
}

.rules-header {
    text-align: center;
    color: #368215;
    margin-bottom: 30px;
}

.rule-item {
    border-left: 4px solid #378113;
    padding-left: 15px;
    margin-bottom: 15px;
}

    .rule-item h5 {
        color: #362614;
        margin-bottom: 5px;
    }

    .rule-item p {
        margin: 0;
        color: #555;
    }

@media (max-width: 576px) {
    .rules-section {
        padding: 20px 10px;
    }
}


/*Career Counselling & Achievements*/
.counselling-section {
    padding: 40px 20px;
    background-color: #f9f9f9;
}

.counselling-header {
    text-align: center;
    color: #378113;
    margin-bottom: 30px;
}

.placement-item {
    margin-bottom: 20px;
    background: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px;
}

    .placement-item h5 {
        color: #362614;
        margin-bottom: 10px;
    }

    .placement-item p {
        color: #555;
        margin: 0;
    }

@media (max-width: 576px) {
    .counselling-section {
        padding: 20px 10px;
    }
}


/*Meritorious Students*/
.meritorious-section {
    padding: 40px 20px;
    background-color: #f9f9f9;
}

.meritorious-header {
    text-align: center;
    color: #378113;
    margin-bottom: 30px;
}

.student-card {
    margin-bottom: 20px;
    background: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: center;
    height: 100%;
}

    .student-card img {
        max-width: 100px;
        border-radius: 50%;
    }

.student-info {
    margin-left: 20px;
}

    .student-info h5 {
        color: #362614;
        margin-bottom: 5px;
    }

    .student-info p {
        color: #555;
        margin: 0;
    }

.row {
    display: flex;
    flex-wrap: wrap;
}

.col-md-4 {
    display: flex;
}

@media (max-width: 576px) {
    .meritorious-section {
        padding: 20px 10px;
    }

    .student-info {
        margin-left: 10px;
    }
}


/*E-Service Books*/
.service-books-section {
    padding: 40px 20px;
    background-color: #f9f9f9;
}

.service-books-header {
    text-align: center;
    color: #378113;
    margin-bottom: 30px;
}

.book-card {
    background: #ffffff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    transition: transform 0.3s;
}

    .book-card:hover {
        transform: translateY(-5px);
    }

    .book-card img {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
        margin-bottom: 15px;
    }

    .book-card h5 {
        color: #362614;
        margin-bottom: 10px;
    }

    .book-card p {
        color: #555;
        margin: 0 0 10px;
    }

    .book-card a {
        color: #89751c;
        font-weight: bold;
        transition-duration: 0.3s;
    }

        .book-card a:hover {
            color: #685915;
            text-decoration: none;
        }

@media (max-width: 576px) {
    .service-books-section {
        padding: 20px 10px;
    }
}


/*Course & Subject Combination 2022-23*/
.courses-section {
    padding: 40px 20px;
    background-color: #f9f9f9;
}

.courses-header {
    text-align: center;
    color: #378113;
    margin-bottom: 30px;
}

.course-content {
    background: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}

    .course-content p {
        color: #555;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .course-content a {
        display: inline-block;
        padding: 10px 20px;
        background-color: #89751c;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        border-radius: 4px;
        transition: background-color 0.3s ease;
    }

        .course-content a:hover {
            background-color: #5c4e10;
        }

@media (max-width: 576px) {
    .courses-section {
        padding: 20px 10px;
    }

    .course-content {
        padding: 15px;
    }

        .course-content p {
            font-size: 14px;
        }
}


/*New Education Policy 2020*/
.nep-section {
    padding: 40px 20px;
    background-color: #f9f9f9;
}

.nep-header {
    text-align: center;
    color: #378113;
    margin-bottom: 30px;
}

.nep-content {
    background: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}

    .nep-content p {
        color: #555;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .nep-content a {
        display: inline-block;
        padding: 10px 20px;
        background-color: #89751c;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        border-radius: 4px;
        transition: background-color 0.3s ease;
    }

        .nep-content a:hover {
            background-color: #5c4e10;
        }

@media (max-width: 576px) {
    .nep-section {
        padding: 20px 10px;
    }

    .nep-content {
        padding: 15px;
    }

        .nep-content p {
            font-size: 14px;
        }
}

/*Academic Calendar*/
.calendar-section {
    margin: 20px auto;
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.session-info {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    color: #368215;
}

.calendar-content table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

.calendar-content th, .calendar-content td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.calendar-content th {
    background-color: #f9e848;
    color: #362614;
    font-weight: bold;
}

.calendar-content tr:nth-child(even) {
    background-color: #f2f2f2;
}

.calendar-content tr:hover {
    background-color: #ddd;
}

@media (max-width: 768px) {
    .calendar-content table {
        font-size: 14px;
    }
}


/*Anti-ragging Helpline*/
.committee-section {
    margin: 20px auto;
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.committee-header {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: #368215;
    margin-bottom: 20px;
}

.committee-list {
    list-style: none;
    padding: 0;
}

    .committee-list li {
        padding: 8px 10px;
        border-bottom: 1px solid #ddd;
    }

        .committee-list li:last-child {
            border-bottom: none;
        }

.contact-details {
    font-weight: bold;
    color: #89751c;
}

.important-note {
    margin-top: 20px;
    font-size: 0.9rem;
    color: #555;
}

@media (max-width: 768px) {
    .committee-section {
        padding: 10px;
    }

    .committee-header {
        font-size: 1.3rem;
    }
}


/*NList Facility*/
.nlist-section {
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.nlist-header {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    color: #378113;
    margin-bottom: 20px;
}

.nlist-content {
    line-height: 1.6;
    text-align: justify;
}

.highlight {
    font-weight: bold;
    color: #89751c;
}

    .highlight:hover {
        color: #6a5b15;
    }

.form_link {
    background: #368215;
    color: white;
}

    .form_link:hover {
        background: #2e7012;
        color: white;
    }
.contact-info {
    margin-top: 20px;
    font-size: 1rem;
}

    .contact-info span {
        font-weight: bold;
        color: #362614;
    }

.btn-container {
    margin-top: 30px;
    text-align: center;
}

    .btn-container a {
        margin: 10px;
    }

@media (max-width: 768px) {
    .nlist-section {
        padding: 15px;
    }

    .nlist-header {
        font-size: 1.5rem;
    }
}

/*Recent Activities Home Section*/
.recent-activities-section {
    background-color: #f9f9f9;
    color: #362614;
    padding: 50px 0;
}

.section-title {
    font-size: 2rem;
    color: #c90d09;
    font-weight: bold;
}

.activity-card {
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .activity-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }

.card-img-top {
    border-radius: 8px 8px 0 0;
    object-fit: cover;
    height: 200px; /* Adjust the height of the image */
}

.card-title {
    color: #378113;
    font-weight: bold;
    font-size: 1.2rem;
}

.card-text {
    margin-bottom: 1rem;
}

.btn-custom {
    background-color: #378113;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
}

    .btn-custom:hover {
        background-color: #2d6910;
        text-decoration: none;
        color: #fff;
    }

@media (max-width: 768px) {
    .section-title {
        font-size: 1.8rem;
    }
}


/*Recent Activities Main Page*/
/* General Styles */
#latest-updates-section {
    background-color: #f9f9f9;
    padding: 50px 0;
}

.updates-wrapper {
    padding-top: 50px;
}

.updates-heading {
    font-size: 2.5rem;
    font-weight: bold;
    color: #368215;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.update-box {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: all 0.3s ease-in-out;
}

    .update-box:hover {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        transform: translateY(-5px);
    }

.update-image-container {
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: 8px;
}

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

.update-text {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
}

.update-title {
    font-size: 1.8rem;
    color: #89751c;
    font-weight: bold;
    margin-bottom: 10px;
}

.update-date {
    font-size: 1rem;
    color: #999;
    margin-bottom: 15px;
}

.update-box p {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #555;
}

.update-box a {
    display: inline-block;
    margin-top: 15px;
    font-size: 1rem;
    color: #c90d09;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease-in-out;
}

    .update-box a:hover {
        color: #f9e848;
    }

/* Responsive Design */
@media (max-width: 768px) {
    #latest-updates-section {
        padding: 30px 0;
    }

    .updates-heading {
        font-size: 2rem;
    }

    .update-box {
        padding: 15px;
        flex-direction: column;
    }

    .update-image-container {
        width: 100%;
        height: 200px;
        margin-bottom: 15px;
    }

    .update-text {
        padding-left: 15px; /* Add padding to the text section */
    }

    .update-title {
        font-size: 1.5rem;
    }

    .update-date {
        font-size: 0.9rem;
    }

    .update-box p {
        font-size: 1rem;
    }

    /* Padding adjustment for small screen phones */
    .update-box {
        padding: 15px 10px; /* Smaller padding on smaller screens */
    }

    .update-text {
        padding-left: 10px;
    }
}


/*AQAR Page*/
.aqar-section-custom {
    background-color: #f9f9f9;
    color: #362614;
    padding: 50px 0;
}

.container-custom {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.row-custom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.col-md-12-custom {
    width: 100%;
}

.table-responsive-custom {
    width: 100%;
    overflow-x: auto;
}

.table-custom {
    border-collapse: collapse;
    width: 100%;
}

    .table-custom th, .table-custom td {
        padding: 15px;
        text-align: left;
        vertical-align: middle;
    }

.table-bordered th, .table-bordered td {
    border: 1px solid #ddd;
}

.table-striped tbody tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.table-striped tbody tr:hover {
    background-color: #e9e9e9;
}

.thead-custom {
    background-color: #378113;
    color: white;
}

.btn-custom {
    background-color: #378113;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    padding: 8px 16px;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
}

    .btn-custom:hover {
        background-color: #2d6910;
        text-decoration: none;
        color: #fff;
    }

.btn-download {
    text-decoration: none;
}

/* Responsive design adjustments */
@media (max-width: 992px) {
    .table-custom th, .table-custom td {
        padding: 12px;
    }

    .btn-custom {
        font-size: 0.95rem;
    }
}

@media (max-width: 768px) {
    .table-custom th, .table-custom td {
        padding: 10px;
    }

    .btn-custom {
        font-size: 0.85rem;
        padding: 6px 12px;
    }

    .table-custom th, .table-custom td {
        display: block;
        text-align: right;
    }

    .table-custom td {
        padding-left: 50%;
        position: relative;
    }

        .table-custom td:before {
            content: attr(data-label);
            position: absolute;
            left: 10px;
            top: 10px;
            font-weight: bold;
        }
}

@media (max-width: 576px) {
    .table-custom th, .table-custom td {
        padding: 8px;
    }

    .btn-custom {
        font-size: 0.8rem;
        padding: 6px 10px;
    }
}


/* Section Styling */
.links-section {
    background: linear-gradient(to bottom, #ffffff, #f1f8f4); /* Gradient from white to a very light green */
    color: #fff;
    padding: 60px 0;
    border-radius: 15px;
}

/* Header Styling */
.section-heading {
    font-size: 2.8rem;
    font-family: 'Lora', serif;
    font-weight: bold;
    color: #378113; /* Green color for the title */
    margin-bottom: 20px;
    letter-spacing: 1.5px;
}

.section-subheading {
    font-size: 1.2rem;
    font-family: 'Open Sans', sans-serif;
    color: #555;
    margin-bottom: 40px;
}

/* Card Styling */
.link-card-container {
    background-color: #fff;
    text-align: center;
    border-radius: 15px;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    color: #362614;
    border: none;
}

    .link-card-container:hover {
        transform: translateY(-10px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    }

.link-card-icon-container {
    margin-bottom: 20px;
}

.link-card-heading {
    font-size: 1.5rem;
    color: #378113; /* Green color for the title */
    font-weight: bold;
    margin-bottom: 15px;
}

.link-card-text {
    font-size: 15px;
    color: #555;
    margin-bottom: 20px;
}

.btn-link-style {
    background-color: #378113;
    color: white;
    font-weight: bold;
    padding: 10px 25px;
    text-transform: uppercase;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

    .btn-link-style:hover {
        color:white;
        background-color: #2d6910;
    }

/* Icon Styling */
.icon-style {
    color: #89751c !important; /* Applying the requested color */
    transition: color 0.3s ease;
}

/* Responsive Design */
@media (max-width: 768px) {
    .section-heading {
        font-size: 2.3rem;
    }

    .link-card-heading {
        font-size: 1.3rem;
    }

    .btn-link-style {
        font-size: 0.7rem;
        padding: 8px 20px;
    }

    .link-card-text {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .section-heading {
        font-size: 1.8rem;
    }

    .section-subheading {
        font-size: 1rem;
    }

    .link-card-heading {
        font-size: 1.2rem;
    }

    .btn-link-style {
        font-size: 0.8rem;
        padding: 6px 16px;
    }
}


/*Syllabus*/
.syllabus-img {
    width: 100%;
    transition-duration: .7s;
    border-radius: 15px;
}

    .syllabus-img:hover {
        transform: scale(.9);
        border-radius: 0;
    }

.syllabus-para {
    text-align: center;
    font-weight: 700;
}

.event-container {
    width: 90%;
    max-width: 800px;
    display: flex;
    height:200px;
    margin-bottom:10px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
}

    .event-container:hover {
        transform: scale(1.02);
    }

.event-image {
    flex: 1;
    max-width: 40%;
}

    .event-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.event-details {
    flex: 3;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.event-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
}

.event-description {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 12px;
}

.event-date {
    font-size: 14px;
    color: #007bff;
    font-weight: bold;
    margin-top: auto;
}

/* Responsive Design */
@media (max-width: 600px) {
    .event-container {
        flex-direction: column;
        max-width: 100%;
    }

    .event-image {
        max-width: 100%;
        height: 200px;
    }
}

/*New menu CSS*/
nav {
    background: #368215;
}
/* normal menu css */
.main_menu > ul {
    margin: auto;
}

    .main_menu > ul > li {
        display: inline-block;
        position: relative;
        margin: 0 -2px;
    }

.main_menu ul li {
    position: relative;
}

    .main_menu ul li a {
        font-size: 15px;
        color: #fff;
        padding: 15px 10px;
        display: block;
        text-decoration: none;
        font-weight: 500;
    }

    .main_menu ul li .active,
    .main_menu ul li:hover > a {
        color: #f8e446;
        text-decoration: none;
        background: #368215;
    }

    .main_menu ul li a i {
        vertical-align: middle;
    }
    /* Normal Dropdown menu */
    .main_menu ul li ul {
        width: 220px;
        background: #fff;
        transition: 0.5s;
        list-style: none;
        margin-left: 0;
    }

        .main_menu ul li ul li a {
            padding: 5px 15px;
            font-size: 14px;
            color: #000;
            font-weight: 400;
            text-decoration: none;
        }

        .main_menu ul li ul li .active,
        .main_menu ul li ul li :hover > a {
            color: #000;
            background: #f8e446;
            text-decoration: none;
        }

        .main_menu ul li ul li a i {
            float: right;
            margin-top: 5px;
        }

        .main_menu ul li ul li ul {
            left: 100%;
            top: 0;
        }

/* mega menu css */
.mega_menu_dropdown {
    position: static !important;
}

.mega_menu {
    left: 0;
    right: 0;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    transition: 0.5s;
    box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
}

.mega_menu_item {
    width: 25%;
    padding: 30px 20px;
}

.main_menu ul li .mega_menu_item a {
    padding: 10px 0;
}

    .main_menu ul li .mega_menu_item a:hover {
        color: var(--hover-color);
    }

.mega_menu_item h3 {
    margin-bottom: 15px;
}

.mega_menu_item img {
    width: 100%;
}

/* demo_2 css */
.mega_menu_demo_2 .mega_menu {
    left: 50%;
    transform: translateX(-50%);
    width: 1140px;
}

.mobile_btn {
    display: none;
}

/* responsive css */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .container {
        width: 960px;
    }

    .mega_menu_demo_2 .mega_menu {
        width: 940px;
    }

    .main_menu ul li ul {
        width: 150px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .container {
        width: 720px;
    }

    .mega_menu_demo_2 .mega_menu {
        width: 700px;
    }

    .main_menu ul li a {
        font-size: 15px;
        padding: 20px 16px;
    }

    .main_menu ul li ul {
        width: 150px;
    }
}

@media (min-width: 768px) {
    .main_menu ul li ul {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        margin-top: 50px;
    }

    .main_menu ul li .mega_menu {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        margin-top: 50px;
    }

    .main_menu ul li:hover > ul {
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
        z-index: 99;
    }

    .main_menu ul li:hover > .mega_menu {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
        z-index: 99;
    }
}

@media (max-width: 767.98px) {
    .mega_menu_demo_2 .mega_menu,
    .container {
        width: 100%;
    }

    nav {
        padding: 15px;
    }

    .mobile_btn {
        cursor: pointer;
        display: block;
    }

    .main_menu {
        display: none;
        width: 100%;
    }

        .main_menu ul li {
            display: block;
        }

            .main_menu ul li a i {
                float: none;
            }

            .main_menu ul li a {
                border-bottom: 1px solid #2e7012;
                padding: 10px;
                font-size: 14px;
                font-weight: normal;
            }

            .main_menu ul li ul li a {
                font-size: 12px;
            }

            .main_menu ul li ul {
                width: 100%;
            }

                .main_menu ul li ul li ul {
                    left: 0;
                    top: auto;
                }

    .mega_menu .mega_menu_item {
        width: 50%;
    }

    .main_menu ul li ul {
        display: none;
        transition: none;
    }

    .main_menu ul li .mega_menu {
        display: none;
        transition: none;
    }

    .mega_menu_demo_2 .mega_menu {
        transform: translateX(0);
    }
}

@media (max-width: 575.98px) {
    .mega_menu .mega_menu_item {
        width: 100%;
    }
}

/* ============================= */
/* SAR CARD – LOGO COLOR SCHEME */
/* ============================= */

.data-card {
    background: #FAFAFA;
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
    padding: 24px;
    margin: 20px auto;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* ============================= */
/* HEADER */
/* ============================= */

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 25px;
    border-bottom: 2px solid #C62828;
    padding-bottom: 15px;
}

.table-title {
    margin: 0;
    color: #f7e1e1;
    font-size: 1.6rem;
    font-weight: 700;
}

/* ============================= */
/* FILTER */
/* ============================= */

.filter-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.modern-select {
    padding: 9px 14px;
    font-size: 1rem;
    border: 1px solid #C62828;
    border-radius: 6px;
    background: #FFFFFF;
    color: #333;
}

/* ============================= */
/* TABLE */
/* ============================= */

.table-container {
    width: 100%;
    overflow-x: auto;
}

.modern-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1rem;
    min-width: 100%;
}

    .modern-table th {
        background-color: #FFF3E0;
        padding: 14px;
        text-align: left;
        border-bottom: 3px solid #F9A825;
        color: #1B5E20;
        font-weight: 700;
    }

    .modern-table td {
        padding: 16px 14px;
        border-bottom: 1px solid #E0E0E0;
        vertical-align: top;
        color: #333;
    }

/* ============================= */
/* S.NO */
/* ============================= */

.sno-cell {
    text-align: center;
    font-weight: 700;
    color: #B71C1C;
}

/* ============================= */
/* SAR INFO */
/* ============================= */

.sar-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sar-name {
    font-weight: 700;
    color: #1B5E20;
    font-size: 1.1rem;
}

/* ============================= */
/* ACTION BUTTON */
/* ============================= */

.action-link-btn {
    background: #FFF3E0;
    color: #B71C1C;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 7px 14px;
    border-radius: 6px;
    border: 1px solid #F9A825;
    width: fit-content;
    transition: all 0.25s ease;
}

    .action-link-btn:hover {
        background: #B71C1C;
        color: #FFFFFF;
    }

/* ============================= */
/* DOCUMENT ROW */
/* ============================= */

.doc-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    background: #F1F8E9;
    padding: 10px 14px;
    border-radius: 6px;
    border-left: 4px solid #1B5E20;
}

.doc-name {
    font-weight: 500;
    color: #2E2E2E;
}

/* ============================= */
/* PAGINATION */
/* ============================= */

.pagination-wrapper {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.pagination-controls {
    display: flex;
    align-items: center;
    gap: 15px;
}

.btn-page {
    padding: 8px 20px;
    font-size: 0.9rem;
    border-radius: 6px;
    border: 1px solid #B71C1C;
    background: #FFFFFF;
    color: #B71C1C;
    cursor: pointer;
    transition: 0.2s;
}

    .btn-page:hover:not(:disabled) {
        background: #B71C1C;
        color: #FFFFFF;
    }

    .btn-page:disabled {
        opacity: 0.4;
        cursor: not-allowed;
    }

.page-indicator {
    font-weight: 600;
    font-size: 0.9rem;
    color: #1B5E20;
}

.hint-text {
    font-size: 0.8rem;
    color: #777;
}

/* ============================= */
/* MOBILE OPTIMIZATION */
/* ============================= */

@media (max-width: 768px) {

    .card-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .filter-group {
        width: 100%;
    }

    .modern-select {
        width: 100%;
    }

    .doc-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .pagination-controls {
        flex-wrap: wrap;
        justify-content: center;
    }
}