body {
  width: 100vw;
}

.footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 50px 12px;
}

.footer-sections {
  display: flex;
  gap: 10px;
}

.footer-sections p {
  margin: 0;
}

.footer-sections-bottom {
  font-family: "Inter", sans-serif;
  font-size: 0.9em;
  color: #4c4d66;
}

.footer-first-section {
  align-items: center;
  gap: 20px;
}

.footer-third-section {
  gap: 50px;
}

.footer-explore,
.footer-contact-us {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 1em;
  color: #4c4d66;
}

.footer-service {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #4c4d66;
}

.footer-copyright,
.footer-icon a {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #737491;
}

.footer-copyright {
  display: flex;
  width: 300px;
}

.social-handles {
  display: flex;
  gap: 10px;
}

.footer-icon {
  display: flex;
  gap: 5px;
  align-items: center;
}

.footer-location {
  width: 100%;
  white-space: nowrap;
}
.footer-location img {
  margin-left: -2px;
}
.apply-link {
  color: #448c74;
}

.contact-methods,
.social-handles-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

iframe {
  width: 100%;
}

body {
  overflow-x: hidden;
}

.footer-tag-style{
  background-color: #ecf3f1;
}

/* Max width media queries */
@media only screen and (max-width: 1199px) {
  .footer-third-section {
    gap: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .footer-copyright {
    flex-direction: column;
    gap: 0;
  }
  .footer-third-section {
    gap: 20px;
  }

  .footer {
    flex-direction: column;
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  .footer {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .footer-sections {
    flex-direction: column;
    align-items: center;
  }
  .footer-sgx-logo {
    width: 220px;
    height: auto;
  }
  .contact-methods {
    align-items: center;
  }

  .footer-second-section {
    text-align: center;
  }
  .footer-third-section {
    gap: 40px;
  }
  .footer-first-section {
    text-align: center;
  }

  .footer-location {
    width: 90%;
    text-align: center;
    white-space: normal;
  }

  .footer-icon {
    align-items: flex-start;
  }
}