/* The who we are section */
.about-us {
  background-color: #fff; /* Set background color to white */
}

.about-us h2 {
  color: #020202; /* Set text color to almost black */
  font-size: 26px; /* Set font size */
}

.about-us .sub-heading {
  border-left: 3px solid #020202; /* Add a left border */
  padding-left: 10px; /* Add padding to the left */
}

.about-us .container {
  width: 80%; /* Set container width */
  margin: auto; /* Center the container */
  display: flex; /* Use flexbox for layout */
  justify-content: space-between; /* Space out items */
  margin-top: 20px; /* Add top margin */
}

.about-us .container div {
  width: 48%; /* Set width of child divs */
}

.about-us .image {
  background: url(../images/advisory.jpg); /* Set background image */
  background-size: cover; /* Cover the entire area */
  height: 300px; /* Set height */
}

.about-us .text {
  align-content: center; /* Center content */
}

.about-us a {
  text-decoration: none; /* Remove underline from links */
  color: #fff; /* Set text color to white */
  background: #020202; /* Set background color to almost black */
  padding: 5px 20px; /* Add padding */
  border-radius: 5px; /* Round the corners */
  position: relative; /* Set position to relative */
  top: 5px; /* Move link slightly down */
}

/* Media query for screens smaller than 1050px */
@media only screen and (max-width: 1050px) {
  .about-us .container {
    width: 90%; /* Increase container width */
  }
}

/* Media query for screens smaller than 750px */
@media only screen and (max-width: 750px) {
  .about-us .container {
    flex-direction: column; /* Stack items vertically */
  }
  .about-us .container div {
    width: 100%; /* Set width to 100% */
  }
  .about-us .image {
    height: 300px; /* Set height */
  }
  .about-us .text {
    align-content: center; /* Center content */
    height: 300px; /* Set height */
  }
}

/* Media query for screens smaller than 600px */
@media only screen and (max-width: 600px) {
  .about-us .text {
    height: 400px; /* Increase height */
  }
}