.wrapper.row1 {
      background-color: #B0C4DE; /* Light blue background */
      display: flex;
      align-items: center;
     justify-content: space-between;
     padding: 10px 20px;
     box-sizing: border-box;
     height: 220px;
            }


.logo {
    flex: 0 0 15%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
   }

.logo img{
    width: 250px;
    height: 200px;
  /*  min-width: 250px;
    min-height: 200px;*/
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 40px;
    max-width: 90%;
    max-height: 80%;
}

.right-logo {
    flex: 0 0 20%;
    display: flex;
    align-items: center;
    justify-content: center;
   }

.right-logo img {
    max-width: 250px;
    height: 250px;
    width: auto;
    height: auto;
    display: block;
    margin-right: 20px;
 }

/*
.logo {
    flex: 0 0 15%;
    display: flex;
    align-items: center;
    justify-content: center;
   }

.logo img {
    max-width: 250px;
    height: 250px;
    width: auto;
    height: auto;
    display: block;
 }
*/
#header-text {
    flex: 0 0 60%;
    /*flex: 1;*/
    text-align: center;
    /*padding-left: 0;*/
    /*margin-left: 240px;*/
    /*display: inline-block;*/
   }

a.appdb {
    /*display: block; /* Ensure it's treated as an block element */
    /*margin-left: 40px; /* Adjust this value to move APPdb to the right */
    font-weight: bold; /* Optional: If you want to emphasize APPDB */
    /* color: #C71585;*/
    /*color: #ff8c00 ;*/
    color: black;
    text-decoration: none;
    cursor: pointer;
    font-size: 50px;
   }

a.appdb:hover{
    text-decoration: none;
}

.subtitle {
   /*display: inline;/* Ensure it's on the same line */
    /*display: inline;*/
     font-size: 50px;
   color: black;
}
/*
.right-logo {
    flex: 0 0 20%;
    display: flex;
    align-items: center;
    justify-content: center;
   }

.right-logo img {
    max-width: 250px;
    height: 250px;
    width: auto;
    height: auto;
    display: block;
 }
*/
/*
.right-logo {
    flex: 0 0 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
   }

.right-logo img{
    width: 200px;
    height: 200px;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 30px;
    max-width: 100%;
    max-height: 100%;
   }
*/
nav {
    background-color: #808080 !important;/* Background color for the nav bar */
    padding: 10px;
    display: flex;
    align-items: center; /* Vertically center the nav items */
    justify-content: center; /* Center the nav items horizontally */
}


 nav a {
      font-size: 25px; /* Increase font size for nav links */
      text-decoration: none;
      color: white; /* Adjust the color if necessary */
    }
#mainav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
    display: flex;
    justify-content: center; /* Ensure items are centered in the middle */
    align-items: center;
}


#mainav ul li {
    /*float: none;*/
   padding: 0 15px; /* Add some padding between items */
  display: flex;
   align-items: center;
    position: relative;
}

#mainav ul li a {
    display: block;
    color: white; /* Text color for the nav links */
    text-align: center;
    padding: 14px 20px;
    text-decoration: none; /* Remove underlines */
    line-height: 30px; /* Ensure vertical alignment */
    transition: background-color 0.3s ease; /* Smooth transition for hover */
}

/* Dropdown menu styles */
#mainav ul li ul {
    display: none; /* Hide dropdown by default */
    position: absolute;
    top: 100%; /* Position dropdown below the parent item */
    left: 0;
    background-color: #778899;
    /*background-color: #0970; /* Dropdown background */
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 800; /* Ensure dropdown is on top */
    width: 200px;
    box-sizing: border-box;
}

/* Show the dropdown on hover */
#mainav ul li:hover > ul {
    display: block !important;
}/*  position: absolute;
    background-color: #444; /* Dropdown background */

#mainav ul li ul li {
    /*float: none; /* Dropdown items should be vertically stacked */
    display:block;
    border-bottom: 1px solid black;
    /*width: calc(100% - 2px);*/
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

#mainav ul li ul li a {
    display: block;
    padding: 10px;
    color: white; /* Text color for dropdown items */
    text-decoration: none;
    background-color: #333;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}
#mainav ul li ul li a:hover {
    background-color: #ff6347 !important;
    color: white;
   
}

/* Hover effects for main navigation */
#mainav ul li a:hover {
    background-color: #ff6347; /* Change to desired color on hover (e.g., Tomato) */
}

/* Hover effects for dropdown items */
#mainav ul li ul li a:hover {
    background-color: #1e90ff; /* Change to desired color for dropdowns on hover (e.g., Dodger Blue) */
}

.form-table {
    align-items: center;
}

.wrapper.row4 {
  text-align: center; /* Center content horizontally */
  margin-top: 50px;
}

.wrapper.row5 {
    margin: 0 auto;    /* Center the whole division horizontally */
  text-align: justify; /* Center the inline content inside the division */
    width: 1000px;
}