/**
--------------------------------------------------
  Normalize
--------------------------------------------------
**/
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
          text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/**
--------------------------------------------------
  Variables
--------------------------------------------------
**/
:root {
  --ff-roboto: Roboto, sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --fw-black: 900;
  --c-black: #000;
  --c-black-a-15: rgba(0, 0, 0, 0.15);
  --c-white: #fff;
  --c-alto: #d1d1d1;
  --c-gallery: #eaeaea;
  --c-mercury: #e6e6e6;
  --c-tundora: #454545;
  --c-gainsboro: #d9d9d9;
  --c-dove-gray: #707070;
  --c-mine-shaft: #3e3e3e;
  --c-wild-sand: #f5f5f5;
  --c-emperor: #525252;
  --c-emperor-a-85: rgba(82, 82, 82, 0.85);
  --c-green: #1e9d37;
  --c-orange: #f27c30;
  --c-orange-a-55: rgba(242, 124, 48, 0.55);
  --c-orange-a-65: rgba(242, 124, 48, 0.65);
  --c-red: #fc023f;
  --gap: 20px;
  --header-h: 74px;
  --g-5: calc(var(--gap) * 0.25);
  --g-10: calc(var(--gap) * 0.5);
  --g-15: calc(var(--gap) * 0.75);
  --g-20: calc(var(--gap) * 1);
  --g-25: calc(var(--gap) * 1.25);
  --g-30: calc(var(--gap) * 1.5);
  --g-35: calc(var(--gap) * 1.75);
  --g-40: calc(var(--gap) * 2);
  --g-45: calc(var(--gap) * 2.25);
  --g-50: calc(var(--gap) * 2.5);
  --g-55: calc(var(--gap) * 2.75);
  --g-60: calc(var(--gap) * 3);
  --g-65: calc(var(--gap) * 3.25);
  --g-70: calc(var(--gap) * 3.5);
  --g-75: calc(var(--gap) * 3.75);
  --g-80: calc(var(--gap) * 4);
  --g-85: calc(var(--gap) * 4.25);
  --g-90: calc(var(--gap) * 4.5);
}

/**
--------------------------------------------------
  Reset
--------------------------------------------------
**/
html {
  font-family: var(--ff-roboto);
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--c-white);
  color: var(--c-mine-shaft);
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
figure,
fieldset,
blockquote {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

fieldset {
  border: 0;
}

table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
}

img,
svg {
  vertical-align: top;
}

svg {
  fill: currentColor;
}

a,
button,
input,
textarea {
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-property: background-color, border-color, color;
          transition-property: background-color, border-color, color;
}

button,
input,
textarea {
  font-weight: inherit;
  vertical-align: top;
}

button {
  line-height: inherit;
  cursor: pointer;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: inherit;
  opacity: 0.5;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

input::placeholder,
textarea::placeholder {
  color: inherit;
  opacity: 0.5;
}

input {
  line-height: normal;
}

textarea {
  line-height: inherit;
  resize: none;
}

/**
--------------------------------------------------
  Layout
--------------------------------------------------
**/
.wrapper,
.container {
  position: relative;
}

.container {
  margin-inline: auto;
  padding-inline: var(--gap);
}

.hidden {
  display: none !important;
}

/* mobile - tablet */
@media (max-width: 1279px) {
  .wrapper {
    padding-top: var(--header-h);
  }
}

/* mobile */
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .hidden-md {
    display: none !important;
  }
}

/* desktop */
@media (min-width: 1280px) {
  .hidden-lg {
    display: none !important;
  }
}

/**
--------------------------------------------------
  Modifier
--------------------------------------------------
**/
.p-absolute {
  position: absolute;
}
.p-fixed {
  position: fixed;
}
.p-relative {
  position: relative;
}
.p-sticky {
  position: sticky;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.d-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.d-block {
  display: block;
}
.d-inline-block {
  display: inline-block;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
      flex-direction: row;
}
.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
}
.flex-col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
.flex-none {
  -webkit-box-flex: 0;
  -ms-flex: none;
      flex: none;
}
.flex-auto {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.flex-initial {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}

.justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.justify-evenly {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}

.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}

.max-w-full {
  max-width: 100%;
}
.max-w-640 {
  max-width: 640px;
}
.max-w-800 {
  max-width: 800px;
}
.max-w-900 {
  max-width: 900px;
}
.max-w-960 {
  max-width: 960px;
}
.max-w-1160 {
  max-width: 1160px;
}
.max-w-1260 {
  max-width: 1260px;
}
.max-w-1340 {
  max-width: 1340px;
}
.max-h-full {
  max-height: 100%;
}

.min-w-full {
  min-width: 100%;
}
.min-h-full {
  min-height: 100%;
}

.mx-auto {
  margin-inline: auto;
}

.of-hidden {
  overflow: hidden;
}
.of-visible {
  overflow: visible;
}

.font-italic {
  font-style: italic;
}
.font-normal {
  font-style: normal;
}
.font-light {
  font-weight: var(--fw-light);
}
.font-regular {
  font-weight: var(--fw-regular);
}
.font-medium {
  font-weight: var(--fw-medium);
}
.font-semibold {
  font-weight: var(--fw-semibold);
}
.font-bold {
  font-weight: var(--fw-bold);
}
.font-extrabold {
  font-weight: var(--fw-extrabold);
}
.font-black {
  font-weight: var(--fw-black);
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-break {
  word-break: break-all;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bg-black {
  background-color: var(--c-black);
}
.bg-white {
  background-color: var(--c-white);
}
.bg-gallery {
  background-color: var(--c-gallery);
}
.bg-mercury {
  background-color: var(--c-mercury);
}
.bg-tundora {
  background-color: var(--c-tundora);
}
.bg-wild-sand {
  background-color: var(--c-wild-sand);
}
.bg-gainsboro {
  background-color: var(--c-gainsboro);
}
.bg-orange {
  background-color: var(--c-orange);
}
.bg-wave {
  background-image: url(../img/wave.svg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 105% 700px;
}

.c-black {
  color: var(--c-black);
}
.c-white {
  color: var(--c-white);
}
.c-gallery {
  color: var(--c-gallery);
}
.c-mercury {
  color: var(--c-mercury);
}
.c-tundora {
  color: var(--c-tundora);
}
.c-wild-sand {
  color: var(--c-wild-sand);
}
.c-gainsboro {
  color: var(--c-gainsboro);
}
.c-orange {
  color: var(--c-orange);
}

.ratio-1x1 {
  aspect-ratio: 1/1;
}
.ratio-4x3 {
  aspect-ratio: 4/3;
}
.ratio-16x9 {
  aspect-ratio: 16/9;
}
.ratio-21x9 {
  aspect-ratio: 21/9;
}

.obj-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.obj-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.radius-10 {
  border-radius: 10px;
}
.radius-20 {
  border-radius: 20px;
}
.radius-30 {
  border-radius: 30px;
}

.rounded {
  border-radius: 50%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/**
--------------------------------------------------
  Animate
--------------------------------------------------
**/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes slideIn {
  from {
    translate: 0 15%;
  }
  to {
    translate: 0 0;
  }
}
@keyframes slideIn {
  from {
    translate: 0 15%;
  }
  to {
    translate: 0 0;
  }
}
@-webkit-keyframes slideOut {
  from {
    translate: 0 0;
  }
  to {
    translate: 0 -10%;
  }
}
@keyframes slideOut {
  from {
    translate: 0 0;
  }
  to {
    translate: 0 -10%;
  }
}
@-webkit-keyframes loading {
  from {
    rotate: z 0deg;
  }
  to {
    rotate: z 360deg;
  }
}
@keyframes loading {
  from {
    rotate: z 0deg;
  }
  to {
    rotate: z 360deg;
  }
}

/**
--------------------------------------------------
  Splide
--------------------------------------------------
**/
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-rendered,
.splide.is-initialized {
  visibility: visible;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide:not(.is-overflow) .splide__arrow,
.splide:not(.is-overflow) .splide__arrows,
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__track,
.splide__slide,
.splide__container {
  position: relative;
}
.splide__track {
  z-index: 0;
  overflow: hidden;
}
.splide__track--fade > .splide__list > .splide__slide {
  z-index: 0;
  opacity: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  z-index: 1;
  opacity: 1;
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.splide__list,
.splide__slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.splide__list,
.splide__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.splide__list {
  height: 100%;
}
.splide__slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.splide__pagination {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  pointer-events: auto;
}
.splide__pagination button {
  width: 10px;
  height: 10px;
  padding: 0;
  background-color: var(--c-black);
  border: 0;
  border-radius: 50%;
}
.splide__pagination button.is-active {
  background-color: var(--c-white);
}
.splide__arrow {
  top: 50%;
  translate: 0 -50%;
  padding: 0;
  background-color: transparent;
  border: 0;
}
.splide__arrow:disabled {
  opacity: 0.25;
  pointer-events: none;
  cursor: default;
}
.splide__icon {
  width: var(--splide-icon-s);
  height: var(--splide-icon-s);
}
.splide__general {
  margin-inline: var(--splide-mx);
}
.splide__general .splide__arrow--prev {
  left: var(--splide-arrow-x);
}
.splide__general .splide__arrow--next {
  right: var(--splide-arrow-x);
}
.splide__spinner {
  position: absolute;
  inset: 0;
  width: 20px;
  height: 20px;
  margin: auto;
  border-color: var(--c-black);
  border-left-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  -webkit-animation: loading 1s infinite linear;
          animation: loading 1s infinite linear;
}
.splide__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.splide__visible {
  overflow: visible;
}

/* mobile */
@media (max-width: 1279px) {
  .splide {
    --splide-mx: var(--g-30);
    --splide-icon-s: var(--g-30);
    --splide-arrow-x: calc(var(--g-40) * -1);
  }
}

/* tablet - desktop */
@media (min-width: 1280px) {
  .splide {
    --splide-mx: 0;
    --splide-icon-s: var(--g-50);
    --splide-arrow-x: calc(var(--g-40) * -2);
  }
}

/**
--------------------------------------------------
  Datepicker
--------------------------------------------------
**/
.air-datepicker-cell.-year-.-other-decade-,
.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.air-datepicker-cell.-year-.-other-decade-:hover,
.air-datepicker-cell.-day-.-other-month-:hover {
  color: var(--adp-color-other-month-hover);
}

.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.-selected-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.air-datepicker-cell.-day-.-other-month- {
  color: #fff;
  background: var(--adp-background-color-selected-other-month);
}

.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background: var(--adp-background-color-selected-other-month-focused);
}

.-in-range-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range);
  color: var(--adp-color);
}

.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range-focused);
}

.air-datepicker-cell.-year-.-other-decade-:empty,
.air-datepicker-cell.-day-.-other-month-:empty {
  background: none;
  border: none;
}

.air-datepicker-cell {
  border-radius: var(--adp-cell-border-radius);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
}

.air-datepicker-cell.-focus- {
  background: var(--adp-cell-background-color-hover);
}

.air-datepicker-cell.-current- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color);
}

.air-datepicker-cell.-current-.-in-range- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-disabled- {
  cursor: default;
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-in-range- {
  color: var(--adp-color-disabled-in-range);
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-in-range- {
  background: var(--adp-cell-background-color-in-range);
  border-radius: 0;
}

.air-datepicker-cell.-in-range-:hover,
.air-datepicker-cell.-in-range-.-focus- {
  background: var(--adp-cell-background-color-in-range-hover);
}

.air-datepicker-cell.-range-from- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}

.air-datepicker-cell.-range-to- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}

.air-datepicker-cell.-range-to-.-range-from- {
  border-radius: var(--adp-cell-border-radius);
}

