.FAL-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 80%
            display: flex;
            justify-content: center;
            align-items: center;
            align-items: center;
            background: #4A6482;
            min-height: 300px;
        }

.FAL-text-content {
            max-width: 50%;
            color: white;
         }

.FAL-image-container img {
            max-width: 400px;
        }

 .home-image-container {
            text-align: center;
            width: 100%;
            max-width: 400px; /* Adjust as needed */
            margin: auto;
        }

 .home-image-container img {
            width: 100%;
            max-width: 100%;
            height: auto;
            display: block;
        }

.home-caption {
            background-color: #1A3A5E; /* Blue color */
            color: white;
            font-size: 20px;
            font-weight: bold;
            padding: 10px;
            text-align: center;
        }

.home-caption a {
            color: white;
        }
.home04-ibox {
    text-align: center;
    border: 2px solid #B5AE98; /* Light brownish border */
    border-radius: 20px; /* Rounded corners */
    padding: 20px;
    display: inline-block;
    width: 100%; /* Adjust as needed */
    /*height: 200px; /* Adjust as needed */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    margin-top: 30px;
}

.home04-ibox .ico {
    background-color: #B5AE98; /* Light brownish background */
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 auto 10px;
}

.home04-ibox .ico span {
    font-size: 30px;
    color: #333; /* Dark gray icon */
}

.home04-ibox h5 {
    font-size: 18px;
    font-weight: bold;
    color: #3B556D; /* Dark blue text */
    margin: 0;
}

.home-imgbox05 {
    text-align: center;
    border: 4px solid #3B556D; /* Subtle border */
    display: inline-block;
    width: 100%; /* Adjust as needed */
    background-color: #F1F1F1; /* Light gray background */
}

.home-imgbox05 img {
    width: 100%;
    display: block;
   /* border-bottom: 2px solid #3B556D; /* Separating border under the image */
}

.home-imgbox05-con {
    padding: 10px;
    background-color: #F1F1F1; /* Matching light gray background */
    font-size: 14px;
    color: #333; /* Darker text for contrast */
    text-align: center;
}

  .button {
                background-color: #175480;
                
                color: black;
                padding: 20px;
              
                text-align: center;
                text-decoration: none;
                display: inline-block;
                margin-bottom: 20px;
            
                -webkit-transition-duration: 0.4s; /* Safari */
                transition-duration: 0.4s;
                cursor: pointer;
                }
                .button1 {
                background-color: #175480;
                color: white;
                width: 400px;
                font-size: 16px;
               
                }
                 .button2 {
                 background-color: #175480;
                color: white;
                width: 400px;
                font-size: 16px;
                 margin-bottom: 5px;
                }
                  .button3 {
        background-color: #175480;
        color: white;
        width: 400px;
        box-shadow: 1px 6px 10px 0px #888888;
        margin: 10px;
        padding: 10px;
        
        }
        .button3:hover {
        background-color:#fceed0;
        color: #035C75;

        }

.roll_menu.roll_activated .dnn_logo {
    margin-bottom: 10px;
}


.headerBox > .shade {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-bottom: 10px solid #9ea574;
}

.lightbox-photo .title {
	font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    color: #424242;
    padding: 20px 0 12px 0;
    margin-bottom: 6px;
    position: relative;
}

/* CLE BOXES */

/* Ensure columns fill exactly 1/5th of the row on large screens */
@media (min-width: 992px) {
  .box-column {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.box-column {
  padding: 0;
}

/* Full height clickable block */
.box-link {
  display: block;
  width: 100%;
  height: 350px;
  text-decoration: none;
  color: white;
}

/* Centered content with icon and label */
.box-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
}

/* Specific background colors */
.bg-events {
  background-color: #7FDBFF;
}

.bg-law-update {
  background-color: #3c9fb7;
}

.bg-learn-earn {
  background-color: #1b788f;
}

.bg-convention {
  background-color: #194d59;
}

.bg-new-lawyer {
  background-color: #092d36;
}

/* Optional hover effect */
.box-link:hover {
  filter: brightness(90%);
}