.offices {
  background-image: url("../assets/images/hero-block-bg.png");
  background-position: right;
  background-repeat: no-repeat;
  padding-top: 120px;
  overflow: hidden;
  padding-bottom: 208px;
}

.offices h1 {
  color: var(--Deep-Purple, #512455);
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 800;
  line-height: 112%; /* 71.68px */
  margin-bottom: 72px;
}

.offices .office .office-info {
  gap: 24px;
}

.offices .office .office-info h2 {
  color: var(--Deep-Purple, #512455);
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%; /* 48px */
}

.offices .office .office-info p,
.offices .office .office-info a {
  color: var(--Deep-Purple, #512455);
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 31.5px */
}

.offices .office .office-info .office-email a {
  text-decoration: underline;
  text-underline-position: under;
}

@media only screen and (max-width: 1080px){
  .offices {
    padding-top: 0px;
  }
}

@media only screen and (max-width: 768px) {
  .offices {
    padding-top: 0px;
    background-position: unset;
    padding-bottom: 0px;
  }
  .offices h1 {
    margin-bottom: 16px;
  }
}