.mlw2025-panel-container {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 1.5rem;

  padding: 2rem;

  font-family: 'Montserrat', sans-serif;

}



.mlw2025-panel {

  background: #4352a8;

  color: white;

  border-radius: 1rem;

  padding: 2rem;

  flex: 1 1 300px;

  max-width: 400px;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  position: relative;

  overflow: hidden;

}



.mlw2025-panel h2 {

  font-size: 1.75rem;

  margin-bottom: 1rem;

  font-weight: 700;

}



.mlw2025-panel p {

  font-size: 1rem;

  line-height: 1.5;

  margin-bottom: 1.5rem;

  font-weight: 400;

}



/* Button styles */

.mlw2025-panel-button {

  background-color: white;

  color: #4352a8;

  font-size: 1rem;

  font-weight: 700;

  padding: 0.75rem 2rem;

  border-radius: 2rem;

  text-decoration: none;

  text-align: center;

  display: inline-block;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

  transition: background-color 0.3s ease, color 0.3s ease;

}



.mlw2025-panel-button:hover,

.mlw2025-panel-button:focus {

  background-color: #e3eaff;

  color: #274382;

  outline: none;

}



.mlw2025-panel-bg {

  position: absolute;

  top: 1rem;

  right: 1rem;

  width: 30% !important;

  max-width: 120px !important;

  height: auto !important;

  opacity: 0.8;

  pointer-events: none;

  z-index: 0;

}







/* Ensure content layers on top of image */

.mlw2025-panel h2,

.mlw2025-panel p,

.mlw2025-panel-button {

  position: relative;

  z-index: 1;

}



/* Responsive */

@media (max-width: 768px) {

  .mlw2025-panel-container {

    flex-direction: column;

    align-items: center;

  }

}











.mlw-blue-bg {

	background-color:#e3f0fe;

	height:100%;

	padding:10px 20px;

	width:90%; 

}





.mlw-blue-bg h2 {

	text-decoration: none!important; 

	font-family:Montserrat!important;

	font-size: 2rem!important;

}



.mlw-blue-bg h3 {

	text-decoration: none!important; 

	font-family:Montserrat!important;

	font-size: 1.5rem!important;	

	color:#4352a8!important;

}



.node__content {

	font-family: 'Montserrat', sans-serif!important;

}



/* Add | to menu */







/* remove underline and border from the span inside the links */

/* Menu link style */





/* Hover effect */

.mlw-nav:hover {

    background-color: #4352a8;

    color: white !important;

}



/* Add a black separator after each item except the last */



/* --- New Submenu Styles --- */



/* Container */

#ms-menu {

    list-style: none;

    margin: 0;

    padding: 0;

    text-align: center;

    font-family: 'Montserrat', sans-serif;

}



/* Each menu item inline */

#ms-menu li {

    display: inline-block;

}



/* Link styling */

#ms-menu a {

    display: inline-block;

    padding: 10px;

    font-size: 1.25rem;

    font-weight: normal;

    text-decoration: none;

    color: #000000;

    transition: background-color 0.3s ease, color 0.3s ease;

}



/* Hover */

#ms-menu a:hover {

    background-color: #4352a8;

    color: white;

}



/* Separator */

#ms-menu li:not(:last-child)::after {

    content: "|";

    color: black;

    margin: 0 8px;

}



.mlw-button {

    background-color: #4352a8;

    border-radius: 5px!important;

    margin: 15px 0;

}