.air-datepicker-cell.-selected- {
  color: #fff;
  border: none;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-current- {
  color: #fff;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-focus- {
  background: var(--adp-cell-background-color-selected-hover);
}

.air-datepicker-body {
  -webkit-transition: all var(--adp-transition-duration) var(--adp-transition-ease);
          transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}

.air-datepicker-body.-hidden- {
  display: none;
}

.air-datepicker-body--day-names {
  display: grid;
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  margin: 8px 0 3px;
}

.air-datepicker-body--day-name {
  color: var(--adp-day-name-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.air-datepicker-body--day-name.-clickable- {
  cursor: pointer;
}

.air-datepicker-body--day-name.-clickable-:hover {
  color: var(--adp-day-name-color-hover);
}

.air-datepicker-body--cells {
  display: grid;
}

.air-datepicker-body--cells.-days- {
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  grid-auto-rows: var(--adp-day-cell-height);
}

.air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: var(--adp-month-cell-height);
}

.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--adp-year-cell-height);
}

.air-datepicker-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid var(--adp-border-color-inner);
  min-height: var(--adp-nav-height);
  padding: var(--adp-padding);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.-only-timepicker- .air-datepicker-nav {
  display: none;
}

.air-datepicker-nav--title,
.air-datepicker-nav--action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.air-datepicker-nav--action {
  width: var(--adp-nav-action-size);
  border-radius: var(--adp-border-radius);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.air-datepicker-nav--action:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--action:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--action.-disabled- {
  visibility: hidden;
}

.air-datepicker-nav--action svg {
  width: 32px;
  height: 32px;
}

.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 2px;
}

.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 0 8px;
}

.air-datepicker-nav--title i {
  font-style: normal;
  color: var(--adp-nav-color-secondary);
  margin-left: 0.3em;
}

.air-datepicker-nav--title:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--title:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: none;
}

.air-datepicker-buttons {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.air-datepicker-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--adp-btn-color);
  border-radius: var(--adp-btn-border-radius);
  cursor: pointer;
  height: var(--adp-btn-height);
  border: none;
  background: rgba(255, 255, 255, 0);
}

.air-datepicker-button:hover {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
}

.air-datepicker-button:focus {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
  outline: none;
}

.air-datepicker-button:active {
  background: var(--adp-btn-background-color-active);
}

.air-datepicker-button span {
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.air-datepicker-time {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns:         max-content 1fr;
  grid-column-gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 0 var(--adp-time-padding-inner);
}

.-only-timepicker- .air-datepicker-time {
  border-top: none;
}

.air-datepicker-time--current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  font-size: 14px;
  text-align: center;
}

.air-datepicker-time--current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
  content: "";
  background: var(--adp-background-color-hover);
  border-radius: var(--adp-border-radius);
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.air-datepicker-time--current-hours.-focus-:after,
.air-datepicker-time--current-minutes.-focus-:after {
  opacity: 1;
}

.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: var(--adp-time-day-period-color);
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.air-datepicker-time--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: -webkit-gradient(linear, left top, right top, from(var(--adp-time-track-color)), to(var(--adp-time-track-color))) left 50%/100% var(--adp-time-track-height) no-repeat;
  background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}

.air-datepicker-time--row:first-child {
  margin-bottom: 4px;
}

