body{
  background-color: white;
}

.hero {
  background-image: url('images/contacthero.jpg'); /* Replace with your image path */
  background-size: cover; /* Ensures the image covers the entire header */
  background-position: center; /* Centers the image */
  height: 200px; /* Adjust based on your design */
  color: white; /* Change text color for visibility */
  align-items: center; /* Centers content vertically */
  text-align: center;
  padding: 50px 0;
  color: #2b2f83;
}

.hero h2{
  font-size: 40px;
  margin-right: 35%;
}
.hero p{
  font-size: 20px;

}
.contact-info {
  display: flex; /* or display: grid; */
  justify-content: space-between; /* Adjust spacing */
  align-items: center; /* Align vertically */
  margin: 20px; /* Add margins for better spacing */
  display: flex;
  align-items: center;
}

.info-item {
  margin: 5%;
  flex-basis: 30%; /* Or set aid column size */
  padding: 10px; /* Space inside each item */
  text-align: left; /* Center text in each box */
  text-align: top;
}

.info-item h{
  font-size: 22px;
  font-style: Saira, sans-serif;
  font-weight: bold;
  color: #384089;
  margin: 0px 0px 8px;
}

.info-item p{
  font-size: 18px;
  font-family: 'Times New Roman', Times, serif;
  color:#7c8083;
}

.info-item h6{
  font-size: 16px;
  font-family: sans-serif;
  color: #16436f;
}
.separator {
  width: 1px; /* Width of the vertical line */
  background-color: #ccc; /* Color of the line */
  height: 100px; /* Height of the line */
}

.separator:first-child {
  display: none; /* Hide the first separator */
}


body {
  margin: 0;
  font-family: Arial, sans-serif;
}


/*  footer   */
.footer {
  background-color: #16436f; /* Dark blue */
  color: white;
  padding: 20px 0;
}

.footer-container {
  display: flex;
  justify-content: space-around;
  max-width: 95%;
  margin: 5px 5px 10px;
}

.footer-section {
  width: 20%; /* Adjust the width */
}

.footer-section h2 {
  border-bottom: 2px solid; /* Light grey underline */
  margin-bottom: 10px;
}

.footer-section a {
  color: #ccc;
}

.footer-section ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.footer-section ul li {
  margin: 10px;
}

.footer-section ul li a {
  color: white;
  text-decoration: none;
}

.footer-section ul li a:hover {
  text-decoration: underline;
}

.footer-bottom {
  height: 20px;
  display: flex;
  padding: 10px 10px;
  background-color: white; /* Slightly darker blue */
  color: #16436f;
}
.left-side, .right-side {
  width: 50%;
  font-weight: bolder;
}