/* GET ACCESS SECTION */

.section-access {
  background-color: var(--color-light-grey--1);
}

.section-access--image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-default);
}

/* GET ACCESS FORM */
.section-access--form {
  background-color: var(--color-white);
  border-radius: var(--radius-default);
  box-shadow: var(--shadow-light);
  padding: var(--padding-medium) var(--padding-medium) 0;
  margin-top: var(--margin-default);
}

.required {
  justify-content: flex-end;
  gap: var(--gap-xsmall);
  position: relative;
}

.accessform-form {
  column-gap: calc(var(--gap-small) * 2);
  row-gap: calc(var(--gap-normal) / 2);
}

.accessform-form input {
  width: 100%;
  padding: var(--padding-small);
  border-radius: calc(var(--radius-small) / 2);
  border: var(--border-default);
  font-style: inherit;
}

.accessform-form label {
  display: block;
  font-size: inherit;
  font-weight: var(--weight-medium);
  margin-bottom: var(--margin-small);
  position: relative;
}

.form-button {
  justify-self: end;
}

.accessform-form input:active,
.accessform-form input:focus {
  outline: none;
  border-color: var(--color-light-grey--2);
}

/* Responsive design */
@media only screen and (max-width: 70em) {
  .section-access--content {
    column-gap: var(--gap-medium);
 }
  .accessform-form {
    display: block;
 }

  .accessform-form .form-group {
    margin-bottom: var(--margin-small);
 }
}

@media only screen and (max-width: 56.25em) {
  .section-access--content {
    grid-template-columns: 1fr;
  }

  .accessform-form {
    display: grid;
 }

  .section-access--form {
    padding-bottom: var(--padding-medium);
 }
}

@media only screen and (max-width: 43.75em) {
  .section-access--text {
    row-gap: 4rem;
 }

  .accessform-form {
    display: block;
 }

  .accessform-form .form-group {
    margin-bottom: var(--margin-small);
 }
}