/* OP24 Hero Section  */
.op24-hero__title-tag {
  margin-bottom: 8px;
  color: #c84f3c;
  text-transform: uppercase;
}
.op24-hero__button:hover{
  margin-left: 4px;
  transition: margin-left 0.6s ease-in-out;
}
.op24-hero__subtitle {
  margin-bottom: 48px;
  font-family: Outfit;
  font-size: 21px;
  font-weight: 500;
  line-height: 28px;
}

.op24-hero__subtitle .op24-hero__extra-paragraph {
  font-family: Outfit;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.op24-hero__h1 {
  margin-bottom: 24px;
}

.op24-hero__button {
  margin-top: 24px;
  margin-bottom: 24px;
}

body .op24-hero .col--6.right-column img {
  max-width: 85% !important;
}

@media only screen and (max-width: 768px) {
  body .op24-hero .col--6.right-column img {
    max-width: 100% !important;
  }
}

.left-column--centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (max-width: 994px) {
  .op24-hero > .left-column {
      order: 1;
  }
  .op24-hero > .right-column {
      order: 1;
  }
  .op24__h1 {
    margin-bottom: 16px;
  }
  .op24-hero__subtitle {
    font-family: Outfit;
    font-size: 21px;
    font-weight: 500;
    line-height: 28px;
  }
}

@media only screen and (max-width: 768px) {
  .op24-hero__subtitle {
    margin-bottom: 1rem;
  }
  .row.op24-hero {
    grid-gap: 0;
  }