@media (max-width: 767px) {
    .mfn-main-slider .rev-slidebg {
        width: 100% !important;
        height: auto !important;
    }
}



      /* Style for the links in the vertical menu */
.vertical-menu a {
    background-color: #192655; 
    color: #fff; 
    display: block; 
    padding: 12px; 
    border-bottom: 1px solid #fff; 
    text-decoration: none; 
}

/* Style for the links when hovered */
.vertical-menu a:hover {
    background-color: #ffc60b; 
    color: #000; 
}


.vertical-menu a.active {
    background-color: #ffc60b; 
    color: white; 
}


.content-wrapper {
    display: flex; 
    justify-content: space-between; 
    flex-wrap: wrap; 
}

/* Style for the main content */
.content {
    flex: 9; 
    padding-left: 20px; 
    text-align: justify; 
}


.sidebar {
    flex: 3; 
    margin-right: 20px;
}




        /*.section-title {

            background-color: #328ba8;

            color: white;

            padding: 10px;

        }

*/

        .achievements p {

            margin: 15px 0;

        }



        /* Responsive layout for mobile devices */

        @media (max-width: 768px) {

            .content-wrapper {

                flex-direction: column;

            }



            .content {

                padding-left: 0;

                margin-top: 20px;

            }



            .sidebar {

                margin-right: 0;

            }

        }

    

   

 .menu-main {
    font-size: small;
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-main li {
    display: inline-block;
    position: relative;
}

.menu-main li ul.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff; /* Change as needed */
    z-index: 9999;
    padding: 0;
    margin: 0;
    width: 315px; /* Ensure it takes the full width of the container */
    white-space: nowrap; /* Prevent text wrapping */
}

.menu-main li:hover ul.submenu {
    display: block;
}

.menu-main li ul.submenu li {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.menu-main li ul.submenu li a {
    display: block;
    padding: 10px;
    color: #333; /* Change as needed */
    text-decoration: none;
    box-sizing: border-box; /* Ensure padding is included in the width */
    width: 317px; /* Ensure a tags take up the full width of the li elements */
}

.menu-main li ul.submenu li:hover a {
    background-color: #f0f0f0; /* Change as needed */
}

/* Mobile view adjustments */
@media (max-width: 768px) {
    .menu-main {
        width: 100%;
    }

    .menu-main li {
        display: block;
        width: 100%;
    }

    .menu-main li ul.submenu {
        position: static;
        width: 100%;
    }

    .menu-main li ul.submenu li {
        width: 100%;
    }

    .menu-main li ul.submenu li a {
        width: 100%;
    }
}



ul.breadcrumb {

  padding: 10px;

  list-style: none;

  background-color: #eee;

}



/* Display list items side by side */

ul.breadcrumb li {

  display: inline;

  font-size: 16px;

}



/* Add a slash symbol (/) before/behind each list item */

ul.breadcrumb li+li:before {

  padding: 8px;

  color: black;

  content: ">>\00a0";

}



/* Add a color to all links inside the list */

ul.breadcrumb li a {

  color: #000000;

  text-decoration: none; text-transform: capitalize;

}



/* Add a color on mouse-over */

ul.breadcrumb li a:hover {

  color: #000000;

  text-decoration: none; text-transform: capitalize;

}




 b {
            font-weight: bold;
        }