.menus-section{
    background: #ced4da;
}


.logo-box{
    margin-top: 10px;
}

.logo-text-box h2{
    color: #04415f;
    margin-bottom: 0;
}

.logo-text-box p{
    color: #000000;
    margin-bottom: 0;
}

.logo-text-box .red{
    color: #8c0d4f;
}
.logo-text-box .blue{
    color: #023b6d;
}
.logo-text-box .green{
    color: #005751;
}

.ParentStudentLogin {
   text-align: end;
    margin-top: 10px;
    margin-right: 5px;
}

.header .header-container {
    padding-top: 0px;
    padding-bottom: 0px;
}

.header{
    padding: 15px 0px 0px 0px;
}


/*side nav*/
.side_nav {
    background: #ffffff;
    padding: 20px 25px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    width: 100%;
    font-family: 'Segoe UI', sans-serif;
}

.side_nav h3 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #2c3e50;
    border-bottom: 2px solid #3498db;
    padding-bottom: 8px;
}

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

.side_nav ul li {
    margin-bottom: 12px;
}

.side_nav ul li a {
    display: block;
    text-decoration: none;
    padding: 10px 15px;
    color: #34495e;
    border-radius: 8px;
    transition: all 0.3s ease;
    background-color: #f7f9fc;
}

.side_nav ul li a:hover {
    background-color: #3498db;
    color: white;
    box-shadow: 0 4px 10px rgba(52, 152, 219, 0.2);
}


/*notice-board*/
.notice-board h4{
    text-align: left;
    margin-left:15px;
}

.notice-board ul li:nth-child(odd), .notice-board ul li a:nth-child(odd) {
    color: #860657; /* Text color */
}

.notice-board ul li:nth-child(even), .notice-board ul li a:nth-child(even) {
    color: #168fe0; /* Slightly darker text */
}

/*.main-slide .carousel-item img{*/
/*    width: 100%;*/
/*    height: 400px;*/
/*}*/

.main-slide .carousel-item img {
    width: 100%;
    height: 400px;
    /*object-fit: cover;*/
}

/* Tablets and smaller */
@media (max-width: 992px) {
    .main-slide .carousel-item img {
        height: 300px;
    }
}

/* Mobile devices */
@media (max-width: 768px) {
    .main-slide .carousel-item img {
        height: 250px;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    .main-slide .carousel-item img {
        height: 200px;
    }
}