.air-datepicker-time--row input[type=range] {
  background: none;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
  display: none;
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:focus {
  outline: none;
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -webkit-transition: background var(--adp-transition-duration);
          transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -moz-transition: background var(--adp-transition-duration);
       transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -ms-transition: background var(--adp-transition-duration);
      transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker {
  --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --adp-font-size: 14px;
  --adp-width: 246px;
  --adp-z-index: 100;
  --adp-padding: 4px;
  --adp-grid-areas: "nav" "body" "timepicker" "buttons";
  --adp-transition-duration: 0.3s;
  --adp-transition-ease: ease-out;
  --adp-transition-offset: 8px;
  --adp-background-color: #fff;
  --adp-background-color-hover: #f0f0f0;
  --adp-background-color-active: #eaeaea;
  --adp-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-background-color-in-range-focused: rgba(92, 196, 239, 0.2);
  --adp-background-color-selected-other-month-focused: #8ad5f4;
  --adp-background-color-selected-other-month: #a2ddf6;
  --adp-color: #4a4a4a;
  --adp-color-secondary: #9c9c9c;
  --adp-accent-color: #4eb5e6;
  --adp-color-current-date: var(--adp-accent-color);
  --adp-color-other-month: #dedede;
  --adp-color-disabled: #aeaeae;
  --adp-color-disabled-in-range: #939393;
  --adp-color-other-month-hover: #c5c5c5;
  --adp-border-color: #dbdbdb;
  --adp-border-color-inner: #efefef;
  --adp-border-radius: 4px;
  --adp-border-color-inline: #d7d7d7;
  --adp-nav-height: 32px;
  --adp-nav-arrow-color: var(--adp-color-secondary);
  --adp-nav-action-size: 32px;
  --adp-nav-color-secondary: var(--adp-color-secondary);
  --adp-day-name-color: #ff9a19;
  --adp-day-name-color-hover: #8ad5f4;
  --adp-day-cell-width: 1fr;
  --adp-day-cell-height: 32px;
  --adp-month-cell-height: 42px;
  --adp-year-cell-height: 56px;
  --adp-pointer-size: 10px;
  --adp-poiner-border-radius: 2px;
  --adp-pointer-offset: 14px;
  --adp-cell-border-radius: 4px;
  --adp-cell-background-color-hover: var(--adp-background-color-hover);
  --adp-cell-background-color-selected: #5cc4ef;
  --adp-cell-background-color-selected-hover: #45bced;
  --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
  --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
  --adp-btn-height: 32px;
  --adp-btn-color: var(--adp-accent-color);
  --adp-btn-color-hover: var(--adp-color);
  --adp-btn-border-radius: var(--adp-border-radius);
  --adp-btn-background-color-hover: var(--adp-background-color-hover);
  --adp-btn-background-color-active: var(--adp-background-color-active);
  --adp-time-track-height: 1px;
  --adp-time-track-color: #dedede;
  --adp-time-track-color-hover: #b1b1b1;
  --adp-time-thumb-size: 12px;
  --adp-time-padding-inner: 10px;
  --adp-time-day-period-color: var(--adp-color-secondary);
  --adp-mobile-font-size: 16px;
  --adp-mobile-nav-height: 40px;
  --adp-mobile-width: 320px;
  --adp-mobile-day-cell-height: 38px;
  --adp-mobile-month-cell-height: 48px;
  --adp-mobile-year-cell-height: 64px;
}

.air-datepicker-overlay {
  --adp-overlay-background-color: rgba(0, 0, 0, 0.3);
  --adp-overlay-transition-duration: 0.3s;
  --adp-overlay-transition-ease: ease-out;
  --adp-overlay-z-index: 99;
}

.air-datepicker {
  background: var(--adp-background-color);
  border: 1px solid var(--adp-border-color);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: var(--adp-border-radius);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, -webkit-max-content);
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: var(--adp-grid-areas);
  font-family: var(--adp-font-family), sans-serif;
  font-size: var(--adp-font-size);
  color: var(--adp-color);
  width: var(--adp-width);
  position: absolute;
  -webkit-transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
          transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
          transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
          transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
  z-index: var(--adp-z-index);
}

.air-datepicker:not(.-custom-position-) {
  opacity: 0;
}

.air-datepicker.-from-top- {
  -webkit-transform: translateY(calc(var(--adp-transition-offset) * -1));
      -ms-transform: translateY(calc(var(--adp-transition-offset) * -1));
          transform: translateY(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-from-right- {
  -webkit-transform: translateX(var(--adp-transition-offset));
      -ms-transform: translateX(var(--adp-transition-offset));
          transform: translateX(var(--adp-transition-offset));
}

.air-datepicker.-from-bottom- {
  -webkit-transform: translateY(var(--adp-transition-offset));
      -ms-transform: translateY(var(--adp-transition-offset));
          transform: translateY(var(--adp-transition-offset));
}

.air-datepicker.-from-left- {
  -webkit-transform: translateX(calc(var(--adp-transition-offset) * -1));
      -ms-transform: translateX(calc(var(--adp-transition-offset) * -1));
          transform: translateX(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-active-:not(.-custom-position-) {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.air-datepicker.-active-.-custom-position- {
  -webkit-transition: none;
          transition: none;
}

.air-datepicker.-inline- {
  border-color: var(--adp-border-color-inline);
  -webkit-box-shadow: none;
          box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.air-datepicker.-inline- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile- {
  --adp-font-size: var(--adp-mobile-font-size);
  --adp-day-cell-height: var(--adp-mobile-day-cell-height);
  --adp-month-cell-height: var(--adp-mobile-month-cell-height);
  --adp-year-cell-height: var(--adp-mobile-year-cell-height);
  --adp-nav-height: var(--adp-mobile-nav-height);
  --adp-nav-action-size: var(--adp-mobile-nav-height);
  position: fixed;
  width: var(--adp-mobile-width);
  border: none;
}

.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
  -webkit-transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
      -ms-transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
          transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.air-datepicker.-custom-position- {
  -webkit-transition: none;
          transition: none;
}

.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0;
}

.air-datepicker--pointer {
  --pointer-half-size: calc(var(--adp-pointer-size) / 2);
  position: absolute;
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  z-index: -1;
}

.air-datepicker--pointer:after {
  content: "";
  position: absolute;
  background: #fff;
  border-top: 1px solid var(--adp-border-color-inline);
  border-right: 1px solid var(--adp-border-color-inline);
  border-top-right-radius: var(--adp-poiner-border-radius);
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.-top-left- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^=top] .air-datepicker--pointer {
  top: calc(100% - var(--pointer-half-size) + 1px);
}

.-top-left- .air-datepicker--pointer:after,
.-top-center- .air-datepicker--pointer:after,
.-top-right- .air-datepicker--pointer:after,
[data-popper-placement^=top] .air-datepicker--pointer:after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.-right-top- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer,
[data-popper-placement^=right] .air-datepicker--pointer {
  right: calc(100% - var(--pointer-half-size) + 1px);
}

.-right-top- .air-datepicker--pointer:after,
.-right-center- .air-datepicker--pointer:after,
.-right-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=right] .air-datepicker--pointer:after {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}

.-bottom-left- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^=bottom] .air-datepicker--pointer {
  bottom: calc(100% - var(--pointer-half-size) + 1px);
}

.-bottom-left- .air-datepicker--pointer:after,
.-bottom-center- .air-datepicker--pointer:after,
.-bottom-right- .air-datepicker--pointer:after,
[data-popper-placement^=bottom] .air-datepicker--pointer:after {
  -webkit-transform: rotate(315deg);
      -ms-transform: rotate(315deg);
          transform: rotate(315deg);
}

.-left-top- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-bottom- .air-datepicker--pointer,
[data-popper-placement^=left] .air-datepicker--pointer {
  left: calc(100% - var(--pointer-half-size) + 1px);
}

.-left-top- .air-datepicker--pointer:after,
.-left-center- .air-datepicker--pointer:after,
.-left-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=left] .air-datepicker--pointer:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.-top-left- .air-datepicker--pointer,
.-bottom-left- .air-datepicker--pointer {
  left: var(--adp-pointer-offset);
}

.-top-right- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer {
  right: var(--adp-pointer-offset);
}

.-top-center- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer {
  left: calc(50% - var(--adp-pointer-size) / 2);
}

.-left-top- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer {
  top: var(--adp-pointer-offset);
}

.-left-bottom- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer {
  bottom: var(--adp-pointer-offset);
}

.-left-center- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer {
  top: calc(50% - var(--adp-pointer-size) / 2);
}

.air-datepicker--navigation {
  grid-area: nav;
}

.air-datepicker--content {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: var(--adp-padding);
  grid-area: body;
}

.-only-timepicker- .air-datepicker--content {
  display: none;
}

.air-datepicker--time {
  grid-area: timepicker;
}

.air-datepicker--buttons {
  grid-area: buttons;
}

.air-datepicker--buttons,
.air-datepicker--time {
  padding: var(--adp-padding);
  border-top: 1px solid var(--adp-border-color-inner);
}

.air-datepicker-overlay {
  position: fixed;
  background: var(--adp-overlay-background-color);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
          transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  -webkit-transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
          transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  z-index: var(--adp-overlay-z-index);
}

.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
          transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
}

/**
--------------------------------------------------
  Header
--------------------------------------------------
**/
.header {
  z-index: 100;
  background-color: var(--c-orange);
  background-clip: padding-box;
  border-top: var(--c-emperor-a-85) solid var(--header-border-w);
  color: var(--c-white);
}
.header-logo {
  width: var(--header-logo-w);
  height: auto;
}
.header-brand {
  top: var(--header-brand-y);
  left: var(--header-brand-x);
  z-index: 10;
  background-color: var(--c-white);
  -webkit-box-shadow: 3px 6px 6px var(--c-black-a-15);
          box-shadow: 3px 6px 6px var(--c-black-a-15);
}
.header-info {
  top: var(--header-info-y);
  right: var(--header-info-g);
  left: var(--header-info-x);
  translate: 0 calc(-50% - var(--header-border-w) * 0.5);
  font-size: var(--header-info-fs);
  line-height: var(--header-info-lh);
}
.header-nav a,
.header-nav button {
  text-decoration: none;
  color: currentColor;
}
.header-nav a:hover,
.header-nav button:hover {
  text-decoration: underline;
}
.header-nav button {
  background-color: transparent;
  border: 0;
}
.header-nav img {
  width: var(--header-icon-w);
  height: auto;
  margin-right: var(--g-15);
}
.header-nav svg {
  margin-left: var(--g-15);
}
.header-nav span {
  display: block;
}
.header-nav > ul > li {
  background-color: var(--header-nav-bg);
}
.header-nav > ul > li > a > svg,
.header-nav > ul > li > button > svg {
  scale: 1;
}
.header-nav > ul > li > a.active > svg,
.header-nav > ul > li > button.active > svg {
  scale: -1;
}
.header-nav > ul > li > ul {
  background-color: var(--header-nav-bg);
}
.header-nav > ul > li:nth-child(1) {
  --header-nav-bg: var(--c-green);
}
.header-nav > ul > li:nth-child(n+2) {
  --header-nav-bg: var(--c-orange);
}
.header-email,
.header-phone {
  font-size: 15px;
  line-height: 20px;
}
.header-email a,
.header-phone a {
  padding: 6px var(--header-button-px);
  text-decoration: none;
  color: currentColor;
}
.header-email a:hover,
.header-phone a:hover {
  text-decoration: underline;
}
.header-email svg,
.header-phone svg {
  margin-right: calc(var(--header-toolbox-g) * 2);
}
.header-social a {
  display: block;
  text-decoration: none;
  color: currentColor;
}
.header-social img {
  width: var(--header-social-w);
  height: auto;
}
.header-social li {
  padding-inline: var(--header-toolbox-g);
}
.header-social ul {
  margin-inline: calc(var(--header-toolbox-g) * -1);
}
.header-container {
  height: var(--header-container-h);
}

/* mobile - tablet */
@media (max-width: 1279px) {
  .header {
    --header-logo-w: 88px;
    --header-brand-x: 10px;
    --header-brand-y: -8px;
    --header-info-x: calc(var(--header-logo-w) + var(--header-brand-x) + 10px);
    --header-info-y: calc(50% + (var(--header-border-w) * 0.5));
    --header-info-g: 80px;
    --header-info-fs: 12px;
    --header-info-lh: 16px;
    --header-social-w: 42px;
    --header-icon-w: 24px;
    --header-toolbox-g: 8px;
    --header-button-px: var(--gap);
    --header-border-w: 8px;
    --header-container-h: calc(var(--header-h) - var(--header-border-w));
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
  }
  .header-menu {
    position: absolute;
    top: calc(var(--header-border-w) * -1);
    right: 0;
    z-index: 10;
    max-width: 480px;
    width: calc(100% - var(--g-30));
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: calc(var(--header-container-h) + var(--header-border-w) * 2);
    padding-bottom: var(--g-20);
    background-color: var(--c-orange);
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-transition-property: opacity, visibility;
            transition-property: opacity, visibility;
  }
  .header-menu.active {
    opacity: 1;
    visibility: visible;
  }
  .header-toggle {
    top: 50%;
    right: var(--gap);
    translate: 0 -50%;
    z-index: 5;
    padding: 0;
    background-color: transparent;
    border: 0;
    color: var(--c-white);
  }
  .header-toggle svg {
    display: block;
  }
  .header-toggle svg + svg {
    display: none;
  }
  .header-toggle.active {
    z-index: 15;
  }
  .header-toggle.active svg {
    display: none;
  }
  .header-toggle.active svg + svg {
    display: block;
  }
  .header-nav a,
  .header-nav button {
    padding-inline: var(--gap);
  }
  .header-nav > ul > li {
    width: 100%;
  }
  .header-nav > ul > li > a,
  .header-nav > ul > li > button {
    padding-block: 12px;
    font-size: 20px;
    line-height: 1.2;
  }
  .header-nav > ul > li > ul {
    display: none;
    padding-bottom: var(--g-15);
  }
  .header-nav > ul > li > ul > li {
    width: 100%;
  }
  .header-nav > ul > li > ul > li > a,
  .header-nav > ul > li > ul > li > button {
    padding-block: 10px;
    font-size: var(--header-subnav-fs);
    line-height: var(--header-subnav-lh);
  }
  .header-nav > ul > li > ul.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-nav > ul > li:nth-child(1) {
    --header-subnav-fs: 20px;
    --header-subnav-lh: 1.2;
  }
  .header-nav > ul > li:nth-child(n+2) {
    --header-subnav-fs: 16px;
    --header-subnav-lh: 1.25;
  }
  .header-email,
  .header-phone,
  .header-social {
    width: 100%;
    padding-block: var(--g-5);
  }
  .header-social {
    margin-top: var(--g-15);
    padding-inline: var(--gap);
  }
  .header-toolbox {
    margin-top: var(--g-20);
    padding-block: var(--g-15);
    border-top: var(--c-white) solid 1px;
  }
}

/* desktop */
@media (min-width: 1280px) {
  .header {
    --header-logo-w: 144px;
    --header-brand-x: var(--gap);
    --header-brand-y: -44px;
    --header-info-x: calc(var(--header-logo-w) + var(--header-brand-x) + var(--g-15));
    --header-info-y: calc(0 - (var(--header-border-w) * 0.5));
    --header-info-g: 525px;
    --header-info-fs: 15px;
    --header-info-lh: 20px;
    --header-social-w: 32px;
    --header-icon-w: 32px;
    --header-nav-x: var(--g-30);
    --header-nav-g: var(--g-15);
    --header-toolbox-x: var(--gap);
    --header-toolbox-g: 5px;
    --header-button-px: calc(var(--header-toolbox-g) * 3);
    --header-border-w: 68px;
    --header-container-h: 50px;
    position: relative;
  }
  .header-social {
    margin-left: calc(var(--header-toolbox-g) * 3);
  }
  .header-nav,
  .header-toolbox {
    position: absolute;
  }
  .header-nav {
    top: 0;
    right: calc(var(--gap) - var(--header-nav-g));
    left: var(--header-nav-x);
    font-size: 20px;
    line-height: 1.2;
  }
  .header-nav > ul > li > a,
  .header-nav > ul > li > button {
    height: var(--header-container-h);
    padding-inline: var(--header-nav-px);
  }
  .header-nav > ul > li > ul {
    position: absolute;
    top: 100%;
    right: calc((var(--gap) - var(--header-nav-g)) * -1);
    left: calc(var(--header-nav-x) * -1);
    -webkit-box-pack: var(--header-subnav-jc);
    -ms-flex-pack: var(--header-subnav-jc);
    justify-content: var(--header-subnav-jc);
    padding-top: var(--g-10);
    padding-bottom: var(--gap);
    padding-left: var(--header-info-x);
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s;
    -webkit-transition-property: opacity, visibility;
            transition-property: opacity, visibility;
  }
  .header-nav > ul > li > ul > li {
    min-width: var(--header-subnav-li);
    margin-top: var(--g-10);
    border-left: var(--c-white) solid 1px;
  }
  .header-nav > ul > li > ul > li > a,
  .header-nav > ul > li > ul > li > button {
    padding: 12px var(--gap);
  }
  .header-nav > ul > li > ul::after,
  .header-nav > ul > li > ul::before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(50vw - 50%);
    pointer-events: none;
    content: "";
    background-color: var(--header-nav-bg);
  }
  .header-nav > ul > li > ul::after {
    left: 100%;
  }
  .header-nav > ul > li > ul::before {
    right: 100%;
  }
  .header-nav > ul > li > ul.active {
    opacity: 1;
    visibility: visible;
  }
  .header-nav > ul > li:nth-child(1) {
    --header-nav-px: calc(var(--header-nav-g) + var(--g-5));
    padding-left: calc(var(--header-info-x) - var(--header-nav-x));
  }
  .header-nav > ul > li:nth-child(n+2) {
    --header-nav-px: var(--header-nav-g);
  }
  .header-nav > ul > li:nth-child(1),
  .header-nav > ul > li:nth-child(2) {
    --header-subnav-jc: flex-start;
  }
  .header-nav > ul > li:nth-child(5),
  .header-nav > ul > li:nth-child(6) {
    --header-subnav-jc: flex-end;
  }
  .header-nav > ul > li:nth-child(2) {
    --header-subnav-li: 375px;
  }
  .header-toolbox {
    top: var(--header-info-y);
    right: var(--header-toolbox-x);
    translate: 0 calc(-50% - var(--header-border-w) * 0.5);
  }
}

/**
--------------------------------------------------
  Footer
--------------------------------------------------
**/
.footer {
  --header-toolbox-h: 46px;
}
.footer-logo {
  width: var(--footer-logo-w);
  height: auto;
}
.footer-brand {
  top: 0;
  left: var(--gap);
}
.footer-nav {
  margin-top: var(--footer-nav-mt);
}
.footer-nav a {
  text-decoration: none;
  color: currentColor;
}
.footer-nav a:hover {
  text-decoration: underline;
}
.footer-nav > ul {
  margin-bottom: calc(var(--g-30) * -1);
  margin-inline: calc(var(--gap) * -1);
}
.footer-nav > ul > li {
  margin-bottom: var(--g-30);
  padding-inline: var(--gap);
}
.footer-nav > ul > li > a {
  font-size: 20px;
  line-height: 1.2;
}
.footer-nav > ul > li > ul {
  margin-top: var(--g-15);
  font-size: 15px;
  line-height: 20px;
}
.footer-info,
.footer-email,
.footer-phone,
.footer-editor {
  font-size: 15px;
  line-height: 20px;
}
.footer-email a,
.footer-phone a {
  height: var(--header-toolbox-h);
  padding-inline: var(--g-15);
  text-decoration: none;
  color: currentColor;
}
.footer-email a:hover,
.footer-phone a:hover {
  text-decoration: underline;
}
.footer-email svg,
.footer-phone svg {
  margin-right: var(--g-10);
}
.footer-social {
  padding-inline: var(--g-15);
}
.footer-social a {
  display: block;
  text-decoration: none;
  color: currentColor;
}
.footer-social img {
  width: var(--footer-social-w);
  height: auto;
}
.footer-social li {
  padding-inline: var(--footer-social-g);
}
.footer-social ul {
  margin-inline: calc(var(--footer-social-g) * -1);
}
.footer-editor {
  margin-bottom: calc(var(--g-20) * -1);
  margin-inline: calc(var(--gap) * -1);
}
.footer-editor p {
  width: var(--footer-info-w);
  margin-bottom: var(--g-20);
  padding-inline: var(--gap);
}
.footer-editor a {
  text-decoration: none;
  color: currentColor;
}
.footer-editor a:hover {
  text-decoration: underline;
}
.footer-editor span {
  margin-inline: var(--g-10);
}
.footer-editor strong {
  margin-right: var(--g-20);
}
.footer-py-1 {
  padding-block: var(--g-40);
}
.footer-py-2 {
  padding-block: var(--g-20);
}

/* mobile - tablet */
@media (max-width: 1023px) {
  .footer {
    --footer-logo-w: 82px;
    --footer-nav-mt: var(--g-40);
    --footer-info-w: 100%;
    --footer-social-w: 42px;
    --footer-social-g: 10px;
  }
  .footer-nav > ul > li {
    width: 100%;
    max-width: 280px;
  }
  .footer-info {
    min-height: var(--footer-logo-w);
    padding-left: calc(var(--footer-logo-w) + var(--gap));
  }
  .footer-social {
    width: 100%;
    margin-top: var(--g-20);
  }
  .footer-toolbox {
    margin-top: var(--g-30);
    margin-inline: calc(var(--gap) * -1);
  }
}

/* tablet - desktop */
@media (min-width: 1024px) {
  .footer {
    --footer-logo-w: 110px;
    --footer-nav-mt: var(--g-30);
    --footer-info-w: auto;
    --footer-social-w: 24px;
    --footer-social-g: 5px;
  }
  .footer-nav,
  .footer-info {
    padding-left: calc(var(--footer-logo-w) + var(--g-30));
  }
  .footer-nav {
    padding-right: 135px;
  }
  .footer-nav > ul > li:nth-child(1) {
    max-width: 280px;
    margin-right: auto;
  }
  .footer-nav > ul > li:nth-child(n+2) {
    max-width: 240px;
  }
  .footer-info {
    min-height: var(--header-toolbox-h);
    padding-right: 475px;
  }
  .footer-toolbox {
    position: absolute;
    top: 0;
    right: var(--g-5);
  }
}

/**
--------------------------------------------------
  Banner
--------------------------------------------------
**/
.banner-container {
  z-index: 3;
}
.banner-mask,
.banner-image {
  inset: 0;
}
.banner-mask {
  z-index: 2;
  background-color: var(--c-orange-a-65);
}
.banner-image {
  z-index: 1;
}
.banner-title {
  font-size: var(--banner-title-fs);
  line-height: var(--banner-title-lh);
}
.banner-subtitle {
  font-size: var(--banner-subtitle-fs);
  line-height: var(--banner-subtitle-lh);
}
.banner-summary {
  max-width: var(--banner-w-1);
  margin-bottom: var(--banner-summary-mb);
  font-size: var(--banner-summary-fs);
  line-height: var(--banner-summary-lh);
}
.banner-toolbar,
.banner-description {
  margin-top: var(--banner-toolbar-mt);
  font-size: var(--banner-toolbar-fs);
  line-height: var(--banner-toolbar-lh);
}
.banner-toolbar a {
  padding: var(--banner-toolbar-py) var(--banner-toolbar-px);
  text-decoration: none;
  background-color: var(--c-white);
  color: var(--c-black);
}
.banner-toolbar a:hover {
  background-color: var(--c-orange);
  color: var(--c-white);
}
.banner-toolbar li {
  margin-bottom: var(--g-15);
  padding-inline: var(--g-10);
}
.banner-toolbar ul {
  margin-bottom: calc(var(--g-15) * -1);
  margin-inline: calc(var(--g-10) * -1);
}
.banner-description {
  max-width: var(--banner-w-2);
}
.banner-breadcrumb {
  margin-bottom: var(--banner-breadcrumb-mb);
}
.banner-content {
  padding-top: var(--banner-content-pt);
}
.banner-editor {
  margin-top: var(--banner-editor-mt);
}
.banner-course {
  margin-bottom: var(--banner-course-mb);
  font-size: var(--banner-course-button-fs);
  line-height: var(--banner-course-button-lh);
}
.banner-course a {
  padding: var(--banner-course-button-py) var(--banner-course-button-px);
  text-decoration: none;
  background-color: var(--c-white);
  border: var(--c-alto) solid 1px;
  color: var(--c-black);
}
.banner-course a:hover {
  background-color: var(--c-orange);
  border-color: var(--c-orange);
  color: var(--c-white);
}
.banner-course img {
  width: auto;
  height: var(--banner-course-icon-h);
  margin-right: var(--g-15);
}
.banner-course span {
  display: block;
}
.banner-primary .banner-content {
  max-width: var(--banner-w-3);
  min-height: min(100vh - var(--header-h), var(--banner-h));
  padding-bottom: var(--banner-content-pb-1);
}
.banner-secondary .banner-title,
.banner-secondary .banner-subtitle {
  color: var(--c-orange);
}
.banner-secondary .banner-subtitle {
  max-width: var(--banner-w-2);
}
.banner-secondary .banner-content {
  max-width: var(--banner-w-4);
  padding-bottom: var(--banner-content-pb-2);
}

/* mobile - tablet */
@media (max-width: 1279px) {
  .banner {
    --banner-w-1: 375px;
    --banner-w-2: 450px;
    --banner-w-3: 525px;
    --banner-w-4: 600px;
    --banner-h: 390px;
    --banner-title-fs: 25px;
    --banner-title-lh: 1.2;
    --banner-subtitle-fs: 25px;
    --banner-subtitle-lh: 1.2;
    --banner-summary-mb: var(--g-20);
    --banner-summary-fs: 15px;
    --banner-summary-lh: 20px;
    --banner-toolbar-mt: var(--g-30);
    --banner-toolbar-fs: 18px;
    --banner-toolbar-lh: 22px;
    --banner-toolbar-px: var(--g-20);
    --banner-toolbar-py: 12px;
    --banner-breadcrumb-mb: var(--g-30);
    --banner-editor-mt: var(--g-20);
    --banner-course-mb: var(--g-20);
    --banner-course-icon-h: 22px;
    --banner-course-button-px: var(--g-20);
    --banner-course-button-py: 12px;
    --banner-course-button-fs: 18px;
    --banner-course-button-lh: 22px;
  }
}

/* mobile */
@media (max-width: 767px) {
  .banner {
    --banner-content-pt: var(--g-45);
    --banner-content-pb-1: var(--g-35);
    --banner-content-pb-2: var(--g-15);
  }
}

/* tablet */
@media (min-width: 768px) and (max-width: 1279px) {
  .banner {
    --banner-content-pt: var(--g-55);
    --banner-content-pb-1: var(--g-45);
    --banner-content-pb-2: var(--g-15);
  }
}

/* desktop */
@media (min-width: 1280px) {
  .banner {
    --banner-w-1: 600px;
    --banner-w-2: 700px;
    --banner-w-3: 800px;
    --banner-w-4: 960px;
    --banner-h: 540px;
    --banner-content-pt: var(--g-90);
    --banner-content-pb-1: var(--g-80);
    --banner-content-pb-2: var(--g-20);
    --banner-title-fs: 50px;
    --banner-title-lh: 56px;
    --banner-subtitle-fs: 30px;
    --banner-subtitle-lh: 1.2;
    --banner-summary-mb: var(--g-40);
    --banner-summary-fs: 30px;
    --banner-summary-lh: 1.2;
    --banner-toolbar-mt: var(--g-60);
    --banner-toolbar-fs: 20px;
    --banner-toolbar-lh: 1.2;
    --banner-toolbar-px: var(--g-30);
    --banner-toolbar-py: 16px;
    --banner-breadcrumb-mb: var(--g-40);
    --banner-editor-mt: var(--g-30);
    --banner-course-mb: var(--g-30);
    --banner-course-icon-h: 32px;
    --banner-course-button-px: var(--g-25);
    --banner-course-button-py: 12px;
    --banner-course-button-fs: 20px;
    --banner-course-button-lh: 1.2;
  }
}

/**
--------------------------------------------------
  Breadcrumb
--------------------------------------------------
**/
.breadcrumb {
  margin-left: calc(var(--breadcrumb-mx) * -1);
  padding-left: var(--g-35);
  font-size: 15px;
  line-height: 20px;
}
.breadcrumb a {
  text-decoration: none;
  color: currentColor;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb svg {
  top: 0;
  left: 0;
}
.breadcrumb span {
  margin-inline: var(--g-5);
}

/* mobile - tablet */
@media (max-width: 1279px) {
  .breadcrumb {
    --breadcrumb-mx: 0;
  }
}

/* desktop */
@media (min-width: 1280px) {
  .breadcrumb {
    --breadcrumb-mx: var(--g-35);
  }
}

/**
--------------------------------------------------
  IFA
--------------------------------------------------
**/
.ifa-menu--title {
  font-size: var(--ifa-menu-title-fs);
  line-height: 1.2;
  color: var(--c-orange);
}
.ifa-menu--list {
  margin-top: var(--ifa-menu-list-mt);
  font-size: var(--ifa-menu-button-fs);
  line-height: var(--ifa-menu-button-lh);
}
.ifa-menu--list a {
  padding: var(--ifa-menu-button-py) var(--ifa-menu-button-px);
  text-decoration: none;
  background-color: var(--c-white);
  color: var(--c-black);
}
.ifa-menu--list a:hover {
  background-color: var(--c-orange);
  color: var(--c-white);
}
.ifa-menu--list img {
  width: auto;
  height: var(--ifa-menu-icon-h);
  margin-right: var(--g-15);
}
.ifa-menu--list span {
  display: block;
}
.ifa-menu--list li {
  width: var(--ifa-menu-list-w);
  margin-bottom: var(--g-15);
  padding-inline: var(--g-10);
}
.ifa-menu--list ul {
  margin-bottom: calc(var(--g-15) * -1);
  margin-inline: calc(var(--g-10) * -1);
}
.ifa-cta {
  line-height: 1.2;
}
.ifa-cta--info {
  font-size: var(--ifa-cta-info-fs);
}
.ifa-cta--info span {
  color: var(--c-orange);
}
.ifa-cta--info strong {
  display: block;
}
.ifa-cta--button {
  padding-block: var(--g-20);
  font-size: var(--ifa-cta-button-fs);
}
.ifa-cta--button a {
  padding: var(--ifa-cta-button-py) var(--ifa-cta-button-px);
  text-decoration: none;
  background-color: var(--c-orange);
  color: var(--c-white);
}
.ifa-cta--button a:hover {
  background-color: var(--c-gallery);
  color: var(--c-orange);
}
.ifa-cta--button svg {
  width: var(--ifa-cta-icon-w);
  height: var(--ifa-cta-icon-h);
}
.ifa-cta--button span {
  display: block;
}
.ifa-info--title {
  font-size: var(--ifa-info-title-fs);
  line-height: 1.2;
  color: var(--c-orange);
}
.ifa-info--summary {
  margin-top: var(--g-30);
}
.ifa-info--item {
  width: var(--ifa-info-item-w);
  margin-bottom: var(--g-30);
  padding-inline: var(--gap);
}
.ifa-info--grid {
  margin-top: var(--g-40);
  margin-bottom: calc(var(--g-30) * -1);
  margin-inline: calc(var(--gap) * -1);
}
.ifa-aside--title,
.ifa-aside--subtitle {
  line-height: 1.2;
}
.ifa-aside--title {
  font-size: var(--ifa-aside-title-fs);
  color: var(--c-orange);
}
.ifa-aside--subtitle {
  font-size: 20px;
}
.ifa-aside--image {
  margin-top: var(--ifa-aside-image-mt);
  width: var(--ifa-aside-image-w);
  height: var(--ifa-aside-image-h);
}
.ifa-aside--figure {
  height: var(--ifa-aside-figure-h);
}
.ifa-aside--body {
  margin-top: var(--ifa-aside-body-mt);
}
.ifa-aside--banner {
  margin-bottom: var(--ifa-aside-banner-mb);
}
.ifa-aside--editor {
  margin-top: var(--ifa-aside-editor-mt);
}
.ifa-aside--item {
  width: var(--ifa-aside-item-w);
  margin-bottom: var(--ifa-aside-item-mb);
  padding-inline: var(--gap);
}
.ifa-aside--grid {
  margin-bottom: calc(var(--ifa-aside-item-mb) * -1);
  margin-inline: calc(var(--gap) * -1);
}
.ifa-about--title {
  font-size: var(--ifa-about-title-fs);
  line-height: 1.2;
}
.ifa-about--image {
  margin-top: var(--ifa-about-image-mt);
  width: var(--ifa-about-image-w);
}
.ifa-about--editor {
  margin-top: var(--ifa-about-editor-mt);
}
.ifa-figure span,
.ifa-figure strong {
  display: block;
}
.ifa-figure span {
  font-size: var(--ifa-figure-fs);
  line-height: var(--ifa-figure-lh);
}
.ifa-figure strong {
  margin-bottom: var(--g-5);
  font-size: 30px;
  line-height: 1.2;
  color: var(--c-orange);
}
.ifa-figure li {
  width: 100%;
  max-width: 280px;
  margin-bottom: var(--g-30);
  padding-inline: var(--gap);
}
.ifa-figure ul {
  margin-bottom: calc(var(--g-30) * -1);
}
.ifa-quality--title {
  font-size: var(--ifa-quality-title-fs);
  line-height: 1.2;
}
.ifa-quality--image,
.ifa-quality--editor {
  margin-top: var(--ifa-quality-item-mt);
  padding-inline: var(--gap);
}
.ifa-quality--image {
  width: var(--ifa-quality-image-w);
}
.ifa-quality--editor {
  width: var(--ifa-quality-editor-w);
}
.ifa-quality--grid {
  margin-inline: calc(var(--gap) * -1);
}
.ifa-value--title {
  font-size: var(--ifa-value-title-fs);
  line-height: 1.2;
}
.ifa-value--body {
  margin-top: var(--g-30);
}
.ifa-value--body li {
  width: var(--ifa-value-item-w);
  margin-bottom: var(--g-30);
  padding-inline: var(--ifa-value-item-g);
}
.ifa-value--body ul {
  margin-bottom: calc(var(--g-30) * -1);
  margin-inline: calc(var(--ifa-value-item-g) * -1);
}
.ifa-value--subtitle {
  font-size: 15px;
  line-height: 20px;
}
.ifa-value--editor {
  margin-top: var(--g-15);
}
.ifa-line {
  height: 1px;
  background-color: var(--c-dove-gray);
}
.ifa-image {
  height: var(--ifa-image-h);
}
.ifa-button {
  right: var(--g-30);
  bottom: var(--g-30);
  left: var(--g-30);
}
.ifa-button a {
  padding: 12px var(--g-30);
  font-size: 20px;
  text-decoration: none;
  background-color: var(--c-white);
  color: var(--c-black);
}
.ifa-button a:hover {
  background-color: var(--c-orange);
  color: var(--c-white);
}
.ifa-button svg {
  margin-right: var(--g-20);
}
.ifa-button span {
  display: block;
}
.ifa-course {
  font-size: var(--ifa-course-button-fs);
  line-height: var(--ifa-course-button-lh);
}
.ifa-course a {
  padding: var(--ifa-course-button-py) var(--ifa-course-button-px);
  text-decoration: none;
  background-color: var(--c-white);
  border: var(--c-alto) solid 1px;
  color: var(--c-black);
}
.ifa-course a:hover {
  background-color: var(--c-orange);
  border-color: var(--c-orange);
  color: var(--c-white);
}
.ifa-course img {
  width: auto;
  height: var(--ifa-course-icon-h);
  margin-right: var(--g-15);
}
.ifa-course span {
  display: block;
}
.ifa-course li:not(:first-child) {
  margin-top: var(--g-15);
}
.ifa-mt-1,
.ifa-mt-2,
.ifa-mt-3,
.ifa-mt-4 {
  margin-top: var(--ifa-mt);
}
.ifa-mb-1,
.ifa-mb-2,
.ifa-mb-3,
.ifa-mb-4 {
  margin-bottom: var(--ifa-mb);
}
.ifa-py-1,
.ifa-py-2,
.ifa-py-3,
.ifa-py-4 {
  padding-block: var(--ifa-py);
}

/* mobile - tablet */
@media (max-width: 1023px) {
  .ifa-menu {
    --ifa-menu-title-fs: 20px;
    --ifa-menu-list-w: 100%;
    --ifa-menu-list-mt: var(--g-20);
    --ifa-menu-button-px: var(--g-20);
    --ifa-menu-button-py: 12px;
    --ifa-menu-button-fs: 18px;
    --ifa-menu-button-lh: 22px;
    --ifa-menu-icon-h: 22px;
  }
  .ifa-cta {
    --ifa-cta-info-fs: 20px;
    --ifa-cta-icon-w: 48px;
    --ifa-cta-icon-h: 40px;
    --ifa-cta-button-fs: 20px;
    --ifa-cta-button-px: var(--g-30);
    --ifa-cta-button-py: var(--g-20);
  }
  .ifa-cta--info {
    width: 100%;
  }
  .ifa-cta--button {
    margin-top: var(--g-25);
    text-align: center;
  }
  .ifa-cta--button svg {
    margin-inline: auto;
    margin-bottom: var(--g-15);
  }
  .ifa-cta--button span {
    width: 100%;
  }
  .ifa-info {
    --ifa-info-title-fs: 20px;
    --ifa-info-item-w: 100%;
  }
  .ifa-aside {
    --ifa-aside-title-fs: 20px;
    --ifa-aside-image-w: 100%;
    --ifa-aside-image-h: 295px;
    --ifa-aside-image-mt: var(--g-30);
    --ifa-aside-figure-h: 265px;
    --ifa-aside-body-mt: var(--g-30);
    --ifa-aside-banner-mb: var(--g-30);
    --ifa-aside-editor-mt: var(--g-20);
    --ifa-aside-item-w: 100%;
    --ifa-aside-item-mb: var(--g-30);
  }
  .ifa-about {
    --ifa-about-title-fs: 20px;
    --ifa-about-image-w: 100%;
    --ifa-about-image-mt: var(--g-30);
    --ifa-about-editor-mt: var(--g-30);
  }
  .ifa-figure {
    --ifa-figure-fs: 15px;
    --ifa-figure-lh: 20px;
  }
  .ifa-quality {
    --ifa-quality-title-fs: 20px;
    --ifa-quality-item-mt: var(--g-20);
    --ifa-quality-image-w: 100%;
    --ifa-quality-editor-w: 100%;
  }
  .ifa-value {
    --ifa-value-title-fs: 20px;
  }
  .ifa-image {
    --ifa-image-h: 265px;
  }
  .ifa-course {
    --ifa-course-icon-h: 22px;
    --ifa-course-button-px: var(--g-20);
    --ifa-course-button-py: 12px;
    --ifa-course-button-fs: 18px;
    --ifa-course-button-lh: 22px;
  }
  .ifa-mt-1 {
    --ifa-mt: var(--g-30);
  }
  .ifa-mt-2 {
    --ifa-mt: var(--g-40);
  }
  .ifa-mt-3 {
    --ifa-mt: var(--g-50);
  }
  .ifa-mt-4 {
    --ifa-mt: var(--g-60);
  }
  .ifa-mb-1 {
    --ifa-mb: var(--g-30);
  }
  .ifa-mb-2 {
    --ifa-mb: var(--g-40);
  }
  .ifa-mb-3 {
    --ifa-mb: var(--g-50);
  }
  .ifa-mb-4 {
    --ifa-mb: var(--g-60);
  }
  .ifa-py-1 {
    --ifa-py: var(--g-30);
  }
  .ifa-py-2 {
    --ifa-py: var(--g-40);
  }
  .ifa-py-3 {
    --ifa-py: var(--g-50);
  }
  .ifa-py-4 {
    --ifa-py: var(--g-60);
  }
}

/* mobile */
@media (max-width: 767px) {
  .ifa-value {
    --ifa-value-item-w: 100%;
    --ifa-value-item-g: var(--gap);
  }
}

/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .ifa-value {
    --ifa-value-item-w: 50%;
    --ifa-value-item-g: var(--gap);
  }
}

/* tablet - desktop */
@media (min-width: 1024px) {
  .ifa-menu {
    --ifa-menu-title-fs: 30px;
    --ifa-menu-list-w: 50%;
    --ifa-menu-list-mt: var(--g-30);
    --ifa-menu-button-px: var(--g-25);
    --ifa-menu-button-py: 12px;
    --ifa-menu-button-fs: 20px;
    --ifa-menu-button-lh: 1.2;
    --ifa-menu-icon-h: 32px;
  }
  .ifa-cta {
    --ifa-cta-info-fs: 40px;
    --ifa-cta-icon-w: 76px;
    --ifa-cta-icon-h: 64px;
    --ifa-cta-icon-g: var(--g-30);
    --ifa-cta-button-w: 580px;
    --ifa-cta-button-fs: 25px;
    --ifa-cta-button-px: var(--g-40);
    --ifa-cta-button-py: var(--g-20);
  }
  .ifa-cta--info,
  .ifa-cta--button {
    padding-inline: var(--gap);
  }
  .ifa-cta--info {
    width: calc(100% - var(--ifa-cta-button-w));
  }
  .ifa-cta--button {
    width: var(--ifa-cta-button-w);
  }
  .ifa-cta--button svg {
    margin-right: var(--ifa-cta-icon-g);
  }
  .ifa-cta--button span {
    width: calc(100% - (var(--ifa-cta-icon-w) + var(--ifa-cta-icon-g)));
  }
  .ifa-cta--grid {
    margin-inline: calc(var(--gap) * -1);
  }
  .ifa-info {
    --ifa-info-title-fs: 30px;
    --ifa-info-item-w: 50%;
  }
  .ifa-aside {
    --ifa-aside-title-fs: 25px;
    --ifa-aside-image-x: var(--gap);
    --ifa-aside-image-w: min(50%, 580px);
    --ifa-aside-image-h: 500px;
    --ifa-aside-image-g: var(--g-80);
    --ifa-aside-figure-h: 400px;
    --ifa-aside-body-mt: var(--g-40);
    --ifa-aside-banner-mb: var(--g-40);
    --ifa-aside-editor-mt: var(--g-30);
    --ifa-aside-containter-g: calc(var(--ifa-aside-image-g) + var(--ifa-aside-image-w) + var(--ifa-aside-image-x));
    --ifa-aside-item-w: 50%;
    --ifa-aside-item-mb: var(--g-50);
  }
  .ifa-aside--image {
    position: absolute;
    top: 0;
  }
  .ifa-aside--container {
    min-height: var(--ifa-aside-image-h);
  }
  .ifa-aside.i1 .ifa-aside--image {
    right: var(--ifa-aside-image-x);
  }
  .ifa-aside.i1 .ifa-aside--container {
    padding-right: var(--ifa-aside-containter-g);
  }
  .ifa-aside.i2 .ifa-aside--image {
    left: var(--ifa-aside-image-x);
  }
  .ifa-aside.i2 .ifa-aside--container {
    padding-left: var(--ifa-aside-containter-g);
  }
  .ifa-about {
    --ifa-about-title-fs: 30px;
    --ifa-about-image-w: 450px;
    --ifa-about-image-h: 350px;
    --ifa-about-image-g: var(--g-80);
    --ifa-about-editor-mt: var(--g-40);
  }
  .ifa-about--image {
    position: absolute;
    top: 0;
    right: var(--gap);
  }
  .ifa-about--container {
    min-height: var(--ifa-about-image-h);
    padding-right: calc(var(--ifa-about-image-g) + var(--ifa-about-image-w) + var(--gap));
  }
  .ifa-figure {
    --ifa-figure-fs: 20px;
    --ifa-figure-lh: 1.2;
  }
  .ifa-quality {
    --ifa-quality-title-fs: 30px;
    --ifa-quality-item-mt: var(--g-30);
    --ifa-quality-image-w: 580px;
    --ifa-quality-editor-w: calc(100% - var(--ifa-quality-image-w));
  }
  .ifa-value {
    --ifa-value-title-fs: 25px;
    --ifa-value-item-w: 25%;
    --ifa-value-item-g: var(--g-30);
  }
  .ifa-image {
    --ifa-image-h: 350px;
  }
  .ifa-course {
    --ifa-course-icon-h: 32px;
    --ifa-course-button-px: var(--g-25);
    --ifa-course-button-py: 12px;
    --ifa-course-button-fs: 20px;
    --ifa-course-button-lh: 1.2;
  }
  .ifa-mt-1 {
    --ifa-mt: var(--g-50);
  }
  .ifa-mt-2 {
    --ifa-mt: var(--g-60);
  }
  .ifa-mt-3 {
    --ifa-mt: var(--g-70);
  }
  .ifa-mt-4 {
    --ifa-mt: var(--g-80);
  }
  .ifa-mb-1 {
    --ifa-mb: var(--g-50);
  }
  .ifa-mb-2 {
    --ifa-mb: var(--g-60);
  }
  .ifa-mb-3 {
    --ifa-mb: var(--g-70);
  }
  .ifa-mb-4 {
    --ifa-mb: var(--g-80);
  }
  .ifa-py-1 {
    --ifa-py: var(--g-50);
  }
  .ifa-py-2 {
    --ifa-py: var(--g-60);
  }
  .ifa-py-3 {
    --ifa-py: var(--g-70);
  }
  .ifa-py-4 {
    --ifa-py: var(--g-80);
  }
}

/**
--------------------------------------------------
  FAQ
--------------------------------------------------
**/
.faq-card--title {
  font-size: 20px;
  line-height: 1.2;
  color: var(--c-orange);
}
.faq-card--summary,
.faq-card--description {
  margin-top: var(--g-15);
}
.faq-card--toggle {
  margin-top: var(--g-25);
  font-size: 15px;
  line-height: 20px;
}
.faq-card--toggle a {
  text-decoration: none;
  color: currentColor;
}
.faq-card--toggle a:hover {
  color: var(--c-orange);
}
.faq-card--toggle svg {
  margin-left: var(--g-15);
  color: var(--c-orange);
}
.faq-card--summary {
  display: block;
}
.faq-card--less,
.faq-card--description {
  display: none;
}
.faq-card:not(:first-child) {
  margin-top: var(--g-30);
  padding-top: var(--g-30);
  border-top: var(--c-dove-gray) solid 1px;
}
.faq-card.active .faq-card--more,
.faq-card.active .faq-card--summary {
  display: none;
}
.faq-card.active .faq-card--less {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.faq-card.active .faq-card--description {
  display: block;
}
.faq-section--title {
  font-size: var(--faq-section-title-fs);
  line-height: 1.2;
}
.faq-section--icon {
  margin-right: var(--g-20);
}
.faq-section--body {
  margin-top: var(--g-30);
}
.faq-section--aside {
  padding: var(--faq-section-aside-g);
}
.faq-section--image {
  inset: 0;
  z-index: 1;
}
.faq-section--info {
  z-index: 2;
  min-height: var(--faq-section-info-h);
  padding: var(--faq-section-aside-g);
  font-size: var(--faq-section-info-fs);
  line-height: var(--faq-section-info-lh);
  background-color: var(--c-orange-a-55);
  color: var(--c-white);
}
.faq-section--container {
  padding-top: var(--g-30);
  padding-bottom: var(--g-50);
}
.faq-toolbar {
  font-size: var(--faw-toolbar-fs);
  line-height: 1.2;
}
.faq-toolbar a {
  margin-inline: calc(var(--gap) * -1);
  padding: 12px var(--gap);
  text-decoration: none;
  background-color: var(--c-orange);
  color: var(--c-white);
}
.faq-toolbar a:hover {
  background-color: var(--c-gallery);
  color: var(--c-orange);
}
.faq-toolbar svg {
  margin-right: var(--g-20);
}
.faq-banner {
  margin-top: var(--faq-banner-mt);
  padding: var(--faq-banner-g);
}
.faq-banner--image {
  inset: 0;
  z-index: 1;
}
.faq-banner--body {
  z-index: 2;
  padding-block: var(--faq-banner-g);
  background-color: var(--c-orange-a-55);
  color: var(--c-white);
}
.faq-banner--info {
  min-height: var(--faq-banner-min-h);
  font-size: var(--faq-banner-fs);
  line-height: var(--faq-banner-lh);
}
.faq-listing {
  padding-block: var(--faq-listing-py);
}
.faq-listing--toolbar {
  margin-top: var(--faq-listing-toolbar-mt);
  font-size: 15px;
  line-height: 20px;
}
.faq-listing--toolbar a,
.faq-listing--toolbar button {
  padding: 8px var(--gap);
  text-decoration: none;
  background-color: var(--c-white);
  border: var(--c-orange) solid 1px;
  color: var(--c-orange);
}
.faq-listing--toolbar a:hover,
.faq-listing--toolbar button:hover {
  background-color: var(--c-orange);
  color: var(--c-white);
}
.faq-listing--container {
  max-width: 960px;
}

/* mobile */
@media (max-width: 1279px) {
  .faq-section {
    --faq-section-title-fs: 20px;
    --faq-section-aside-g: var(--g-20);
    --faq-section-info-h: 230px;
    --faq-section-info-fs: 15px;
    --faq-section-info-lh: 20px;
  }
  .faq-section--aside,
  .faq-section--container {
    margin-inline: calc(var(--gap) * -1);
  }
  .faq-section--aside {
    position: relative;
  }
  .faq-section--container {
    padding-inline: var(--gap);
  }
  .faq-toolbar {
    --faw-toolbar-fs: 20px;
  }
  .faq-banner {
    --faq-banner-mt: var(--g-30);
    --faq-banner-min-h: 200px;
    --faq-banner-g: var(--g-20);
    --faq-banner-fs: 15px;
    --faq-banner-lh: 20px;
  }
  .faq-listing {
    --faq-listing-py: var(--g-40);
    --faq-listing-toolbar-mt: var(--g-30);
  }
}

/* tablet - desktop */
@media (min-width: 1280px) {
  .faq-section {
    --faq-section-title-fs: 30px;
    --faq-section-image-h: 100%;
    --faq-section-aside-w: 620px;
    --faq-section-aside-g: var(--g-40);
    --faq-section-info-h: 460px;
    --faq-section-info-fs: 30px;
    --faq-section-info-lh: 1.2;
  }
  .faq-section--aside {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--faq-section-aside-w);
  }
  .faq-section--container {
    min-height: calc(var(--faq-section-info-h) + var(--faq-section-aside-g) * 2);
    margin-left: calc(var(--faq-section-aside-w) - var(--gap));
    margin-right: calc(var(--gap) * -1);
    padding-inline: var(--g-60);
  }
  .faq-toolbar {
    --faw-toolbar-fs: 25px;
  }
  .faq-banner {
    --faq-banner-mt: var(--g-50);
    --faq-banner-min-h: 340px;
    --faq-banner-g: var(--g-40);
    --faq-banner-fs: 30px;
    --faq-banner-lh: 1.2;
  }
  .faq-listing {
    --faq-listing-py: var(--g-60);
    --faq-listing-toolbar-mt: var(--g-50);
  }
}

/**
--------------------------------------------------
  Course
--------------------------------------------------
**/
.course-card--image {
  height: var(--course-card-image-h);
}
.course-card--toolbar {
  right: var(--gap);
  bottom: var(--g-20);
  left: var(--gap);
  font-size: var(--course-card-toolbar-fs);
  line-height: var(--course-card-toolbar-lh);
}
.course-card--toolbar a {
  padding: 8px var(--g-10);
  text-decoration: none;
  background-color: var(--c-white);
  color: var(--c-black);
  margin: 4px;
}
.course-card--toolbar a:hover {
  background-color: var(--c-orange);
  color: var(--c-white);
}
.course-card--toolbar img {
  width: var(--course-card-icon-w);
  height: auto;
  margin-right: 10px;
}
.course-card--title {
  font-size: var(--course-card-title-fs);
  line-height: var(--course-card-title-lh);
  color: var(--c-orange);
}
.course-card--title a {
  text-decoration: none;
  color: var(--c-orange);
}
.course-card--header,
.course-card--footer {
  padding: var(--gap);
}
.course-card--footer {
  font-size: var(--course-card-footer-fs);
  line-height: var(--course-card-footer-lh);
}
.course-card--footer a {
  padding: 8px var(--course-card-footer-px);
  text-decoration: none;
  background-color: var(--c-orange);
  color: var(--c-white);
}
.course-card--footer a:hover {
  background-color: var(--c-gallery);
  color: var(--c-orange);
}
.course-card--footer li {
  width: var(--course-card-footer-w);
  margin-bottom: var(--g-15);
  padding-inline: var(--g-10);
}
.course-card--footer ul {
  margin-bottom: calc(var(--g-15) * -1);
  margin-inline: calc(var(--g-10) * -1);
}
.course-card--body {
  font-size: 15px;
  line-height: 20px;
}
.course-card--body img {
  width: 24px;
  height: auto;
  margin-right: var(--g-10);
}
.course-card--body span {
  display: block;
}
.course-card--body li {
  padding: 12px var(--gap);
  border-bottom: var(--c-orange) solid 1px;
}
.course-section {
  padding-block: var(--course-section-py);
}
.course-section--title,
.course-section--toolbar {
  line-height: 1.2;
}
.course-section--title {
  font-size: var(--course-section-title-fs);
}
.course-section--toolbar {
  font-size: 20px;
}
.course-section--toolbar a {
  text-decoration: none;
  color: currentColor;
}
.course-section--toolbar a:hover {
  text-decoration: underline;
}
.course-toolbar {
  margin-top: var(--g-30);
  font-size: 15px;
  line-height: 20px;
}
.course-toolbar a,
.course-toolbar button {
  padding: 8px var(--gap);
  text-decoration: none;
  background-color: var(--c-white);
  border: var(--c-orange) solid 1px;
  color: var(--c-orange);
}
.course-toolbar a:hover,
.course-toolbar button:hover {
  background-color: var(--c-orange);
  color: var(--c-white);
}
.course-grid {
  margin-bottom: calc(var(--g-30) * -1);
  margin-inline: calc(var(--g-15) * -1);
}
.course-grid .course-item {
  width: var(--course-item-w);
  margin-bottom: var(--g-30);
  padding-inline: var(--g-15);
}
.course-info {
  margin-top: var(--g-20);
}
.course-info--body {
  font-size: 15px;
  line-height: 20px;
}
.course-info--body img {
  width: 24px;
  height: auto;
  margin-right: var(--g-10);
}
.course-info--body span {
  display: block;
}
.course-info--body li {
  padding-block: 12px;
  padding-right: var(--gap);
}
.course-info--body li + li {
  border-top: var(--c-orange) solid 1px;
}
.course-info--image {
  height: var(--course-info-image-h);
}
.course-info--toolbar {
  margin-top: var(--g-30);
  font-size: 20px;
  line-height: 1.2;
}
.course-info--toolbar a {
  padding: 12px var(--g-20);
  text-decoration: none;
  background-color: var(--c-orange);
  color: var(--c-white);
}
.course-info--toolbar a:hover {
  background-color: var(--c-gallery);
  color: var(--c-orange);
}
.course-detail--title {
  font-size: 20px;
  line-height: 1.2;
  color: var(--c-orange);
}
.course-detail--summary,
.course-detail--description,
.course-detail--toolbar {
  margin-top: var(--g-20);
}
.course-detail--toolbar a {
  text-decoration: none;
  color: currentColor;
}
.course-detail--toolbar a:hover {
  color: var(--c-orange);
}
.course-detail--toolbar svg {
  margin-left: var(--g-15);
  color: var(--c-orange);
}
.course-detail--more {
  display: block;
}
.course-detail--less,
.course-detail--description {
  display: none;
}
.course-detail--item {
  padding-block: var(--g-30);
  border-bottom: var(--c-orange) solid 1px;
}
.course-detail--item.active .course-detail--more {
  display: none;
}
.course-detail--item.active .course-detail--less,
.course-detail--item.active .course-detail--description {
  display: block;
}

/* mobile - tablet */
@media (max-width: 1279px) {
  .course-card {
    --course-card-title-fs: 20px;
    --course-card-title-lh: 1.2;
    --course-card-icon-w: 16px;
    --course-card-toolbar-fs: 12px;
    --course-card-toolbar-lh: 16px;
    --course-card-footer-w: 100%;
    --course-card-footer-fs: 18px;
    --course-card-footer-lh: 22px;
    --course-card-footer-px: var(--g-30);
  }
  .course-section {
    --course-section-py: var(--g-30);
    --course-section-title-fs: 20px;
  }
  .course-section--body {
    margin-top: var(--g-30);
  }
  .course-section--toolbar {
    margin-top: var(--g-20);
    text-align: center;
  }
  .course-info {
    --course-info-image-h: 300px;
  }
  .course-info--image {
    margin-top: var(--g-30);
  }
  .course-info--toolbar {
    text-align: center;
  }
}

/* mobile */
@media (max-width: 767px) {
  .course-card {
    --course-card-image-h: 180px;
  }
  .course-grid {
    --course-item-w: 100%;
  }
}

/* tablet */
@media (min-width: 768px) and (max-width: 1279px) {
  .course-card {
    --course-card-image-h: 200px;
  }
  .course-grid {
    --course-item-w: 50%;
  }
}

/* desktop */
@media (min-width: 1280px) {
  .course-card {
    --course-card-image-h: 220px;
    --course-card-title-fs: 18px;
    --course-card-title-lh: 22px;
    --course-card-icon-w: 18px;
    --course-card-toolbar-fs: 14px;
    --course-card-toolbar-lh: 18px;
    --course-card-footer-w: 50%;
    --course-card-footer-fs: 15px;
    --course-card-footer-lh: 20px;
    --course-card-footer-px: var(--g-15);
  }
  .course-section {
    --course-section-py: var(--g-50);
    --course-section-title-fs: 30px;
    --course-section-toolbar-w: 325px;
    --course-section-toolbar-g: var(--g-30);
  }
  .course-section--body {
    margin-top: var(--g-40);
  }
  .course-section.has-toolbar .course-section--title {
    margin-right: calc(var(--course-section-toolbar-w) + var(--course-section-toolbar-g));
  }
  .course-section.has-toolbar .course-section--toolbar {
    position: absolute;
    top: 6px;
    right: var(--gap);
    max-width: var(--course-section-toolbar-w);
    text-align: right;
  }
  .course-grid {
    --course-item-w: 33.333333%;
  }
  .course-info {
    --course-info-image-w: 450px;
    --course-info-image-h: 300px;
    --course-info-image-g: var(--g-60);
    position: relative;
  }
  .course-info--body {
    min-height: var(--course-info-image-h);
    padding-right: calc(var(--course-info-image-w) + var(--course-info-image-g));
  }
  .course-info--image {
    position: absolute;
    top: 0;
    right: 0;
    width: var(--course-info-image-w);
  }
}

/**
--------------------------------------------------
  Editux
--------------------------------------------------
**/
.editux-text:not(:first-child),
.editux-grid:not(:first-child) {
  margin-top: var(--g-30);
}
.editux-text {
  font-size: 15px;
  line-height: 20px;
}
.editux-text h1:not(:first-child),
.editux-text h2:not(:first-child),
.editux-text h3:not(:first-child),
.editux-text h4:not(:first-child),
.editux-text h5:not(:first-child),
.editux-text h6:not(:first-child),
.editux-text p:not(:first-child),
.editux-text ul:not(:first-child),
.editux-text ol:not(:first-child),
.editux-text figure:not(:first-child),
.editux-text blockquote:not(:first-child) {
  margin-top: var(--g-20);
}
.editux-text h1,
.editux-text h2,
.editux-text h3,
.editux-text h4,
.editux-text h5,
.editux-text h6 {
  font-weight: var(--fw-bold);
}
.editux-text h1,
.editux-text h2,
.editux-text h3 {
  line-height: 1.2;
}
.editux-text h1,
.editux-text h2 {
  font-size: 25px;
  color: var(--c-orange);
}
.editux-text h3 {
  font-size: 20px;
  color: var(--c-black);
}
.editux-text h4,
.editux-text h5,
.editux-text h6 {
  font-size: 18px;
  line-height: 22px;
}
.editux-text ul,
.editux-text ol {
  margin-left: 1em;
}
.editux-text ul {
  list-style: disc;
}
.editux-text ol {
  list-style: decimal;
}
.editux-text li:not(:first-child) {
  margin-top: var(--g-10);
}
.editux-text a {
  color: var(--c-orange);
}
.editux-text a:hover {
  color: var(--c-black);
}
.editux-text img {
  max-width: 100%;
}
.editux-text img:not(.h-full) {
  height: auto;
}
.editux-text blockquote {
  max-width: 640px;
  margin-inline: auto;
  padding: var(--g-40) var(--gap);
}
.editux-text blockquote p {
  font-size: 25px;
  font-weight: var(--fw-bold);
  line-height: 1.2;
}
.editux-text blockquote cite {
  display: block;
  margin-top: var(--g-20);
  font-size: 18px;
  font-weight: var(--fw-medium);
  line-height: 22px;
}
.editux-text .wp-block-columns,
.editux-text .wp-block-gallery,
.editux-text .wp-block-heading,
.editux-text .wp-block-separator {
  margin: 0;
}
.editux-text .wp-block-columns:not(:first-child),
.editux-text .wp-block-gallery:not(:first-child),
.editux-text .wp-block-heading:not(:first-child),
.editux-text .wp-block-separator:not(:first-child) {
  margin-top: var(--g-30);
}
.editux-text .wp-block-columns {
  gap: calc(var(--gap) * 2);
}
.editux-text .wp-block-separator {
  height: 1px;
  border: 0;
  background-color: var(--c-dove-gray);
}
.editux-text .wp-block-image .alignleft,
.editux-text .wp-block-image .alignright {
  margin-top: var(--g-30);
  margin-bottom: var(--gap);
}
.editux-text .wp-block-image .alignleft {
  margin-right: calc(var(--gap) * 2);
}
.editux-text .wp-block-image .alignright {
  margin-left: calc(var(--gap) * 2);
}
.editux-image {
  max-height: var(--editux-image-h);
}
.editux-item {
  width: var(--editux-item-w);
  margin-bottom: var(--g-30);
  padding-inline: var(--gap);
}
.editux-grid {
  margin-bottom: calc(var(--g-30) * -1);
  margin-inline: calc(var(--gap) * -1);
}

/* mobile - tablet */
@media (max-width: 1023px) {
  .editux-image {
    --editux-image-h: 240px;
  }
  .editux-grid {
    --editux-item-w: 100%;
  }
}

/* tablet - desktop */
@media (min-width: 1024px) {
  .editux-image {
    --editux-image-h: 320px;
  }
  .editux-grid {
    --editux-item-w: 50%;
  }
}

/**
--------------------------------------------------
  Filter
--------------------------------------------------
**/
.filter {
  padding-block: var(--filter-py);
}
.filter-title {
  font-size: var(--filter-title-fs);
  line-height: 1.2;
  color: var(--c-orange);
}
.filter-reset,
.filter-toggle {
  padding-block: 12px;
  font-size: 20px;
  border: 0;
}
.filter-reset {
  padding-inline: 0;
  background-color: transparent;
  color: var(--c-black);
}
.filter-reset:hover {
  color: var(--c-red);
}
.filter-reset svg {
  margin-right: var(--g-10);
}
.filter-reset span {
  display: block;
}
.filter-toggle {
  padding-inline: var(--g-15);
  background-color: var(--c-gainsboro);
  border: 0;
  color: inherit;
}
.filter-toggle svg {
  margin-left: var(--g-15);
  scale: 1;
}
.filter-toggle span {
  display: block;
}
.filter-toggle:hover {
  background-color: var(--c-tundora);
  color: var(--c-white);
}
.filter-toggle.active svg {
  scale: -1;
}
.filter-body {
  top: 100%;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-property: opacity, visibility;
          transition-property: opacity, visibility;
}
.filter-body.active {
  z-index: 10;
  opacity: 1;
  visibility: visible;
}
.filter-list {
  width: 280px;
  padding: var(--g-15);
  font-size: 15px;
  line-height: 20px;
  background-color: var(--c-wild-sand);
}
.filter-option {
  width: 100%;
  padding: 2px 0;
  text-align: left;
  text-decoration: none;
  background-color: transparent;
  border: 0;
  color: inherit;
}
.filter-option:hover,
.filter-option.selected {
  color: var(--c-orange);
}
.filter-grid {
  margin-top: var(--g-20);
  margin-bottom: calc(var(--g-15) * -1);
  margin-inline: calc(var(--g-10) * -1);
}
.filter-dropdown {
  margin-bottom: var(--g-15);
  padding-inline: var(--g-10);
}

/* mobile - tablet */
@media (max-width: 1279px) {
  .filter {
    --filter-py: var(--g-30);
    --filter-title-fs: 20px;
  }
  .filter-body {
    left: var(--g-10);
  }
  .filter-dropdown {
    width: var(--filter-dropdown-w);
  }
}

/* mobile */
@media (max-width: 767px) {
  .filter {
    --filter-dropdown-w: 100%;
  }
}

/* tablet */
@media (min-width: 768px) and (max-width: 1279px) {
  .filter {
    --filter-dropdown-w: 50%;
  }
}

/* desktop */
@media (min-width: 1280px) {
  .filter {
    --filter-py: var(--g-40);
    --filter-title-fs: 30px;
  }
  .filter-dropdown.i-1 {
    width: 300px;
  }
  .filter-dropdown.i-2 {
    width: 205px;
  }
  .filter-dropdown.i-3 {
    width: 160px;
  }
  .filter-dropdown.i-4 {
    width: 125px;
  }
  .filter-dropdown.i-5 {
    width: 155px;
  }
  .filter-dropdown.i-6 {
    width: 195px;
  }
  .filter-dropdown.i-1 .filter-body,
  .filter-dropdown.i-2 .filter-body,
  .filter-dropdown.i-3 .filter-body {
    left: var(--g-10);
  }
  .filter-dropdown.i-4 .filter-body,
  .filter-dropdown.i-5 .filter-body,
  .filter-dropdown.i-6 .filter-body {
    right: var(--g-10);
  }
}

/**
--------------------------------------------------
  Article
--------------------------------------------------
**/
.article-card--image a,
.article-card--title a {
  color: inherit;
  text-decoration: none;
}
.article-card--image a:hover,
.article-card--title a:hover {
  color: var(--c-orange);
}
.article-card--image {
  height: 240px;
}
.article-card--title {
  font-size: 20px;
  line-height: 1.2;
}
.article-card--summary,
.article-card--toolbar {
  margin-top: var(--g-20);
  font-size: 15px;
  line-height: 20px;
}
.article-card--toolbar a {
  text-decoration: none;
  color: currentColor;
}
.article-card--toolbar a:hover {
  color: var(--c-orange);
}
.article-card--toolbar svg {
  margin-left: var(--g-15);
  color: var(--c-orange);
}
.article-card--body {
  margin-top: var(--g-20);
  padding-inline: var(--g-15);
}
.article-item {
  width: var(--article-item-w);
  margin-bottom: var(--g-40);
  padding-inline: var(--gap);
}
.article-grid {
  margin-bottom: calc(var(--g-40) * -1);
  margin-inline: calc(var(--gap) * -1);
}
.article-section {
  padding-block: var(--article-section-py);
}
.article-section--title {
  font-size: var(--article-section-title-fs);
  line-height: 1.2;
  color: var(--c-orange);
}
.article-section--body {
  margin-top: var(--g-30);
}
.article-section--toolbar {
  font-size: 15px;
  line-height: 20px;
}
.article-section--toolbar a {
  text-decoration: none;
  color: inherit;
}
.article-section--toolbar a:hover {
  text-decoration: underline;
}
.article-section--toolbar svg {
  margin-left: var(--g-15);
}
.article-section--toolbar span {
  display: block;
}
.article-listing {
  padding-block: var(--article-listing-py);
}
.article-more {
  margin-top: var(--g-35);
}
.article-more a {
  text-decoration: none;
  color: var(--c-orange);
}
.article-more a:hover {
  color: var(--c-black);
}
.article-more span {
  display: none;
}
.article-toolbar {
  margin-top: var(--g-40);
  font-size: 15px;
  line-height: 20px;
}
.article-toolbar a,
.article-toolbar button {
  padding: 8px var(--gap);
  text-decoration: none;
  background-color: var(--c-white);
  border: var(--c-orange) solid 1px;
  color: var(--c-orange);
}
.article-toolbar a:hover,
.article-toolbar button:hover {
  background-color: var(--c-orange);
  color: var(--c-white);
}
.article-detail {
  padding-top: var(--article-detail-pt);
  padding-bottom: var(--article-detail-pb);
}

/* mobile - tablet */
@media (max-width: 1279px) {
  .article-section {
    --article-section-py: var(--g-60);
    --article-section-title-fs: 20px;
  }
  .article-section--toolbar {
    margin-top: var(--g-30);
    text-align: center;
  }
  .article-listing {
    --article-listing-py: var(--g-30);
  }
  .article-detail {
    --article-detail-pt: var(--g-20);
    --article-detail-pb: var(--g-60);
  }
}

/* mobile */
@media (max-width: 767px) {
  .article-grid {
    --article-item-w: 100%;
  }
}

/* tablet */
@media (min-width: 768px) and (max-width: 1279px) {
  .article-grid {
    --article-item-w: 50%;
  }
}

/* desktop */
@media (min-width: 1280px) {
  .article-grid {
    --article-item-w: 33.333333%;
  }
  .article-section {
    --article-section-py: var(--g-80);
    --article-section-title-fs: 30px;
    --article-section-toolbar-w: 215px;
    --article-section-toolbar-g: var(--g-30);
  }
  .article-section.has-toolbar .article-section--title {
    margin-right: calc(var(--article-section-toolbar-w) + var(--article-section-toolbar-g));
  }
  .article-section.has-toolbar .article-section--toolbar {
    position: absolute;
    top: 8px;
    right: var(--gap);
    max-width: var(--article-section-toolbar-w);
    text-align: right;
  }
  .article-listing {
    --article-listing-py: var(--g-50);
  }
  .article-detail {
    --article-detail-pt: var(--g-30);
    --article-detail-pb: var(--g-80);
  }
}

/**
--------------------------------------------------
  Contact
--------------------------------------------------
**/
.contact {
  margin-top: var(--contact-mt);
}
.contact-title {
  font-size: var(--contact-title-fs);
  line-height: 1.2;
  color: var(--c-orange);
}
.contact-cta {
  inset: 0;
  padding: var(--gap);
  font-size: 30px;
  line-height: 1.2;
  background-color: var(--c-orange-a-55);
  color: var(--c-white);
}
.contact-cta a {
  text-decoration: none;
  color: currentColor;
}
.contact-cta a:hover {
  background-color: var(--c-orange-a-65);
}
.contact-cta svg {
  width: 78px;
  height: 64px;
}
.contact-cta span {
  display: block;
  margin-top: var(--g-10);
}
.contact-image {
  height: var(--contact-image-h);
}
.contact-address h3 {
  font-size: 20px;
  font-weight: var(--fw-bold);
  line-height: 1.2;
}
.contact-address address {
  display: block;
  margin-top: var(--g-20);
  font-size: 15px;
  font-style: normal;
  line-height: 20px;
}
.contact-address li {
  padding: var(--g-30);
}
.contact-address li:not(:first-child) {
  border-top: var(--c-orange) solid 1px;
}
.contact-banner {
  margin-bottom: var(--g-40);
}
.contact-info {
  width: var(--contact-info-w);
}
.contact-form {
  width: var(--contact-form-w);
}

/* mobile - tablet */
@media (max-width: 1023px) {
  .contact {
    --contact-mt: var(--g-30);
    --contact-title-fs: 20px;
    --contact-image-h: 230px;
    --contact-info-w: 100%;
    --contact-info-mt: var(--g-40);
    --contact-form-w: 100%;
  }
  .contact-info {
    margin-top: var(--contact-info-mt);
  }
}

/* tablet - desktop */
@media (min-width: 1024px) {
  .contact {
    --contact-mt: var(--g-50);
    --contact-title-fs: 30px;
    --contact-image-h: 280px;
    --contact-info-w: 420px;
    --contact-info-g: var(--g-60);
    --contact-form-w: calc(100% - (var(--contact-info-w) + var(--contact-info-g)));
  }
  .contact-info {
    margin-left: var(--contact-info-g);
  }
}

/**
--------------------------------------------------
  Testimony
--------------------------------------------------
**/
.testimony {
  padding-block: var(--testimony-py);
}
.testimony-card {
  padding-top: calc(var(--testimony-icon-s) * 0.5);
}
.testimony-card--icon {
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: var(--testimony-icon-s);
  height: var(--testimony-icon-s);
}
.testimony-card--body {
  padding: var(--g-60) var(--g-25);
  font-size: 15px;
  line-height: 20px;
  border: var(--c-orange) solid 1px;
}
.testimony-card--body a {
  color: currentColor;
}
.testimony-card--body a:hover {
  color: var(--c-black);
}
.testimony-card--body span {
  color: var(--c-orange);
}
.testimony-card--body cite {
  display: block;
  margin-top: var(--g-20);
  font-style: normal;
}
.testimony-slider {
  margin-top: calc(var(--testimony-icon-s) * -0.5);
}
.testimony-info {
  margin-top: var(--testimony-info-mt);
  font-size: var(--testimony-info-fs);
  line-height: var(--testimony-info-lh);
}
.testimony-info p {
  padding-block: var(--g-5);
}
.testimony-info a {
  color: currentColor;
}
.testimony-info a:hover {
  color: var(--c-black);
}
.testimony-info span {
  color: var(--c-orange);
}

/* mobile - tablet */
@media (max-width: 1279px) {
  .testimony {
    --testimony-py: var(--g-60);
    --testimony-info-mt: var(--g-30);
    --testimony-info-fs: 15px;
    --testimony-info-lh: 20px;
    --testimony-icon-s: 60px;
  }
}

/* desktop */
@media (min-width: 1280px) {
  .testimony {
    --testimony-py: var(--g-80);
    --testimony-info-mt: var(--g-40);
    --testimony-info-fs: 20px;
    --testimony-info-lh: 1.2;
    --testimony-icon-s: 60px;
  }
}

/**
--------------------------------------------------
  Form
--------------------------------------------------
**/
.frm_forms.with_frm_style {
  --form-nux-input-h: 46px;
  --form-nux-textarea-h: 186px;
  --form-nux-submit-h: 46px;
}
.frm_forms.with_frm_style .frm_form_fields fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.frm_forms.with_frm_style .frm_radio,
.frm_forms.with_frm_style .frm_checkbox,
.frm_forms.with_frm_style .frm_form_field {
  margin: 0;
}
.frm_forms.with_frm_style .frm_form_field.form-field:not(:first-child) {
  margin-top: var(--g-15);
}
.frm_forms.with_frm_style .frm_form_field.form-field select,
.frm_forms.with_frm_style .frm_form_field.form-field input,
.frm_forms.with_frm_style .frm_form_field.form-field textarea,
.frm_forms.with_frm_style .frm_form_field.form-field button {
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.frm_forms.with_frm_style .frm_form_field.form-field select,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=text],
.frm_forms.with_frm_style .frm_form_field.form-field input[type=email],
.frm_forms.with_frm_style .frm_form_field.form-field input[type=number],
.frm_forms.with_frm_style .frm_form_field.form-field input[type=password],
.frm_forms.with_frm_style .frm_form_field.form-field textarea {
  width: 100%;
  padding-inline: var(--g-15);
  font-size: 15px;
  background-color: var(--c-white);
  border: var(--c-alto) solid 1px;
  border-radius: 10px;
  color: var(--c-mine-shaft);
}
.frm_forms.with_frm_style .frm_form_field.form-field select::-webkit-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=text]::-webkit-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=email]::-webkit-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=number]::-webkit-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=password]::-webkit-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field textarea::-webkit-input-placeholder {
  font-size: 100%;
  color: var(--c-emperor);
  opacity: 1;
}
.frm_forms.with_frm_style .frm_form_field.form-field select::-moz-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=text]::-moz-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=email]::-moz-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=number]::-moz-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=password]::-moz-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field textarea::-moz-placeholder {
  font-size: 100%;
  color: var(--c-emperor);
  opacity: 1;
}
.frm_forms.with_frm_style .frm_form_field.form-field select:-ms-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=text]:-ms-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=email]:-ms-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=number]:-ms-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=password]:-ms-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field textarea:-ms-input-placeholder {
  font-size: 100%;
  color: var(--c-emperor);
  opacity: 1;
}
.frm_forms.with_frm_style .frm_form_field.form-field select::-ms-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=text]::-ms-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=email]::-ms-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=number]::-ms-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=password]::-ms-input-placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field textarea::-ms-input-placeholder {
  font-size: 100%;
  color: var(--c-emperor);
  opacity: 1;
}
.frm_forms.with_frm_style .frm_form_field.form-field select::placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=text]::placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=email]::placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=number]::placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=password]::placeholder,
.frm_forms.with_frm_style .frm_form_field.form-field textarea::placeholder {
  font-size: 100%;
  color: var(--c-emperor);
  opacity: 1;
}
.frm_forms.with_frm_style .frm_form_field.form-field select,
.frm_forms.with_frm_style .frm_form_field.form-field input[type=text],
.frm_forms.with_frm_style .frm_form_field.form-field input[type=email],
.frm_forms.with_frm_style .frm_form_field.form-field input[type=number],
.frm_forms.with_frm_style .frm_form_field.form-field input[type=password] {
  min-height: var(--form-nux-input-h);
  padding-block: var(--g-10);
}
.frm_forms.with_frm_style .frm_form_field.form-field textarea {
  min-height: var(--form-nux-textarea-h);
  padding-block: var(--g-15);
  line-height: 20px;
}
.frm_forms.with_frm_style .frm_form_field.form-field button[type=submit] {
  width: 100%;
  min-height: var(--form-nux-submit-h);
  padding: var(--g-10) var(--gap);
  font-size: 20px;
  font-weight: var(--fw-bold);
  line-height: 1.2;
  background-color: var(--c-orange);
  border: 0;
  border-radius: 10px;
  color: var(--c-white);
}
.frm_forms.with_frm_style .frm_form_field.form-field button[type=submit]:hover {
  background-color: var(--c-gallery);
  color: var(--c-orange);
}
.frm_forms.with_frm_style .frm_form_field.form-field.frm_blank_field select,
.frm_forms.with_frm_style .frm_form_field.form-field.frm_blank_field input[type=text],
.frm_forms.with_frm_style .frm_form_field.form-field.frm_blank_field input[type=email],
.frm_forms.with_frm_style .frm_form_field.form-field.frm_blank_field input[type=number],
.frm_forms.with_frm_style .frm_form_field.form-field.frm_blank_field input[type=password],
.frm_forms.with_frm_style .frm_form_field.form-field.frm_blank_field textarea {
  border-color: var(--c-red);
}
.frm_forms.with_frm_style .frm_primary_label {
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: inherit;
}
.frm_forms.with_frm_style .frm_required {
  color: var(--c-orange);
}
.frm_forms.with_frm_style .frm_error {
  font-size: 12px;
  font-weight: var(--fw-medium);
  line-height: 16px;
  color: var(--c-red);
}
.frm_forms.with_frm_style .frm_error_style {
  display: none !important;
}
.frm_forms.with_frm_style .frm_info a,
.frm_forms.with_frm_style .frm_message a {
  color: currentColor;
}
.frm_forms.with_frm_style .frm_info a:hover,
.frm_forms.with_frm_style .frm_message a:hover {
  color: var(--c-orange);
}
.frm_forms.with_frm_style .frm_info p,
.frm_forms.with_frm_style .frm_message p {
  margin: 0;
  color: inherit;
}
.frm_forms.with_frm_style .frm_info {
  margin-top: var(--g-15);
  font-size: 15px;
  line-height: 20px;
}
.frm_forms.with_frm_style .frm_message {
  margin: 0;
  padding: var(--g-25);
  font-size: 20px;
  font-weight: var(--fw-semibold);
  line-height: 1.2;
  text-align: center;
  background-color: transparent;
  border: none;
  color: inherit;
}
.frm_forms.with_frm_style .frm_submit {
  margin-top: var(--g-10);
}
.frm_forms.with_frm_style div.frm_description,
.frm_forms.with_frm_style div.frm_pro_max_limit_desc {
  margin-top: var(--g-5);
  font-size: 12px;
  font-style: italic;
  line-height: 16px;
  color: var(--c-tundora);
}