body {
 
    background-color: #ffffff;
    padding-left: 0;
    font-family: 'open sans', sans-serif;
    font-weight: 3000;
    font-size: 20px;
    position: relative;
    color: black;
  }
header .navbar {
    background-color: #ffffff;
    color: black;
    font-family: 'open sans', sans-serif;
}

header .hero-image {
    padding-top: 5em;
    width: 100%;
    Height: auto;
    object-fit: cover;
}
.nav-link:hover {
color:#1b58a8
}
.col{
    padding: 100px 50px;
}
footer .navbar {
    background-color: #1b58a8;
    font-family: 'open sans', sans-serif;
    color: #ffffff;
}
img {
    width: 100%;
    
    object-fit: cover;
    vertical-align: middle;
}
.wrapper {
    padding: 100px 37px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    gap: 5rem;
}

.intro {
    flex: 1;
}

.text-center {
    color: #ffffff;
    font-family: 'open sans', sans-serif;
}

.me-5 {
    color: #ffffff;
    font-family: 'open sans', sans-serif;
    padding-top: 1em;
}
.btn {
    background-color: #1b58a8;
    color: #ffffff
}
.btn:hover {
    background-color: #ffffff;
    color: #1b58a8
}
h1 {
    font-family: 'open sans', sans-serif;
    color: #1b58a8;
}
figcaption{
    padding-top: 20px;
}

ul {
    list-style: none;
}
ul li {
    display: inline-block;
    position: relative;
}
ul li a {
    display: block;
    padding: 20px 25px;
    
}
ul li ul.dropdown li {
    display: block;
}
ul li ul.dropdown {
    width: 358%;
    position: absolute;
    z-index: 999;
    display: none;
    background-color: rgb(248, 247, 247);
}
ul li:hover ul.dropdown{
    display: block;
}