/* INDENT
========================================================================== */

/**************************** Indent ****************************/

.f_ind {
  padding-inline: 1.25em;
  position: relative;
}
.f_ind--field-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25em;
  height: 100%;
  background-color: var(--c-white);
}

@media (min-width: 1280px) {
  .f_ind {
    padding-inline: 3.5em;
  }
  .f_ind--field-left::before {
    width: 3.5em;
  }
}

@media (min-width: 1600px) {
  .f_ind {
    padding-inline: 6em;
  }
  .f_ind--field-left::before {
    width: 6em;
  }
}

@media (min-width: 2300px) {
  .f_ind {
    padding-inline: 9em;
  }
  .f_ind--field-left::before {
    width: 9em;
  }
}



/* SECTION
========================================================================== */

/**************************** Section ****************************/

.f_sec {
  padding-block: 1em;
  padding-inline: 2em;
}
body .f_sec--first {
  padding-top: 2em;
}
body .f_sec--last {
  padding-bottom: 2em;
}
body .f_sec--banner-margin {
  padding-top: 8em;
}

@media (min-width: 768px) {
  .f_sec{
    padding-block: 1.5em;
  }
  body .f_sec--first {
    padding-top: 3em;
  }
  body .f_sec--last {
    padding-bottom: 3em;
  }
}

@media (min-width: 1024px) {
  body .f_sec--banner-margin {
    padding-top: 9em;
  }
}

@media (min-width: 1280px) {
  .f_sec {
    padding-block: 1.75em;
    padding-inline: 3.5em;
  }
  body .f_sec--first {
    padding-top: 3.5em;
  }
  body .f_sec--last {
    padding-bottom: 3.5em;
  }
  body .f_sec--banner-margin {
    padding-top: 9.5em;
  }
}

@media (min-width: 1600px) {
  .f_sec {
    padding-block: 3em;
    padding-inline: 6em;
  }
  body .f_sec--first {
    padding-top: 6em;
  }
  body .f_sec--last {
    padding-bottom: 6em;
  }
  body .f_sec--banner-margin {
    padding-top: 11.5em;
  }
}

@media (min-width: 2300px) {
  .f_sec {
    padding-block: 3.75em;
    padding-inline: 9em;
  }
  body .f_sec--first {
    padding-top: 7.5em;
  }
  body .f_sec--last {
    padding-bottom: 7.5em;
  }
  body .f_sec--banner-margin {
    padding-top: 12.5em;
  }
}