.contact-page .inner {
  padding-top: clamp(120px, 26svh, 2000px); }

.contact-page .left {
  grid-column: 1 / 13; }
  .contact-page .left h4 {
    padding-bottom: 26px; }

.contact-page .right {
  grid-column: 13/22; }
  .contact-page .right h4 {
    padding-bottom: 26px; }

.contact-page .main-contact, .contact-page .main-social {
  display: flex;
  flex-direction: column;
  padding-bottom: 26px; }

.contact-page .locations .single-location {
  grid-column: span 4; }
  .contact-page .locations .single-location .contact-link {
    display: block; }
    .contact-page .locations .single-location .contact-link a {
      font-family: 'Akkurat';
      font-size: 16px;
      line-height: 20px; }
      @media (max-width: 960px) {
        .contact-page .locations .single-location .contact-link a {
          font-size: 15px; } }
  .contact-page .locations .single-location .email {
    padding-bottom: 12px; }

.contact-page .fc {
  padding-bottom: 6px; }

.contact-page label.fc {
  padding-bottom: 4px;
  display: block; }

.contact-page .contact-form form {
  display: flex;
  flex-direction: column;
  gap: 15px; }

.contact-page .contact-form input, .contact-page .contact-form textarea {
  background-color: var(--grey2);
  padding: 10px;
  border-radius: 4px; }
  .contact-page .contact-form input::placeholder, .contact-page .contact-form textarea::placeholder {
    opacity: 20%;
    font-size: 15px; }

.contact-page .contact-form button {
  margin-top: 20px;
  text-underline-offset: 6px;
  background-color: var(--fadeBlack);
  color: white;
  padding: 10px 16px 7px 30px;
  border-radius: 3px;
  line-height: 1;
  transition: all .3s ease-in-out;
  position: relative; }
  .contact-page .contact-form button::before {
    content: url(../../icons/right-arrow.svg);
    display: inline-block;
    position: absolute;
    top: 26%;
    left: 11px; }
  .contact-page .contact-form button:hover {
    background-color: var(--black); }

@media (max-width: 960px) {
  .contact-page .left, .contact-page .right {
    grid-column: 1/-1; }
  .contact-page .left .locations .single-location {
    grid-column: span 6; }
  .contact-page .right {
    padding-top: 100px;
    padding-bottom: 170px; } }