/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

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

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

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

a {
  background-color: transparent
}

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

b,
strong {
  font-weight: bolder
}

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: -.25em
}

sup {
  top: -.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
}

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

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

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

fieldset {
  padding: .35em .75em .625em
}

legend {
  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] {
  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
}

[hidden],
template {
  display: none
}

.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px
}

.choices:focus {
  outline: 0
}

.choices:last-child {
  margin-bottom: 0
}

.choices.is-open {
  overflow: visible
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none
}

.choices.is-disabled .choices__item {
  cursor: not-allowed
}

.choices [hidden] {
  display: none !important
}

.choices[data-type*=select-one] {
  cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0
}

.choices[data-type*=select-one] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: .25
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
  opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #00bcd4
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none
}

.choices[data-type*=select-one]:after {
  content: "";
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #333;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none
}

.choices[data-type*=select-one].is-open:after {
  border-color: transparent transparent #333;
  margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]:after {
  left: 11.5px;
  right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin: 0-4px 0 8px;
  padding-left: 16px;
  border-left: 1px solid #008fa1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: .75;
  border-radius: 0
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
  opacity: 1
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden
}

.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #b7b7b7
}

.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none
}

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%
}

[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px
}

.choices__list--single .choices__item {
  width: 100%
}

.choices__list--multiple {
  display: inline
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #00bcd4;
  border: 1px solid #00a5bb;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaa;
  border: 1px solid #919191
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility
}

.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
  visibility: visible
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item,
[dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right
}

@media (min-width:640px) {

  .choices__list--dropdown .choices__item--selectable,
  .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 100px
  }

  .choices__list--dropdown .choices__item--selectable:after,
  .choices__list[aria-expanded] .choices__item--selectable:after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
  }

  [dir=rtl] .choices__list--dropdown .choices__item--selectable,
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px
  }

  [dir=rtl] .choices__list--dropdown .choices__item--selectable:after,
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable:after {
    right: auto;
    left: 10px
  }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted:after {
  opacity: .5
}

.choices__item {
  cursor: default
}

.choices__item--selectable {
  cursor: pointer
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  opacity: .5
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: grey
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer
}

.choices__button:focus,
.choices__input:focus {
  outline: 0
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px
}

.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
  display: none
}

.choices__input::-ms-clear,
.choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0
}

[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0
}

.choices__placeholder {
  opacity: .5
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height: 100%;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  width: 100%;
  height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center
}


:root {
  --color-black: 224 17% 17%;
  --color-white: 0 0% 100%;
  --color-gray-90: 226 10% 26%;
  --color-gray-80: 225 7% 34%;
  --color-gray-70: 224 5% 42%;
  --color-gray-60: 220 4% 50%;
  --color-gray-50: 225 4% 59%;
  --color-gray-40: 230 4% 67%;
  --color-gray-30: 225 3% 75%;
  --color-gray-20: 220 4% 83%;
  --color-gray-10: 210 5% 92%;
  --color-gray-05: 240 5% 96%;
  --color-gray-02: 0 0% 98%;
  --color-gray-akad-light: 0 0% 95%;
  --color-gray-akad-dark: 0 0% 86%;
  --color-green: 135 80% 37%;
  --color-green-dark: 136 77% 35%;
  --color-green-light: 136 45% 94%;
  --color-green-disabled: 136 76% 31%;
  --color-moss-green: 151 93% 22%;
  --color-moss-green-dark: 151 89% 21%;
  --color-moss-green-light: 152 27% 90%;
  --color-yellow: 43 100% 61%;
  --color-yellow-dark: 43 64% 42%;
  --color-yellow-light: 43 100% 67%;
  --color-yellow-lightest: 44 100% 94%;
  --color-blue: 214 44% 27%;
  --color-blue-dark: 215 42% 26%;
  --color-blue-light: 214 16% 91%;
  --color-purple: 296 19% 33%;
  --color-purple-dark: 292 19% 32%;
  --color-purple-light: 300 10% 92%;
  --color-orange: 29 100% 46%;
  --color-orange-dark: 28 87% 39%;
  --color-sky-blue: 199 100% 35%;
  --color-sky-blue-dark: 199 98% 34%;
  --color-sky-blue-light: 197 51% 92%;
  --color-steel: 210 23% 56%;
  --color-steel-dark: 210 20% 52%;
  --color-steel-darkest: 212 18% 44%;
  --color-steel-light: 216 22% 95%;
  --color-red: 7 100% 68%;
  --color-red-dark: 7 76% 61%;
  --color-red-light: 7 100% 72%;
  --color-red-lightest: 7 100% 97%;
  --font-default: Epilogue;
  --font-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --grid-container: 125.6rem;
  --grid-gap: 2.4rem;
  --transition-function: ease-out;
  --scroll-padding-top: 0px;
  --cardShadowXSmall: 0 2px 5px -1px hsl(var(--color-black)/.25), 0 1px 3px -1px hsl(var(--color-black)/.3);
  --cardShadowSmall: 0 6px 12px -2px hsl(var(--color-black)/.25), 0 3px 7px -3px hsl(var(--color-black)/.3);
  --cardShadowMedium: 0 13px 27px -5px hsl(var(--color-black)/.25), 0 8px 16px -8px hsl(var(--color-black)/.3);
  --cardShadowLarge: 0 30px 60px -12px hsl(var(--color-black)/.25), 0 18px 36px -18px hsl(var(--color-black)/.3);
  --cardShadowLargeInset: inset 0 30px 60px -12px hsl(var(--color-black)/.25), inset 0 18px 36px -18px hsl(var(--color-black)/.3);
  --cardShadowXLarge: 0 50px 100px -20px hsl(var(--color-black)/.25), 0 30px 60px -30px hsl(var(--color-black)/.3);
  --heading-color: var(--color-black);
  --text-color: var(--color-gray-90);
  --description-color: var(--color-gray-80);
  --color-theme: var(--color-green);
  --color-theme-light: var(--color-green-light);
  --color-theme-dark: var(--color-moss-green-dark);
  --color-theme-text: var(--color-white);
  --color-theme-pattern: var(--color-moss-green);
  --cardBorderRadius: .8rem
}

.section--black,
.section--theme {
  --heading-color: var(--color-white);
  --text-color: var(--color-white);
  --description-color: var(--color-white)
}

.scheme-green {
  --color-theme: var(--color-green);
  --color-theme-light: var(--color-green-light);
  --color-theme-dark: var(--color-moss-green-dark);
  --color-theme-text: var(--color-white);
  --color-theme-pattern: var(--color-moss-green)
}

.scheme-green .section--theme {
  --color-theme: var(--color-black)
}

.scheme-gray {
  --color-theme: var(--color-steel);
  --color-theme-light: var(--color-steel-light);
  --color-theme-dark: var(--color-steel-dark);
  --color-theme-text: var(--color-white);
  --color-theme-pattern: var(--color-steel)
}

.scheme-gray .section--theme {
  --color-theme: var(--color-black)
}

.scheme-yellow {
  --color-theme: var(--color-yellow);
  --color-theme-light: var(--color-yellow-lightest);
  --color-theme-dark: var(--color-yellow-dark);
  --color-theme-text: var(--color-black);
  --color-theme-pattern: var(--color-yellow)
}

.scheme-yellow .section--theme {
  --color-theme: var(--color-white);
  --heading-color: var(--color-black);
  --text-color: var(--color-black)
}

.scheme-navy {
  --color-theme: var(--color-blue);
  --color-theme-light: var(--color-blue-light);
  --color-theme-dark: var(--color-blue-dark);
  --color-theme-text: var(--color-white);
  --color-theme-pattern: var(--color-blue)
}

.scheme-navy .section--theme {
  --color-theme: var(--color-black)
}

.scheme-turquoise {
  --color-theme: var(--color-sky-blue);
  --color-theme-light: var(--color-sky-blue-light);
  --color-theme-dark: var(--color-sky-blue-dark);
  --color-theme-text: var(--color-white);
  --color-theme-pattern: var(--color-sky-blue)
}

.scheme-turquoise .section--theme {
  --color-theme: var(--color-black)
}

.scheme-purple {
  --color-theme: var(--color-purple);
  --color-theme-light: var(--color-purple-light);
  --color-theme-dark: var(--color-purple-dark);
  --color-theme-text: var(--color-white);
  --color-theme-pattern: var(--color-purple)
}

.scheme-purple .section--theme {
  --color-theme: var(--color-black)
}

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

.d-none {
  display: none !important
}

.d-block {
  display: block
}

.d-flex {
  display: flex
}

.d-grid {
  display: grid
}

@media screen and (min-width:0) {
  .d-none-default {
    display: none
  }
}

@media screen and (min-width:0) {
  .d-block-default {
    display: block
  }
}

@media screen and (min-width:0) {

  .flexitem-default-1--default,
  .flexitem-default-1--lg,
  .flexitem-default-1--md,
  .flexitem-default-1--none,
  .flexitem-default-1--sm,
  .flexitem-default-1--xl,
  .flexitem-default-1--xxl,
  .flexitem-default-1--xxxl {
    flex: 100%;
    max-width: 100%
  }
}

@media screen and (min-width:0) {
  .flexitem-default-2--none {
    flex: 50%;
    max-width: 50%
  }
}

@media screen and (min-width:0) {
  .flexitem-default-2--default {
    flex: calc(50% - 0.6rem);
    max-width: calc(50% - .6rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-2--sm {
    flex: calc(50% - 1.2rem);
    max-width: calc(50% - 1.2rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-2--md {
    flex: calc(50% - 1.76rem);
    max-width: calc(50% - 1.76rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-2--lg {
    flex: calc(50% - 2.32rem);
    max-width: calc(50% - 2.32rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-2--xl {
    flex: calc(50% - 2.88rem);
    max-width: calc(50% - 2.88rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-2--xxl {
    flex: calc(50% - 3.44rem);
    max-width: calc(50% - 3.44rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-2--xxxl {
    flex: calc(50% - 4rem);
    max-width: calc(50% - 4rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-3--none {
    flex: 33.33333%;
    max-width: 33.33333%
  }
}

@media screen and (min-width:0) {
  .flexitem-default-3--default {
    flex: calc(33.33333% - 0.8rem);
    max-width: calc(33.33333% - .8rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-3--sm {
    flex: calc(33.33333% - 1.6rem);
    max-width: calc(33.33333% - 1.6rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-3--md {
    flex: calc(33.33333% - 2.34667rem);
    max-width: calc(33.33333% - 2.34667rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-3--lg {
    flex: calc(33.33333% - 3.09333rem);
    max-width: calc(33.33333% - 3.09333rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-3--xl {
    flex: calc(33.33333% - 3.84rem);
    max-width: calc(33.33333% - 3.84rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-3--xxl {
    flex: calc(33.33333% - 4.58667rem);
    max-width: calc(33.33333% - 4.58667rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-3--xxxl {
    flex: calc(33.33333% - 5.33333rem);
    max-width: calc(33.33333% - 5.33333rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-4--none {
    flex: 25%;
    max-width: 25%
  }
}

@media screen and (min-width:0) {
  .flexitem-default-4--default {
    flex: calc(25% - 0.9rem);
    max-width: calc(25% - .9rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-4--sm {
    flex: calc(25% - 1.8rem);
    max-width: calc(25% - 1.8rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-4--md {
    flex: calc(25% - 2.64rem);
    max-width: calc(25% - 2.64rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-4--lg {
    flex: calc(25% - 3.48rem);
    max-width: calc(25% - 3.48rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-4--xl {
    flex: calc(25% - 4.32rem);
    max-width: calc(25% - 4.32rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-4--xxl {
    flex: calc(25% - 5.16rem);
    max-width: calc(25% - 5.16rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-4--xxxl {
    flex: calc(25% - 6rem);
    max-width: calc(25% - 6rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-5--none {
    flex: 20%;
    max-width: 20%
  }
}

@media screen and (min-width:0) {
  .flexitem-default-5--default {
    flex: calc(20% - 0.96rem);
    max-width: calc(20% - .96rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-5--sm {
    flex: calc(20% - 1.92rem);
    max-width: calc(20% - 1.92rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-5--md {
    flex: calc(20% - 2.816rem);
    max-width: calc(20% - 2.816rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-5--lg {
    flex: calc(20% - 3.712rem);
    max-width: calc(20% - 3.712rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-5--xl {
    flex: calc(20% - 4.608rem);
    max-width: calc(20% - 4.608rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-5--xxl {
    flex: calc(20% - 5.504rem);
    max-width: calc(20% - 5.504rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-5--xxxl {
    flex: calc(20% - 6.4rem);
    max-width: calc(20% - 6.4rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-6--none {
    flex: 16.66667%;
    max-width: 16.66667%
  }
}

@media screen and (min-width:0) {
  .flexitem-default-6--default {
    flex: calc(16.66667% - 1rem);
    max-width: calc(16.66667% - 1rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-6--sm {
    flex: calc(16.66667% - 2rem);
    max-width: calc(16.66667% - 2rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-6--md {
    flex: calc(16.66667% - 2.93333rem);
    max-width: calc(16.66667% - 2.93333rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-6--lg {
    flex: calc(16.66667% - 3.86667rem);
    max-width: calc(16.66667% - 3.86667rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-6--xl {
    flex: calc(16.66667% - 4.8rem);
    max-width: calc(16.66667% - 4.8rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-6--xxl {
    flex: calc(16.66667% - 5.73333rem);
    max-width: calc(16.66667% - 5.73333rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-6--xxxl {
    flex: calc(16.66667% - 6.66667rem);
    max-width: calc(16.66667% - 6.66667rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-7--none {
    flex: 14.28571%;
    max-width: 14.28571%
  }
}

@media screen and (min-width:0) {
  .flexitem-default-7--default {
    flex: calc(14.28571% - 1.02857rem);
    max-width: calc(14.28571% - 1.02857rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-7--sm {
    flex: calc(14.28571% - 2.05714rem);
    max-width: calc(14.28571% - 2.05714rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-7--md {
    flex: calc(14.28571% - 3.01714rem);
    max-width: calc(14.28571% - 3.01714rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-7--lg {
    flex: calc(14.28571% - 3.97714rem);
    max-width: calc(14.28571% - 3.97714rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-7--xl {
    flex: calc(14.28571% - 4.93714rem);
    max-width: calc(14.28571% - 4.93714rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-7--xxl {
    flex: calc(14.28571% - 5.89714rem);
    max-width: calc(14.28571% - 5.89714rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-7--xxxl {
    flex: calc(14.28571% - 6.85714rem);
    max-width: calc(14.28571% - 6.85714rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-8--none {
    flex: 12.5%;
    max-width: 12.5%
  }
}

@media screen and (min-width:0) {
  .flexitem-default-8--default {
    flex: calc(12.5% - 1.05rem);
    max-width: calc(12.5% - 1.05rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-8--sm {
    flex: calc(12.5% - 2.1rem);
    max-width: calc(12.5% - 2.1rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-8--md {
    flex: calc(12.5% - 3.08rem);
    max-width: calc(12.5% - 3.08rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-8--lg {
    flex: calc(12.5% - 4.06rem);
    max-width: calc(12.5% - 4.06rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-8--xl {
    flex: calc(12.5% - 5.04rem);
    max-width: calc(12.5% - 5.04rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-8--xxl {
    flex: calc(12.5% - 6.02rem);
    max-width: calc(12.5% - 6.02rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-8--xxxl {
    flex: calc(12.5% - 7rem);
    max-width: calc(12.5% - 7rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-9--none {
    flex: 11.11111%;
    max-width: 11.11111%
  }
}

@media screen and (min-width:0) {
  .flexitem-default-9--default {
    flex: calc(11.11111% - 1.06667rem);
    max-width: calc(11.11111% - 1.06667rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-9--sm {
    flex: calc(11.11111% - 2.13333rem);
    max-width: calc(11.11111% - 2.13333rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-9--md {
    flex: calc(11.11111% - 3.12889rem);
    max-width: calc(11.11111% - 3.12889rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-9--lg {
    flex: calc(11.11111% - 4.12444rem);
    max-width: calc(11.11111% - 4.12444rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-9--xl {
    flex: calc(11.11111% - 5.12rem);
    max-width: calc(11.11111% - 5.12rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-9--xxl {
    flex: calc(11.11111% - 6.11556rem);
    max-width: calc(11.11111% - 6.11556rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-9--xxxl {
    flex: calc(11.11111% - 7.11111rem);
    max-width: calc(11.11111% - 7.11111rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-10--none {
    flex: 10%;
    max-width: 10%
  }
}

@media screen and (min-width:0) {
  .flexitem-default-10--default {
    flex: calc(10% - 1.08rem);
    max-width: calc(10% - 1.08rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-10--sm {
    flex: calc(10% - 2.16rem);
    max-width: calc(10% - 2.16rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-10--md {
    flex: calc(10% - 3.168rem);
    max-width: calc(10% - 3.168rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-10--lg {
    flex: calc(10% - 4.176rem);
    max-width: calc(10% - 4.176rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-10--xl {
    flex: calc(10% - 5.184rem);
    max-width: calc(10% - 5.184rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-10--xxl {
    flex: calc(10% - 6.192rem);
    max-width: calc(10% - 6.192rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-10--xxxl {
    flex: calc(10% - 7.2rem);
    max-width: calc(10% - 7.2rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-11--none {
    flex: 9.09091%;
    max-width: 9.09091%
  }
}

@media screen and (min-width:0) {
  .flexitem-default-11--default {
    flex: calc(9.09091% - 1.09091rem);
    max-width: calc(9.09091% - 1.09091rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-11--sm {
    flex: calc(9.09091% - 2.18182rem);
    max-width: calc(9.09091% - 2.18182rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-11--md {
    flex: calc(9.09091% - 3.2rem);
    max-width: calc(9.09091% - 3.2rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-11--lg {
    flex: calc(9.09091% - 4.21818rem);
    max-width: calc(9.09091% - 4.21818rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-11--xl {
    flex: calc(9.09091% - 5.23636rem);
    max-width: calc(9.09091% - 5.23636rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-11--xxl {
    flex: calc(9.09091% - 6.25455rem);
    max-width: calc(9.09091% - 6.25455rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-11--xxxl {
    flex: calc(9.09091% - 7.27273rem);
    max-width: calc(9.09091% - 7.27273rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-12--none {
    flex: 8.33333%;
    max-width: 8.33333%
  }
}

@media screen and (min-width:0) {
  .flexitem-default-12--default {
    flex: calc(8.33333% - 1.1rem);
    max-width: calc(8.33333% - 1.1rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-12--sm {
    flex: calc(8.33333% - 2.2rem);
    max-width: calc(8.33333% - 2.2rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-12--md {
    flex: calc(8.33333% - 3.22667rem);
    max-width: calc(8.33333% - 3.22667rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-12--lg {
    flex: calc(8.33333% - 4.25333rem);
    max-width: calc(8.33333% - 4.25333rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-12--xl {
    flex: calc(8.33333% - 5.28rem);
    max-width: calc(8.33333% - 5.28rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-12--xxl {
    flex: calc(8.33333% - 6.30667rem);
    max-width: calc(8.33333% - 6.30667rem)
  }
}

@media screen and (min-width:0) {
  .flexitem-default-12--xxxl {
    flex: calc(8.33333% - 7.33333rem);
    max-width: calc(8.33333% - 7.33333rem)
  }
}

@media screen and (min-width:0) {
  .d-grid-default {
    display: grid
  }
}

@media screen and (min-width:0) {
  .d-grid-default-1 {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:0) {
  .col-width-default-1 {
    width: 8.3333333333%
  }
}

@media screen and (min-width:0) {
  .d-grid-default-2 {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:0) {
  .col-width-default-2 {
    width: 16.6666666667%
  }
}

@media screen and (min-width:0) {
  .d-grid-default-3 {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:0) {
  .col-width-default-3 {
    width: 25%
  }
}

@media screen and (min-width:0) {
  .d-grid-default-4 {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:0) {
  .col-width-default-4 {
    width: 33.3333333333%
  }
}

@media screen and (min-width:0) {
  .d-grid-default-5 {
    grid-template-columns: repeat(5, 1fr)
  }
}

@media screen and (min-width:0) {
  .col-width-default-5 {
    width: 41.6666666667%
  }
}

@media screen and (min-width:0) {
  .d-grid-default-6 {
    grid-template-columns: repeat(6, 1fr)
  }
}

@media screen and (min-width:0) {
  .col-width-default-6 {
    width: 50%
  }
}

@media screen and (min-width:0) {
  .d-grid-default-7 {
    grid-template-columns: repeat(7, 1fr)
  }
}

@media screen and (min-width:0) {
  .col-width-default-7 {
    width: 58.3333333333%
  }
}

@media screen and (min-width:0) {
  .d-grid-default-8 {
    grid-template-columns: repeat(8, 1fr)
  }
}

@media screen and (min-width:0) {
  .col-width-default-8 {
    width: 66.6666666667%
  }
}

@media screen and (min-width:0) {
  .d-grid-default-9 {
    grid-template-columns: repeat(9, 1fr)
  }
}

@media screen and (min-width:0) {
  .col-width-default-9 {
    width: 75%
  }
}

@media screen and (min-width:0) {
  .d-grid-default-10 {
    grid-template-columns: repeat(10, 1fr)
  }
}

@media screen and (min-width:0) {
  .col-width-default-10 {
    width: 83.3333333333%
  }
}

@media screen and (min-width:0) {
  .d-grid-default-11 {
    grid-template-columns: repeat(11, 1fr)
  }
}

@media screen and (min-width:0) {
  .col-width-default-11 {
    width: 91.6666666667%
  }
}

@media screen and (min-width:0) {
  .d-grid-default-12 {
    grid-template-columns: repeat(12, 1fr)
  }
}

@media screen and (min-width:0) {
  .col-width-default-12 {
    width: 100%
  }
}

@media screen and (min-width:0) {
  .grid-col-start-default-1 {
    grid-column-start: 1
  }
}

@media screen and (min-width:0) {
  .grid-col-end-default-1 {
    grid-column-end: 1
  }
}

@media screen and (min-width:0) {
  .grid-col-start-default-2 {
    grid-column-start: 2
  }
}

@media screen and (min-width:0) {
  .grid-col-end-default-2 {
    grid-column-end: 2
  }
}

@media screen and (min-width:0) {
  .grid-col-start-default-3 {
    grid-column-start: 3
  }
}

@media screen and (min-width:0) {
  .grid-col-end-default-3 {
    grid-column-end: 3
  }
}

@media screen and (min-width:0) {
  .grid-col-start-default-4 {
    grid-column-start: 4
  }
}

@media screen and (min-width:0) {
  .grid-col-end-default-4 {
    grid-column-end: 4
  }
}

@media screen and (min-width:0) {
  .grid-col-start-default-5 {
    grid-column-start: 5
  }
}

@media screen and (min-width:0) {
  .grid-col-end-default-5 {
    grid-column-end: 5
  }
}

@media screen and (min-width:0) {
  .grid-col-start-default-6 {
    grid-column-start: 6
  }
}

@media screen and (min-width:0) {
  .grid-col-end-default-6 {
    grid-column-end: 6
  }
}

@media screen and (min-width:0) {
  .grid-col-start-default-7 {
    grid-column-start: 7
  }
}

@media screen and (min-width:0) {
  .grid-col-end-default-7 {
    grid-column-end: 7
  }
}

@media screen and (min-width:0) {
  .grid-col-start-default-8 {
    grid-column-start: 8
  }
}

@media screen and (min-width:0) {
  .grid-col-end-default-8 {
    grid-column-end: 8
  }
}

@media screen and (min-width:0) {
  .grid-col-start-default-9 {
    grid-column-start: 9
  }
}

@media screen and (min-width:0) {
  .grid-col-end-default-9 {
    grid-column-end: 9
  }
}

@media screen and (min-width:0) {
  .grid-col-start-default-10 {
    grid-column-start: 10
  }
}

@media screen and (min-width:0) {
  .grid-col-end-default-10 {
    grid-column-end: 10
  }
}

@media screen and (min-width:0) {
  .grid-col-start-default-11 {
    grid-column-start: 11
  }
}

@media screen and (min-width:0) {
  .grid-col-end-default-11 {
    grid-column-end: 11
  }
}

@media screen and (min-width:0) {
  .grid-col-start-default-12 {
    grid-column-start: 12
  }
}

@media screen and (min-width:0) {
  .grid-col-end-default-12 {
    grid-column-end: 12
  }
}

@media screen and (min-width:0) {
  .grid-col-start-default-13 {
    grid-column-start: 13
  }
}

@media screen and (min-width:0) {
  .grid-col-end-default-13 {
    grid-column-end: 13
  }
}

@media screen and (min-width:0) {
  .gap-default--none {
    gap: 0
  }
}

@media screen and (min-width:0) {
  .gap-default--default {
    gap: 1.2rem
  }
}

@media screen and (min-width:0) {
  .gap-default--sm {
    gap: 2.4rem
  }
}

@media screen and (min-width:0) {
  .gap-default--md {
    gap: 3.52rem
  }
}

@media screen and (min-width:0) {
  .gap-default--lg {
    gap: 4.64rem
  }
}

@media screen and (min-width:0) {
  .gap-default--xl {
    gap: 5.76rem
  }
}

@media screen and (min-width:0) {
  .gap-default--xxl {
    gap: 6.88rem
  }
}

@media screen and (min-width:0) {
  .gap-default--xxxl {
    gap: 8rem
  }
}

@media screen and (min-width:0) {
  .align-horz-default-start {
    justify-content: start
  }
}

@media screen and (min-width:0) {
  .align-vert-default-start {
    align-items: start
  }
}

@media screen and (min-width:0) {
  .align-horz-default-center {
    justify-content: center
  }
}

@media screen and (min-width:0) {
  .align-vert-default-center {
    align-items: center
  }
}

@media screen and (min-width:0) {
  .align-horz-default-end {
    justify-content: end
  }
}

@media screen and (min-width:0) {
  .align-vert-default-end {
    align-items: end
  }
}

@media screen and (min-width:0) {
  .logo-default--default img {
    max-height: none
  }
}

@media screen and (min-width:0) {
  .logo-default--sm img {
    max-height: 4rem
  }
}

@media screen and (min-width:0) {
  .logo-default--md img {
    max-height: 4.8rem
  }
}

@media screen and (min-width:0) {
  .logo-default--lg img {
    max-height: 5.6rem
  }
}

@media screen and (min-width:0) {
  .logo-default--xl img {
    max-height: 6.4rem
  }
}

@media screen and (min-width:0) {
  .logo-default--xxl img {
    max-height: 7.2rem
  }
}

@media screen and (min-width:0) {
  .logo-default--xxxl img {
    max-height: 8rem
  }
}

@media screen and (min-width:576px) {
  .d-none-sm {
    display: none
  }
}

@media screen and (min-width:576px) {
  .d-block-sm {
    display: block
  }
}

@media screen and (min-width:576px) {

  .flexitem-sm-1--default,
  .flexitem-sm-1--lg,
  .flexitem-sm-1--md,
  .flexitem-sm-1--none,
  .flexitem-sm-1--sm,
  .flexitem-sm-1--xl,
  .flexitem-sm-1--xxl,
  .flexitem-sm-1--xxxl {
    flex: 100%;
    max-width: 100%
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-2--none {
    flex: 50%;
    max-width: 50%
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-2--default {
    flex: calc(50% - 0.6rem);
    max-width: calc(50% - .6rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-2--sm {
    flex: calc(50% - 1.2rem);
    max-width: calc(50% - 1.2rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-2--md {
    flex: calc(50% - 1.76rem);
    max-width: calc(50% - 1.76rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-2--lg {
    flex: calc(50% - 2.32rem);
    max-width: calc(50% - 2.32rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-2--xl {
    flex: calc(50% - 2.88rem);
    max-width: calc(50% - 2.88rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-2--xxl {
    flex: calc(50% - 3.44rem);
    max-width: calc(50% - 3.44rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-2--xxxl {
    flex: calc(50% - 4rem);
    max-width: calc(50% - 4rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-3--none {
    flex: 33.33333%;
    max-width: 33.33333%
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-3--default {
    flex: calc(33.33333% - 0.8rem);
    max-width: calc(33.33333% - .8rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-3--sm {
    flex: calc(33.33333% - 1.6rem);
    max-width: calc(33.33333% - 1.6rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-3--md {
    flex: calc(33.33333% - 2.34667rem);
    max-width: calc(33.33333% - 2.34667rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-3--lg {
    flex: calc(33.33333% - 3.09333rem);
    max-width: calc(33.33333% - 3.09333rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-3--xl {
    flex: calc(33.33333% - 3.84rem);
    max-width: calc(33.33333% - 3.84rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-3--xxl {
    flex: calc(33.33333% - 4.58667rem);
    max-width: calc(33.33333% - 4.58667rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-3--xxxl {
    flex: calc(33.33333% - 5.33333rem);
    max-width: calc(33.33333% - 5.33333rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-4--none {
    flex: 25%;
    max-width: 25%
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-4--default {
    flex: calc(25% - 0.9rem);
    max-width: calc(25% - .9rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-4--sm {
    flex: calc(25% - 1.8rem);
    max-width: calc(25% - 1.8rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-4--md {
    flex: calc(25% - 2.64rem);
    max-width: calc(25% - 2.64rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-4--lg {
    flex: calc(25% - 3.48rem);
    max-width: calc(25% - 3.48rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-4--xl {
    flex: calc(25% - 4.32rem);
    max-width: calc(25% - 4.32rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-4--xxl {
    flex: calc(25% - 5.16rem);
    max-width: calc(25% - 5.16rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-4--xxxl {
    flex: calc(25% - 6rem);
    max-width: calc(25% - 6rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-5--none {
    flex: 20%;
    max-width: 20%
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-5--default {
    flex: calc(20% - 0.96rem);
    max-width: calc(20% - .96rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-5--sm {
    flex: calc(20% - 1.92rem);
    max-width: calc(20% - 1.92rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-5--md {
    flex: calc(20% - 2.816rem);
    max-width: calc(20% - 2.816rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-5--lg {
    flex: calc(20% - 3.712rem);
    max-width: calc(20% - 3.712rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-5--xl {
    flex: calc(20% - 4.608rem);
    max-width: calc(20% - 4.608rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-5--xxl {
    flex: calc(20% - 5.504rem);
    max-width: calc(20% - 5.504rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-5--xxxl {
    flex: calc(20% - 6.4rem);
    max-width: calc(20% - 6.4rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-6--none {
    flex: 16.66667%;
    max-width: 16.66667%
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-6--default {
    flex: calc(16.66667% - 1rem);
    max-width: calc(16.66667% - 1rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-6--sm {
    flex: calc(16.66667% - 2rem);
    max-width: calc(16.66667% - 2rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-6--md {
    flex: calc(16.66667% - 2.93333rem);
    max-width: calc(16.66667% - 2.93333rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-6--lg {
    flex: calc(16.66667% - 3.86667rem);
    max-width: calc(16.66667% - 3.86667rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-6--xl {
    flex: calc(16.66667% - 4.8rem);
    max-width: calc(16.66667% - 4.8rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-6--xxl {
    flex: calc(16.66667% - 5.73333rem);
    max-width: calc(16.66667% - 5.73333rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-6--xxxl {
    flex: calc(16.66667% - 6.66667rem);
    max-width: calc(16.66667% - 6.66667rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-7--none {
    flex: 14.28571%;
    max-width: 14.28571%
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-7--default {
    flex: calc(14.28571% - 1.02857rem);
    max-width: calc(14.28571% - 1.02857rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-7--sm {
    flex: calc(14.28571% - 2.05714rem);
    max-width: calc(14.28571% - 2.05714rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-7--md {
    flex: calc(14.28571% - 3.01714rem);
    max-width: calc(14.28571% - 3.01714rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-7--lg {
    flex: calc(14.28571% - 3.97714rem);
    max-width: calc(14.28571% - 3.97714rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-7--xl {
    flex: calc(14.28571% - 4.93714rem);
    max-width: calc(14.28571% - 4.93714rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-7--xxl {
    flex: calc(14.28571% - 5.89714rem);
    max-width: calc(14.28571% - 5.89714rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-7--xxxl {
    flex: calc(14.28571% - 6.85714rem);
    max-width: calc(14.28571% - 6.85714rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-8--none {
    flex: 12.5%;
    max-width: 12.5%
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-8--default {
    flex: calc(12.5% - 1.05rem);
    max-width: calc(12.5% - 1.05rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-8--sm {
    flex: calc(12.5% - 2.1rem);
    max-width: calc(12.5% - 2.1rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-8--md {
    flex: calc(12.5% - 3.08rem);
    max-width: calc(12.5% - 3.08rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-8--lg {
    flex: calc(12.5% - 4.06rem);
    max-width: calc(12.5% - 4.06rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-8--xl {
    flex: calc(12.5% - 5.04rem);
    max-width: calc(12.5% - 5.04rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-8--xxl {
    flex: calc(12.5% - 6.02rem);
    max-width: calc(12.5% - 6.02rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-8--xxxl {
    flex: calc(12.5% - 7rem);
    max-width: calc(12.5% - 7rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-9--none {
    flex: 11.11111%;
    max-width: 11.11111%
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-9--default {
    flex: calc(11.11111% - 1.06667rem);
    max-width: calc(11.11111% - 1.06667rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-9--sm {
    flex: calc(11.11111% - 2.13333rem);
    max-width: calc(11.11111% - 2.13333rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-9--md {
    flex: calc(11.11111% - 3.12889rem);
    max-width: calc(11.11111% - 3.12889rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-9--lg {
    flex: calc(11.11111% - 4.12444rem);
    max-width: calc(11.11111% - 4.12444rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-9--xl {
    flex: calc(11.11111% - 5.12rem);
    max-width: calc(11.11111% - 5.12rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-9--xxl {
    flex: calc(11.11111% - 6.11556rem);
    max-width: calc(11.11111% - 6.11556rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-9--xxxl {
    flex: calc(11.11111% - 7.11111rem);
    max-width: calc(11.11111% - 7.11111rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-10--none {
    flex: 10%;
    max-width: 10%
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-10--default {
    flex: calc(10% - 1.08rem);
    max-width: calc(10% - 1.08rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-10--sm {
    flex: calc(10% - 2.16rem);
    max-width: calc(10% - 2.16rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-10--md {
    flex: calc(10% - 3.168rem);
    max-width: calc(10% - 3.168rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-10--lg {
    flex: calc(10% - 4.176rem);
    max-width: calc(10% - 4.176rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-10--xl {
    flex: calc(10% - 5.184rem);
    max-width: calc(10% - 5.184rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-10--xxl {
    flex: calc(10% - 6.192rem);
    max-width: calc(10% - 6.192rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-10--xxxl {
    flex: calc(10% - 7.2rem);
    max-width: calc(10% - 7.2rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-11--none {
    flex: 9.09091%;
    max-width: 9.09091%
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-11--default {
    flex: calc(9.09091% - 1.09091rem);
    max-width: calc(9.09091% - 1.09091rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-11--sm {
    flex: calc(9.09091% - 2.18182rem);
    max-width: calc(9.09091% - 2.18182rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-11--md {
    flex: calc(9.09091% - 3.2rem);
    max-width: calc(9.09091% - 3.2rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-11--lg {
    flex: calc(9.09091% - 4.21818rem);
    max-width: calc(9.09091% - 4.21818rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-11--xl {
    flex: calc(9.09091% - 5.23636rem);
    max-width: calc(9.09091% - 5.23636rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-11--xxl {
    flex: calc(9.09091% - 6.25455rem);
    max-width: calc(9.09091% - 6.25455rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-11--xxxl {
    flex: calc(9.09091% - 7.27273rem);
    max-width: calc(9.09091% - 7.27273rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-12--none {
    flex: 8.33333%;
    max-width: 8.33333%
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-12--default {
    flex: calc(8.33333% - 1.1rem);
    max-width: calc(8.33333% - 1.1rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-12--sm {
    flex: calc(8.33333% - 2.2rem);
    max-width: calc(8.33333% - 2.2rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-12--md {
    flex: calc(8.33333% - 3.22667rem);
    max-width: calc(8.33333% - 3.22667rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-12--lg {
    flex: calc(8.33333% - 4.25333rem);
    max-width: calc(8.33333% - 4.25333rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-12--xl {
    flex: calc(8.33333% - 5.28rem);
    max-width: calc(8.33333% - 5.28rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-12--xxl {
    flex: calc(8.33333% - 6.30667rem);
    max-width: calc(8.33333% - 6.30667rem)
  }
}

@media screen and (min-width:576px) {
  .flexitem-sm-12--xxxl {
    flex: calc(8.33333% - 7.33333rem);
    max-width: calc(8.33333% - 7.33333rem)
  }
}

@media screen and (min-width:576px) {
  .d-grid-sm {
    display: grid
  }
}

@media screen and (min-width:576px) {
  .d-grid-sm-1 {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:576px) {
  .col-width-sm-1 {
    width: 8.3333333333%
  }
}

@media screen and (min-width:576px) {
  .d-grid-sm-2 {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:576px) {
  .col-width-sm-2 {
    width: 16.6666666667%
  }
}

@media screen and (min-width:576px) {
  .d-grid-sm-3 {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:576px) {
  .col-width-sm-3 {
    width: 25%
  }
}

@media screen and (min-width:576px) {
  .d-grid-sm-4 {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:576px) {
  .col-width-sm-4 {
    width: 33.3333333333%
  }
}

@media screen and (min-width:576px) {
  .d-grid-sm-5 {
    grid-template-columns: repeat(5, 1fr)
  }
}

@media screen and (min-width:576px) {
  .col-width-sm-5 {
    width: 41.6666666667%
  }
}

@media screen and (min-width:576px) {
  .d-grid-sm-6 {
    grid-template-columns: repeat(6, 1fr)
  }
}

@media screen and (min-width:576px) {
  .col-width-sm-6 {
    width: 50%
  }
}

@media screen and (min-width:576px) {
  .d-grid-sm-7 {
    grid-template-columns: repeat(7, 1fr)
  }
}

@media screen and (min-width:576px) {
  .col-width-sm-7 {
    width: 58.3333333333%
  }
}

@media screen and (min-width:576px) {
  .d-grid-sm-8 {
    grid-template-columns: repeat(8, 1fr)
  }
}

@media screen and (min-width:576px) {
  .col-width-sm-8 {
    width: 66.6666666667%
  }
}

@media screen and (min-width:576px) {
  .d-grid-sm-9 {
    grid-template-columns: repeat(9, 1fr)
  }
}

@media screen and (min-width:576px) {
  .col-width-sm-9 {
    width: 75%
  }
}

@media screen and (min-width:576px) {
  .d-grid-sm-10 {
    grid-template-columns: repeat(10, 1fr)
  }
}

@media screen and (min-width:576px) {
  .col-width-sm-10 {
    width: 83.3333333333%
  }
}

@media screen and (min-width:576px) {
  .d-grid-sm-11 {
    grid-template-columns: repeat(11, 1fr)
  }
}

@media screen and (min-width:576px) {
  .col-width-sm-11 {
    width: 91.6666666667%
  }
}

@media screen and (min-width:576px) {
  .d-grid-sm-12 {
    grid-template-columns: repeat(12, 1fr)
  }
}

@media screen and (min-width:576px) {
  .col-width-sm-12 {
    width: 100%
  }
}

@media screen and (min-width:576px) {
  .grid-col-start-sm-1 {
    grid-column-start: 1
  }
}

@media screen and (min-width:576px) {
  .grid-col-end-sm-1 {
    grid-column-end: 1
  }
}

@media screen and (min-width:576px) {
  .grid-col-start-sm-2 {
    grid-column-start: 2
  }
}

@media screen and (min-width:576px) {
  .grid-col-end-sm-2 {
    grid-column-end: 2
  }
}

@media screen and (min-width:576px) {
  .grid-col-start-sm-3 {
    grid-column-start: 3
  }
}

@media screen and (min-width:576px) {
  .grid-col-end-sm-3 {
    grid-column-end: 3
  }
}

@media screen and (min-width:576px) {
  .grid-col-start-sm-4 {
    grid-column-start: 4
  }
}

@media screen and (min-width:576px) {
  .grid-col-end-sm-4 {
    grid-column-end: 4
  }
}

@media screen and (min-width:576px) {
  .grid-col-start-sm-5 {
    grid-column-start: 5
  }
}

@media screen and (min-width:576px) {
  .grid-col-end-sm-5 {
    grid-column-end: 5
  }
}

@media screen and (min-width:576px) {
  .grid-col-start-sm-6 {
    grid-column-start: 6
  }
}

@media screen and (min-width:576px) {
  .grid-col-end-sm-6 {
    grid-column-end: 6
  }
}

@media screen and (min-width:576px) {
  .grid-col-start-sm-7 {
    grid-column-start: 7
  }
}

@media screen and (min-width:576px) {
  .grid-col-end-sm-7 {
    grid-column-end: 7
  }
}

@media screen and (min-width:576px) {
  .grid-col-start-sm-8 {
    grid-column-start: 8
  }
}

@media screen and (min-width:576px) {
  .grid-col-end-sm-8 {
    grid-column-end: 8
  }
}

@media screen and (min-width:576px) {
  .grid-col-start-sm-9 {
    grid-column-start: 9
  }
}

@media screen and (min-width:576px) {
  .grid-col-end-sm-9 {
    grid-column-end: 9
  }
}

@media screen and (min-width:576px) {
  .grid-col-start-sm-10 {
    grid-column-start: 10
  }
}

@media screen and (min-width:576px) {
  .grid-col-end-sm-10 {
    grid-column-end: 10
  }
}

@media screen and (min-width:576px) {
  .grid-col-start-sm-11 {
    grid-column-start: 11
  }
}

@media screen and (min-width:576px) {
  .grid-col-end-sm-11 {
    grid-column-end: 11
  }
}

@media screen and (min-width:576px) {
  .grid-col-start-sm-12 {
    grid-column-start: 12
  }
}

@media screen and (min-width:576px) {
  .grid-col-end-sm-12 {
    grid-column-end: 12
  }
}

@media screen and (min-width:576px) {
  .grid-col-start-sm-13 {
    grid-column-start: 13
  }
}

@media screen and (min-width:576px) {
  .grid-col-end-sm-13 {
    grid-column-end: 13
  }
}

@media screen and (min-width:576px) {
  .gap-sm--none {
    gap: 0
  }
}

@media screen and (min-width:576px) {
  .gap-sm--default {
    gap: 1.2rem
  }
}

@media screen and (min-width:576px) {
  .gap-sm--sm {
    gap: 2.4rem
  }
}

@media screen and (min-width:576px) {
  .gap-sm--md {
    gap: 3.52rem
  }
}

@media screen and (min-width:576px) {
  .gap-sm--lg {
    gap: 4.64rem
  }
}

@media screen and (min-width:576px) {
  .gap-sm--xl {
    gap: 5.76rem
  }
}

@media screen and (min-width:576px) {
  .gap-sm--xxl {
    gap: 6.88rem
  }
}

@media screen and (min-width:576px) {
  .gap-sm--xxxl {
    gap: 8rem
  }
}

@media screen and (min-width:576px) {
  .align-horz-sm-start {
    justify-content: start
  }
}

@media screen and (min-width:576px) {
  .align-vert-sm-start {
    align-items: start
  }
}

@media screen and (min-width:576px) {
  .align-horz-sm-center {
    justify-content: center
  }
}

@media screen and (min-width:576px) {
  .align-vert-sm-center {
    align-items: center
  }
}

@media screen and (min-width:576px) {
  .align-horz-sm-end {
    justify-content: end
  }
}

@media screen and (min-width:576px) {
  .align-vert-sm-end {
    align-items: end
  }
}

@media screen and (min-width:576px) {
  .logo-sm--default img {
    max-height: none
  }
}

@media screen and (min-width:576px) {
  .logo-sm--sm img {
    max-height: 4rem
  }
}

@media screen and (min-width:576px) {
  .logo-sm--md img {
    max-height: 4.8rem
  }
}

@media screen and (min-width:576px) {
  .logo-sm--lg img {
    max-height: 5.6rem
  }
}

@media screen and (min-width:576px) {
  .logo-sm--xl img {
    max-height: 6.4rem
  }
}

@media screen and (min-width:576px) {
  .logo-sm--xxl img {
    max-height: 7.2rem
  }
}

@media screen and (min-width:576px) {
  .logo-sm--xxxl img {
    max-height: 8rem
  }
}

@media screen and (min-width:768px) {
  .d-none-md {
    display: none
  }
}

@media screen and (min-width:768px) {
  .d-block-md {
    display: block
  }
}

@media screen and (min-width:768px) {

  .flexitem-md-1--default,
  .flexitem-md-1--lg,
  .flexitem-md-1--md,
  .flexitem-md-1--none,
  .flexitem-md-1--sm,
  .flexitem-md-1--xl,
  .flexitem-md-1--xxl,
  .flexitem-md-1--xxxl {
    flex: 100%;
    max-width: 100%
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-2--none {
    flex: 50%;
    max-width: 50%
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-2--default {
    flex: calc(50% - 0.6rem);
    max-width: calc(50% - .6rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-2--sm {
    flex: calc(50% - 1.2rem);
    max-width: calc(50% - 1.2rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-2--md {
    flex: calc(50% - 1.76rem);
    max-width: calc(50% - 1.76rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-2--lg {
    flex: calc(50% - 2.32rem);
    max-width: calc(50% - 2.32rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-2--xl {
    flex: calc(50% - 2.88rem);
    max-width: calc(50% - 2.88rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-2--xxl {
    flex: calc(50% - 3.44rem);
    max-width: calc(50% - 3.44rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-2--xxxl {
    flex: calc(50% - 4rem);
    max-width: calc(50% - 4rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-3--none {
    flex: 33.33333%;
    max-width: 33.33333%
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-3--default {
    flex: calc(33.33333% - 0.8rem);
    max-width: calc(33.33333% - .8rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-3--sm {
    flex: calc(33.33333% - 1.6rem);
    max-width: calc(33.33333% - 1.6rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-3--md {
    flex: calc(33.33333% - 2.34667rem);
    max-width: calc(33.33333% - 2.34667rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-3--lg {
    flex: calc(33.33333% - 3.09333rem);
    max-width: calc(33.33333% - 3.09333rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-3--xl {
    flex: calc(33.33333% - 3.84rem);
    max-width: calc(33.33333% - 3.84rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-3--xxl {
    flex: calc(33.33333% - 4.58667rem);
    max-width: calc(33.33333% - 4.58667rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-3--xxxl {
    flex: calc(33.33333% - 5.33333rem);
    max-width: calc(33.33333% - 5.33333rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-4--none {
    flex: 25%;
    max-width: 25%
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-4--default {
    flex: calc(25% - 0.9rem);
    max-width: calc(25% - .9rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-4--sm {
    flex: calc(25% - 1.8rem);
    max-width: calc(25% - 1.8rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-4--md {
    flex: calc(25% - 2.64rem);
    max-width: calc(25% - 2.64rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-4--lg {
    flex: calc(25% - 3.48rem);
    max-width: calc(25% - 3.48rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-4--xl {
    flex: calc(25% - 4.32rem);
    max-width: calc(25% - 4.32rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-4--xxl {
    flex: calc(25% - 5.16rem);
    max-width: calc(25% - 5.16rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-4--xxxl {
    flex: calc(25% - 6rem);
    max-width: calc(25% - 6rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-5--none {
    flex: 20%;
    max-width: 20%
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-5--default {
    flex: calc(20% - 0.96rem);
    max-width: calc(20% - .96rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-5--sm {
    flex: calc(20% - 1.92rem);
    max-width: calc(20% - 1.92rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-5--md {
    flex: calc(20% - 2.816rem);
    max-width: calc(20% - 2.816rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-5--lg {
    flex: calc(20% - 3.712rem);
    max-width: calc(20% - 3.712rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-5--xl {
    flex: calc(20% - 4.608rem);
    max-width: calc(20% - 4.608rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-5--xxl {
    flex: calc(20% - 5.504rem);
    max-width: calc(20% - 5.504rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-5--xxxl {
    flex: calc(20% - 6.4rem);
    max-width: calc(20% - 6.4rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-6--none {
    flex: 16.66667%;
    max-width: 16.66667%
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-6--default {
    flex: calc(16.66667% - 1rem);
    max-width: calc(16.66667% - 1rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-6--sm {
    flex: calc(16.66667% - 2rem);
    max-width: calc(16.66667% - 2rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-6--md {
    flex: calc(16.66667% - 2.93333rem);
    max-width: calc(16.66667% - 2.93333rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-6--lg {
    flex: calc(16.66667% - 3.86667rem);
    max-width: calc(16.66667% - 3.86667rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-6--xl {
    flex: calc(16.66667% - 4.8rem);
    max-width: calc(16.66667% - 4.8rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-6--xxl {
    flex: calc(16.66667% - 5.73333rem);
    max-width: calc(16.66667% - 5.73333rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-6--xxxl {
    flex: calc(16.66667% - 6.66667rem);
    max-width: calc(16.66667% - 6.66667rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-7--none {
    flex: 14.28571%;
    max-width: 14.28571%
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-7--default {
    flex: calc(14.28571% - 1.02857rem);
    max-width: calc(14.28571% - 1.02857rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-7--sm {
    flex: calc(14.28571% - 2.05714rem);
    max-width: calc(14.28571% - 2.05714rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-7--md {
    flex: calc(14.28571% - 3.01714rem);
    max-width: calc(14.28571% - 3.01714rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-7--lg {
    flex: calc(14.28571% - 3.97714rem);
    max-width: calc(14.28571% - 3.97714rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-7--xl {
    flex: calc(14.28571% - 4.93714rem);
    max-width: calc(14.28571% - 4.93714rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-7--xxl {
    flex: calc(14.28571% - 5.89714rem);
    max-width: calc(14.28571% - 5.89714rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-7--xxxl {
    flex: calc(14.28571% - 6.85714rem);
    max-width: calc(14.28571% - 6.85714rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-8--none {
    flex: 12.5%;
    max-width: 12.5%
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-8--default {
    flex: calc(12.5% - 1.05rem);
    max-width: calc(12.5% - 1.05rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-8--sm {
    flex: calc(12.5% - 2.1rem);
    max-width: calc(12.5% - 2.1rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-8--md {
    flex: calc(12.5% - 3.08rem);
    max-width: calc(12.5% - 3.08rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-8--lg {
    flex: calc(12.5% - 4.06rem);
    max-width: calc(12.5% - 4.06rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-8--xl {
    flex: calc(12.5% - 5.04rem);
    max-width: calc(12.5% - 5.04rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-8--xxl {
    flex: calc(12.5% - 6.02rem);
    max-width: calc(12.5% - 6.02rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-8--xxxl {
    flex: calc(12.5% - 7rem);
    max-width: calc(12.5% - 7rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-9--none {
    flex: 11.11111%;
    max-width: 11.11111%
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-9--default {
    flex: calc(11.11111% - 1.06667rem);
    max-width: calc(11.11111% - 1.06667rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-9--sm {
    flex: calc(11.11111% - 2.13333rem);
    max-width: calc(11.11111% - 2.13333rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-9--md {
    flex: calc(11.11111% - 3.12889rem);
    max-width: calc(11.11111% - 3.12889rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-9--lg {
    flex: calc(11.11111% - 4.12444rem);
    max-width: calc(11.11111% - 4.12444rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-9--xl {
    flex: calc(11.11111% - 5.12rem);
    max-width: calc(11.11111% - 5.12rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-9--xxl {
    flex: calc(11.11111% - 6.11556rem);
    max-width: calc(11.11111% - 6.11556rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-9--xxxl {
    flex: calc(11.11111% - 7.11111rem);
    max-width: calc(11.11111% - 7.11111rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-10--none {
    flex: 10%;
    max-width: 10%
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-10--default {
    flex: calc(10% - 1.08rem);
    max-width: calc(10% - 1.08rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-10--sm {
    flex: calc(10% - 2.16rem);
    max-width: calc(10% - 2.16rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-10--md {
    flex: calc(10% - 3.168rem);
    max-width: calc(10% - 3.168rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-10--lg {
    flex: calc(10% - 4.176rem);
    max-width: calc(10% - 4.176rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-10--xl {
    flex: calc(10% - 5.184rem);
    max-width: calc(10% - 5.184rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-10--xxl {
    flex: calc(10% - 6.192rem);
    max-width: calc(10% - 6.192rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-10--xxxl {
    flex: calc(10% - 7.2rem);
    max-width: calc(10% - 7.2rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-11--none {
    flex: 9.09091%;
    max-width: 9.09091%
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-11--default {
    flex: calc(9.09091% - 1.09091rem);
    max-width: calc(9.09091% - 1.09091rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-11--sm {
    flex: calc(9.09091% - 2.18182rem);
    max-width: calc(9.09091% - 2.18182rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-11--md {
    flex: calc(9.09091% - 3.2rem);
    max-width: calc(9.09091% - 3.2rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-11--lg {
    flex: calc(9.09091% - 4.21818rem);
    max-width: calc(9.09091% - 4.21818rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-11--xl {
    flex: calc(9.09091% - 5.23636rem);
    max-width: calc(9.09091% - 5.23636rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-11--xxl {
    flex: calc(9.09091% - 6.25455rem);
    max-width: calc(9.09091% - 6.25455rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-11--xxxl {
    flex: calc(9.09091% - 7.27273rem);
    max-width: calc(9.09091% - 7.27273rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-12--none {
    flex: 8.33333%;
    max-width: 8.33333%
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-12--default {
    flex: calc(8.33333% - 1.1rem);
    max-width: calc(8.33333% - 1.1rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-12--sm {
    flex: calc(8.33333% - 2.2rem);
    max-width: calc(8.33333% - 2.2rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-12--md {
    flex: calc(8.33333% - 3.22667rem);
    max-width: calc(8.33333% - 3.22667rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-12--lg {
    flex: calc(8.33333% - 4.25333rem);
    max-width: calc(8.33333% - 4.25333rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-12--xl {
    flex: calc(8.33333% - 5.28rem);
    max-width: calc(8.33333% - 5.28rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-12--xxl {
    flex: calc(8.33333% - 6.30667rem);
    max-width: calc(8.33333% - 6.30667rem)
  }
}

@media screen and (min-width:768px) {
  .flexitem-md-12--xxxl {
    flex: calc(8.33333% - 7.33333rem);
    max-width: calc(8.33333% - 7.33333rem)
  }
}

@media screen and (min-width:768px) {
  .d-grid-md {
    display: grid
  }
}

@media screen and (min-width:768px) {
  .d-grid-md-1 {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) {
  .col-width-md-1 {
    width: 8.3333333333%
  }
}

@media screen and (min-width:768px) {
  .d-grid-md-2 {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:768px) {
  .col-width-md-2 {
    width: 16.6666666667%
  }
}

@media screen and (min-width:768px) {
  .d-grid-md-3 {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:768px) {
  .col-width-md-3 {
    width: 25%
  }
}

@media screen and (min-width:768px) {
  .d-grid-md-4 {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:768px) {
  .col-width-md-4 {
    width: 33.3333333333%
  }
}

@media screen and (min-width:768px) {
  .d-grid-md-5 {
    grid-template-columns: repeat(5, 1fr)
  }
}

@media screen and (min-width:768px) {
  .col-width-md-5 {
    width: 41.6666666667%
  }
}

@media screen and (min-width:768px) {
  .d-grid-md-6 {
    grid-template-columns: repeat(6, 1fr)
  }
}

@media screen and (min-width:768px) {
  .col-width-md-6 {
    width: 50%
  }
}

@media screen and (min-width:768px) {
  .d-grid-md-7 {
    grid-template-columns: repeat(7, 1fr)
  }
}

@media screen and (min-width:768px) {
  .col-width-md-7 {
    width: 58.3333333333%
  }
}

@media screen and (min-width:768px) {
  .d-grid-md-8 {
    grid-template-columns: repeat(8, 1fr)
  }
}

@media screen and (min-width:768px) {
  .col-width-md-8 {
    width: 66.6666666667%
  }
}

@media screen and (min-width:768px) {
  .d-grid-md-9 {
    grid-template-columns: repeat(9, 1fr)
  }
}

@media screen and (min-width:768px) {
  .col-width-md-9 {
    width: 75%
  }
}

@media screen and (min-width:768px) {
  .d-grid-md-10 {
    grid-template-columns: repeat(10, 1fr)
  }
}

@media screen and (min-width:768px) {
  .col-width-md-10 {
    width: 83.3333333333%
  }
}

@media screen and (min-width:768px) {
  .d-grid-md-11 {
    grid-template-columns: repeat(11, 1fr)
  }
}

@media screen and (min-width:768px) {
  .col-width-md-11 {
    width: 91.6666666667%
  }
}

@media screen and (min-width:768px) {
  .d-grid-md-12 {
    grid-template-columns: repeat(12, 1fr)
  }
}

@media screen and (min-width:768px) {
  .col-width-md-12 {
    width: 100%
  }
}

@media screen and (min-width:768px) {
  .grid-col-start-md-1 {
    grid-column-start: 1
  }
}

@media screen and (min-width:768px) {
  .grid-col-end-md-1 {
    grid-column-end: 1
  }
}

@media screen and (min-width:768px) {
  .grid-col-start-md-2 {
    grid-column-start: 2
  }
}

@media screen and (min-width:768px) {
  .grid-col-end-md-2 {
    grid-column-end: 2
  }
}

@media screen and (min-width:768px) {
  .grid-col-start-md-3 {
    grid-column-start: 3
  }
}

@media screen and (min-width:768px) {
  .grid-col-end-md-3 {
    grid-column-end: 3
  }
}

@media screen and (min-width:768px) {
  .grid-col-start-md-4 {
    grid-column-start: 4
  }
}

@media screen and (min-width:768px) {
  .grid-col-end-md-4 {
    grid-column-end: 4
  }
}

@media screen and (min-width:768px) {
  .grid-col-start-md-5 {
    grid-column-start: 5
  }
}

@media screen and (min-width:768px) {
  .grid-col-end-md-5 {
    grid-column-end: 5
  }
}

@media screen and (min-width:768px) {
  .grid-col-start-md-6 {
    grid-column-start: 6
  }
}

@media screen and (min-width:768px) {
  .grid-col-end-md-6 {
    grid-column-end: 6
  }
}

@media screen and (min-width:768px) {
  .grid-col-start-md-7 {
    grid-column-start: 7
  }
}

@media screen and (min-width:768px) {
  .grid-col-end-md-7 {
    grid-column-end: 7
  }
}

@media screen and (min-width:768px) {
  .grid-col-start-md-8 {
    grid-column-start: 8
  }
}

@media screen and (min-width:768px) {
  .grid-col-end-md-8 {
    grid-column-end: 8
  }
}

@media screen and (min-width:768px) {
  .grid-col-start-md-9 {
    grid-column-start: 9
  }
}

@media screen and (min-width:768px) {
  .grid-col-end-md-9 {
    grid-column-end: 9
  }
}

@media screen and (min-width:768px) {
  .grid-col-start-md-10 {
    grid-column-start: 10
  }
}

@media screen and (min-width:768px) {
  .grid-col-end-md-10 {
    grid-column-end: 10
  }
}

@media screen and (min-width:768px) {
  .grid-col-start-md-11 {
    grid-column-start: 11
  }
}

@media screen and (min-width:768px) {
  .grid-col-end-md-11 {
    grid-column-end: 11
  }
}

@media screen and (min-width:768px) {
  .grid-col-start-md-12 {
    grid-column-start: 12
  }
}

@media screen and (min-width:768px) {
  .grid-col-end-md-12 {
    grid-column-end: 12
  }
}

@media screen and (min-width:768px) {
  .grid-col-start-md-13 {
    grid-column-start: 13
  }
}

@media screen and (min-width:768px) {
  .grid-col-end-md-13 {
    grid-column-end: 13
  }
}

@media screen and (min-width:768px) {
  .gap-md--none {
    gap: 0
  }
}

@media screen and (min-width:768px) {
  .gap-md--default {
    gap: 1.2rem
  }
}

@media screen and (min-width:768px) {
  .gap-md--sm {
    gap: 2.4rem
  }
}

@media screen and (min-width:768px) {
  .gap-md--md {
    gap: 3.52rem
  }
}

@media screen and (min-width:768px) {
  .gap-md--lg {
    gap: 4.64rem
  }
}

@media screen and (min-width:768px) {
  .gap-md--xl {
    gap: 5.76rem
  }
}

@media screen and (min-width:768px) {
  .gap-md--xxl {
    gap: 6.88rem
  }
}

@media screen and (min-width:768px) {
  .gap-md--xxxl {
    gap: 8rem
  }
}

@media screen and (min-width:768px) {
  .align-horz-md-start {
    justify-content: start
  }
}

@media screen and (min-width:768px) {
  .align-vert-md-start {
    align-items: start
  }
}

@media screen and (min-width:768px) {
  .align-horz-md-center {
    justify-content: center
  }
}

@media screen and (min-width:768px) {
  .align-vert-md-center {
    align-items: center
  }
}

@media screen and (min-width:768px) {
  .align-horz-md-end {
    justify-content: end
  }
}

@media screen and (min-width:768px) {
  .align-vert-md-end {
    align-items: end
  }
}

@media screen and (min-width:768px) {
  .logo-md--default img {
    max-height: none
  }
}

@media screen and (min-width:768px) {
  .logo-md--sm img {
    max-height: 4rem
  }
}

@media screen and (min-width:768px) {
  .logo-md--md img {
    max-height: 4.8rem
  }
}

@media screen and (min-width:768px) {
  .logo-md--lg img {
    max-height: 5.6rem
  }
}

@media screen and (min-width:768px) {
  .logo-md--xl img {
    max-height: 6.4rem
  }
}

@media screen and (min-width:768px) {
  .logo-md--xxl img {
    max-height: 7.2rem
  }
}

@media screen and (min-width:768px) {
  .logo-md--xxxl img {
    max-height: 8rem
  }
}

@media screen and (min-width:1024px) {
  .d-none-lg {
    display: none
  }
}

@media screen and (min-width:1024px) {
  .d-block-lg {
    display: block
  }
}

@media screen and (min-width:1024px) {

  .flexitem-lg-1--default,
  .flexitem-lg-1--lg,
  .flexitem-lg-1--md,
  .flexitem-lg-1--none,
  .flexitem-lg-1--sm,
  .flexitem-lg-1--xl,
  .flexitem-lg-1--xxl,
  .flexitem-lg-1--xxxl {
    flex: 100%;
    max-width: 100%
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-2--none {
    flex: 50%;
    max-width: 50%
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-2--default {
    flex: calc(50% - 0.6rem);
    max-width: calc(50% - .6rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-2--sm {
    flex: calc(50% - 1.2rem);
    max-width: calc(50% - 1.2rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-2--md {
    flex: calc(50% - 1.76rem);
    max-width: calc(50% - 1.76rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-2--lg {
    flex: calc(50% - 2.32rem);
    max-width: calc(50% - 2.32rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-2--xl {
    flex: calc(50% - 2.88rem);
    max-width: calc(50% - 2.88rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-2--xxl {
    flex: calc(50% - 3.44rem);
    max-width: calc(50% - 3.44rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-2--xxxl {
    flex: calc(50% - 4rem);
    max-width: calc(50% - 4rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-3--none {
    flex: 33.33333%;
    max-width: 33.33333%
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-3--default {
    flex: calc(33.33333% - 0.8rem);
    max-width: calc(33.33333% - .8rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-3--sm {
    flex: calc(33.33333% - 1.6rem);
    max-width: calc(33.33333% - 1.6rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-3--md {
    flex: calc(33.33333% - 2.34667rem);
    max-width: calc(33.33333% - 2.34667rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-3--lg {
    flex: calc(33.33333% - 3.09333rem);
    max-width: calc(33.33333% - 3.09333rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-3--xl {
    flex: calc(33.33333% - 3.84rem);
    max-width: calc(33.33333% - 3.84rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-3--xxl {
    flex: calc(33.33333% - 4.58667rem);
    max-width: calc(33.33333% - 4.58667rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-3--xxxl {
    flex: calc(33.33333% - 5.33333rem);
    max-width: calc(33.33333% - 5.33333rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-4--none {
    flex: 25%;
    max-width: 25%
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-4--default {
    flex: calc(25% - 0.9rem);
    max-width: calc(25% - .9rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-4--sm {
    flex: calc(25% - 1.8rem);
    max-width: calc(25% - 1.8rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-4--md {
    flex: calc(25% - 2.64rem);
    max-width: calc(25% - 2.64rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-4--lg {
    flex: calc(25% - 3.48rem);
    max-width: calc(25% - 3.48rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-4--xl {
    flex: calc(25% - 4.32rem);
    max-width: calc(25% - 4.32rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-4--xxl {
    flex: calc(25% - 5.16rem);
    max-width: calc(25% - 5.16rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-4--xxxl {
    flex: calc(25% - 6rem);
    max-width: calc(25% - 6rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-5--none {
    flex: 20%;
    max-width: 20%
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-5--default {
    flex: calc(20% - 0.96rem);
    max-width: calc(20% - .96rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-5--sm {
    flex: calc(20% - 1.92rem);
    max-width: calc(20% - 1.92rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-5--md {
    flex: calc(20% - 2.816rem);
    max-width: calc(20% - 2.816rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-5--lg {
    flex: calc(20% - 3.712rem);
    max-width: calc(20% - 3.712rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-5--xl {
    flex: calc(20% - 4.608rem);
    max-width: calc(20% - 4.608rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-5--xxl {
    flex: calc(20% - 5.504rem);
    max-width: calc(20% - 5.504rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-5--xxxl {
    flex: calc(20% - 6.4rem);
    max-width: calc(20% - 6.4rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-6--none {
    flex: 16.66667%;
    max-width: 16.66667%
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-6--default {
    flex: calc(16.66667% - 1rem);
    max-width: calc(16.66667% - 1rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-6--sm {
    flex: calc(16.66667% - 2rem);
    max-width: calc(16.66667% - 2rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-6--md {
    flex: calc(16.66667% - 2.93333rem);
    max-width: calc(16.66667% - 2.93333rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-6--lg {
    flex: calc(16.66667% - 3.86667rem);
    max-width: calc(16.66667% - 3.86667rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-6--xl {
    flex: calc(16.66667% - 4.8rem);
    max-width: calc(16.66667% - 4.8rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-6--xxl {
    flex: calc(16.66667% - 5.73333rem);
    max-width: calc(16.66667% - 5.73333rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-6--xxxl {
    flex: calc(16.66667% - 6.66667rem);
    max-width: calc(16.66667% - 6.66667rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-7--none {
    flex: 14.28571%;
    max-width: 14.28571%
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-7--default {
    flex: calc(14.28571% - 1.02857rem);
    max-width: calc(14.28571% - 1.02857rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-7--sm {
    flex: calc(14.28571% - 2.05714rem);
    max-width: calc(14.28571% - 2.05714rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-7--md {
    flex: calc(14.28571% - 3.01714rem);
    max-width: calc(14.28571% - 3.01714rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-7--lg {
    flex: calc(14.28571% - 3.97714rem);
    max-width: calc(14.28571% - 3.97714rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-7--xl {
    flex: calc(14.28571% - 4.93714rem);
    max-width: calc(14.28571% - 4.93714rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-7--xxl {
    flex: calc(14.28571% - 5.89714rem);
    max-width: calc(14.28571% - 5.89714rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-7--xxxl {
    flex: calc(14.28571% - 6.85714rem);
    max-width: calc(14.28571% - 6.85714rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-8--none {
    flex: 12.5%;
    max-width: 12.5%
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-8--default {
    flex: calc(12.5% - 1.05rem);
    max-width: calc(12.5% - 1.05rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-8--sm {
    flex: calc(12.5% - 2.1rem);
    max-width: calc(12.5% - 2.1rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-8--md {
    flex: calc(12.5% - 3.08rem);
    max-width: calc(12.5% - 3.08rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-8--lg {
    flex: calc(12.5% - 4.06rem);
    max-width: calc(12.5% - 4.06rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-8--xl {
    flex: calc(12.5% - 5.04rem);
    max-width: calc(12.5% - 5.04rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-8--xxl {
    flex: calc(12.5% - 6.02rem);
    max-width: calc(12.5% - 6.02rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-8--xxxl {
    flex: calc(12.5% - 7rem);
    max-width: calc(12.5% - 7rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-9--none {
    flex: 11.11111%;
    max-width: 11.11111%
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-9--default {
    flex: calc(11.11111% - 1.06667rem);
    max-width: calc(11.11111% - 1.06667rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-9--sm {
    flex: calc(11.11111% - 2.13333rem);
    max-width: calc(11.11111% - 2.13333rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-9--md {
    flex: calc(11.11111% - 3.12889rem);
    max-width: calc(11.11111% - 3.12889rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-9--lg {
    flex: calc(11.11111% - 4.12444rem);
    max-width: calc(11.11111% - 4.12444rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-9--xl {
    flex: calc(11.11111% - 5.12rem);
    max-width: calc(11.11111% - 5.12rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-9--xxl {
    flex: calc(11.11111% - 6.11556rem);
    max-width: calc(11.11111% - 6.11556rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-9--xxxl {
    flex: calc(11.11111% - 7.11111rem);
    max-width: calc(11.11111% - 7.11111rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-10--none {
    flex: 10%;
    max-width: 10%
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-10--default {
    flex: calc(10% - 1.08rem);
    max-width: calc(10% - 1.08rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-10--sm {
    flex: calc(10% - 2.16rem);
    max-width: calc(10% - 2.16rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-10--md {
    flex: calc(10% - 3.168rem);
    max-width: calc(10% - 3.168rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-10--lg {
    flex: calc(10% - 4.176rem);
    max-width: calc(10% - 4.176rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-10--xl {
    flex: calc(10% - 5.184rem);
    max-width: calc(10% - 5.184rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-10--xxl {
    flex: calc(10% - 6.192rem);
    max-width: calc(10% - 6.192rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-10--xxxl {
    flex: calc(10% - 7.2rem);
    max-width: calc(10% - 7.2rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-11--none {
    flex: 9.09091%;
    max-width: 9.09091%
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-11--default {
    flex: calc(9.09091% - 1.09091rem);
    max-width: calc(9.09091% - 1.09091rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-11--sm {
    flex: calc(9.09091% - 2.18182rem);
    max-width: calc(9.09091% - 2.18182rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-11--md {
    flex: calc(9.09091% - 3.2rem);
    max-width: calc(9.09091% - 3.2rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-11--lg {
    flex: calc(9.09091% - 4.21818rem);
    max-width: calc(9.09091% - 4.21818rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-11--xl {
    flex: calc(9.09091% - 5.23636rem);
    max-width: calc(9.09091% - 5.23636rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-11--xxl {
    flex: calc(9.09091% - 6.25455rem);
    max-width: calc(9.09091% - 6.25455rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-11--xxxl {
    flex: calc(9.09091% - 7.27273rem);
    max-width: calc(9.09091% - 7.27273rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-12--none {
    flex: 8.33333%;
    max-width: 8.33333%
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-12--default {
    flex: calc(8.33333% - 1.1rem);
    max-width: calc(8.33333% - 1.1rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-12--sm {
    flex: calc(8.33333% - 2.2rem);
    max-width: calc(8.33333% - 2.2rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-12--md {
    flex: calc(8.33333% - 3.22667rem);
    max-width: calc(8.33333% - 3.22667rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-12--lg {
    flex: calc(8.33333% - 4.25333rem);
    max-width: calc(8.33333% - 4.25333rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-12--xl {
    flex: calc(8.33333% - 5.28rem);
    max-width: calc(8.33333% - 5.28rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-12--xxl {
    flex: calc(8.33333% - 6.30667rem);
    max-width: calc(8.33333% - 6.30667rem)
  }
}

@media screen and (min-width:1024px) {
  .flexitem-lg-12--xxxl {
    flex: calc(8.33333% - 7.33333rem);
    max-width: calc(8.33333% - 7.33333rem)
  }
}

@media screen and (min-width:1024px) {
  .d-grid-lg {
    display: grid
  }
}

@media screen and (min-width:1024px) {
  .d-grid-lg-1 {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .col-width-lg-1 {
    width: 8.3333333333%
  }
}

@media screen and (min-width:1024px) {
  .d-grid-lg-2 {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .col-width-lg-2 {
    width: 16.6666666667%
  }
}

@media screen and (min-width:1024px) {
  .d-grid-lg-3 {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .col-width-lg-3 {
    width: 25%
  }
}

@media screen and (min-width:1024px) {
  .d-grid-lg-4 {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .col-width-lg-4 {
    width: 33.3333333333%
  }
}

@media screen and (min-width:1024px) {
  .d-grid-lg-5 {
    grid-template-columns: repeat(5, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .col-width-lg-5 {
    width: 41.6666666667%
  }
}

@media screen and (min-width:1024px) {
  .d-grid-lg-6 {
    grid-template-columns: repeat(6, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .col-width-lg-6 {
    width: 50%
  }
}

@media screen and (min-width:1024px) {
  .d-grid-lg-7 {
    grid-template-columns: repeat(7, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .col-width-lg-7 {
    width: 58.3333333333%
  }
}

@media screen and (min-width:1024px) {
  .d-grid-lg-8 {
    grid-template-columns: repeat(8, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .col-width-lg-8 {
    width: 66.6666666667%
  }
}

@media screen and (min-width:1024px) {
  .d-grid-lg-9 {
    grid-template-columns: repeat(9, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .col-width-lg-9 {
    width: 75%
  }
}

@media screen and (min-width:1024px) {
  .d-grid-lg-10 {
    grid-template-columns: repeat(10, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .col-width-lg-10 {
    width: 83.3333333333%
  }
}

@media screen and (min-width:1024px) {
  .d-grid-lg-11 {
    grid-template-columns: repeat(11, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .col-width-lg-11 {
    width: 91.6666666667%
  }
}

@media screen and (min-width:1024px) {
  .d-grid-lg-12 {
    grid-template-columns: repeat(12, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .col-width-lg-12 {
    width: 100%
  }
}

@media screen and (min-width:1024px) {
  .grid-col-start-lg-1 {
    grid-column-start: 1
  }
}

@media screen and (min-width:1024px) {
  .grid-col-end-lg-1 {
    grid-column-end: 1
  }
}

@media screen and (min-width:1024px) {
  .grid-col-start-lg-2 {
    grid-column-start: 2
  }
}

@media screen and (min-width:1024px) {
  .grid-col-end-lg-2 {
    grid-column-end: 2
  }
}

@media screen and (min-width:1024px) {
  .grid-col-start-lg-3 {
    grid-column-start: 3
  }
}

@media screen and (min-width:1024px) {
  .grid-col-end-lg-3 {
    grid-column-end: 3
  }
}

@media screen and (min-width:1024px) {
  .grid-col-start-lg-4 {
    grid-column-start: 4
  }
}

@media screen and (min-width:1024px) {
  .grid-col-end-lg-4 {
    grid-column-end: 4
  }
}

@media screen and (min-width:1024px) {
  .grid-col-start-lg-5 {
    grid-column-start: 5
  }
}

@media screen and (min-width:1024px) {
  .grid-col-end-lg-5 {
    grid-column-end: 5
  }
}

@media screen and (min-width:1024px) {
  .grid-col-start-lg-6 {
    grid-column-start: 6
  }
}

@media screen and (min-width:1024px) {
  .grid-col-end-lg-6 {
    grid-column-end: 6
  }
}

@media screen and (min-width:1024px) {
  .grid-col-start-lg-7 {
    grid-column-start: 7
  }
}

@media screen and (min-width:1024px) {
  .grid-col-end-lg-7 {
    grid-column-end: 7
  }
}

@media screen and (min-width:1024px) {
  .grid-col-start-lg-8 {
    grid-column-start: 8
  }
}

@media screen and (min-width:1024px) {
  .grid-col-end-lg-8 {
    grid-column-end: 8
  }
}

@media screen and (min-width:1024px) {
  .grid-col-start-lg-9 {
    grid-column-start: 9
  }
}

@media screen and (min-width:1024px) {
  .grid-col-end-lg-9 {
    grid-column-end: 9
  }
}

@media screen and (min-width:1024px) {
  .grid-col-start-lg-10 {
    grid-column-start: 10
  }
}

@media screen and (min-width:1024px) {
  .grid-col-end-lg-10 {
    grid-column-end: 10
  }
}

@media screen and (min-width:1024px) {
  .grid-col-start-lg-11 {
    grid-column-start: 11
  }
}

@media screen and (min-width:1024px) {
  .grid-col-end-lg-11 {
    grid-column-end: 11
  }
}

@media screen and (min-width:1024px) {
  .grid-col-start-lg-12 {
    grid-column-start: 12
  }
}

@media screen and (min-width:1024px) {
  .grid-col-end-lg-12 {
    grid-column-end: 12
  }
}

@media screen and (min-width:1024px) {
  .grid-col-start-lg-13 {
    grid-column-start: 13
  }
}

@media screen and (min-width:1024px) {
  .grid-col-end-lg-13 {
    grid-column-end: 13
  }
}

@media screen and (min-width:1024px) {
  .gap-lg--none {
    gap: 0
  }
}

@media screen and (min-width:1024px) {
  .gap-lg--default {
    gap: 1.2rem
  }
}

@media screen and (min-width:1024px) {
  .gap-lg--sm {
    gap: 2.4rem
  }
}

@media screen and (min-width:1024px) {
  .gap-lg--md {
    gap: 3.52rem
  }
}

@media screen and (min-width:1024px) {
  .gap-lg--lg {
    gap: 4.64rem
  }
}

@media screen and (min-width:1024px) {
  .gap-lg--xl {
    gap: 5.76rem
  }
}

@media screen and (min-width:1024px) {
  .gap-lg--xxl {
    gap: 6.88rem
  }
}

@media screen and (min-width:1024px) {
  .gap-lg--xxxl {
    gap: 8rem
  }
}

@media screen and (min-width:1024px) {
  .align-horz-lg-start {
    justify-content: start
  }
}

@media screen and (min-width:1024px) {
  .align-vert-lg-start {
    align-items: start
  }
}

@media screen and (min-width:1024px) {
  .align-horz-lg-center {
    justify-content: center
  }
}

@media screen and (min-width:1024px) {
  .align-vert-lg-center {
    align-items: center
  }
}

@media screen and (min-width:1024px) {
  .align-horz-lg-end {
    justify-content: end
  }
}

@media screen and (min-width:1024px) {
  .align-vert-lg-end {
    align-items: end
  }
}

@media screen and (min-width:1024px) {
  .logo-lg--default img {
    max-height: none
  }
}

@media screen and (min-width:1024px) {
  .logo-lg--sm img {
    max-height: 4rem
  }
}

@media screen and (min-width:1024px) {
  .logo-lg--md img {
    max-height: 4.8rem
  }
}

@media screen and (min-width:1024px) {
  .logo-lg--lg img {
    max-height: 5.6rem
  }
}

@media screen and (min-width:1024px) {
  .logo-lg--xl img {
    max-height: 6.4rem
  }
}

@media screen and (min-width:1024px) {
  .logo-lg--xxl img {
    max-height: 7.2rem
  }
}

@media screen and (min-width:1024px) {
  .logo-lg--xxxl img {
    max-height: 8rem
  }
}

@media screen and (min-width:1280px) {
  .d-none-xl {
    display: none
  }
}

@media screen and (min-width:1280px) {
  .d-block-xl {
    display: block
  }
}

@media screen and (min-width:1280px) {

  .flexitem-xl-1--default,
  .flexitem-xl-1--lg,
  .flexitem-xl-1--md,
  .flexitem-xl-1--none,
  .flexitem-xl-1--sm,
  .flexitem-xl-1--xl,
  .flexitem-xl-1--xxl,
  .flexitem-xl-1--xxxl {
    flex: 100%;
    max-width: 100%
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-2--none {
    flex: 50%;
    max-width: 50%
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-2--default {
    flex: calc(50% - 0.6rem);
    max-width: calc(50% - .6rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-2--sm {
    flex: calc(50% - 1.2rem);
    max-width: calc(50% - 1.2rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-2--md {
    flex: calc(50% - 1.76rem);
    max-width: calc(50% - 1.76rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-2--lg {
    flex: calc(50% - 2.32rem);
    max-width: calc(50% - 2.32rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-2--xl {
    flex: calc(50% - 2.88rem);
    max-width: calc(50% - 2.88rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-2--xxl {
    flex: calc(50% - 3.44rem);
    max-width: calc(50% - 3.44rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-2--xxxl {
    flex: calc(50% - 4rem);
    max-width: calc(50% - 4rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-3--none {
    flex: 33.33333%;
    max-width: 33.33333%
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-3--default {
    flex: calc(33.33333% - 0.8rem);
    max-width: calc(33.33333% - .8rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-3--sm {
    flex: calc(33.33333% - 1.6rem);
    max-width: calc(33.33333% - 1.6rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-3--md {
    flex: calc(33.33333% - 2.34667rem);
    max-width: calc(33.33333% - 2.34667rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-3--lg {
    flex: calc(33.33333% - 3.09333rem);
    max-width: calc(33.33333% - 3.09333rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-3--xl {
    flex: calc(33.33333% - 3.84rem);
    max-width: calc(33.33333% - 3.84rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-3--xxl {
    flex: calc(33.33333% - 4.58667rem);
    max-width: calc(33.33333% - 4.58667rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-3--xxxl {
    flex: calc(33.33333% - 5.33333rem);
    max-width: calc(33.33333% - 5.33333rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-4--none {
    flex: 25%;
    max-width: 25%
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-4--default {
    flex: calc(25% - 0.9rem);
    max-width: calc(25% - .9rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-4--sm {
    flex: calc(25% - 1.8rem);
    max-width: calc(25% - 1.8rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-4--md {
    flex: calc(25% - 2.64rem);
    max-width: calc(25% - 2.64rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-4--lg {
    flex: calc(25% - 3.48rem);
    max-width: calc(25% - 3.48rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-4--xl {
    flex: calc(25% - 4.32rem);
    max-width: calc(25% - 4.32rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-4--xxl {
    flex: calc(25% - 5.16rem);
    max-width: calc(25% - 5.16rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-4--xxxl {
    flex: calc(25% - 6rem);
    max-width: calc(25% - 6rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-5--none {
    flex: 20%;
    max-width: 20%
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-5--default {
    flex: calc(20% - 0.96rem);
    max-width: calc(20% - .96rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-5--sm {
    flex: calc(20% - 1.92rem);
    max-width: calc(20% - 1.92rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-5--md {
    flex: calc(20% - 2.816rem);
    max-width: calc(20% - 2.816rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-5--lg {
    flex: calc(20% - 3.712rem);
    max-width: calc(20% - 3.712rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-5--xl {
    flex: calc(20% - 4.608rem);
    max-width: calc(20% - 4.608rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-5--xxl {
    flex: calc(20% - 5.504rem);
    max-width: calc(20% - 5.504rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-5--xxxl {
    flex: calc(20% - 6.4rem);
    max-width: calc(20% - 6.4rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-6--none {
    flex: 16.66667%;
    max-width: 16.66667%
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-6--default {
    flex: calc(16.66667% - 1rem);
    max-width: calc(16.66667% - 1rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-6--sm {
    flex: calc(16.66667% - 2rem);
    max-width: calc(16.66667% - 2rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-6--md {
    flex: calc(16.66667% - 2.93333rem);
    max-width: calc(16.66667% - 2.93333rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-6--lg {
    flex: calc(16.66667% - 3.86667rem);
    max-width: calc(16.66667% - 3.86667rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-6--xl {
    flex: calc(16.66667% - 4.8rem);
    max-width: calc(16.66667% - 4.8rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-6--xxl {
    flex: calc(16.66667% - 5.73333rem);
    max-width: calc(16.66667% - 5.73333rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-6--xxxl {
    flex: calc(16.66667% - 6.66667rem);
    max-width: calc(16.66667% - 6.66667rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-7--none {
    flex: 14.28571%;
    max-width: 14.28571%
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-7--default {
    flex: calc(14.28571% - 1.02857rem);
    max-width: calc(14.28571% - 1.02857rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-7--sm {
    flex: calc(14.28571% - 2.05714rem);
    max-width: calc(14.28571% - 2.05714rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-7--md {
    flex: calc(14.28571% - 3.01714rem);
    max-width: calc(14.28571% - 3.01714rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-7--lg {
    flex: calc(14.28571% - 3.97714rem);
    max-width: calc(14.28571% - 3.97714rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-7--xl {
    flex: calc(14.28571% - 4.93714rem);
    max-width: calc(14.28571% - 4.93714rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-7--xxl {
    flex: calc(14.28571% - 5.89714rem);
    max-width: calc(14.28571% - 5.89714rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-7--xxxl {
    flex: calc(14.28571% - 6.85714rem);
    max-width: calc(14.28571% - 6.85714rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-8--none {
    flex: 12.5%;
    max-width: 12.5%
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-8--default {
    flex: calc(12.5% - 1.05rem);
    max-width: calc(12.5% - 1.05rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-8--sm {
    flex: calc(12.5% - 2.1rem);
    max-width: calc(12.5% - 2.1rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-8--md {
    flex: calc(12.5% - 3.08rem);
    max-width: calc(12.5% - 3.08rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-8--lg {
    flex: calc(12.5% - 4.06rem);
    max-width: calc(12.5% - 4.06rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-8--xl {
    flex: calc(12.5% - 5.04rem);
    max-width: calc(12.5% - 5.04rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-8--xxl {
    flex: calc(12.5% - 6.02rem);
    max-width: calc(12.5% - 6.02rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-8--xxxl {
    flex: calc(12.5% - 7rem);
    max-width: calc(12.5% - 7rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-9--none {
    flex: 11.11111%;
    max-width: 11.11111%
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-9--default {
    flex: calc(11.11111% - 1.06667rem);
    max-width: calc(11.11111% - 1.06667rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-9--sm {
    flex: calc(11.11111% - 2.13333rem);
    max-width: calc(11.11111% - 2.13333rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-9--md {
    flex: calc(11.11111% - 3.12889rem);
    max-width: calc(11.11111% - 3.12889rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-9--lg {
    flex: calc(11.11111% - 4.12444rem);
    max-width: calc(11.11111% - 4.12444rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-9--xl {
    flex: calc(11.11111% - 5.12rem);
    max-width: calc(11.11111% - 5.12rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-9--xxl {
    flex: calc(11.11111% - 6.11556rem);
    max-width: calc(11.11111% - 6.11556rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-9--xxxl {
    flex: calc(11.11111% - 7.11111rem);
    max-width: calc(11.11111% - 7.11111rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-10--none {
    flex: 10%;
    max-width: 10%
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-10--default {
    flex: calc(10% - 1.08rem);
    max-width: calc(10% - 1.08rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-10--sm {
    flex: calc(10% - 2.16rem);
    max-width: calc(10% - 2.16rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-10--md {
    flex: calc(10% - 3.168rem);
    max-width: calc(10% - 3.168rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-10--lg {
    flex: calc(10% - 4.176rem);
    max-width: calc(10% - 4.176rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-10--xl {
    flex: calc(10% - 5.184rem);
    max-width: calc(10% - 5.184rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-10--xxl {
    flex: calc(10% - 6.192rem);
    max-width: calc(10% - 6.192rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-10--xxxl {
    flex: calc(10% - 7.2rem);
    max-width: calc(10% - 7.2rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-11--none {
    flex: 9.09091%;
    max-width: 9.09091%
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-11--default {
    flex: calc(9.09091% - 1.09091rem);
    max-width: calc(9.09091% - 1.09091rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-11--sm {
    flex: calc(9.09091% - 2.18182rem);
    max-width: calc(9.09091% - 2.18182rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-11--md {
    flex: calc(9.09091% - 3.2rem);
    max-width: calc(9.09091% - 3.2rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-11--lg {
    flex: calc(9.09091% - 4.21818rem);
    max-width: calc(9.09091% - 4.21818rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-11--xl {
    flex: calc(9.09091% - 5.23636rem);
    max-width: calc(9.09091% - 5.23636rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-11--xxl {
    flex: calc(9.09091% - 6.25455rem);
    max-width: calc(9.09091% - 6.25455rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-11--xxxl {
    flex: calc(9.09091% - 7.27273rem);
    max-width: calc(9.09091% - 7.27273rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-12--none {
    flex: 8.33333%;
    max-width: 8.33333%
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-12--default {
    flex: calc(8.33333% - 1.1rem);
    max-width: calc(8.33333% - 1.1rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-12--sm {
    flex: calc(8.33333% - 2.2rem);
    max-width: calc(8.33333% - 2.2rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-12--md {
    flex: calc(8.33333% - 3.22667rem);
    max-width: calc(8.33333% - 3.22667rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-12--lg {
    flex: calc(8.33333% - 4.25333rem);
    max-width: calc(8.33333% - 4.25333rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-12--xl {
    flex: calc(8.33333% - 5.28rem);
    max-width: calc(8.33333% - 5.28rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-12--xxl {
    flex: calc(8.33333% - 6.30667rem);
    max-width: calc(8.33333% - 6.30667rem)
  }
}

@media screen and (min-width:1280px) {
  .flexitem-xl-12--xxxl {
    flex: calc(8.33333% - 7.33333rem);
    max-width: calc(8.33333% - 7.33333rem)
  }
}

@media screen and (min-width:1280px) {
  .d-grid-xl {
    display: grid
  }
}

@media screen and (min-width:1280px) {
  .d-grid-xl-1 {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .col-width-xl-1 {
    width: 8.3333333333%
  }
}

@media screen and (min-width:1280px) {
  .d-grid-xl-2 {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .col-width-xl-2 {
    width: 16.6666666667%
  }
}

@media screen and (min-width:1280px) {
  .d-grid-xl-3 {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .col-width-xl-3 {
    width: 25%
  }
}

@media screen and (min-width:1280px) {
  .d-grid-xl-4 {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .col-width-xl-4 {
    width: 33.3333333333%
  }
}

@media screen and (min-width:1280px) {
  .d-grid-xl-5 {
    grid-template-columns: repeat(5, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .col-width-xl-5 {
    width: 41.6666666667%
  }
}

@media screen and (min-width:1280px) {
  .d-grid-xl-6 {
    grid-template-columns: repeat(6, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .col-width-xl-6 {
    width: 50%
  }
}

@media screen and (min-width:1280px) {
  .d-grid-xl-7 {
    grid-template-columns: repeat(7, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .col-width-xl-7 {
    width: 58.3333333333%
  }
}

@media screen and (min-width:1280px) {
  .d-grid-xl-8 {
    grid-template-columns: repeat(8, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .col-width-xl-8 {
    width: 66.6666666667%
  }
}

@media screen and (min-width:1280px) {
  .d-grid-xl-9 {
    grid-template-columns: repeat(9, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .col-width-xl-9 {
    width: 75%
  }
}

@media screen and (min-width:1280px) {
  .d-grid-xl-10 {
    grid-template-columns: repeat(10, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .col-width-xl-10 {
    width: 83.3333333333%
  }
}

@media screen and (min-width:1280px) {
  .d-grid-xl-11 {
    grid-template-columns: repeat(11, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .col-width-xl-11 {
    width: 91.6666666667%
  }
}

@media screen and (min-width:1280px) {
  .d-grid-xl-12 {
    grid-template-columns: repeat(12, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .col-width-xl-12 {
    width: 100%
  }
}

@media screen and (min-width:1280px) {
  .grid-col-start-xl-1 {
    grid-column-start: 1
  }
}

@media screen and (min-width:1280px) {
  .grid-col-end-xl-1 {
    grid-column-end: 1
  }
}

@media screen and (min-width:1280px) {
  .grid-col-start-xl-2 {
    grid-column-start: 2
  }
}

@media screen and (min-width:1280px) {
  .grid-col-end-xl-2 {
    grid-column-end: 2
  }
}

@media screen and (min-width:1280px) {
  .grid-col-start-xl-3 {
    grid-column-start: 3
  }
}

@media screen and (min-width:1280px) {
  .grid-col-end-xl-3 {
    grid-column-end: 3
  }
}

@media screen and (min-width:1280px) {
  .grid-col-start-xl-4 {
    grid-column-start: 4
  }
}

@media screen and (min-width:1280px) {
  .grid-col-end-xl-4 {
    grid-column-end: 4
  }
}

@media screen and (min-width:1280px) {
  .grid-col-start-xl-5 {
    grid-column-start: 5
  }
}

@media screen and (min-width:1280px) {
  .grid-col-end-xl-5 {
    grid-column-end: 5
  }
}

@media screen and (min-width:1280px) {
  .grid-col-start-xl-6 {
    grid-column-start: 6
  }
}

@media screen and (min-width:1280px) {
  .grid-col-end-xl-6 {
    grid-column-end: 6
  }
}

@media screen and (min-width:1280px) {
  .grid-col-start-xl-7 {
    grid-column-start: 7
  }
}

@media screen and (min-width:1280px) {
  .grid-col-end-xl-7 {
    grid-column-end: 7
  }
}

@media screen and (min-width:1280px) {
  .grid-col-start-xl-8 {
    grid-column-start: 8
  }
}

@media screen and (min-width:1280px) {
  .grid-col-end-xl-8 {
    grid-column-end: 8
  }
}

@media screen and (min-width:1280px) {
  .grid-col-start-xl-9 {
    grid-column-start: 9
  }
}

@media screen and (min-width:1280px) {
  .grid-col-end-xl-9 {
    grid-column-end: 9
  }
}

@media screen and (min-width:1280px) {
  .grid-col-start-xl-10 {
    grid-column-start: 10
  }
}

@media screen and (min-width:1280px) {
  .grid-col-end-xl-10 {
    grid-column-end: 10
  }
}

@media screen and (min-width:1280px) {
  .grid-col-start-xl-11 {
    grid-column-start: 11
  }
}

@media screen and (min-width:1280px) {
  .grid-col-end-xl-11 {
    grid-column-end: 11
  }
}

@media screen and (min-width:1280px) {
  .grid-col-start-xl-12 {
    grid-column-start: 12
  }
}

@media screen and (min-width:1280px) {
  .grid-col-end-xl-12 {
    grid-column-end: 12
  }
}

@media screen and (min-width:1280px) {
  .grid-col-start-xl-13 {
    grid-column-start: 13
  }
}

@media screen and (min-width:1280px) {
  .grid-col-end-xl-13 {
    grid-column-end: 13
  }
}

@media screen and (min-width:1280px) {
  .gap-xl--none {
    gap: 0
  }
}

@media screen and (min-width:1280px) {
  .gap-xl--default {
    gap: 1.2rem
  }
}

@media screen and (min-width:1280px) {
  .gap-xl--sm {
    gap: 2.4rem
  }
}

@media screen and (min-width:1280px) {
  .gap-xl--md {
    gap: 3.52rem
  }
}

@media screen and (min-width:1280px) {
  .gap-xl--lg {
    gap: 4.64rem
  }
}

@media screen and (min-width:1280px) {
  .gap-xl--xl {
    gap: 5.76rem
  }
}

@media screen and (min-width:1280px) {
  .gap-xl--xxl {
    gap: 6.88rem
  }
}

@media screen and (min-width:1280px) {
  .gap-xl--xxxl {
    gap: 8rem
  }
}

@media screen and (min-width:1280px) {
  .align-horz-xl-start {
    justify-content: start
  }
}

@media screen and (min-width:1280px) {
  .align-vert-xl-start {
    align-items: start
  }
}

@media screen and (min-width:1280px) {
  .align-horz-xl-center {
    justify-content: center
  }
}

@media screen and (min-width:1280px) {
  .align-vert-xl-center {
    align-items: center
  }
}

@media screen and (min-width:1280px) {
  .align-horz-xl-end {
    justify-content: end
  }
}

@media screen and (min-width:1280px) {
  .align-vert-xl-end {
    align-items: end
  }
}

@media screen and (min-width:1280px) {
  .logo-xl--default img {
    max-height: none
  }
}

@media screen and (min-width:1280px) {
  .logo-xl--sm img {
    max-height: 4rem
  }
}

@media screen and (min-width:1280px) {
  .logo-xl--md img {
    max-height: 4.8rem
  }
}

@media screen and (min-width:1280px) {
  .logo-xl--lg img {
    max-height: 5.6rem
  }
}

@media screen and (min-width:1280px) {
  .logo-xl--xl img {
    max-height: 6.4rem
  }
}

@media screen and (min-width:1280px) {
  .logo-xl--xxl img {
    max-height: 7.2rem
  }
}

@media screen and (min-width:1280px) {
  .logo-xl--xxxl img {
    max-height: 8rem
  }
}

@media screen and (min-width:1440px) {
  .d-none-xxl {
    display: none
  }
}

@media screen and (min-width:1440px) {
  .d-block-xxl {
    display: block
  }
}

@media screen and (min-width:1440px) {

  .flexitem-xxl-1--default,
  .flexitem-xxl-1--lg,
  .flexitem-xxl-1--md,
  .flexitem-xxl-1--none,
  .flexitem-xxl-1--sm,
  .flexitem-xxl-1--xl,
  .flexitem-xxl-1--xxl,
  .flexitem-xxl-1--xxxl {
    flex: 100%;
    max-width: 100%
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-2--none {
    flex: 50%;
    max-width: 50%
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-2--default {
    flex: calc(50% - 0.6rem);
    max-width: calc(50% - .6rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-2--sm {
    flex: calc(50% - 1.2rem);
    max-width: calc(50% - 1.2rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-2--md {
    flex: calc(50% - 1.76rem);
    max-width: calc(50% - 1.76rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-2--lg {
    flex: calc(50% - 2.32rem);
    max-width: calc(50% - 2.32rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-2--xl {
    flex: calc(50% - 2.88rem);
    max-width: calc(50% - 2.88rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-2--xxl {
    flex: calc(50% - 3.44rem);
    max-width: calc(50% - 3.44rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-2--xxxl {
    flex: calc(50% - 4rem);
    max-width: calc(50% - 4rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-3--none {
    flex: 33.33333%;
    max-width: 33.33333%
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-3--default {
    flex: calc(33.33333% - 0.8rem);
    max-width: calc(33.33333% - .8rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-3--sm {
    flex: calc(33.33333% - 1.6rem);
    max-width: calc(33.33333% - 1.6rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-3--md {
    flex: calc(33.33333% - 2.34667rem);
    max-width: calc(33.33333% - 2.34667rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-3--lg {
    flex: calc(33.33333% - 3.09333rem);
    max-width: calc(33.33333% - 3.09333rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-3--xl {
    flex: calc(33.33333% - 3.84rem);
    max-width: calc(33.33333% - 3.84rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-3--xxl {
    flex: calc(33.33333% - 4.58667rem);
    max-width: calc(33.33333% - 4.58667rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-3--xxxl {
    flex: calc(33.33333% - 5.33333rem);
    max-width: calc(33.33333% - 5.33333rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-4--none {
    flex: 25%;
    max-width: 25%
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-4--default {
    flex: calc(25% - 0.9rem);
    max-width: calc(25% - .9rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-4--sm {
    flex: calc(25% - 1.8rem);
    max-width: calc(25% - 1.8rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-4--md {
    flex: calc(25% - 2.64rem);
    max-width: calc(25% - 2.64rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-4--lg {
    flex: calc(25% - 3.48rem);
    max-width: calc(25% - 3.48rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-4--xl {
    flex: calc(25% - 4.32rem);
    max-width: calc(25% - 4.32rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-4--xxl {
    flex: calc(25% - 5.16rem);
    max-width: calc(25% - 5.16rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-4--xxxl {
    flex: calc(25% - 6rem);
    max-width: calc(25% - 6rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-5--none {
    flex: 20%;
    max-width: 20%
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-5--default {
    flex: calc(20% - 0.96rem);
    max-width: calc(20% - .96rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-5--sm {
    flex: calc(20% - 1.92rem);
    max-width: calc(20% - 1.92rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-5--md {
    flex: calc(20% - 2.816rem);
    max-width: calc(20% - 2.816rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-5--lg {
    flex: calc(20% - 3.712rem);
    max-width: calc(20% - 3.712rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-5--xl {
    flex: calc(20% - 4.608rem);
    max-width: calc(20% - 4.608rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-5--xxl {
    flex: calc(20% - 5.504rem);
    max-width: calc(20% - 5.504rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-5--xxxl {
    flex: calc(20% - 6.4rem);
    max-width: calc(20% - 6.4rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-6--none {
    flex: 16.66667%;
    max-width: 16.66667%
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-6--default {
    flex: calc(16.66667% - 1rem);
    max-width: calc(16.66667% - 1rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-6--sm {
    flex: calc(16.66667% - 2rem);
    max-width: calc(16.66667% - 2rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-6--md {
    flex: calc(16.66667% - 2.93333rem);
    max-width: calc(16.66667% - 2.93333rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-6--lg {
    flex: calc(16.66667% - 3.86667rem);
    max-width: calc(16.66667% - 3.86667rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-6--xl {
    flex: calc(16.66667% - 4.8rem);
    max-width: calc(16.66667% - 4.8rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-6--xxl {
    flex: calc(16.66667% - 5.73333rem);
    max-width: calc(16.66667% - 5.73333rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-6--xxxl {
    flex: calc(16.66667% - 6.66667rem);
    max-width: calc(16.66667% - 6.66667rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-7--none {
    flex: 14.28571%;
    max-width: 14.28571%
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-7--default {
    flex: calc(14.28571% - 1.02857rem);
    max-width: calc(14.28571% - 1.02857rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-7--sm {
    flex: calc(14.28571% - 2.05714rem);
    max-width: calc(14.28571% - 2.05714rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-7--md {
    flex: calc(14.28571% - 3.01714rem);
    max-width: calc(14.28571% - 3.01714rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-7--lg {
    flex: calc(14.28571% - 3.97714rem);
    max-width: calc(14.28571% - 3.97714rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-7--xl {
    flex: calc(14.28571% - 4.93714rem);
    max-width: calc(14.28571% - 4.93714rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-7--xxl {
    flex: calc(14.28571% - 5.89714rem);
    max-width: calc(14.28571% - 5.89714rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-7--xxxl {
    flex: calc(14.28571% - 6.85714rem);
    max-width: calc(14.28571% - 6.85714rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-8--none {
    flex: 12.5%;
    max-width: 12.5%
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-8--default {
    flex: calc(12.5% - 1.05rem);
    max-width: calc(12.5% - 1.05rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-8--sm {
    flex: calc(12.5% - 2.1rem);
    max-width: calc(12.5% - 2.1rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-8--md {
    flex: calc(12.5% - 3.08rem);
    max-width: calc(12.5% - 3.08rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-8--lg {
    flex: calc(12.5% - 4.06rem);
    max-width: calc(12.5% - 4.06rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-8--xl {
    flex: calc(12.5% - 5.04rem);
    max-width: calc(12.5% - 5.04rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-8--xxl {
    flex: calc(12.5% - 6.02rem);
    max-width: calc(12.5% - 6.02rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-8--xxxl {
    flex: calc(12.5% - 7rem);
    max-width: calc(12.5% - 7rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-9--none {
    flex: 11.11111%;
    max-width: 11.11111%
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-9--default {
    flex: calc(11.11111% - 1.06667rem);
    max-width: calc(11.11111% - 1.06667rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-9--sm {
    flex: calc(11.11111% - 2.13333rem);
    max-width: calc(11.11111% - 2.13333rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-9--md {
    flex: calc(11.11111% - 3.12889rem);
    max-width: calc(11.11111% - 3.12889rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-9--lg {
    flex: calc(11.11111% - 4.12444rem);
    max-width: calc(11.11111% - 4.12444rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-9--xl {
    flex: calc(11.11111% - 5.12rem);
    max-width: calc(11.11111% - 5.12rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-9--xxl {
    flex: calc(11.11111% - 6.11556rem);
    max-width: calc(11.11111% - 6.11556rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-9--xxxl {
    flex: calc(11.11111% - 7.11111rem);
    max-width: calc(11.11111% - 7.11111rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-10--none {
    flex: 10%;
    max-width: 10%
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-10--default {
    flex: calc(10% - 1.08rem);
    max-width: calc(10% - 1.08rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-10--sm {
    flex: calc(10% - 2.16rem);
    max-width: calc(10% - 2.16rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-10--md {
    flex: calc(10% - 3.168rem);
    max-width: calc(10% - 3.168rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-10--lg {
    flex: calc(10% - 4.176rem);
    max-width: calc(10% - 4.176rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-10--xl {
    flex: calc(10% - 5.184rem);
    max-width: calc(10% - 5.184rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-10--xxl {
    flex: calc(10% - 6.192rem);
    max-width: calc(10% - 6.192rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-10--xxxl {
    flex: calc(10% - 7.2rem);
    max-width: calc(10% - 7.2rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-11--none {
    flex: 9.09091%;
    max-width: 9.09091%
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-11--default {
    flex: calc(9.09091% - 1.09091rem);
    max-width: calc(9.09091% - 1.09091rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-11--sm {
    flex: calc(9.09091% - 2.18182rem);
    max-width: calc(9.09091% - 2.18182rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-11--md {
    flex: calc(9.09091% - 3.2rem);
    max-width: calc(9.09091% - 3.2rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-11--lg {
    flex: calc(9.09091% - 4.21818rem);
    max-width: calc(9.09091% - 4.21818rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-11--xl {
    flex: calc(9.09091% - 5.23636rem);
    max-width: calc(9.09091% - 5.23636rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-11--xxl {
    flex: calc(9.09091% - 6.25455rem);
    max-width: calc(9.09091% - 6.25455rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-11--xxxl {
    flex: calc(9.09091% - 7.27273rem);
    max-width: calc(9.09091% - 7.27273rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-12--none {
    flex: 8.33333%;
    max-width: 8.33333%
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-12--default {
    flex: calc(8.33333% - 1.1rem);
    max-width: calc(8.33333% - 1.1rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-12--sm {
    flex: calc(8.33333% - 2.2rem);
    max-width: calc(8.33333% - 2.2rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-12--md {
    flex: calc(8.33333% - 3.22667rem);
    max-width: calc(8.33333% - 3.22667rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-12--lg {
    flex: calc(8.33333% - 4.25333rem);
    max-width: calc(8.33333% - 4.25333rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-12--xl {
    flex: calc(8.33333% - 5.28rem);
    max-width: calc(8.33333% - 5.28rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-12--xxl {
    flex: calc(8.33333% - 6.30667rem);
    max-width: calc(8.33333% - 6.30667rem)
  }
}

@media screen and (min-width:1440px) {
  .flexitem-xxl-12--xxxl {
    flex: calc(8.33333% - 7.33333rem);
    max-width: calc(8.33333% - 7.33333rem)
  }
}

@media screen and (min-width:1440px) {
  .d-grid-xxl {
    display: grid
  }
}

@media screen and (min-width:1440px) {
  .d-grid-xxl-1 {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .col-width-xxl-1 {
    width: 8.3333333333%
  }
}

@media screen and (min-width:1440px) {
  .d-grid-xxl-2 {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .col-width-xxl-2 {
    width: 16.6666666667%
  }
}

@media screen and (min-width:1440px) {
  .d-grid-xxl-3 {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .col-width-xxl-3 {
    width: 25%
  }
}

@media screen and (min-width:1440px) {
  .d-grid-xxl-4 {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .col-width-xxl-4 {
    width: 33.3333333333%
  }
}

@media screen and (min-width:1440px) {
  .d-grid-xxl-5 {
    grid-template-columns: repeat(5, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .col-width-xxl-5 {
    width: 41.6666666667%
  }
}

@media screen and (min-width:1440px) {
  .d-grid-xxl-6 {
    grid-template-columns: repeat(6, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .col-width-xxl-6 {
    width: 50%
  }
}

@media screen and (min-width:1440px) {
  .d-grid-xxl-7 {
    grid-template-columns: repeat(7, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .col-width-xxl-7 {
    width: 58.3333333333%
  }
}

@media screen and (min-width:1440px) {
  .d-grid-xxl-8 {
    grid-template-columns: repeat(8, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .col-width-xxl-8 {
    width: 66.6666666667%
  }
}

@media screen and (min-width:1440px) {
  .d-grid-xxl-9 {
    grid-template-columns: repeat(9, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .col-width-xxl-9 {
    width: 75%
  }
}

@media screen and (min-width:1440px) {
  .d-grid-xxl-10 {
    grid-template-columns: repeat(10, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .col-width-xxl-10 {
    width: 83.3333333333%
  }
}

@media screen and (min-width:1440px) {
  .d-grid-xxl-11 {
    grid-template-columns: repeat(11, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .col-width-xxl-11 {
    width: 91.6666666667%
  }
}

@media screen and (min-width:1440px) {
  .d-grid-xxl-12 {
    grid-template-columns: repeat(12, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .col-width-xxl-12 {
    width: 100%
  }
}

@media screen and (min-width:1440px) {
  .grid-col-start-xxl-1 {
    grid-column-start: 1
  }
}

@media screen and (min-width:1440px) {
  .grid-col-end-xxl-1 {
    grid-column-end: 1
  }
}

@media screen and (min-width:1440px) {
  .grid-col-start-xxl-2 {
    grid-column-start: 2
  }
}

@media screen and (min-width:1440px) {
  .grid-col-end-xxl-2 {
    grid-column-end: 2
  }
}

@media screen and (min-width:1440px) {
  .grid-col-start-xxl-3 {
    grid-column-start: 3
  }
}

@media screen and (min-width:1440px) {
  .grid-col-end-xxl-3 {
    grid-column-end: 3
  }
}

@media screen and (min-width:1440px) {
  .grid-col-start-xxl-4 {
    grid-column-start: 4
  }
}

@media screen and (min-width:1440px) {
  .grid-col-end-xxl-4 {
    grid-column-end: 4
  }
}

@media screen and (min-width:1440px) {
  .grid-col-start-xxl-5 {
    grid-column-start: 5
  }
}

@media screen and (min-width:1440px) {
  .grid-col-end-xxl-5 {
    grid-column-end: 5
  }
}

@media screen and (min-width:1440px) {
  .grid-col-start-xxl-6 {
    grid-column-start: 6
  }
}

@media screen and (min-width:1440px) {
  .grid-col-end-xxl-6 {
    grid-column-end: 6
  }
}

@media screen and (min-width:1440px) {
  .grid-col-start-xxl-7 {
    grid-column-start: 7
  }
}

@media screen and (min-width:1440px) {
  .grid-col-end-xxl-7 {
    grid-column-end: 7
  }
}

@media screen and (min-width:1440px) {
  .grid-col-start-xxl-8 {
    grid-column-start: 8
  }
}

@media screen and (min-width:1440px) {
  .grid-col-end-xxl-8 {
    grid-column-end: 8
  }
}

@media screen and (min-width:1440px) {
  .grid-col-start-xxl-9 {
    grid-column-start: 9
  }
}

@media screen and (min-width:1440px) {
  .grid-col-end-xxl-9 {
    grid-column-end: 9
  }
}

@media screen and (min-width:1440px) {
  .grid-col-start-xxl-10 {
    grid-column-start: 10
  }
}

@media screen and (min-width:1440px) {
  .grid-col-end-xxl-10 {
    grid-column-end: 10
  }
}

@media screen and (min-width:1440px) {
  .grid-col-start-xxl-11 {
    grid-column-start: 11
  }
}

@media screen and (min-width:1440px) {
  .grid-col-end-xxl-11 {
    grid-column-end: 11
  }
}

@media screen and (min-width:1440px) {
  .grid-col-start-xxl-12 {
    grid-column-start: 12
  }
}

@media screen and (min-width:1440px) {
  .grid-col-end-xxl-12 {
    grid-column-end: 12
  }
}

@media screen and (min-width:1440px) {
  .grid-col-start-xxl-13 {
    grid-column-start: 13
  }
}

@media screen and (min-width:1440px) {
  .grid-col-end-xxl-13 {
    grid-column-end: 13
  }
}

@media screen and (min-width:1440px) {
  .gap-xxl--none {
    gap: 0
  }
}

@media screen and (min-width:1440px) {
  .gap-xxl--default {
    gap: 1.2rem
  }
}

@media screen and (min-width:1440px) {
  .gap-xxl--sm {
    gap: 2.4rem
  }
}

@media screen and (min-width:1440px) {
  .gap-xxl--md {
    gap: 3.52rem
  }
}

@media screen and (min-width:1440px) {
  .gap-xxl--lg {
    gap: 4.64rem
  }
}

@media screen and (min-width:1440px) {
  .gap-xxl--xl {
    gap: 5.76rem
  }
}

@media screen and (min-width:1440px) {
  .gap-xxl--xxl {
    gap: 6.88rem
  }
}

@media screen and (min-width:1440px) {
  .gap-xxl--xxxl {
    gap: 8rem
  }
}

@media screen and (min-width:1440px) {
  .align-horz-xxl-start {
    justify-content: start
  }
}

@media screen and (min-width:1440px) {
  .align-vert-xxl-start {
    align-items: start
  }
}

@media screen and (min-width:1440px) {
  .align-horz-xxl-center {
    justify-content: center
  }
}

@media screen and (min-width:1440px) {
  .align-vert-xxl-center {
    align-items: center
  }
}

@media screen and (min-width:1440px) {
  .align-horz-xxl-end {
    justify-content: end
  }
}

@media screen and (min-width:1440px) {
  .align-vert-xxl-end {
    align-items: end
  }
}

@media screen and (min-width:1440px) {
  .logo-xxl--default img {
    max-height: none
  }
}

@media screen and (min-width:1440px) {
  .logo-xxl--sm img {
    max-height: 4rem
  }
}

@media screen and (min-width:1440px) {
  .logo-xxl--md img {
    max-height: 4.8rem
  }
}

@media screen and (min-width:1440px) {
  .logo-xxl--lg img {
    max-height: 5.6rem
  }
}

@media screen and (min-width:1440px) {
  .logo-xxl--xl img {
    max-height: 6.4rem
  }
}

@media screen and (min-width:1440px) {
  .logo-xxl--xxl img {
    max-height: 7.2rem
  }
}

@media screen and (min-width:1440px) {
  .logo-xxl--xxxl img {
    max-height: 8rem
  }
}

@media screen and (min-width:1920px) {
  .d-none-xxxl {
    display: none
  }
}

@media screen and (min-width:1920px) {
  .d-block-xxxl {
    display: block
  }
}

@media screen and (min-width:1920px) {

  .flexitem-xxxl-1--default,
  .flexitem-xxxl-1--lg,
  .flexitem-xxxl-1--md,
  .flexitem-xxxl-1--none,
  .flexitem-xxxl-1--sm,
  .flexitem-xxxl-1--xl,
  .flexitem-xxxl-1--xxl,
  .flexitem-xxxl-1--xxxl {
    flex: 100%;
    max-width: 100%
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-2--none {
    flex: 50%;
    max-width: 50%
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-2--default {
    flex: calc(50% - 0.6rem);
    max-width: calc(50% - .6rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-2--sm {
    flex: calc(50% - 1.2rem);
    max-width: calc(50% - 1.2rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-2--md {
    flex: calc(50% - 1.76rem);
    max-width: calc(50% - 1.76rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-2--lg {
    flex: calc(50% - 2.32rem);
    max-width: calc(50% - 2.32rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-2--xl {
    flex: calc(50% - 2.88rem);
    max-width: calc(50% - 2.88rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-2--xxl {
    flex: calc(50% - 3.44rem);
    max-width: calc(50% - 3.44rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-2--xxxl {
    flex: calc(50% - 4rem);
    max-width: calc(50% - 4rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-3--none {
    flex: 33.33333%;
    max-width: 33.33333%
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-3--default {
    flex: calc(33.33333% - 0.8rem);
    max-width: calc(33.33333% - .8rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-3--sm {
    flex: calc(33.33333% - 1.6rem);
    max-width: calc(33.33333% - 1.6rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-3--md {
    flex: calc(33.33333% - 2.34667rem);
    max-width: calc(33.33333% - 2.34667rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-3--lg {
    flex: calc(33.33333% - 3.09333rem);
    max-width: calc(33.33333% - 3.09333rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-3--xl {
    flex: calc(33.33333% - 3.84rem);
    max-width: calc(33.33333% - 3.84rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-3--xxl {
    flex: calc(33.33333% - 4.58667rem);
    max-width: calc(33.33333% - 4.58667rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-3--xxxl {
    flex: calc(33.33333% - 5.33333rem);
    max-width: calc(33.33333% - 5.33333rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-4--none {
    flex: 25%;
    max-width: 25%
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-4--default {
    flex: calc(25% - 0.9rem);
    max-width: calc(25% - .9rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-4--sm {
    flex: calc(25% - 1.8rem);
    max-width: calc(25% - 1.8rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-4--md {
    flex: calc(25% - 2.64rem);
    max-width: calc(25% - 2.64rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-4--lg {
    flex: calc(25% - 3.48rem);
    max-width: calc(25% - 3.48rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-4--xl {
    flex: calc(25% - 4.32rem);
    max-width: calc(25% - 4.32rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-4--xxl {
    flex: calc(25% - 5.16rem);
    max-width: calc(25% - 5.16rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-4--xxxl {
    flex: calc(25% - 6rem);
    max-width: calc(25% - 6rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-5--none {
    flex: 20%;
    max-width: 20%
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-5--default {
    flex: calc(20% - 0.96rem);
    max-width: calc(20% - .96rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-5--sm {
    flex: calc(20% - 1.92rem);
    max-width: calc(20% - 1.92rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-5--md {
    flex: calc(20% - 2.816rem);
    max-width: calc(20% - 2.816rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-5--lg {
    flex: calc(20% - 3.712rem);
    max-width: calc(20% - 3.712rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-5--xl {
    flex: calc(20% - 4.608rem);
    max-width: calc(20% - 4.608rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-5--xxl {
    flex: calc(20% - 5.504rem);
    max-width: calc(20% - 5.504rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-5--xxxl {
    flex: calc(20% - 6.4rem);
    max-width: calc(20% - 6.4rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-6--none {
    flex: 16.66667%;
    max-width: 16.66667%
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-6--default {
    flex: calc(16.66667% - 1rem);
    max-width: calc(16.66667% - 1rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-6--sm {
    flex: calc(16.66667% - 2rem);
    max-width: calc(16.66667% - 2rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-6--md {
    flex: calc(16.66667% - 2.93333rem);
    max-width: calc(16.66667% - 2.93333rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-6--lg {
    flex: calc(16.66667% - 3.86667rem);
    max-width: calc(16.66667% - 3.86667rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-6--xl {
    flex: calc(16.66667% - 4.8rem);
    max-width: calc(16.66667% - 4.8rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-6--xxl {
    flex: calc(16.66667% - 5.73333rem);
    max-width: calc(16.66667% - 5.73333rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-6--xxxl {
    flex: calc(16.66667% - 6.66667rem);
    max-width: calc(16.66667% - 6.66667rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-7--none {
    flex: 14.28571%;
    max-width: 14.28571%
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-7--default {
    flex: calc(14.28571% - 1.02857rem);
    max-width: calc(14.28571% - 1.02857rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-7--sm {
    flex: calc(14.28571% - 2.05714rem);
    max-width: calc(14.28571% - 2.05714rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-7--md {
    flex: calc(14.28571% - 3.01714rem);
    max-width: calc(14.28571% - 3.01714rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-7--lg {
    flex: calc(14.28571% - 3.97714rem);
    max-width: calc(14.28571% - 3.97714rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-7--xl {
    flex: calc(14.28571% - 4.93714rem);
    max-width: calc(14.28571% - 4.93714rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-7--xxl {
    flex: calc(14.28571% - 5.89714rem);
    max-width: calc(14.28571% - 5.89714rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-7--xxxl {
    flex: calc(14.28571% - 6.85714rem);
    max-width: calc(14.28571% - 6.85714rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-8--none {
    flex: 12.5%;
    max-width: 12.5%
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-8--default {
    flex: calc(12.5% - 1.05rem);
    max-width: calc(12.5% - 1.05rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-8--sm {
    flex: calc(12.5% - 2.1rem);
    max-width: calc(12.5% - 2.1rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-8--md {
    flex: calc(12.5% - 3.08rem);
    max-width: calc(12.5% - 3.08rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-8--lg {
    flex: calc(12.5% - 4.06rem);
    max-width: calc(12.5% - 4.06rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-8--xl {
    flex: calc(12.5% - 5.04rem);
    max-width: calc(12.5% - 5.04rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-8--xxl {
    flex: calc(12.5% - 6.02rem);
    max-width: calc(12.5% - 6.02rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-8--xxxl {
    flex: calc(12.5% - 7rem);
    max-width: calc(12.5% - 7rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-9--none {
    flex: 11.11111%;
    max-width: 11.11111%
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-9--default {
    flex: calc(11.11111% - 1.06667rem);
    max-width: calc(11.11111% - 1.06667rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-9--sm {
    flex: calc(11.11111% - 2.13333rem);
    max-width: calc(11.11111% - 2.13333rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-9--md {
    flex: calc(11.11111% - 3.12889rem);
    max-width: calc(11.11111% - 3.12889rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-9--lg {
    flex: calc(11.11111% - 4.12444rem);
    max-width: calc(11.11111% - 4.12444rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-9--xl {
    flex: calc(11.11111% - 5.12rem);
    max-width: calc(11.11111% - 5.12rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-9--xxl {
    flex: calc(11.11111% - 6.11556rem);
    max-width: calc(11.11111% - 6.11556rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-9--xxxl {
    flex: calc(11.11111% - 7.11111rem);
    max-width: calc(11.11111% - 7.11111rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-10--none {
    flex: 10%;
    max-width: 10%
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-10--default {
    flex: calc(10% - 1.08rem);
    max-width: calc(10% - 1.08rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-10--sm {
    flex: calc(10% - 2.16rem);
    max-width: calc(10% - 2.16rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-10--md {
    flex: calc(10% - 3.168rem);
    max-width: calc(10% - 3.168rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-10--lg {
    flex: calc(10% - 4.176rem);
    max-width: calc(10% - 4.176rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-10--xl {
    flex: calc(10% - 5.184rem);
    max-width: calc(10% - 5.184rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-10--xxl {
    flex: calc(10% - 6.192rem);
    max-width: calc(10% - 6.192rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-10--xxxl {
    flex: calc(10% - 7.2rem);
    max-width: calc(10% - 7.2rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-11--none {
    flex: 9.09091%;
    max-width: 9.09091%
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-11--default {
    flex: calc(9.09091% - 1.09091rem);
    max-width: calc(9.09091% - 1.09091rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-11--sm {
    flex: calc(9.09091% - 2.18182rem);
    max-width: calc(9.09091% - 2.18182rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-11--md {
    flex: calc(9.09091% - 3.2rem);
    max-width: calc(9.09091% - 3.2rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-11--lg {
    flex: calc(9.09091% - 4.21818rem);
    max-width: calc(9.09091% - 4.21818rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-11--xl {
    flex: calc(9.09091% - 5.23636rem);
    max-width: calc(9.09091% - 5.23636rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-11--xxl {
    flex: calc(9.09091% - 6.25455rem);
    max-width: calc(9.09091% - 6.25455rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-11--xxxl {
    flex: calc(9.09091% - 7.27273rem);
    max-width: calc(9.09091% - 7.27273rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-12--none {
    flex: 8.33333%;
    max-width: 8.33333%
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-12--default {
    flex: calc(8.33333% - 1.1rem);
    max-width: calc(8.33333% - 1.1rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-12--sm {
    flex: calc(8.33333% - 2.2rem);
    max-width: calc(8.33333% - 2.2rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-12--md {
    flex: calc(8.33333% - 3.22667rem);
    max-width: calc(8.33333% - 3.22667rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-12--lg {
    flex: calc(8.33333% - 4.25333rem);
    max-width: calc(8.33333% - 4.25333rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-12--xl {
    flex: calc(8.33333% - 5.28rem);
    max-width: calc(8.33333% - 5.28rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-12--xxl {
    flex: calc(8.33333% - 6.30667rem);
    max-width: calc(8.33333% - 6.30667rem)
  }
}

@media screen and (min-width:1920px) {
  .flexitem-xxxl-12--xxxl {
    flex: calc(8.33333% - 7.33333rem);
    max-width: calc(8.33333% - 7.33333rem)
  }
}

@media screen and (min-width:1920px) {
  .d-grid-xxxl {
    display: grid
  }
}

@media screen and (min-width:1920px) {
  .d-grid-xxxl-1 {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .col-width-xxxl-1 {
    width: 8.3333333333%
  }
}

@media screen and (min-width:1920px) {
  .d-grid-xxxl-2 {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .col-width-xxxl-2 {
    width: 16.6666666667%
  }
}

@media screen and (min-width:1920px) {
  .d-grid-xxxl-3 {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .col-width-xxxl-3 {
    width: 25%
  }
}

@media screen and (min-width:1920px) {
  .d-grid-xxxl-4 {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .col-width-xxxl-4 {
    width: 33.3333333333%
  }
}

@media screen and (min-width:1920px) {
  .d-grid-xxxl-5 {
    grid-template-columns: repeat(5, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .col-width-xxxl-5 {
    width: 41.6666666667%
  }
}

@media screen and (min-width:1920px) {
  .d-grid-xxxl-6 {
    grid-template-columns: repeat(6, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .col-width-xxxl-6 {
    width: 50%
  }
}

@media screen and (min-width:1920px) {
  .d-grid-xxxl-7 {
    grid-template-columns: repeat(7, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .col-width-xxxl-7 {
    width: 58.3333333333%
  }
}

@media screen and (min-width:1920px) {
  .d-grid-xxxl-8 {
    grid-template-columns: repeat(8, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .col-width-xxxl-8 {
    width: 66.6666666667%
  }
}

@media screen and (min-width:1920px) {
  .d-grid-xxxl-9 {
    grid-template-columns: repeat(9, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .col-width-xxxl-9 {
    width: 75%
  }
}

@media screen and (min-width:1920px) {
  .d-grid-xxxl-10 {
    grid-template-columns: repeat(10, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .col-width-xxxl-10 {
    width: 83.3333333333%
  }
}

@media screen and (min-width:1920px) {
  .d-grid-xxxl-11 {
    grid-template-columns: repeat(11, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .col-width-xxxl-11 {
    width: 91.6666666667%
  }
}

@media screen and (min-width:1920px) {
  .d-grid-xxxl-12 {
    grid-template-columns: repeat(12, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .col-width-xxxl-12 {
    width: 100%
  }
}

@media screen and (min-width:1920px) {
  .grid-col-start-xxxl-1 {
    grid-column-start: 1
  }
}

@media screen and (min-width:1920px) {
  .grid-col-end-xxxl-1 {
    grid-column-end: 1
  }
}

@media screen and (min-width:1920px) {
  .grid-col-start-xxxl-2 {
    grid-column-start: 2
  }
}

@media screen and (min-width:1920px) {
  .grid-col-end-xxxl-2 {
    grid-column-end: 2
  }
}

@media screen and (min-width:1920px) {
  .grid-col-start-xxxl-3 {
    grid-column-start: 3
  }
}

@media screen and (min-width:1920px) {
  .grid-col-end-xxxl-3 {
    grid-column-end: 3
  }
}

@media screen and (min-width:1920px) {
  .grid-col-start-xxxl-4 {
    grid-column-start: 4
  }
}

@media screen and (min-width:1920px) {
  .grid-col-end-xxxl-4 {
    grid-column-end: 4
  }
}

@media screen and (min-width:1920px) {
  .grid-col-start-xxxl-5 {
    grid-column-start: 5
  }
}

@media screen and (min-width:1920px) {
  .grid-col-end-xxxl-5 {
    grid-column-end: 5
  }
}

@media screen and (min-width:1920px) {
  .grid-col-start-xxxl-6 {
    grid-column-start: 6
  }
}

@media screen and (min-width:1920px) {
  .grid-col-end-xxxl-6 {
    grid-column-end: 6
  }
}

@media screen and (min-width:1920px) {
  .grid-col-start-xxxl-7 {
    grid-column-start: 7
  }
}

@media screen and (min-width:1920px) {
  .grid-col-end-xxxl-7 {
    grid-column-end: 7
  }
}

@media screen and (min-width:1920px) {
  .grid-col-start-xxxl-8 {
    grid-column-start: 8
  }
}

@media screen and (min-width:1920px) {
  .grid-col-end-xxxl-8 {
    grid-column-end: 8
  }
}

@media screen and (min-width:1920px) {
  .grid-col-start-xxxl-9 {
    grid-column-start: 9
  }
}

@media screen and (min-width:1920px) {
  .grid-col-end-xxxl-9 {
    grid-column-end: 9
  }
}

@media screen and (min-width:1920px) {
  .grid-col-start-xxxl-10 {
    grid-column-start: 10
  }
}

@media screen and (min-width:1920px) {
  .grid-col-end-xxxl-10 {
    grid-column-end: 10
  }
}

@media screen and (min-width:1920px) {
  .grid-col-start-xxxl-11 {
    grid-column-start: 11
  }
}

@media screen and (min-width:1920px) {
  .grid-col-end-xxxl-11 {
    grid-column-end: 11
  }
}

@media screen and (min-width:1920px) {
  .grid-col-start-xxxl-12 {
    grid-column-start: 12
  }
}

@media screen and (min-width:1920px) {
  .grid-col-end-xxxl-12 {
    grid-column-end: 12
  }
}

@media screen and (min-width:1920px) {
  .grid-col-start-xxxl-13 {
    grid-column-start: 13
  }
}

@media screen and (min-width:1920px) {
  .grid-col-end-xxxl-13 {
    grid-column-end: 13
  }
}

@media screen and (min-width:1920px) {
  .gap-xxxl--none {
    gap: 0
  }
}

@media screen and (min-width:1920px) {
  .gap-xxxl--default {
    gap: 1.2rem
  }
}

@media screen and (min-width:1920px) {
  .gap-xxxl--sm {
    gap: 2.4rem
  }
}

@media screen and (min-width:1920px) {
  .gap-xxxl--md {
    gap: 3.52rem
  }
}

@media screen and (min-width:1920px) {
  .gap-xxxl--lg {
    gap: 4.64rem
  }
}

@media screen and (min-width:1920px) {
  .gap-xxxl--xl {
    gap: 5.76rem
  }
}

@media screen and (min-width:1920px) {
  .gap-xxxl--xxl {
    gap: 6.88rem
  }
}

@media screen and (min-width:1920px) {
  .gap-xxxl--xxxl {
    gap: 8rem
  }
}

@media screen and (min-width:1920px) {
  .align-horz-xxxl-start {
    justify-content: start
  }
}

@media screen and (min-width:1920px) {
  .align-vert-xxxl-start {
    align-items: start
  }
}

@media screen and (min-width:1920px) {
  .align-horz-xxxl-center {
    justify-content: center
  }
}

@media screen and (min-width:1920px) {
  .align-vert-xxxl-center {
    align-items: center
  }
}

@media screen and (min-width:1920px) {
  .align-horz-xxxl-end {
    justify-content: end
  }
}

@media screen and (min-width:1920px) {
  .align-vert-xxxl-end {
    align-items: end
  }
}

@media screen and (min-width:1920px) {
  .logo-xxxl--default img {
    max-height: none
  }
}

@media screen and (min-width:1920px) {
  .logo-xxxl--sm img {
    max-height: 4rem
  }
}

@media screen and (min-width:1920px) {
  .logo-xxxl--md img {
    max-height: 4.8rem
  }
}

@media screen and (min-width:1920px) {
  .logo-xxxl--lg img {
    max-height: 5.6rem
  }
}

@media screen and (min-width:1920px) {
  .logo-xxxl--xl img {
    max-height: 6.4rem
  }
}

@media screen and (min-width:1920px) {
  .logo-xxxl--xxl img {
    max-height: 7.2rem
  }
}

@media screen and (min-width:1920px) {
  .logo-xxxl--xxxl img {
    max-height: 8rem
  }
}

.input-search__dropdown {
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important
}

.relevanssi-live-search-results {
  display: none;
  position: static !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  border-radius: .8rem !important;
  padding: .8rem 1.6rem
}

.relevanssi-live-search-results-showing {
  display: block;
  background: hsl(var(--color-white))
}

.relevanssi-live-search-no-results,
.relevanssi-live-search-result-status p {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-bottom: .8rem !important;
  padding: 0 0 .8rem !important
}

.relevanssi-live-search-result-title {
  padding: .8rem 0 !important;
  border-top: 1px solid rgba(30, 30, 30, .1)
}

.relevanssi-live-search-result-title h6 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  text-transform: uppercase
}

.relevanssi-live-search-result-status+.relevanssi-live-search-result-title {
  border-top: none;
  padding-top: 0 !important
}

.relevanssi-live-search-result:not(:last-child) {
  margin-bottom: .8rem
}

.relevanssi-live-search-result p {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem !important;
  line-height: 2rem;
  letter-spacing: .03em;
  padding: 0 !important;
  border-bottom: none !important
}

.relevanssi-live-search-result p a {
  text-decoration: none;
  color: hsl(var(--color-black))
}

.relevanssi-live-search-result p a:hover {
  color: hsl(var(--color-green))
}

#relevanssi-live-ajax-search-spinner {
  border-color: hsl(var(--color-green));
  border-right-color: transparent;
  border-width: 4px
}

.rlv-has-spinner:after {
  display: none
}

.chosen-container {
  width: 100% !important;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  background-color: hsl(var(--color-white));
  border: 1px solid hsl(var(--color-gray-60));
  border-top: 0
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0
}

.chosen-container a {
  cursor: pointer
}

.chosen-container .chosen-single .group-name,
.chosen-container .search-choice .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  color: #999
}

.chosen-container .chosen-single .group-name:after,
.chosen-container .search-choice .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 1.2rem 1.6rem;
  border-radius: .4rem;
  border: 1px solid hsl(var(--color-gray-60));
  background-color: hsl(var(--color-white));
  color: hsl(var(--color-black));
  text-decoration: none;
  white-space: nowrap
}

.chosen-container-single .chosen-default {
  color: #999
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover,
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%
}

.chosen-container-single .chosen-search {
  display: none
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px
}

.chosen-container .chosen-results {
  position: relative;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 240px;
  -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: .8rem 1.6rem;
  list-style: none;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black))
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default
}

.chosen-container .chosen-results li.highlighted {
  background-color: hsl(var(--color-theme-light))
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: 700;
  cursor: default
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline
}

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 1.2rem 1.6rem;
  width: 100%;
  height: auto !important;
  background-color: hsl(var(--color-white));
  border: 1px solid hsl(var(--color-gray-60));
  border-radius: .4rem;
  cursor: text;
  display: flex;
  flex-wrap: wrap;
  gap: .8rem
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  padding: 0;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: hsl(var(--color-gray-80));
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  padding: .2rem .8rem;
  max-width: 100%;
  border-radius: .2rem;
  background-color: hsl(var(--color-theme));
  color: hsl(var(--color-white));
  cursor: default;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default
}

.chosen-container-active .chosen-single {
  box-shadow: 0 0 0 .2rem hsl(var(--color-theme-light)/.3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 0 0 .2rem hsl(var(--color-theme-light)/.3)
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
  box-shadow: 0 0 0 .2rem hsl(var(--color-theme-light)/.3)
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: hsl(var(--color-black)) !important
}

.chosen-disabled {
  opacity: .5 !important;
  cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close,
.chosen-disabled .chosen-single {
  cursor: default
}

.chosen-rtl {
  text-align: right
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px
}

.chosen-rtl .chosen-choices li {
  float: right
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
  direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none
}

.chosen-rtl .chosen-search input[type=text] {
  padding: 4px 5px 4px 20px;
  direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {

  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container-single .chosen-search input[type=text],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span,
  .chosen-rtl .chosen-search input[type=text] {
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0
}

.heading-h1,
h1 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h1,
  h1 {
    font-size: 3.2rem;
    line-height: 4rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h1,
  h1 {
    font-size: 6.4rem;
    line-height: 6.8rem
  }
}

.heading-h2,
h2 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h2,
  h2 {
    font-size: 2.8rem;
    line-height: 3.4rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h2,
  h2 {
    font-size: 4rem;
    line-height: 4.8rem
  }
}

.heading-h3,
h3 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h3,
  h3 {
    font-size: 2.4rem;
    line-height: 3.2rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h3,
  h3 {
    font-size: 3.6rem;
    line-height: 4.4rem
  }
}

.heading-h4,
h4 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h4,
  h4 {
    font-size: 2.2rem;
    line-height: 3rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h4,
  h4 {
    font-size: 3.2rem;
    line-height: 4rem
  }
}

.heading-h5,
h5 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h5,
  h5 {
    font-size: 2rem;
    line-height: 2.8rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h5,
  h5 {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: normal
  }
}

.heading-h6,
h6 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h6,
  h6 {
    font-size: 1.8rem;
    line-height: 2.6rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h6,
  h6 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: normal
  }
}

html {
  font-size: 62.5%;
  scroll-padding-top: var(--scroll-padding-top);
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "liga" 1;
  font-feature-settings: "liga" 1
}

body {
  height: inherit;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden
}

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

@media screen and (max-width:575px) {

  *,
  :after,
  :before {
    hyphens: auto;
    -webkit-hyphens: auto
  }
}

img {
  display: block;
  width: 100%;
  height: auto
}

[placeholder] {
  text-overflow: ellipsis
}

.block-container {
  color: hsl(var(--description-color))
}

.block-container h1,
.block-container h2,
.block-container h3,
.block-container h4,
.block-container h5,
.block-container h6 {
  color: hsl(var(--heading-color))
}

.block-container p {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em
}

.posts-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: 2.4rem
}

@media screen and (min-width:576px) {
  .posts-grid {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) {
  .posts-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:1024px) {
  .posts-grid {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .posts-grid {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .posts-grid {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .posts-grid {
    grid-template-columns: repeat(4, 1fr)
  }
}

.all-programs__panel {
  padding: 2.4rem 0
}

.all-programs__panel.no-paddings {
  padding: 0
}

.all-programs__panel h5 {
  margin-bottom: 2.4rem
}

.all-programs__panel .programmes+h5 {
  margin-top: 3.2rem
}

.all-programs__panel .programmes:not(:last-of-type) {
  margin-bottom: 4.8rem
}

@media screen and (min-width:768px) {
  .all-programs__panel .programmes:not(:last-of-type) {
    margin-bottom: 7.2rem
  }
}

.all-programs__panel.odd {
  background: hsl(var(--color-gray-05));
  position: relative;
  z-index: 2
}

@media screen and (min-width:768px) {
  .all-programs__panel.odd:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: inherit
  }
}

.all-programs__subpanel {
  padding: 2.4rem 0
}

.all-programs__panel.vertical .programs-vertical-list__heading {
  margin-bottom: 0
}

.all-programs__panel.vertical .programs-vertical-list+.programs-vertical-list .programs-vertical-list__heading {
  margin-top: 3.2rem
}

.carrier .section__content>p:first-child:not(:last-child) {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .carrier .section__content>p:first-child:not(:last-child) {
    font-size: 2.4rem;
    line-height: 3.2rem
  }
}

@media screen and (min-width:1024px) {
  .carrier .section__content>p:first-child:not(:last-child) {
    font-size: 3.6rem;
    line-height: 4.4rem
  }
}

.carrier .section__content>p:first-child:not(:last-child) b {
  font-weight: 800 !important
}

.carrier .section__content>p:first-child:not(:last-child)+p {
  margin-top: 1.6rem
}

.carrier .section__content h2 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .carrier .section__content h2 {
    font-size: 2.4rem;
    line-height: 3.2rem
  }
}

@media screen and (min-width:1024px) {
  .carrier .section__content h2 {
    font-size: 3.6rem;
    line-height: 4.4rem
  }
}

.carrier a {
  color: hsl(var(--color-gray-80))
}

.carrier p:empty {
  display: none
}

.carrier h3,
.carrier h6 {
  margin-bottom: 1.6rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em;
  position: relative;
  z-index: 1
}

@media screen and (min-width:576px) {

  .carrier h3,
  .carrier h6 {
    font-size: 1.8rem;
    line-height: 2.6rem
  }
}

@media screen and (min-width:1024px) {

  .carrier h3,
  .carrier h6 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: normal
  }
}

.carrier ul {
  margin: 0;
  padding: 4rem 0 0;
  list-style: none
}

.carrier ul>p {
  display: none
}

@media screen and (min-width:768px) {
  .carrier ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--grid-gap);
    grid-row-gap: 4rem
  }
}

.carrier ul li {
  position: relative;
  counter-increment: slides;
  margin-top: 2.4rem
}

@media screen and (min-width:768px) {
  .carrier ul li {
    margin-top: 0
  }
}

.carrier ul li:before {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 600;
  font-size: 1.4rem;
  content: counter(slides);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -3.2rem;
  top: .2rem;
  padding-left: .15rem;
  width: 2.4rem;
  height: 2.4rem;
  background: hsl(var(--color-theme-dark));
  border-radius: .8rem;
  color: hsl(var(--color-theme-light))
}

.carrier ul li p {
  color: hsl(var(--color-gray-80))
}

.related-programs__slide {
  height: auto
}

@media screen and (min-width:768px) {
  .related-programs__slide {
    max-width: 25%
  }
}

.related-programs .swiper-pagination {
  margin-top: 1.6rem;
  position: relative;
  bottom: auto !important
}

.related-programs .swiper-pagination-bullet-active {
  background-color: hsl(var(--color-black))
}

.filters__mobile-button {
  display: block
}

.filters__mobile-button * {
  pointer-events: none
}

@media screen and (max-width:767px) {
  .filters__container {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 2.4rem;
    background: hsl(var(--color-white));
    overflow: scroll
  }
}

.filters__container .wpc-filters-section {
  margin-bottom: 0
}

.filters__container .wpc-filters-section:not(:last-child) {
  margin-bottom: 1.6rem
}

.filters__container .wpc-filter-title {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  margin-bottom: .8rem
}

@media screen and (min-width:1024px) {
  .filters__container .wpc-filter-title {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: .03em;
    margin-bottom: 1.6rem
  }
}

.filters__container .wpc-filters-widget-main-wrapper li.wpc-term-item label {
  padding-left: 3.6rem
}

.filters__container .wpc-term-item label a {
  color: hsl(var(--color-black-90));
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

@media screen and (min-width:1024px) {
  .filters__container .wpc-term-item label a {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: .03em
  }
}

.filters__container .wpc-filters-main-wrap li.wpc-term-item label:before {
  position: relative !important;
  margin: .3rem 1rem 0 0
}

.filters__container .wpc-filters-widget-main-wrapper a.wpc-filters-reset-button,
.filters__container .wpc-filters-widget-main-wrapper a.wpc-filters-submit-button {
  border: none
}

@media screen and (max-width:767px) {
  .filters__mobile-button+.filters__container {
    display: none
  }
}

.filters__close-icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: hsl(var(--color-black));
  color: hsl(var(--color-white));
  border-radius: 50%;
  margin-left: auto;
  margin-bottom: 1.6rem
}

.filters__close-icon * {
  pointer-events: none
}

@media screen and (max-width:767px) {
  .filters__content {
    background: hsl(var(--color-gray-akad-light));
    border-radius: .8rem;
    padding: 1.6rem
  }
}

.filters__buttons {
  margin-top: 1.6rem
}

.filters__buttons>:not(:last-child) {
  margin-right: 1.6rem
}

.filters__show-more-button {
  margin-top: 1.6rem
}

.filters__show-more-list {
  display: none;
  margin-top: .8rem
}

.filters__show-more-list>:not(:first-child) {
  margin-top: .8rem
}

.filters__show-less-button {
  display: none;
  margin-top: 1.6rem
}

.filters__group:not(:first-of-type) {
  margin-top: 4.8rem
}

.filters__group-title {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: .03em;
  margin-bottom: 1.6rem
}

.filters__group-list>:not(:first-child) {
  margin-top: .8rem
}

.filters__group.more .filters__show-more-button {
  display: none
}

.filters__group.more .filters__show-less-button,
.filters__group.more .filters__show-more-list {
  display: block
}

@media screen and (min-width:768px) {

  .filters__buttons,
  .filters__close-icon,
  .filters__mobile-button {
    display: none
  }
}

.programmes__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: .8rem
}

@media screen and (min-width:768px) {
  .programmes__list {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 2.4rem
  }
}

@media screen and (min-width:1024px) {
  .programmes__list {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .programmes__list {
    grid-template-columns: repeat(4, 1fr)
  }
}

#b2b_leadform .field_message textarea {
  width: 100%;
  padding: 1.2rem 1.6rem;
  border-radius: .4rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  border: 1px solid #7a7e85;
  transition: border-color .2s ease-out, box-shadow .2s ease-out;
  height: 160px;
  resize: vertical
}

#b2b_leadform .field_message textarea:focus {
  border-color: #8b8e95;
  box-shadow: 0 0 0 .2rem rgba(233, 247, 236, .3)
}

#b2b_leadform .field_message textarea:focus-visible {
  outline: none
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0
}

input[type=email],
input[type=tel],
input[type=text] {
  width: 100%;
  outline: none;
  padding: 1.2rem 1.6rem;
  border-radius: .4rem;
  border: 1px solid hsl(var(--color-gray-60));
  background-color: hsl(var(--color-white));
  transition: border-color .2s var(--transition-function), box-shadow .2s var(--transition-function);
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

input[type=email]:focus,
input[type=tel]:focus,
input[type=text]:focus {
  border-color: hsl(var(--color-gray-40));
  box-shadow: 0 0 0 .2rem hsl(var(--color-theme-light)/.3)
}

input[type=email][aria-invalid=true],
input[type=tel][aria-invalid=true],
input[type=text][aria-invalid=true] {
  border-color: hsl(var(--color-red)) !important;
  box-shadow: 0 0 0 .2rem hsl(var(--color-red)/.3)
}

input[type=checkbox] {
  position: absolute;
  z-index: -1;
  opacity: 0
}

input[type=checkbox]+label {
  position: relative;
  display: inline-block;
  padding-left: 3.6rem;
  user-select: none;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

input[type=checkbox]+label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid hsl(var(--color-gray-30));
  background-color: hsl(var(--color-white));
  border-radius: .2rem;
  background-repeat: no-repeat;
  background-position: 50%
}

@media screen and (min-width:768px) {
  input[type=checkbox]:not(:disabled):not(:checked)+label:hover:before {
    border-color: hsl(var(--color-gray-60))
  }
}

input[type=checkbox]:not(:disabled):active+label:before {
  border-color: hsl(var(--color-black))
}

input[type=checkbox]:focus+label:before {
  box-shadow: 0 0 0 .2rem hsl(var(--color-theme-light)/.3)
}

input[type=checkbox]:checked+label:before {
  background-color: hsl(var(--color-black));
  border-color: hsl(var(--color-black));
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L5 9 1 5' stroke='%23fff' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

input[type=checkbox]:disabled+label:before {
  background-color: hsl(var(--color-gray-30))
}

.ts-wrapper.multi .ts-control {
  width: 100%;
  outline: none;
  padding: 1.2rem 1.6rem !important;
  border-radius: .4rem;
  border: 1px solid hsl(var(--color-gray-60));
  background-color: hsl(var(--color-white));
  transition: border-color .2s var(--transition-function), box-shadow .2s var(--transition-function);
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

.ts-wrapper.multi .ts-control:focus {
  border-color: hsl(var(--color-gray-40));
  box-shadow: 0 0 0 .2rem hsl(var(--color-theme-light)/.3)
}

.ts-wrapper.multi .ts-control[aria-invalid=true] {
  border-color: hsl(var(--color-red)) !important;
  box-shadow: 0 0 0 .2rem hsl(var(--color-red)/.3)
}

.ts-wrapper.multi .ts-control>div {
  background-color: hsl(var(--color-theme)) !important;
  color: hsl(var(--color-white)) !important;
  font-size: 1.2rem
}

.ts-wrapper.multi .ts-dropdown .option {
  padding: .8rem 1.6rem;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black))
}

.ts-wrapper.multi .ts-dropdown .active {
  background-color: hsl(var(--color-theme-light))
}

.article-body>[class^=wp-block],
.article-content>[class^=wp-block] {
  max-width: var(--grid-container);
  margin-left: auto;
  margin-right: auto
}

.article-body>[class^=wp-block] h1,
.article-body>[class^=wp-block] h2,
.article-body>[class^=wp-block] h3,
.article-body>[class^=wp-block] h4,
.article-body>[class^=wp-block] h5,
.article-body>[class^=wp-block] h6,
.article-body>[class^=wp-block] p,
.article-body>ol,
.article-body>ul,
.block-container h1,
.block-container h2,
.block-container h3,
.block-container h4,
.block-container h5,
.block-container h6,
.block-container ol,
.block-container p,
.block-container ul {
  margin-bottom: 1.6rem
}

.block-container h1 a,
.block-container h2 a,
.block-container h3 a,
.block-container h4 a,
.block-container h5 a,
.block-container h6 a,
.block-container ol a,
.block-container p a,
.block-container ul a {
  overflow-wrap: break-word;
  color: hsl(var(--color-green))
}

.block-container p+h1,
.block-container p+h2,
.block-container p+h3,
.block-container p+h4,
.block-container p+h5,
.block-container p+h6,
.block-container p+ol,
.block-container p+ul {
  margin-top: 2.4rem
}

.wp-block-column .videos {
  overflow: hidden
}

.wp-block-column .videos .swiper-slide {
  width: 100%
}

.post-single h1,
.post-single h2,
.post-single h3,
.post-single h4,
.post-single h5,
.post-single h6,
.post-single ol,
.post-single p,
.post-single ul {
  margin-bottom: 1.6rem
}

.post-single h1 a,
.post-single h2 a,
.post-single h3 a,
.post-single h4 a,
.post-single h5 a,
.post-single h6 a,
.post-single ol a,
.post-single p a,
.post-single ul a {
  overflow-wrap: break-word;
  color: hsl(var(--color-green))
}

.post-single .artcle h2,
.post-single .article-single h2 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .post-single .artcle h2,
  .post-single .article-single h2 {
    font-size: 2.2rem;
    line-height: 3rem
  }
}

@media screen and (min-width:1024px) {

  .post-single .artcle h2,
  .post-single .article-single h2 {
    font-size: 3.2rem;
    line-height: 4rem
  }
}

.post-single .artcle h3,
.post-single .article-single h3 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .post-single .artcle h3,
  .post-single .article-single h3 {
    font-size: 2rem;
    line-height: 2.8rem
  }
}

@media screen and (min-width:1024px) {

  .post-single .artcle h3,
  .post-single .article-single h3 {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: normal
  }
}

.post-single .artcle h4,
.post-single .artcle h5,
.post-single .artcle h6,
.post-single .article-single h4,
.post-single .article-single h5,
.post-single .article-single h6 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .post-single .artcle h4,
  .post-single .artcle h5,
  .post-single .artcle h6,
  .post-single .article-single h4,
  .post-single .article-single h5,
  .post-single .article-single h6 {
    font-size: 1.8rem;
    line-height: 2.6rem
  }
}

@media screen and (min-width:1024px) {

  .post-single .artcle h4,
  .post-single .artcle h5,
  .post-single .artcle h6,
  .post-single .article-single h4,
  .post-single .article-single h5,
  .post-single .article-single h6 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: normal
  }
}

.post-single p+h1,
.post-single p+h2,
.post-single p+h3,
.post-single p+h4,
.post-single p+h5,
.post-single p+h6,
.post-single p+ol,
.post-single p+ul {
  margin-top: 2.4rem
}

.post-single .single-tags {
  clear: both
}

.post-single .single-tags .label {
  margin-bottom: .8rem
}

.template-programs__heading {
  margin-bottom: 1.6rem
}

@media screen and (min-width:768px) {
  .template-programs__heading {
    margin-bottom: 4rem
  }
}

.template-programs__list>:not(:first-child) {
  margin-top: 1.6rem
}

.template-programs__sidebar-heading {
  margin-bottom: 2.4rem
}

.template-programs__sidebar-description {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black))
}

.template-programs__sidebar-tabs {
  margin: 4.8rem 0
}

.template-programs__sidebar-search {
  margin-top: 4.8rem
}

@media screen and (max-width:767px) {

  .template-programs__sidebar-button,
  .template-programs__sidebar-description,
  .template-programs__sidebar-heading,
  .template-programs__sidebar-search {
    display: none
  }

  .template-programs__sidebar-tabs {
    margin: 0
  }
}

body[data-event-degree=Bachelor]:not([data-product-type=Dual]) #field_1_5,
body[data-event-degree=Master]:not([data-product-type=Dual]) #field_1_5,
body[data-event-degree=MBA]:not([data-product-type=Dual]) #field_1_5 {
  display: none
}

.template-jobs__heading {
  margin-bottom: 1.6rem
}

@media screen and (min-width:768px) {
  .template-jobs__heading {
    margin-bottom: 4rem
  }
}

.template-jobs__list>:not(:first-child) {
  margin-top: 1.6rem
}

.template-jobs__sidebar-tabs {
  margin: 0
}

.template-jobs__sidebar-cta.mobile {
  display: block;
  margin-top: 2.4rem
}

.template-jobs__sidebar-cta.desktop {
  display: none
}

@media screen and (min-width:768px) {
  .template-jobs__sidebar-tabs {
    margin-bottom: 4.8rem
  }

  .template-jobs__sidebar-cta.mobile {
    display: none
  }

  .template-jobs__sidebar-cta.desktop {
    display: block
  }
}

.template-stories__heading {
  margin-bottom: 1.6rem
}

@media screen and (min-width:768px) {
  .template-stories__heading {
    margin-bottom: 4rem
  }
}

.template-stories__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: 2.4rem
}

@media screen and (min-width:576px) {
  .template-stories__list {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) {
  .template-stories__list {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:1024px) {
  .template-stories__list {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .template-stories__list {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .template-stories__list {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .template-stories__list {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (max-width:767px) {
  .template-stories__list {
    grid-row-gap: 4rem
  }
}

.template-stories__sidebar-tabs {
  margin: 0
}

.template-stories__sidebar-topics.mobile {
  display: block;
  margin-top: 2.4rem
}

.template-stories__sidebar-topics.desktop {
  display: none
}

@media screen and (min-width:768px) {
  .template-stories__sidebar-tabs {
    margin-bottom: 4.8rem
  }

  .template-stories__sidebar-topics.mobile {
    display: none
  }

  .template-stories__sidebar-topics.desktop {
    display: block
  }
}

.template-stories__content:not(:last-of-type) {
  margin-bottom: 4rem
}

.template-faq__heading {
  margin-bottom: 1.6rem
}

@media screen and (min-width:768px) {
  .template-faq__heading {
    margin-bottom: 4rem
  }
}

@media screen and (max-width:767px) {
  .template-faq__heading {
    padding-top: 2.4rem;
    margin-top: 3.2rem;
    border-top: .1rem solid hsl(var(--color-gray-akad-dark))
  }
}

.template-faq__list+.template-faq__heading {
  margin-top: 5.6rem
}

.template-faq-single__button {
  margin: 3.2rem 0 2.4rem
}

@media screen and (min-width:768px) {
  .template-faq-single__button {
    margin: 0 0 6.4rem
  }
}

.template-faq-single__content {
  margin-bottom: 4.8rem
}

.template-faq-single__content h1,
.template-faq-single__content h2,
.template-faq-single__content h3,
.template-faq-single__content h4,
.template-faq-single__content h5,
.template-faq-single__content h6 {
  margin-bottom: 2.4rem
}

.template-faq-single__content h1:not(:first-of-type),
.template-faq-single__content h2:not(:first-of-type),
.template-faq-single__content h3:not(:first-of-type),
.template-faq-single__content h4:not(:first-of-type),
.template-faq-single__content h5:not(:first-of-type),
.template-faq-single__content h6:not(:first-of-type) {
  margin-top: 2.4rem
}

@media screen and (min-width:768px) {

  .template-faq-single__content h1:not(:first-of-type),
  .template-faq-single__content h2:not(:first-of-type),
  .template-faq-single__content h3:not(:first-of-type),
  .template-faq-single__content h4:not(:first-of-type),
  .template-faq-single__content h5:not(:first-of-type),
  .template-faq-single__content h6:not(:first-of-type) {
    margin-top: 6.4rem
  }
}

.template-faq-single__content p:not(:first-of-type) {
  margin-top: 1.6rem
}

.template-faq-single__content a {
  color: hsl(var(--color-gray-80))
}

.template-faq-single__content h1 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .template-faq-single__content h1 {
    font-size: 2rem;
    line-height: 2.8rem
  }
}

@media screen and (min-width:1024px) {
  .template-faq-single__content h1 {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: normal
  }
}

.template-faq-single__cta {
  margin-top: 2.4rem
}

@media screen and (min-width:768px) {
  .template-faq-single__cta {
    margin-top: 6.4rem
  }
}

.template-faq-single__card {
  display: flex;
  flex-direction: column;
  border: .2rem solid hsl(var(--color-gray-akad-dark));
  border-radius: .4rem;
  padding: 1.6rem 2rem;
  margin-top: 2.4rem
}

.template-faq-single__card-title {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  color: hsl(var(--color-black))
}

.template-faq-single__card-description,
.template-faq-single__card-title {
  font-family: var(--font-default), var(--font-fallback);
  letter-spacing: .03em
}

.template-faq-single__card-description {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: hsl(var(--color-gray-70));
  margin-top: 1.6rem
}

.template-faq-single__card-buttons {
  display: flex;
  margin-top: 1.6rem
}

.template-faq-single__card-buttons>:not(:last-child) {
  margin-right: .8rem
}

@media screen and (min-width:768px) {
  .template-faq-single__card {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 2.4rem 3.2rem;
    margin-top: 6.4rem
  }

  .template-faq-single__card-buttons {
    margin-left: 1.6rem
  }
}

.template-research__content>:not(:first-child) {
  margin-top: 1.6rem
}

.wpc-filters-main-wrap li.wpc-term-item div {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em
}

.template-financing .sidebar__section {
  margin-bottom: 0
}

.template-financing__heading,
.template-financing__section {
  margin-bottom: 1.6rem
}

@media screen and (min-width:1024px) {

  .template-financing__heading,
  .template-financing__section {
    margin-bottom: 4rem
  }
}

.template-financing__section {
  width: 100%;
  max-width: 84rem;
  display: none;
  margin: 0 auto
}

.template-financing__section:first-of-type {
  display: block
}

.template-financing__sidebar-tabs {
  margin: 0
}

.template-financing__sidebar-cta.mobile {
  display: block;
  margin-top: 2.4rem
}

.template-financing__sidebar-cta.desktop {
  display: none
}

@media screen and (min-width:768px) {
  .template-financing__sidebar-tabs {
    margin-bottom: 4.8rem
  }

  .template-financing__sidebar-cta.mobile {
    display: none
  }

  .template-financing__sidebar-cta.desktop {
    display: block
  }
}

@media screen and (min-width:1024px) {
  .article-single__inner {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse
  }
}

.article-single__inner.justify-center {
  justify-content: center
}

.article-single__sidebar {
  width: 100%
}

@media screen and (min-width:1024px) {
  .article-single__sidebar {
    max-width: 33%
  }
}

@media screen and (min-width:1280px) {
  .article-single__sidebar {
    margin-right: 2.4rem
  }
}

.article-single__content {
  flex: 1
}

@media screen and (max-width:1023px) {
  .article-single__content {
    margin-top: 2.4rem
  }
}

@media screen and (min-width:1024px) {
  .article-single__content {
    max-width: 66%
  }
}

@media screen and (min-width:1024px) {
  .justify-center .article-single__content {
    max-width: 720px
  }
}

@media screen and (min-width:1024px) {
  .article-single__content {
    margin-right: 2.4rem
  }
}

.article-single__cta {
  margin-top: 2.4rem
}

@media screen and (min-width:1024px) {
  .article-single__cta {
    margin-top: 4rem
  }
}

.article-single__item:not(:first-child) {
  margin-top: 2.4rem
}

@media screen and (min-width:1024px) {
  .article-single__item:not(:first-child) {
    margin-top: 8rem
  }
}

.article-single__item-heading {
  margin-bottom: .8rem
}

@media screen and (min-width:1024px) {
  .article-single__item-heading {
    margin-bottom: 1.6rem
  }
}

.article-single__item-cards>:not(:first-child),
.article-single__item-documents>:not(:first-child) {
  margin-top: .8rem
}

.template-search-results__heading {
  margin-bottom: 1.6rem
}

@media screen and (min-width:768px) {
  .template-search-results__heading {
    margin-bottom: 4rem
  }
}

.template-search-results__group:not(:first-of-type) {
  margin-top: 2.4rem
}

@media screen and (min-width:768px) {
  .template-search-results__group:not(:first-of-type) {
    margin-top: 8rem
  }
}

.template-search-results__list>:not(:first-child) {
  margin-top: .8rem
}

@media screen and (min-width:768px) {
  .template-search-results__list>:not(:first-child) {
    margin-top: 1.6rem
  }
}

.template-search-results__sidebar {
  display: flex;
  flex-direction: column-reverse
}

.template-search-results__sidebar-tabs {
  margin-bottom: 1.6rem
}

.template-search-results__sidebar-results {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black))
}

@media screen and (min-width:768px) {
  .template-search-results__sidebar {
    flex-direction: column
  }

  .template-search-results__sidebar-results {
    margin-bottom: 4.8rem
  }

  .template-search-results__sidebar-tabs {
    margin-bottom: 0
  }
}

.template-search-results__sidebar-info {
  text-align: center;
  margin-top: 4.8rem;
  color: hsl(var(--color-black-80))
}

.template-search-results__content-no-results {
  margin-top: 4.8rem
}

.template-search-results__other {
  display: block;
  text-decoration: none
}

.template-search-results__other-title {
  font-size: 1.6rem;
  line-height: 2.8rem
}

.template-search-results__other-description,
.template-search-results__other-title {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  letter-spacing: .03em;
  color: hsl(var(--color-black))
}

.template-search-results__other-description {
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin-top: .4rem
}

@media screen and (min-width:768px) {
  .template-search-results__other-title {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3.2rem
  }

  .template-search-results__other-description {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: .03em;
    margin-top: .8rem
  }
}

.badge {
  color: hsl(var(--text-color));
  background-color: hsla(0, 0%, 100%, .2);
  text-decoration: none
}

.badge_small {
  padding: .4rem 1.2rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  border-radius: 2rem
}

@media screen and (min-width:1024px) {
  .badge_small {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .03em
  }
}

.badge:hover {
  background-color: hsla(0, 0%, 100%, .1)
}

.bullet-list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: calc(var(--bullet-list-gap)*0.4rem);
  padding: 0;
  margin: 0;
  list-style: none
}

.bullet-list li {
  display: flex;
  gap: .8rem
}

.bullet-list li .icon {
  position: relative;
  top: .2rem;
  flex-shrink: 0;
  fill: hsl(var(--color-theme))
}

@media screen and (min-width:768px) {
  .bullet-list li .icon {
    top: .4rem
  }
}

.bullet-list li span {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

@media screen and (min-width:768px) {
  .bullet-list li span {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: .03em
  }
}

.bullet-list li a {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black));
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-color .2s var(--transition-function)
}

.bullet-list li a:hover {
  border-color: transparent
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer
}

.button .icon {
  display: block
}

.button_before .icon {
  margin-right: .8rem
}

.button_after .icon {
  margin-left: .8rem
}

.button_before_after .icon:first-child {
  margin-right: .8rem
}

.button_before_after .icon:last-child {
  margin-left: .8rem
}

.button_medium,
.button_small {
  font-size: 1.2rem;
  line-height: 2rem
}

@media screen and (min-width:768px) {
  .button_medium {
    font-size: 1.4rem;
    line-height: 2.2rem
  }
}

.button_large {
  font-size: 1.2rem;
  line-height: 2rem
}

@media screen and (min-width:768px) {
  .button_large {
    font-size: 1.6rem;
    line-height: 2rem
  }
}

.button_solid {
  transition: background-color .2s var(--transition-function), color .2s var(--transition-function)
}

.button_solid.button_default {
  background-color: hsl(var(--color-black));
  color: hsl(var(--color-white));
  fill: hsl(var(--color-white))
}

.button_solid.button_white {
  background-color: hsl(var(--color-white));
  color: hsl(var(--color-black));
  fill: hsl(var(--color-black))
}

.button_solid.button_orange {
  background-color: hsl(var(--color-orange));
  color: hsl(var(--color-white));
  fill: hsl(var(--color-white))
}

@media screen and (min-width:768px) {
  .button_solid.button_orange:hover {
    background-color: hsl(var(--color-orange-dark));
    color: hsl(var(--color-white));
    fill: hsl(var(--color-white))
  }
}

.button_solid.button_orange_dark {
  background-color: hsl(var(--color-orange-dark));
  color: hsl(var(--color-white));
  fill: hsl(var(--color-white))
}

@media screen and (min-width:768px) {
  .button_solid.button_orange_dark:hover {
    background-color: hsl(var(--color-orange));
    color: hsl(var(--color-white));
    fill: hsl(var(--color-white))
  }
}

.button_solid.button_green {
  background-color: hsl(var(--color-green));
  color: hsl(var(--color-white));
  fill: hsl(var(--color-white))
}

@media screen and (min-width:768px) {
  .button_solid.button_green:hover {
    background-color: hsl(var(--color-green-dark))
  }
}

@media screen and (min-width:768px) {

  .button_solid.button_green:hover,
  .button_solid:hover {
    color: hsl(var(--color-white));
    fill: hsl(var(--color-white))
  }

  .button_solid:hover {
    background-color: hsl(var(--color-green))
  }
}

.button_solid:focus {
  background-color: hsl(var(--color-black))
}

.button_solid.button_disabled,
.button_solid:disabled {
  pointer-events: none;
  background-color: hsl(var(--color-gray-30))
}

.button_solid.button_medium,
.button_solid.button_small {
  padding: .8rem 1.6rem;
  border-radius: 4.4rem
}

@media screen and (min-width:768px) {
  .button_solid.button_medium {
    padding: 1.2rem 2rem;
    border-radius: 4.4rem
  }
}

.button_solid.button_large {
  padding: .8rem 1.6rem;
  border-radius: 4.4rem
}

@media screen and (min-width:768px) {
  .button_solid.button_large {
    padding: 1.6rem 2.4rem;
    border-radius: 4.8rem
  }
}

.button_outline {
  background-color: hsl(var(--color-white));
  color: hsl(var(--color-black));
  fill: hsl(var(--color-black));
  box-shadow: inset 0 0 0 .2rem currentColor;
  transition: color .2s var(--transition-function), background-color .2s var(--transition-function)
}

@media screen and (min-width:768px) {
  .button_outline:hover {
    color: hsl(var(--color-green));
    fill: hsl(var(--color-green))
  }
}

.button_outline:focus {
  background-color: hsl(var(--color-white))
}

.button_outline.button_disabled,
.button_outline:disabled {
  pointer-events: none;
  background-color: hsl(var(--color-gray-10));
  color: hsl(var(--color-gray-40));
  fill: hsl(var(--color-gray-40))
}

.button_outline.button_medium,
.button_outline.button_small {
  padding: .8rem 1.6rem;
  border-radius: 4.4rem
}

@media screen and (min-width:768px) {
  .button_outline.button_medium {
    padding: 1.2rem 2rem;
    border-radius: 4.4rem
  }
}

.button_outline.button_large {
  padding: .8rem 1.6rem;
  border-radius: 4.4rem
}

@media screen and (min-width:768px) {
  .button_outline.button_large {
    padding: 1.6rem 2.4rem;
    border-radius: 4.8rem
  }
}

.button_outline.button_gray {
  box-shadow: inset 0 0 0 .2rem hsl(var(--color-gray-20))
}

.button_outline.button_gray.button_disabled,
.button_outline.button_gray:disabled {
  box-shadow: inset 0 0 0 .2rem hsl(var(--color-gray-40))
}

.button_outline.button_orange {
  box-shadow: inset 0 0 0 .2rem hsl(var(--color-orange));
  color: hsl(var(--color-orange));
  fill: hsl(var(--color-orange))
}

@media screen and (min-width:768px) {
  .button_outline.button_orange:hover {
    box-shadow: inset 0 0 0 .2rem hsl(var(--color-orange-dark));
    color: hsl(var(--color-orange-dark));
    fill: hsl(var(--color-orange-dark))
  }
}

.button_outline.button_orange_dark {
  box-shadow: inset 0 0 0 .2rem hsl(var(--color-orange-dark));
  color: hsl(var(--color-orange-dark));
  fill: hsl(var(--color-orange-dark))
}

@media screen and (min-width:768px) {
  .button_outline.button_orange_dark:hover {
    box-shadow: inset 0 0 0 .2rem hsl(var(--color-orange));
    color: hsl(var(--color-orange));
    fill: hsl(var(--color-orange))
  }
}

.button_outline.button_green {
  box-shadow: inset 0 0 0 .2rem hsl(var(--color-green));
  color: hsl(var(--color-green));
  fill: hsl(var(--color-green))
}

@media screen and (min-width:768px) {
  .button_outline.button_green:hover {
    box-shadow: inset 0 0 0 .2rem hsl(var(--color-green-dark));
    color: hsl(var(--color-green-dark));
    fill: hsl(var(--color-green-dark))
  }
}

.button_link {
  color: hsl(var(--color-black));
  border-bottom: 2px solid;
  transition: color .2s var(--transition-function)
}

.button_link.button_default {
  color: hsl(var(--color-black));
  fill: hsl(var(--color-black))
}

.button_link.button_white {
  color: hsl(var(--color-white));
  fill: hsl(var(--color-white))
}

@media screen and (min-width:768px) {
  .button_link.button_white:hover {
    color: hsl(var(--color-black));
    fill: hsl(var(--color-black))
  }
}

@media screen and (min-width:768px) {
  .button_link:hover {
    color: hsl(var(--color-green));
    fill: hsl(var(--color-green))
  }
}

.button_link:focus {
  color: hsl(var(--color-black))
}

.button_link.button_disabled,
.button_link:disabled {
  pointer-events: none;
  color: hsl(var(--color-gray-40))
}

.button-group {
  display: flex;
  gap: calc(var(--button-group-gap)*0.4rem)
}

.button-group--stack {
  flex-direction: column
}

.button-group--wrap {
  flex-direction: row;
  flex-wrap: wrap
}

@media screen and (min-width:0) {
  .button-group--stack-default {
    flex-direction: column
  }
}

@media screen and (min-width:0) {
  .button-group--wrap-default {
    flex-direction: row;
    flex-wrap: wrap
  }
}

@media screen and (min-width:576px) {
  .button-group--stack-sm {
    flex-direction: column
  }
}

@media screen and (min-width:576px) {
  .button-group--wrap-sm {
    flex-direction: row;
    flex-wrap: wrap
  }
}

@media screen and (min-width:768px) {
  .button-group--stack-md {
    flex-direction: column
  }
}

@media screen and (min-width:768px) {
  .button-group--wrap-md {
    flex-direction: row;
    flex-wrap: wrap
  }
}

@media screen and (min-width:1024px) {
  .button-group--stack-lg {
    flex-direction: column
  }
}

@media screen and (min-width:1024px) {
  .button-group--wrap-lg {
    flex-direction: row;
    flex-wrap: wrap
  }
}

@media screen and (min-width:1280px) {
  .button-group--stack-xl {
    flex-direction: column
  }
}

@media screen and (min-width:1280px) {
  .button-group--wrap-xl {
    flex-direction: row;
    flex-wrap: wrap
  }
}

@media screen and (min-width:1440px) {
  .button-group--stack-xxl {
    flex-direction: column
  }
}

@media screen and (min-width:1440px) {
  .button-group--wrap-xxl {
    flex-direction: row;
    flex-wrap: wrap
  }
}

@media screen and (min-width:1920px) {
  .button-group--stack-xxxl {
    flex-direction: column
  }
}

@media screen and (min-width:1920px) {
  .button-group--wrap-xxxl {
    flex-direction: row;
    flex-wrap: wrap
  }
}

.button-icon {
  display: inline-flex;
  background-color: hsl(var(--color-black));
  color: hsl(var(--color-white));
  fill: hsl(var(--color-white));
  border-radius: 100%;
  transition: background-color .2s var(--transition-function);
  cursor: pointer
}

@media screen and (min-width:768px) {
  .button-icon:hover {
    background-color: hsl(var(--color-green))
  }
}

.button-icon:focus {
  background-color: hsl(var(--color-black))
}

.button-icon--disabled,
.button-icon:disabled {
  pointer-events: none;
  background-color: hsl(var(--color-gray-30))
}

.button-icon--small {
  padding: .8rem
}

.button-icon--medium {
  padding: 1.2rem
}

@media screen and (max-width:767px) {
  .button-icon--large {
    padding: 1.6rem
  }

  .button-icon--large .icon {
    width: 1.6rem;
    height: 1.6rem
  }
}

@media screen and (min-width:768px) {
  .button-icon--large {
    padding: 2rem
  }
}

input:checked~.checkbox__box {
  background: hsl(var(--color-black));
  border-color: hsl(var(--color-black))
}

.checkbox {
  cursor: pointer;
  user-select: none
}

.checkbox,
.checkbox__box {
  display: flex;
  align-items: center
}

.checkbox__box {
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: hsl(var(--color-white));
  border: .1rem solid hsl(var(--color-gray-30));
  border-radius: .2rem;
  color: hsl(var(--color-white))
}

.checkbox__label {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-90));
  margin-left: .8rem
}

@media screen and (min-width:768px) {
  .checkbox__label {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: .03em;
    margin-left: 1.6rem
  }
}

.heading {
  word-break: break-word
}

.heading--underline:after {
  content: "";
  display: block;
  width: 3.2rem;
  height: .4rem;
  background-color: hsl(var(--color-green));
  margin-top: .8rem
}

@media screen and (min-width:1024px) {
  .heading--underline:after {
    margin-top: 1.2rem
  }
}

.heading--h1 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .heading--h1 {
    font-size: 3.2rem;
    line-height: 4rem
  }
}

@media screen and (min-width:1024px) {
  .heading--h1 {
    font-size: 6.4rem;
    line-height: 6.8rem
  }
}

.heading--h2 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .heading--h2 {
    font-size: 2.8rem;
    line-height: 3.4rem
  }
}

@media screen and (min-width:1024px) {
  .heading--h2 {
    font-size: 4rem;
    line-height: 4.8rem
  }
}

.heading--h3 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .heading--h3 {
    font-size: 2.4rem;
    line-height: 3.2rem
  }
}

@media screen and (min-width:1024px) {
  .heading--h3 {
    font-size: 3.6rem;
    line-height: 4.4rem
  }
}

.heading--h4 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .heading--h4 {
    font-size: 2.2rem;
    line-height: 3rem
  }
}

@media screen and (min-width:1024px) {
  .heading--h4 {
    font-size: 3.2rem;
    line-height: 4rem
  }
}

.heading--h5 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .heading--h5 {
    font-size: 2rem;
    line-height: 2.8rem
  }
}

@media screen and (min-width:1024px) {
  .heading--h5 {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: normal
  }
}

.heading--h6 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .heading--h6 {
    font-size: 1.8rem;
    line-height: 2.6rem
  }
}

@media screen and (min-width:1024px) {
  .heading--h6 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: normal
  }
}

[class*=" icon-"],
[class^=icon-] {
  display: inline-flex;
  line-height: 1;
  transition: .5s
}

.icon-small {
  width: 1.6rem;
  height: 1.6rem
}

.icon-medium {
  width: 1.8rem;
  height: 1.8rem
}

.icon-large {
  width: 3rem;
  height: 3rem
}

.icon-fw {
  text-align: center;
  width: 1.25em
}

.input-search {
  position: relative;
  z-index: 499;
  display: flex;
  align-items: center;
  border: 1px solid hsl(var(--color-gray-akad-dark));
  border-radius: 50%;
  transition: border-color .2s var(--transition-function)
}

@media screen and (min-width:1024px) {
  .input-search {
    border: none;
    flex-direction: row-reverse
  }
}

.input-search label {
  width: 100%
}

.input-search:focus-within {
  border-color: hsl(var(--color-black))
}

.input-search:focus-within .input-search__icon {
  color: hsl(var(--color-black));
  fill: hsl(var(--color-black))
}

@media screen and (min-width:768px) {
  .input-search:focus-within .input-search__icon {
    color: hsl(var(--color-white));
    fill: hsl(var(--color-white))
  }
}

@media screen and (min-width:768px) {
  .input-search:hover {
    border-color: hsl(var(--color-black))
  }
}

.input-search_default {
  background-color: hsl(var(--color-gray-02))
}

@media screen and (min-width:1024px) {
  .input-search_default {
    background-color: hsl(var(--color-white))
  }
}

.input-search_button {
  background-color: hsl(var(--color-white))
}

.input-search_small {
  border-radius: 2rem
}

.input-search_small .input-search__icon {
  padding: 0 .8rem
}

@media screen and (min-width:1024px) {
  .input-search_small .input-search__icon {
    background: hsl(var(--color-black));
    height: 3.2rem;
    width: 3.2rem;
    border-radius: 50%
  }

  .input-search_small .input-search__icon:hover {
    background: hsl(var(--color-green));
    transition: background-color .2s var(--transition-function)
  }
}

.input-search_small .input-search__element {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  padding: .4rem 0
}

.input-search_small.input-search_default .input-search__element {
  border-radius: 0 2rem 2rem 0
}

@media screen and (min-width:1024px) {
  .input-search_small.input-search_default .input-search__element {
    background: none;
    padding: 0 1.6rem
  }
}

.input-search_small.input-search_button .input-search__element {
  border-radius: 2rem 0 0 2rem;
  padding-left: 1.6rem
}

.input-search_small .search-dropdown {
  border-radius: .8rem;
  padding: .8rem 1.6rem
}

.input-search_small .search-dropdown__group {
  padding: .8rem 0
}

.input-search_small .search-dropdown__link {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em
}

.input-search_medium {
  border-width: 2px;
  border-radius: 2.4rem
}

.input-search_medium .input-search__icon {
  padding: 0 1.2rem
}

.input-search_medium .input-search__element {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em;
  padding: .8rem 0
}

.input-search_medium.input-search_default .input-search__element {
  border-radius: 0 2.4rem 2.4rem 0
}

.input-search_medium.input-search_button .input-search__element {
  border-radius: 2.4rem 0 0 2.4rem;
  padding-left: 1.6rem
}

.input-search_large {
  border-width: 2px;
  border-radius: 4rem
}

.input-search_large .input-search__icon {
  padding: 0 1.6rem 0 2.4rem
}

.input-search_large .input-search__element {
  padding: 1.2rem 0;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em
}

@media screen and (min-width:768px) {
  .input-search_large .input-search__element {
    padding: 1.6rem 0;
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: .03em
  }
}

.input-search_large.input-search_default .input-search__element {
  border-radius: 0 4rem 4rem 0
}

.input-search_large.input-search_button .input-search__element {
  border-radius: 4rem 0 0 4rem;
  padding-left: 1.6rem
}

@media screen and (min-width:768px) {
  .input-search_large.input-search_button .input-search__element {
    padding-left: 2.4rem
  }
}

.input-search__element {
  width: 100% !important;
  border: 0 !important;
  appearance: none;
  outline: none
}

.input-search__element:focus {
  box-shadow: none !important
}

.input-search__icon {
  fill: hsl(var(--color-gray-60));
  transition: color .2s var(--transition-function);
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (min-width:1024px) {
  .input-search__icon {
    fill: hsl(var(--color-white))
  }
}

.input-search__icon .icon {
  display: block
}

.input-search__dropdown {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transform: translateY(0);
  transition: transform .2s linear, opacity .1s linear, visibility .1s linear
}

@media screen and (min-width:1024px) {
  .input-search__dropdown {
    min-width: 320px
  }
}

.input-search__dropdown_active {
  transform: translateY(1.6rem);
  opacity: 1;
  visibility: visible
}

.search-dropdown {
  padding: .8rem 2.4rem;
  background-color: hsl(var(--color-white));
  border-radius: 1.6rem;
  box-shadow: 0 24px 32px rgba(33, 34, 73, .04), 0 16px 24px rgba(33, 34, 73, .04), 0 4px 8px rgba(33, 34, 73, .04), 0 0 1px rgba(33, 34, 73, .04);
  max-height: 480px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.search-dropdown::-webkit-scrollbar {
  display: none
}

.search-dropdown__group {
  padding: 1.6rem 0
}

.search-dropdown__group:not(:last-child) {
  border-bottom: 1px solid hsl(var(--color-gray-akad-light))
}

.search-dropdown__label {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-bottom: .8rem
}

.search-dropdown__item:not(:last-child) {
  margin-bottom: .8rem
}

.search-dropdown__link {
  display: block;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black));
  text-decoration: none
}

@media screen and (min-width:768px) {
  .search-dropdown__link:hover {
    color: hsl(var(--color-green))
  }
}

.label {
  display: inline-flex;
  align-items: center;
  border-radius: .4rem;
  white-space: nowrap;
  transition: background-color .2s var(--transition-function);
  text-decoration: none
}

.label--small {
  font-family: var(--font-default), var(--font-fallback);
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  font-weight: 700;
  padding: 0
}

.label--small.label--background {
  padding: 0 .8rem;
  font-weight: 700
}

.label--medium {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  font-weight: 700;
  padding: .1rem 0
}

.label--medium.label--background {
  padding: .1rem .8rem;
  font-weight: 700
}

.label--large {
  font-family: var(--font-default), var(--font-fallback);
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .03em;
  font-weight: 700;
  padding: .3rem 0
}

.label--large.label--background {
  padding: .3rem .8rem;
  font-weight: 700
}

.label--theme {
  color: hsl(var(--color-theme-text))
}

.label--theme.label--background {
  background-color: hsl(var(--color-theme))
}

.label--theme.label--link:hover {
  background-color: hsl(var(--color-theme-dark))
}

.label--black {
  color: hsl(var(--color-black));
  fill: hsl(var(--color-black))
}

.label--black.label--background {
  background-color: hsl(var(--color-black))
}

.label--black.label--link:hover {
  background-color: hsl(var(--color-gray-80))
}

.label--red {
  color: hsl(var(--color-red))
}

.label--red.label--background {
  background-color: hsl(var(--color-red))
}

.label--red.label--link:hover {
  background-color: hsl(var(--color-red-dark))
}

.label--gray {
  color: hsl(var(--color-gray-70))
}

.label--gray.label--background {
  background-color: hsl(var(--color-gray-70))
}

.label--gray.label--link:hover {
  background-color: hsl(var(--color-gray-90))
}

.label--gray-10 {
  color: hsl(var(--color-gray-50))
}

.label--gray-10.label--background {
  color: hsl(var(--color-gray-50));
  fill: hsl(var(--color-gray-50))
}

.label--gray-10.label--background,
.label--gray-10.label--link:hover {
  background-color: hsl(var(--color-gray-10))
}

.label--blue {
  color: hsl(var(--color-blue))
}

.label--blue.label--background {
  background-color: hsl(var(--color-blue))
}

.label--blue.label--link:hover {
  background-color: hsl(var(--color-blue-dark))
}

.label--green {
  color: hsl(var(--color-green))
}

.label--green.label--background {
  background-color: hsl(var(--color-green))
}

.label--green.label--link:hover {
  background-color: hsl(var(--color-green-dark))
}

.label--moss-green {
  color: hsl(var(--color-moss-green))
}

.label--moss-green.label--background {
  background-color: hsl(var(--color-moss-green))
}

.label--moss-green.label--link:hover {
  background-color: hsl(var(--color-green))
}

.label--background,
.label--white {
  color: hsl(var(--color-white));
  fill: hsl(var(--color-white))
}

.label--white.label--background {
  color: hsl(var(--color-black));
  fill: hsl(var(--color-black));
  background-color: hsl(var(--color-white))
}

.label--white.label--link:hover {
  background-color: hsl(var(--color-gray-20))
}

.label--yellow {
  color: hsl(var(--color-yellow));
  fill: hsl(var(--color-yellow))
}

.label--yellow.label--background {
  color: hsl(var(--color-black));
  fill: hsl(var(--color-black));
  background-color: hsl(var(--color-yellow))
}

.label--yellow.label--link:hover {
  background-color: hsl(var(--color-yellow-dark))
}

.label--outline-white {
  border: 1px solid hsl(var(--color-theme-text));
  padding: .6rem 1.2rem;
  border-radius: .4rem;
  margin-right: .8rem
}

.label--outline-white,
.label--outline-white.label--background {
  color: hsl(var(--color-theme-text));
  fill: hsl(var(--color-theme-text))
}

.label--outline-white.label--background {
  background-color: transparent
}

.label--outline-white a {
  color: hsl(var(--color-theme-text))
}

.label__icon {
  display: flex;
  align-items: center
}

.label__icon.before {
  margin-right: .4rem
}

.label__icon.after {
  margin-left: .4rem
}

.link-button {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: color .2s var(--transition-function)
}

@media screen and (min-width:768px) {
  .link-button:hover {
    color: hsl(var(--color-green));
    fill: hsl(var(--color-green))
  }
}

.link-button_default {
  color: hsl(var(--color-black));
  fill: hsl(var(--color-black))
}

.link-button_white {
  color: hsl(var(--color-white));
  fill: hsl(var(--color-white))
}

.link-button_xsmall {
  font-size: 1.2rem;
  line-height: 2rem
}

.link-button_small,
.link-button_xsmall {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  letter-spacing: .03em
}

.link-button_small {
  font-size: 1.4rem;
  line-height: 2.2rem
}

.link-button_medium {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em
}

.link-button_medium .link-button__iconBefore {
  margin-right: .6rem
}

.link-button_medium .link-button__iconAfter {
  margin-left: .6rem
}

.link-button_large {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: .03em
}

.link-button_large .link-button__iconBefore {
  margin-right: .8rem
}

.link-button_large .link-button__iconAfter {
  margin-left: .8rem
}

.link-button_bold {
  font-weight: 600
}

.link-button_before .icon {
  margin-right: .4rem
}

.link-button_after .icon {
  margin-left: .4rem
}

.link-button_before_after .icon:first-child {
  margin-right: .4rem
}

.link-button_before_after .icon:last-child {
  margin-left: .4rem
}

.message {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  padding: .8rem;
  border-radius: .4rem
}

.message,
.message--scheme-theme {
  background-color: hsl(var(--color-theme-light))
}

@media screen and (min-width:1024px) {
  .message--scheme-theme {
    background-color: hsl(var(--color-white))
  }
}

.message--scheme-theme .message__icon {
  color: hsl(var(--color-theme-dark));
  fill: hsl(var(--color-theme-dark))
}

.message--scheme-theme .message__text {
  color: hsl(var(--color-theme-dark))
}

.message--scheme-theme .message__text a {
  color: currentColor;
  border-color: hsl(var(--color-theme))
}

.message__icon {
  position: relative;
  top: .2rem
}

.message__icon .icon {
  display: flex
}

.message__text {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

.message__text a {
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color .2s ease-out
}

.message__text a:hover {
  border-color: transparent
}

.nav-button {
  display: flex;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 2px solid transparent
}

.nav-button,
.nav-button .icon {
  transition: color .2s var(--transition-function)
}

.nav-button .icon {
  display: block;
  margin-left: .4rem
}

@media screen and (min-width:768px) {
  .nav-button:hover {
    color: hsl(var(--color-green))
  }

  .nav-button:hover .icon {
    fill: hsl(var(--color-green))
  }
}

.nav-button_active {
  border-color: hsl(var(--color-green))
}

.nav-button_disabled {
  color: hsl(var(--color-gray-40)) !important;
  user-select: none !important
}

.nav-button_default {
  color: hsl(var(--color-black))
}

.nav-button_white {
  color: hsl(var(--color-white))
}

.nav-button_xsmall {
  font-size: 1.2rem
}

.nav-button_small,
.nav-button_xsmall {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 600;
  line-height: 2.2rem;
  letter-spacing: .03em
}

.nav-button_small {
  font-size: 1.4rem
}

.nav-button_medium {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .03em
}

.nav-button_medium .link-button__iconBefore {
  margin-right: .4rem
}

.nav-button_medium .link-button__iconAfter {
  margin-left: .4rem
}

.nav-button_large {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

.nav-button_large .link-button__iconBefore {
  margin-right: .4rem
}

.nav-button_large .link-button__iconAfter {
  margin-left: .4rem
}

.nav-button__iconBefore {
  margin-right: .2rem
}

.nav-button__iconAfter {
  margin-left: .2rem
}

.pattern {
  width: 100%;
  height: 100%;
  background-size: 640px;
  background-repeat: repeat;
}

.program-popup {
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5)
}

.program-popup-active {
  display: flex
}

.program-popup__inner {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 90vw;
  height: 100vh;
  overflow: hidden
}

@media screen and (min-width:768px) {
  .program-popup__inner {
    width: 70vw
  }
}

@media screen and (min-width:1280px) {
  .program-popup__inner {
    width: 50vw
  }
}

.program-popup__content {
  display: flex;
  flex-flow: column;
  gap: 1.6rem;
  height: auto;
  max-height: 90vh;
  padding: 1.6rem 2.4rem;
  background-color: #fff;
  border-radius: .8rem;
  position: relative
}

@media screen and (min-width:768px) {
  .program-popup__content {
    max-height: 70vh
  }
}

@media screen and (min-width:1280px) {
  .program-popup__content {
    max-height: 60vh
  }
}

.program-popup__desc {
  height: 9rem;
  overflow: hidden
}

.program-popup__desc.open {
  height: auto
}

.program-popup__close {
  position: absolute;
  right: 0;
  top: 0;
  padding: .8rem;
  cursor: pointer
}

.program-popup__close>svg {
  width: 16px;
  height: 16px
}

.program-popupfull__inner {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 90vw;
  height: 100vh;
  overflow: hidden
}

@media screen and (min-width:768px) {
  .program-popupfull__inner {
    width: 70vw
  }
}

@media screen and (min-width:1280px) {
  .program-popupfull__inner {
    width: 70vw
  }
}

.program-popupfull__content {
  display: flex;
  flex-flow: column;
  height: auto;
  gap: 2rem;
  max-height: 90vh;
  padding: 1.6rem 2.4rem;
  background-color: #fff;
  border-radius: .8rem;
  position: relative
}

@media screen and (min-width:768px) {
  .program-popupfull__content {
    max-height: 70vh
  }
}

@media screen and (min-width:1280px) {
  .program-popupfull__content {
    max-height: 75vh
  }
}

.program-popupfull__content-row {
  display: flex;
  flex-flow: row;
  overflow: auto;
  gap: 3rem
}

.program-popupfull__content .button {
  width: fit-content;
  margin-left: 30rem
}

@media screen and (max-width:767px) {
  .program-popupfull__content .button {
    width: 100%;
    margin: 0
  }
}

.program-popupfull__container-img {
  width: 27.5%
}

@media screen and (max-width:767px) {
  .program-popupfull__container-img {
    display: none
  }
}

.program-popupfull__container-img img {
  border-radius: .8rem
}

.program-popupfull__container-info {
  width: 72.5%;
  overflow: auto
}

@media screen and (max-width:767px) {
  .program-popupfull__container-info {
    width: 100%
  }
}

.program-popupfull__container-info .show-more {
  border: none;
  text-decoration: underline;
  background: none;
  padding: 0
}

.program-popupfull__degree-badge {
  padding: 0
}

.program-popupfull .program-popup__title {
  margin-bottom: 1.5rem
}

.program-popupfull h5 {
  font-size: 1.5rem
}

.program-popupfull p {
  margin-bottom: 1rem
}

.program-more-btn {
  text-align: center;
  padding: 2.4rem 0
}

.program-more-btn>a {
  gap: .4rem
}

.card-hidden {
  display: none !important
}

.tab-complex {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 40vw;
  padding: .8rem 1.6rem;
  border-radius: .4rem;
  background-color: hsl(var(--color-white));
  box-shadow: inset 0 0 0 2px hsl(var(--color-gray-10));
  transition: box-shadow .2s var(--transition-function);
  cursor: pointer
}

.tab-complex>* {
  pointer-events: none
}

@media screen and (min-width:576px) {
  .tab-complex {
    min-width: 45vw
  }
}

@media screen and (min-width:768px) {
  .tab-complex {
    padding: 1.6rem 2.4rem;
    min-width: auto
  }
}

.tab-complex__label {
  margin-bottom: .8rem
}

.tab-complex__title {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black))
}

@media screen and (min-width:768px) {
  .tab-complex__title {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: .03em
  }
}

.tab-complex__description {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-70))
}

@media screen and (min-width:768px) {
  .tab-complex__description {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .03em
  }
}

.tab-complex:hover {
  box-shadow: inset 0 0 0 2px hsl(var(--color-gray-40))
}

.tab-complex.active,
.tab-complex.active:hover {
  box-shadow: inset 0 0 0 2px hsl(var(--color-theme-pattern))
}

.tab-complex.active .label {
  background-color: hsl(var(--color-theme-pattern)) !important;
  color: hsl(var(--color-theme-text)) !important;
  fill: hsl(var(--color-theme-text)) !important
}

.tab-complex.disabled {
  box-shadow: inset 0 0 0 2px hsl(var(--color-gray-40));
  color: hsl(var(--color-gray-40));
  fill: hsl(var(--color-gray-40));
  pointer-events: none
}

.tab-simple {
  display: inline-flex;
  padding: .6rem 1.2rem;
  border-radius: .4rem;
  box-shadow: inset 0 0 0 1px hsl(var(--color-gray-10));
  transition: box-shadow .2s var(--transition-function);
  background-color: hsl(var(--color-white));
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  white-space: nowrap;
  cursor: pointer
}

@media screen and (min-width:768px) {
  .tab-simple {
    box-shadow: inset 0 0 0 2px hsl(var(--color-gray-10))
  }
}

@media screen and (min-width:768px) {
  .tab-simple:hover {
    box-shadow: inset 0 0 0 2px hsl(var(--color-gray-40))
  }
}

.tab-simple.active {
  box-shadow: inset 0 0 0 1px hsl(var(--color-theme-pattern))
}

@media screen and (min-width:768px) {

  .tab-simple.active,
  .tab-simple.active:hover {
    box-shadow: inset 0 0 0 2px hsl(var(--color-theme-pattern))
  }
}

.tab-simple.disabled {
  box-shadow: inset 0 0 0 1px hsl(var(--color-gray-40));
  color: hsl(var(--color-gray-40));
  pointer-events: none
}

@media screen and (min-width:768px) {
  .tab-simple.disabled {
    box-shadow: inset 0 0 0 2px hsl(var(--color-gray-40))
  }
}

.tabs {
  display: flex
}

@media screen and (max-width:767px) {
  .tabs {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: auto
  }

  .tabs::-webkit-scrollbar {
    display: none
  }
}

.tabs__item:not(:last-child) {
  margin-right: .8rem
}

@media screen and (min-width:768px) {
  .tabs__item:not(:last-child) {
    margin-right: 1.6rem
  }
}

.tabs-vertical__desktop-tabs {
  display: none
}

@media screen and (min-width:768px) {
  .tabs-vertical__desktop-tabs {
    display: block
  }
}

.tabs-vertical__mobile-tabs {
  display: block
}

@media screen and (min-width:768px) {
  .tabs-vertical__mobile-tabs {
    display: none
  }
}

.tabs-vertical__item {
  display: block;
  text-decoration: none;
  padding: 1.2rem 2rem;
  border-radius: .4rem;
  box-shadow: inset 0 0 0 2px hsl(var(--color-gray-10));
  transition: box-shadow .2s var(--transition-function);
  color: initial;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .03em;
  cursor: pointer
}

.tabs-vertical__item:not(:first-child) {
  margin-top: .8rem
}

.tabs-vertical__item:hover {
  box-shadow: inset 0 0 0 2px hsl(var(--color-black))
}

.tabs-vertical__item.active,
.tabs-vertical__item.active:hover {
  box-shadow: inset 0 0 0 2px hsl(var(--color-theme))
}

.tabs-vertical__item.disabled {
  box-shadow: inset 0 0 0 2px hsl(var(--color-gray-40));
  color: hsl(var(--color-gray-40));
  pointer-events: none
}

.tabs-vertical__item.child {
  margin-left: 4rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  padding: .8rem 1.2rem;
  color: hsl(var(--color-gray-60))
}

.tabs-vertical__item.child.active {
  color: hsl(var(--color-black))
}

.tabs-vertical__active-tab {
  display: flex;
  align-items: center;
  padding: 1.2rem 1.6rem;
  border: .1rem solid hsl(var(--color-gray-akad-dark));
  border-radius: .4rem;
  background: hsl(var(--color-white));
  cursor: pointer
}

.tabs-vertical__active-tab>* {
  pointer-events: none
}

.tabs-vertical__active-tab-content {
  flex: 1;
  display: flex;
  flex-direction: column
}

.tabs-vertical__active-tab-label {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem
}

.tabs-vertical__active-tab-label,
.tabs-vertical__active-tab-title {
  font-family: var(--font-default), var(--font-fallback);
  letter-spacing: .03em
}

.tabs-vertical__active-tab-title {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.2rem
}

.tabs-vertical__active-tab-icon {
  padding: 0 .8rem;
  flex-shrink: 0
}

.tabs-vertical__menu {
  display: none;
  flex-direction: column;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500
}

.tabs-vertical__menu.active {
  display: flex
}

.tabs-vertical__menu-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .7)
}

.tabs-vertical__menu-content {
  background: hsl(var(--color-white));
  padding: 3.2rem 1.6rem 1.6rem;
  border-radius: 1.6rem 1.6rem 0 0;
  z-index: 102;
  overflow: auto
}

.tabs-vertical__menu-head {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .03em;
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
  border-bottom: .1rem solid hsl(var(--color-gray-20))
}

.tabs-vertical__menu-list>:not(:first-child) {
  margin-top: 1.6rem
}

.tabs-vertical__menu-item {
  display: block;
  text-decoration: none;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black))
}

.tabs-vertical__menu-item.active {
  color: hsl(var(--color-green));
  font-weight: 700
}

.tabs-vertical__menu-item.child {
  margin-left: 2rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-60))
}

.tabs-vertical__menu-item.child.active {
  color: hsl(var(--color-black))
}

.tags {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.2rem;
  row-gap: .8rem
}

.authorpost {
  display: grid;
  grid-row-gap: 2.4rem;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 2.4rem;
  align-items: center
}

.authorpost__image,
.authorpost__info {
  grid-column: span 12
}

@media screen and (min-width:576px) {
  .authorpost__image {
    grid-column: span 3
  }

  .authorpost__info {
    grid-column: span 9
  }
}

.breadcrumbs {
  background: hsl(var(--color-white))
}

.breadcrumbs__container {
  width: 100%;
  max-width: var(--grid-container);
  margin: 0 auto;
  display: flex;
  padding: .8rem 1.6rem;
  overflow-x: auto
}

.breadcrumbs__container::-webkit-scrollbar {
  display: none
}

.breadcrumbs__item {
  display: flex;
  align-items: center;
  white-space: nowrap
}

.breadcrumbs__item-link {
  text-decoration: none;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black))
}

.breadcrumbs__item-icon {
  display: flex;
  color: hsl(var(--color-black));
  margin: 0 .8rem
}

.breadcrumbs__item:last-of-type .breadcrumbs__item-link {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em
}

.breadcrumbs__item:last-of-type .breadcrumbs__item-icon {
  display: none
}

@media screen and (min-width:768px) {
  .breadcrumbs__container {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
  }

  .breadcrumbs__item-link {
    font-weight: 400
  }

  .breadcrumbs__item-link,
  .breadcrumbs__item:last-of-type .breadcrumbs__item-link {
    font-family: var(--font-default), var(--font-fallback);
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .03em
  }

  .breadcrumbs__item:last-of-type .breadcrumbs__item-link {
    font-weight: 600
  }
}

.advanced_cards .cards_list {
  gap: var(--grid-gap)
}

.advanced_cards .cards_list__item {
  display: flex;
  gap: 0;
  padding: 0;
  background-color: hsl(var(--color-white));
  border-radius: .8rem
}

.advanced_cards .cards_list__item--main {
  width: 100%;
  height: 100%;
  padding: 1.2rem;
  display: grid;
  align-content: space-between;
  gap: 1.2rem
}

.advanced_cards .cards_list__item--content {
  display: grid;
  gap: .8rem
}

.advanced_cards .cards_list__item--description {
  color: hsl(var(--color-gray-70));
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

@media screen and (min-width:768px) {
  .advanced_cards .cards_list__item--description {
    font-size: 1.6rem;
    line-height: 2.8rem
  }
}

.advanced_cards .cards_list__item--list {
  color: hsl(var(--color-gray-70));
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

@media screen and (min-width:768px) {
  .advanced_cards .cards_list__item--list {
    font-size: 1.6rem;
    line-height: 2.8rem
  }
}

.advanced_cards .cards_list__item--buttons {
  display: flex;
  align-items: center;
  gap: .8rem;
  width: 100%;
  flex-wrap: wrap;
  padding-top: 1rem
}

.advanced_cards .cards_list__item--notes {
  font-size: 1.4rem;
  line-height: 2.2rem
}

.advanced_cards .cards_list_vertical .cards_list__item {
  flex-flow: column;
  align-items: center
}

.advanced_cards .cards_list_vertical .cards_list__item--main {
  justify-items: center
}

.advanced_cards .cards_list_vertical .cards_list__item--subtitle,
.advanced_cards .cards_list_vertical .cards_list__item--title {
  text-align: center
}

.advanced_cards .cards_list_vertical .cards_list__item--buttons {
  flex-direction: column;
  justify-content: center
}

.advanced_cards .cards_list_vertical .cards_list__item--buttons .button {
  width: 100%
}

.advanced_cards .cards_list_horizontal .cards_list__item {
  flex-flow: row;
  align-items: start
}

.advanced_cards .cards_list_horizontal .cards_list__item--thumb {
  max-width: 25%;
  flex: 25%;
  margin: 1.2rem
}

.advanced_cards .cards_list_horizontal .cards_list__item--main {
  max-width: 75%;
  flex: 75%;
  justify-items: start
}

.advanced_cards .cards_list_horizontal .cards_list__item--subtitle,
.advanced_cards .cards_list_horizontal .cards_list__item--title {
  text-align: left
}

.advanced_cards .cards_list_horizontal .cards_list__item--buttons {
  flex-direction: row;
  justify-content: flex-end
}

.flip-boxes__modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .8);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear .25s, opacity .25s 0s, transform .25s;
  z-index: 1090
}

.flip-boxes__modal--container {
  display: flex;
  flex-flow: column;
  width: 90vw;
  height: auto;
  max-height: 90vh;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 1rem;
  background: #f8f8ff;
  border-radius: .4rem
}

@media screen and (min-width:1024px) {
  .flip-boxes__modal--container {
    width: 80vw
  }
}

.flip-boxes__modal--title {
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  font-weight: 700;
  border-bottom: 1px dashed #d3d4d6;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between
}

.flip-boxes__modal--title__text {
  hyphens: manual
}

.flip-boxes__modal--close {
  align-items: center;
  background-color: #d3d3d3;
  border-radius: .4rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-flow: row;
  height: auto;
  justify-content: center;
  width: auto;
  font-size: 1.4rem
}

.flip-boxes__modal--close:hover {
  background-color: #a9a9a9
}

.flip-boxes__modal--close>svg {
  height: 3rem;
  width: 3rem;
  padding: .4rem
}

.flip-boxes__modal.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity .25s 0s, transform .25s
}

.flip-boxes__items {
  gap: 1rem;
  width: 100%
}

@media screen and (min-width:1024px) {
  .flip-boxes__items {
    gap: 2rem
  }
}

.flip-boxes__items .flip-box {
  background-color: transparent;
  width: 100%;
  height: 100%;
  perspective: 1000px;
  cursor: pointer
}

.flip-boxes__items .flip-box__inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform .6s;
  transform-style: preserve-3d
}

.flip-boxes__items .flip-box img {
  width: 100%;
  height: auto;
  border-radius: .4rem
}

.flip-boxes__items .flip-box__text-only {
  max-height: 100%;
  font-size: 1.4rem;
  line-height: 2.5rem;
  z-index: 9
}

.flip-boxes__items .flip-box__side {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-size: .9rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
  border-radius: .4rem
}

.flip-boxes__items .flip-box__back {
  position: absolute;
  left: 0;
  top: 0
}

.flip-boxes__items .flip-box-horizontal .flip-box__back,
.flip-boxes__items .flip-box-horizontal:hover .flip-box__inner {
  transform: rotateY(180deg)
}

.flip-boxes__items .flip-box-vertical .flip-box__back,
.flip-boxes__items .flip-box-vertical:hover .flip-box__inner {
  transform: rotateX(180deg)
}

.funding-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: .8rem
}

@media screen and (min-width:768px) {
  .funding-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 2.4rem
  }
}

.funding {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid hsl(var(--color-gray-akad-light));
  border-radius: .4rem;
  margin-bottom: 1.6rem;
  transition: border-color .2s var(--transition-function)
}

.funding,
.funding a {
  text-decoration: none
}

.funding a {
  color: hsl(var(--heading-color))
}

.funding:hover {
  border-color: hsl(var(--color-theme))
}

.funding p {
  margin-bottom: 1.6rem
}

.funding__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 2.4rem
}

.funding__description,
.funding__title {
  color: hsl(var(--color-black))
}

.funding__description {
  display: none;
  padding: 0 2.4rem 2.4rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em
}

.funding__image {
  position: relative;
  width: 6.4rem;
  height: 5.4rem;
  margin: 0 .8rem
}

.funding__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .2rem
}

.funding__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg)
}

.general-content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: 1.6rem;
  align-items: center
}

@media screen and (min-width:768px) {
  .general-content {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:768px) {
  .general-content_reversed .general-content__text {
    order: 1
  }

  .general-content_reversed .general-content__image {
    order: 2
  }
}

@media screen and (min-width:768px) {
  .general-content__text {
    padding: 0 3.2rem
  }
}

.general-content__image {
  position: relative
}

@media screen and (min-width:768px) {
  .general-content__image {
    padding: 0 1.6rem
  }
}

.big_number_cols .columns__head-heading {
  max-width: none !important
}

.big_number_cols .columns__head-description,
.big_number_cols .columns__head-icon {
  display: none !important
}

.big_number_cols .columns__content {
  display: block !important
}

.big_number_cols .columns__content-container {
  grid-template-columns: 1fr !important
}

.big_number_cols .columns__column {
  display: grid;
  gap: 2.6rem;
  grid-template-columns: 1fr
}

@media screen and (min-width:768px) {
  .big_number_cols .columns__column {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.2rem
  }
}

@media screen and (min-width:1280px) {
  .big_number_cols .columns__column {
    grid-template-columns: repeat(3, 1fr);
    gap: 3.8rem
  }
}

.big_number_cols .columns__column-item:not(:first-child) {
  margin-top: 0 !important
}

.big_number_cols .columns__column-item__wrapper {
  display: grid;
  grid-template-columns: 3.5rem auto;
  gap: 1rem
}

@media screen and (min-width:768px) {
  .big_number_cols .columns__column-item__wrapper {
    grid-template-columns: 5rem auto
  }
}

.big_number_cols .columns__column-item__number {
  margin: 0 !important;
  font-size: 3rem;
  font-weight: 800
}

@media screen and (min-width:768px) {
  .big_number_cols .columns__column-item__number {
    font-size: 4rem
  }
}

.big_number_cols .columns__column-item__text {
  display: flex;
  flex-flow: column;
  gap: 1rem
}

.horizontal-list {
  display: grid;
  row-gap: 3.2rem
}

.image-block img {
  border-radius: .8rem
}

.label-author {
  display: inline-flex;
  align-items: center
}

.label-author__image {
  display: inline-block;
  position: relative;
  margin-right: .4rem;
  border-radius: .4rem;
  overflow: hidden
}

.label-author__label {
  color: hsl(var(--color-gray-80))
}

.label-author.small .label-author__label {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em
}

.label-author.small .label-author__image {
  width: 2.2rem;
  height: 2.2rem
}

.label-author.medium .label-author__label {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

.label-author.medium .label-author__image {
  width: 2.4rem;
  height: 2.4rem
}

.label-author.large .label-author__label {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .03em
}

.label-author.large .label-author__image {
  width: 2.6rem;
  height: 2.6rem
}

.label-text {
  display: flex;
  flex-direction: column
}

.label-text>span {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-theme-text))
}

.logo {
  position: relative
}

@media screen and (min-width:768px) {
  .logo:hover .logo__text {
    fill: hsl(var(--color-green))
  }
}

.logo__text {
  transition: fill .2s var(--transition-function)
}

.logo__flag {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%
}

.logo__flag img {
  width: 100%;
  height: auto
}

.logos {
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap
}

.logos__item {
  display: flex;
  align-items: center;
  justify-content: center
}

.logos__item img {
  width: auto;
  height: auto;
  max-width: 100%
}

.networks {
  display: flex;
  align-items: center;
  column-gap: 1.6rem
}

.networks__link {
  display: block;
  color: hsl(var(--color-white));
  text-decoration: none;
  transition: opacity .2s var(--transition-function)
}

.networks__link:hover {
  opacity: .6
}

.networks__link svg {
  display: block
}

.pagination {
  padding: 4rem 0 0
}

.pagination__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start
}

.pagination__item {
  margin: 0 1.2rem
}

.pagination__item a,
.pagination__item span {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  text-decoration: none;
  color: hsl(var(--color-black));
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 3.2rem;
  text-align: center
}

.pagination__item.current span {
  min-width: 3.2rem;
  background: hsl(var(--color-green));
  color: hsl(var(--color-white));
  border-radius: 50%
}

.pagination__item.next a,
.pagination__item.prev a {
  height: 3.2rem;
  min-width: 3.2rem;
  background: hsl(var(--color-black));
  fill: hsl(var(--color-white));
  border-radius: 50%
}

.programs-vertical-list__section:not(:last-child):not(.programs-vertical-list__section_no-bottom) {
  margin-bottom: 3.2rem
}

@media screen and (min-width:1024px) {
  .programs-vertical-list__section:not(:last-child):not(.programs-vertical-list__section_no-bottom) {
    margin-bottom: 8rem
  }
}

.programs-vertical-list__heading {
  margin-bottom: 1.6rem
}

@media screen and (min-width:1024px) {
  .programs-vertical-list__heading {
    margin-bottom: 4rem
  }
}

.programs-vertical-list__item {
  margin-bottom: 1.6rem
}

.programs-vertical-list__empty {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-50))
}

.progress_arrow_cols .progress_arrow_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-row-gap: 5rem;
  grid-column-gap: 0
}

@media screen and (min-width:1280px) {
  .progress_arrow_cols .progress_arrow_list {
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 0;
    grid-column-gap: 5rem
  }
}

.progress_arrow_cols .progress_arrow_list__item {
  position: relative;
  background: hsl(var(--color-white));
  border: .2rem solid transparent;
  border-radius: .8rem
}

.progress_arrow_cols .progress_arrow_list__item:hover {
  border-color: transparent
}

.progress_arrow_cols .progress_arrow_list__item--wrapper {
  height: 100%;
  display: flex;
  flex-flow: column;
  padding: 1.6rem 2.4rem
}

@media screen and (min-width:768px) {
  .progress_arrow_cols .progress_arrow_list__item--wrapper {
    flex-flow: row
  }
}

@media screen and (min-width:1280px) {
  .progress_arrow_cols .progress_arrow_list__item--wrapper {
    flex-flow: column;
    gap: 2rem;
    padding: 3rem 2rem
  }
}

.progress_arrow_cols .progress_arrow_list__item--content {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 1rem
}

@media screen and (min-width:768px) {
  .progress_arrow_cols .progress_arrow_list__item--content {
    align-items: flex-start
  }
}

@media screen and (min-width:1280px) {
  .progress_arrow_cols .progress_arrow_list__item--content {
    align-items: center
  }
}

.progress_arrow_cols .progress_arrow_list__item--thumb {
  align-self: center;
  flex-shrink: 0;
  position: relative;
  width: 12rem;
  height: max-content;
  max-height: 14rem;
  border-radius: .4rem;
  overflow: hidden;
  margin-right: 1.6rem
}

@media screen and (min-width:768px) {
  .progress_arrow_cols .progress_arrow_list__item--thumb {
    align-self: flex-start;
    margin-right: 2.4rem
  }
}

@media screen and (min-width:1280px) {
  .progress_arrow_cols .progress_arrow_list__item--thumb {
    width: 100%;
    height: auto;
    max-height: none
  }
}

.progress_arrow_cols .progress_arrow_list__item--title a {
  color: hsl(var(--color-black));
  text-decoration: none
}

.progress_arrow_cols .progress_arrow_list__item--subtitle {
  text-align: center;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black))
}

@media screen and (min-width:768px) {
  .progress_arrow_cols .progress_arrow_list__item--subtitle {
    text-align: left
  }
}

@media screen and (min-width:1280px) {
  .progress_arrow_cols .progress_arrow_list__item--subtitle {
    text-align: center
  }
}

.progress_arrow_cols .progress_arrow_list__item--description {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-70))
}

.progress_arrow_cols .progress_arrow_list__item:not(:last-child):after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23231f20}%3C/style%3E%3C/defs%3E%3Cg data-name='Layer 2' id='Layer_2'%3E%3Cpath class='cls-1' d='M16.47 16.88L26.34 7a1 1 0 00-1.41-1.41l-9.06 9.06-8.8-8.8a1 1 0 00-1.41 0 1 1 0 000 1.42l9.61 9.61a.85.85 0 001.2 0z'/%3E%3Cpath class='cls-1' d='M16.47 26.46l9.87-9.88a1 1 0 00-1.41-1.41l-9.06 9.06-8.8-8.8a1 1 0 00-1.41 0 1 1 0 000 1.41l9.61 9.62a.85.85 0 001.2 0z'/%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  width: 5rem;
  height: 5rem;
  bottom: -5rem;
  left: calc(50% - 2.5rem);
  transform: rotate(0)
}

@media screen and (min-width:1280px) {
  .progress_arrow_cols .progress_arrow_list__item:not(:last-child):after {
    bottom: calc(50% - 2.5rem);
    left: 100%;
    transform: rotate(-90deg)
  }
}

.related-topics {
  padding: 2.4rem;
  background: hsl(var(--color-gray-akad-light));
  border-radius: .4rem
}

.related-topics__title {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black));
  margin-bottom: 1.6rem
}

.related-topics__list {
  margin: -.8rem;
  display: flex;
  flex-wrap: wrap
}

.related-topics__list>* {
  margin: .8rem
}

.related-topics .label {
  white-space: normal;
  word-break: break-word
}

.sales-cta {
  display: flex;
  flex-direction: column
}

.sales-cta__text {
  color: hsl(var(--description-color))
}

.sales-cta__text.top {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  margin-bottom: .8rem
}

@media screen and (min-width:768px) {
  .sales-cta__text.top {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: .03em;
    margin-bottom: 1.6rem
  }
}

.sales-cta__text.bottom {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  margin-top: .8rem
}

@media screen and (min-width:768px) {
  .sales-cta__text.bottom {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .03em;
    margin-top: 1.6rem
  }
}

.sales-cta__card {
  display: flex;
  padding: 1.6rem;
  border-radius: .4rem
}

.sales-cta__image {
  position: relative;
  margin-right: 2.4rem
}

.sales-cta__image img {
  width: 6.4rem;
  height: 7.6rem;
  border-radius: .4rem
}

.sales-cta__content {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.sales-cta__sales {
  flex: 1;
  margin-right: 2.4rem
}

.sales-cta__sales-name {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  color: hsl(var(--color-black));
  margin-bottom: .4rem
}

.sales-cta__sales-name,
.sales-cta__sales-title {
  font-family: var(--font-default), var(--font-fallback);
  letter-spacing: .03em
}

.sales-cta__sales-title {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: hsl(var(--color-gray-70))
}

.sales-cta__button {
  margin: 1.2rem 0
}

.sales-cta__button-bottom {
  text-align: center;
  margin-top: 1.6rem
}

@media screen and (max-width:575px) {
  .sales-cta__content {
    flex-direction: column;
    align-items: start
  }

  .sales-cta__card {
    width: 100%
  }
}

.sales-cta.center {
  align-items: center
}

.sales-cta.center .sales-cta__text {
  text-align: center
}

.sales-cta.white .sales-cta__card {
  background: hsl(var(--color-white))
}

.sales-cta.gray .sales-cta__card {
  background: hsl(var(--color-gray-akad-light))
}

.section {
  position: relative
}

.section__pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.section--white {
  background-color: hsl(var(--color-white))
}

.section--gray {
  background-color: hsl(var(--color-gray-akad-light))
}

.section--black {
  background-color: hsl(var(--color-black))
}

.section--green {
  background-color: hsl(var(--color-green))
}

.section--theme {
  background-color: hsl(var(--color-theme-pattern))
}

.section--theme-light {
  background-color: hsl(var(--color-theme-light))
}

.section--default {
  padding: 3.2rem 0
}

@media screen and (min-width:1024px) {
  .section--default {
    padding: 8rem 0
  }
}

.section--none {
  padding: 0
}

@media screen and (min-width:1024px) {
  .section--none {
    padding: 0
  }
}

.section--small {
  padding: 1.6rem 0
}

@media screen and (min-width:1024px) {
  .section--small {
    padding: 3.2rem 0
  }
}

.section--large {
  padding: 6.4rem 0
}

@media screen and (min-width:1024px) {
  .section--large {
    padding: 12.8rem 0
  }
}

.section--top {
  padding-bottom: 0
}

.section--bottom {
  padding-top: 0
}

.section--wide .section__content {
  max-width: 1440px;
  padding-left: 0;
  padding-right: 0
}

.section--sticky {
  position: sticky;
  z-index: 10;
  top: 0
}

.section__head {
  width: 100%;
  max-width: var(--grid-container);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  margin: 0 auto 2.4rem
}

@media screen and (min-width:1024px) {
  .section__head {
    margin-bottom: 4rem
  }
}

.section__content {
  width: 100%;
  max-width: var(--grid-container);
  margin: 0 auto;
  padding-left: 1.6rem;
  padding-right: 1.6rem
}

.section--hidden {
  overflow-x: hidden
}

.section-content-tabs__item {
  transition: opacity .2s var(--transition-function)
}

.cta_advanced .section__head {
  margin-bottom: 2.4rem
}

.cta_advanced__wrapper {
  margin: 0 auto
}

.cta_advanced__col {
  gap: 2.4rem
}

.cta_advanced__col--description p:last-of-type,
.cta_advanced__col--list p,
.cta_advanced__col--list ul {
  margin-bottom: 0
}

.cta_advanced__col--buttons {
  flex-direction: column;
  gap: 1.2rem
}

@media screen and (min-width:768px) {
  .cta_advanced__col--buttons {
    flex-direction: row
  }
}

.cta_advanced__footer {
  font-size: 1.4rem;
  line-height: 2.2rem
}

.rabatt_code {
  border: 1px dashed;
  padding: .4rem;
  hyphens: none;
  font-weight: 700;
  cursor: pointer
}

.section-head__head {
  display: flex;
  flex-direction: column
}

@media screen and (min-width:768px) {
  .section-head__head {
    flex-direction: row;
    align-items: center;
    justify-content: space-between
  }
}

.section-head__heading {
  position: relative;
  flex: 1
}

.section-head__heading span {
  color: hsl(var(--color-theme))
}

.section-head__button {
  margin: .8rem 0 0
}

@media screen and (min-width:768px) {
  .section-head__button {
    margin: 0
  }
}

.section-head__subtitle {
  margin-top: 2.4rem
}

.section-head_center {
  align-items: center;
  justify-content: center
}

.section-head_default,
.section-head_default .section-head__subtitle {
  color: hsl(var(--heading-color))
}

.section-head_white {
  color: hsl(var(--color-white))
}

.section-head_center .section-head__head {
  align-items: center
}

.section-head_center .section-head__heading,
.section-head_center .section-head__subtitle {
  text-align: center
}

@media screen and (min-width:768px) {
  .section-head-tabs_center {
    display: flex;
    flex-direction: column;
    align-items: center
  }
}

.section-head-tabs__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  margin-top: 2.4rem
}

.section-head-tabs__description {
  padding-top: .8rem
}

.section-head-tabs__tabs {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: auto
}

.section-head-tabs__tabs::-webkit-scrollbar {
  display: none
}

.section-head-tabs__button {
  margin-top: 1.6rem
}

.Video {
  --videoPlayButtonIconEasing: cubic-bezier(0.4, 0, 0.2, 1);
  --videoPlayButtonIconDuration: 350ms;
  --videoOverlayColor: rgba(0, 0, 0, 0.2);
  --videoBorderRadius: var(--cardBorderRadius, 0px);
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: var(--videoBorderRadius)
}

.Card .Video {
  height: 100%
}

.Video--inCard {
  box-shadow: var(--cardShadowXLarge)
}

.Video--hasBorder {
  border: 1px solid var(--cardBorderColor)
}

.Video--hasMaxWidth {
  margin: 0 auto
}

.video--excludeControls {
  cursor: pointer
}

.Video__overlay {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: opacity .5s
}

.Video--playing .Video__overlay {
  opacity: 0;
  pointer-events: none
}

.Video__overlay:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: .5;
  background-color: var(--videoOverlayColor)
}

.Video__playButton {
  position: relative;
  z-index: 3;
  transition: var(--videoPlayButtonIconEasing) var(--videoPlayButtonIconDuration)
}

.Video__overlay:hover .Video__playButton {
  transform: scale(1.05)
}

.Video__video {
  width: 100%;
  position: relative;
  z-index: 1;
  vertical-align: top
}

.Video--excludeControls .Video__video {
  pointer-events: none
}

.Video--hasAspectRatio .Video__video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%
}

.Video--resizeModeFill .Video__video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.Video__poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: opacity .5s;
  pointer-events: none
}

.Video--posterHidden .Video__poster {
  opacity: 0
}

.Video__posterImage {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  background: transparent
}

.show-more {
  position: relative;
  overflow: hidden
}

.show-more_active {
  max-height: none !important
}

.show-more_active .show-more__button {
  display: none
}

.show-more__button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.6rem;
  text-align: center
}

.show-more__button .button {
  position: relative;
  z-index: 3
}

.show-more__button:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  height: 300px;
  background-image: linear-gradient(transparent, hsl(var(--color-white)) 80%, hsl(var(--color-white)))
}

@media screen and (min-width:768px) {
  .sidebar {
    display: grid;
    grid-row-gap: 2.4rem;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 1.2rem
  }
}

.sidebar__column_left {
  margin-bottom: 2.4rem
}

@media screen and (min-width:768px) {
  .sidebar__column_left {
    margin-bottom: 0;
    grid-column: span 3
  }
}

.sidebar__column_sticky {
  position: sticky;
  top: 0;
  padding: 1rem 0;
  z-index: 499;
  background: hsl(var(--color-white));
  margin-bottom: 0;
  box-shadow: 0 0 0 .4rem hsla(0, 0%, 100%, .5)
}

.sidebar__column_sticky .sidebar__section {
  margin-bottom: 0
}

.sidebar__column_sticky:before {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  width: 100vw;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  left: 50%;
  background-color: inherit
}

@media screen and (min-width:768px) {
  .sidebar__column_sticky {
    position: fixed;
    width: auto;
    padding: 1rem 0;
    margin: 0;
    box-shadow: none;
    overflow: auto;
    background: transparent
  }

  .sidebar__column_sticky:before {
    content: none
  }

  .sidebar__column_sticky .tabs-vertical__item {
    background: hsl(var(--color-white))
  }
}

@media screen and (min-width:768px) {
  .sidebar__column_right {
    grid-column: 5/span 8
  }
}

.sidebar__section {
  margin-bottom: 2.4rem
}

@media screen and (min-width:1024px) {
  .sidebar__section {
    margin-bottom: 4.8rem
  }
}

.sidebar_empty .sidebar__column_left {
  display: none
}

@media screen and (min-width:768px) {
  .sidebar_empty .sidebar__column_right {
    grid-column: span 12
  }
}

.backdrop-blur {
  background: hsl(var(--color-theme-light)/.85);
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem)
}

.subnav__container {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-top: .8rem;
  padding-bottom: .8rem
}

.subnav__container::-webkit-scrollbar {
  display: none
}

@media screen and (min-width:768px) {
  .subnav__container {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
  }
}

.subnav__item {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-theme-dark));
  white-space: nowrap;
  text-decoration: none;
  padding: .8rem 1.2rem;
  border-radius: .8rem
}

.subnav__item:not(:last-child) {
  margin-right: 1.2rem
}

@media screen and (min-width:768px) {
  .subnav__item:not(:last-child) {
    margin-right: 2rem
  }
}

@media screen and (min-width:768px) {
  .subnav__item {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .03em
  }
}

.subnav__item.active {
  background-color: hsl(var(--color-theme));
  color: hsl(var(--color-white))
}

.swiper-custom {
  width: 100%
}

@media screen and (min-width:768px) {
  .swiper-custom .swiper-wrapper {
    width: auto;
    height: auto;
    transform: none !important
  }
}

.swiper-custom .swiper-slide {
  width: 90%
}

@media screen and (min-width:768px) {
  .swiper-custom .swiper-slide {
    width: auto;
    margin-right: 0 !important
  }
}

.swiper-custom .swiper-pagination {
  margin-top: 2.4rem;
  position: relative
}

.swiper-custom .swiper-pagination-bullet-active {
  background-color: hsl(var(--color-black))
}

@media screen and (min-width:768px) {
  .swiper-custom .swiper-pagination {
    display: none
  }
}

.swiper-custom.counter {
  counter-reset: slides
}

.swiper-custom.counter .swiper-slide {
  position: relative;
  counter-increment: slides
}

.swiper-custom.counter .swiper-slide:before {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .03em;
  content: counter(slides);
  position: absolute;
  z-index: 2;
  top: 1.2rem;
  left: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  background: hsl(var(--color-black));
  border-radius: .4rem;
  color: hsl(var(--color-white))
}

.swiper-desktop {
  width: 100%;
  overflow: visible !important
}

.swiper-desktop .swiper-slide {
  width: 90%
}

@media screen and (min-width:768px) {
  .swiper-desktop .swiper-slide {
    width: auto
  }
}

.swiper-desktop .swiper-pagination {
  margin-top: 1.6rem;
  position: relative;
  bottom: auto !important
}

.swiper-desktop .swiper-pagination-bullet-active {
  background-color: hsl(var(--color-black))
}

@media screen and (min-width:768px) {
  .swiper-desktop .swiper-pagination {
    display: none
  }
}

.swiper-desktop .swiper-navigation {
  display: none;
  margin-top: 2.4rem
}

@media screen and (min-width:768px) {
  .swiper-desktop .swiper-navigation {
    display: flex;
    justify-content: center
  }
}

.swiper-desktop .swiper-navigation__button {
  height: 4rem;
  width: 4rem;
  margin: 0 .8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: hsl(var(--color-white));
  fill: hsl(var(--color-white));
  background: hsl(var(--color-black));
  border-radius: 50%;
  cursor: pointer
}

.text-field>:last-child {
  margin-bottom: 0
}

.text-field__heading {
  color: hsl(var(--heading-color));
  margin: 0 0 .8rem
}

@media screen and (min-width:768px) {
  .text-field__heading {
    margin: 0 0 1.6rem
  }
}

.text-field__heading span {
  color: hsl(var(--color-theme))
}

.text-field__description {
  margin: 0 0 .8rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  color: hsl(var(--description-color))
}

@media screen and (min-width:768px) {
  .text-field__description {
    margin: 0 0 1.6rem;
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: .03em
  }
}

.text-field__description a:not(.button) {
  color: hsl(var(--description-color))
}

.text-field__list {
  margin: 0 0 .8rem
}

@media screen and (min-width:768px) {
  .text-field__list {
    margin: 0 0 1.6rem
  }
}

.text-field__list a,
.text-field__list span {
  color: hsl(var(--text-color))
}

.text-field__buttons {
  display: flex;
  margin: .8rem 0 0
}

@media screen and (min-width:768px) {
  .text-field__buttons {
    margin: 3.2rem 0 0
  }
}

.text-field p,
.text-field ul {
  margin-bottom: 1.6rem;
  color: hsl(var(--color-gray-80))
}

.text-field .heading {
  color: hsl(var(--heading-color))
}

.vertical-list__item {
  margin-bottom: 1.6rem
}

.video {
  display: flex;
  flex-direction: column
}

.video__image {
  position: relative;
  height: 100%;
  border-radius: .8rem;
  overflow: hidden
}

.video__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

@media screen and (max-width:1023px) {
  .video__image {
    padding-bottom: 56%
  }
}

.video__image:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .1);
  transition: background-color .2s linear
}

.video__button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 12rem;
  height: 12rem;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, .3);
  transform: translate(-50%, -50%);
  will-change: transform, box-shadow;
  cursor: pointer;
  z-index: 3;
  transition: background-color .2s var(--transition-function), box-shadow .2s var(--transition-function)
}

.video__button .icon {
  fill: hsl(var(--color-white));
  width: 6rem;
  height: 6rem
}

.video__button:hover {
  background-color: hsla(0, 0%, 100%, .5);
  box-shadow: 0 0 0 .4rem hsla(0, 0%, 100%, .5)
}

.video__button:hover+.video__image:after {
  background-color: rgba(0, 0, 0, .2)
}

.video__caption {
  margin-top: 1.6rem;
  color: hsl(var(--color-black))
}

.video-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .8);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s linear
}

.video-overlay.active {
  opacity: 1;
  pointer-events: auto
}

.video-overlay__button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  top: .8rem;
  right: .8rem;
  background: hsl(var(--color-white));
  border-radius: 50%;
  cursor: pointer;
  z-index: 1010
}

.video-overlay__inner {
  position: relative
}

@media (orientation:portrait) {
  .video-overlay__inner video {
    width: 100vw;
    height: 56.625vw
  }
}

@media (orientation:landscape) {
  .video-overlay__inner video {
    height: 100vh;
    width: auto
  }
}

@media screen and (min-width:1024px) {
  .video-overlay__inner video {
    width: 90vw;
    height: auto;
    max-height: calc(100vh - 12.2rem)
  }
}

.video-overlay__inner iframe {
  border: none
}

.video-overlay__inner iframe * {
  background: transparent
}

@media (orientation:portrait) {
  .video-overlay__inner iframe {
    width: 100vw;
    height: 56.625vw
  }
}

@media (orientation:landscape) {
  .video-overlay__inner iframe {
    height: 100vh;
    width: 100vw
  }
}

@media screen and (min-width:1024px) {
  .video-overlay__inner iframe {
    width: 90vw;
    height: 50.625vw;
    max-height: calc(100vh - 12.2rem)
  }
}

.years__item {
  display: flex;
  padding: 1.6rem 2rem
}

.years__item-content {
  flex: 1
}

.years__item-label {
  position: relative;
  display: none;
  min-width: 40%;
  align-items: center;
  justify-content: center
}

@media screen and (min-width:576px) {
  .years__item-label {
    display: flex
  }
}

.years__item-arrow {
  background: hsl(var(--color-theme));
  width: 16px;
  height: 100%;
  position: absolute
}

.years__item-arrow:before {
  border-top: 8px solid hsl(var(--color-white));
  top: 0
}

.years__item-arrow:after,
.years__item-arrow:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin: 0;
  position: absolute
}

.years__item-arrow:after {
  border-top: 8px solid hsl(var(--color-theme));
  bottom: -8px
}

.years__item-year {
  border-bottom: 3px solid hsl(var(--color-theme));
  color: hsl(var(--color-theme));
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  padding: .8rem 2.4rem;
  transform: translate(50%, -35%);
  z-index: 1
}

.years__item-year:before {
  content: "";
  position: absolute;
  left: -.4rem;
  width: .8rem;
  height: .8rem;
  bottom: -.4rem;
  background-color: hsl(var(--color-white));
  border-radius: 50%
}

.years__item-title {
  font-weight: 700;
  line-height: 2rem;
  color: hsl(var(--color-black))
}

.years__item-description,
.years__item-title {
  font-family: var(--font-default), var(--font-fallback);
  font-size: 1.6rem;
  letter-spacing: .03em
}

.years__item-description {
  color: hsl(var(--color-gray-70));
  font-weight: 400;
  line-height: 2.8rem;
  margin-top: 1.6rem
}

@media screen and (min-width:576px) {
  .years__item-description {
    margin-bottom: 0;
    margin-top: .4rem
  }
}

.years__item-description strong {
  color: hsl(var(--color-theme))
}

.years__item:nth-child(2n) .years__item-year {
  transform: translate(-50%, -35%)
}

.years__item:nth-child(2n) .years__item-year:before {
  left: auto;
  right: -.4rem
}

.card-post {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  text-decoration: none
}

.card-post:hover .card-post__title {
  color: hsl(var(--color-theme))
}

.card-post__thumb {
  position: relative;
  padding-bottom: 75%;
  border-radius: .8rem;
  overflow: hidden
}

.card-post__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.card-post__labels {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.2rem;
  row-gap: .8rem
}

.card-post__content {
  display: flex;
  flex-direction: column;
  gap: 1.2rem
}

.card-post__title {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em;
  color: hsl(var(--color-black));
  hyphens: auto;
  -webkit-hyphens: auto
}

@media screen and (min-width:576px) {
  .card-post__title {
    font-size: 1.8rem;
    line-height: 2.6rem
  }
}

@media screen and (min-width:1024px) {
  .card-post__title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: normal
  }
}

.card-post__text {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: hsl(var(--color-gray-80))
}

.card-post__date,
.card-post__text {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  letter-spacing: .03em
}

.card-post__date {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: hsl(var(--color-gray-60))
}

.card-price {
  padding: 2.4rem 1.6rem;
  border-radius: .8rem;
  background-color: hsl(var(--color-white));
  box-shadow: 0 10px 20px rgba(0, 0, 0, .04), 0 2px 6px rgba(0, 0, 0, .04), 0 0 1px rgba(0, 0, 0, .04)
}

@media screen and (min-width:1024px) {
  .card-price {
    padding: 3.2rem
  }
}

.card-price__label {
  margin-bottom: .8rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

@media screen and (min-width:1024px) {
  .card-price__label {
    margin-bottom: 4rem
  }
}

.card-price__duration {
  margin-top: .8rem
}

@media screen and (min-width:1024px) {
  .card-price__duration {
    margin-top: 2rem
  }
}

.card-price__price {
  display: flex
}

.card-price__symbol {
  align-self: flex-start;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .card-price__symbol {
    font-size: 2rem;
    line-height: 2.8rem
  }
}

@media screen and (min-width:1024px) {
  .card-price__symbol {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: normal
  }
}

.card-price__currentPrice {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: .01em;
  line-height: 1
}

@media screen and (min-width:576px) {
  .card-price__currentPrice {
    font-size: 3.2rem;
    line-height: 4rem
  }
}

@media screen and (min-width:1024px) {
  .card-price__currentPrice {
    font-size: 6.4rem;
    line-height: 6.8rem
  }
}

.card-price__text {
  align-self: flex-end;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

@media screen and (min-width:1024px) {
  .card-price__text {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.6rem;
    letter-spacing: .03em
  }
}

.card-price__discount {
  display: flex
}

.card-price__oldPrice {
  color: hsl(var(--color-gray-50));
  align-self: center;
  font-size: 1.8rem;
  text-decoration: line-through;
  font-weight: 700
}

@media screen and (min-width:1024px) {
  .card-price__oldPrice {
    font-size: 2.3rem
  }
}

.card-price__discountAmount {
  margin-left: 1.2rem;
  padding: 1.2rem .4rem;
  border-radius: .8rem;
  background-color: hsl(var(--color-white));
  color: hsl(var(--color-red-dark));
  border: .1rem solid hsl(var(--color-red-dark));
  border-radius: .4rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: .1rem
}

.card-price__list {
  margin-top: .8rem
}

@media screen and (min-width:1024px) {
  .card-price__list {
    margin-top: 2.4rem
  }
}

.card-price__description {
  margin-top: .8rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

@media screen and (min-width:1024px) {
  .card-price__description {
    margin-top: 2.4rem;
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: .03em
  }
}

.card-price__message {
  margin-top: .8rem
}

@media screen and (min-width:1024px) {
  .card-price__message {
    margin-top: 2.4rem
  }
}

.card-price__button {
  margin-top: .8rem
}

@media screen and (min-width:1024px) {
  .card-price__button {
    margin-top: 2.4rem
  }
}

.card-price__button .button {
  width: 100%
}

.card-price__caption {
  margin-top: 1.6rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  text-align: center;
  color: hsl(var(--color-gray-70))
}

@media screen and (min-width:1024px) {
  .card-price__caption {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .03em
  }
}

.document {
  flex: 1;
  display: flex;
  gap: 1.6rem;
  padding: 1.6rem 2.4rem;
  background: hsl(var(--color-white));
  border: .1rem solid hsl(var(--color-gray-akad-light));
  border-radius: .4rem
}

@media screen and (min-width:576px) {
  .document {
    align-items: center
  }
}

.document__icon {
  flex-shrink: 0;
  color: hsl(var(--color-green));
  fill: hsl(var(--color-green))
}

@media screen and (max-width:575px) {
  .document__icon {
    padding-top: .2rem
  }
}

.document__content {
  flex: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: .8rem
}

@media screen and (min-width:576px) {
  .document__content {
    align-items: center;
    flex-direction: row;
    gap: 1.6rem
  }
}

.document__title {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  color: hsl(var(--color-black))
}

.document__description,
.document__title {
  font-family: var(--font-default), var(--font-fallback);
  letter-spacing: .03em
}

.document__description {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: hsl(var(--color-gray-70));
  margin-top: .4rem
}

.faq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 1.6rem;
  border: .1rem solid hsl(var(--color-gray-akad-dark));
  border-radius: .4rem;
  text-decoration: none;
  color: initial;
  cursor: pointer
}

.faq:hover {
  border-color: hsl(var(--color-black))
}

.faq:not(:first-of-type) {
  margin-top: .8rem
}

@media screen and (min-width:768px) {
  .faq:not(:first-of-type) {
    margin-top: 1.6rem
  }
}

.faq__title {
  font-weight: 700;
  font-size: 1.6rem;
  color: hsl(var(--color-black))
}

.faq__description,
.faq__title {
  font-family: var(--font-default), var(--font-fallback);
  line-height: 2rem;
  letter-spacing: .03em
}

.faq__description {
  font-weight: 400;
  font-size: 1.2rem;
  margin-top: .4rem
}

@media screen and (min-width:768px) {
  .faq__description {
    margin-top: .8rem
  }
}

.faq__icon {
  margin: 0 .8rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: hsl(var(--color-black));
  border-radius: 50%;
  color: hsl(var(--color-white));
  fill: hsl(var(--color-white))
}

.card-horizontal-icon {
  display: flex;
  flex-direction: column;
  padding: 2.4rem 3.2rem;
  border: .1rem solid transparent;
  border-radius: .4rem;
  background: hsl(var(--color-white));
  cursor: pointer
}

.card-horizontal-icon:hover {
  border-color: hsl(var(--color-black))
}

.card-horizontal-icon__icon {
  color: hsl(var(--color-green));
  fill: hsl(var(--color-green))
}

.card-horizontal-icon__icon svg {
  width: 3.8rem;
  height: 3.8rem
}

.card-horizontal-icon__content-title {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black));
  margin-right: .8rem
}

.card-horizontal-icon__content-description {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-70))
}

.card-horizontal-icon__content-description.top {
  margin-bottom: .8rem
}

.card-horizontal-icon__content-description.bottom {
  margin-top: .8rem
}

.card-horizontal-icon__buttons {
  flex-shrink: 0
}

.card-horizontal-icon__buttons>* {
  margin-top: .8rem
}

.card-horizontal-icon__buttons>:not(:last-child) {
  margin-right: 1.6rem
}

@media screen and (min-width:768px) {
  .card-horizontal-icon {
    flex-direction: row;
    align-items: center
  }

  .card-horizontal-icon__icon {
    margin-right: 2.4rem
  }

  .card-horizontal-icon__buttons {
    margin-left: .4rem
  }

  .card-horizontal-icon__buttons>:not(:last-child) {
    margin-right: .4rem
  }

  .card-horizontal-icon__content {
    flex: 1
  }

  .card-horizontal-icon__content-description.top {
    margin-bottom: .4rem
  }

  .card-horizontal-icon__content-description.bottom {
    margin-top: .4rem
  }
}

.image-no-bg {
  display: flex;
  gap: 1.6rem;
  text-decoration: none
}

.image-no-bg:hover .image-no-bg__image:before {
  background-color: rgba(0, 0, 0, .2)
}

.image-no-bg:hover .underlined_green {
  color: hsl(var(--color-green))
}

.image-no-bg:hover .underlined_gray {
  color: hsl(var(--color-steel))
}

.image-no-bg:hover .underlined_yellow {
  color: hsl(var(--color-yellow))
}

.image-no-bg:hover .underlined_navy {
  color: hsl(var(--color-blue))
}

.image-no-bg:hover .underlined_purple {
  color: hsl(var(--color-purple))
}

.image-no-bg:hover .underlined_turquoise {
  color: hsl(var(--color-sky-blue))
}

.image-no-bg__image {
  position: relative;
  flex-shrink: 0;
  height: max-content;
  border-radius: .8rem;
  overflow: hidden
}

.image-no-bg__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, .1);
  transition: background-color .2s var(--transition-function)
}

.image-no-bg__image:after {
  content: "";
  display: block;
  padding-bottom: 80%
}

.image-no-bg__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.image-no-bg__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.2rem
}

@media screen and (min-width:768px) {
  .image-no-bg__content {
    gap: 1.6rem
  }
}

.image-no-bg__content a {
  text-decoration: none
}

.image-no-bg__heading {
  width: 100%;
  color: hsl(var(--color-black));
  word-break: break-word
}

.image-no-bg__heading.underlined {
  color: hsl(var(--color-black));
  transition: color .2s var(--transition-function)
}

.image-no-bg__heading.underlined span {
  border-bottom: .2rem solid transparent;
  transition: border-color .2s var(--transition-function)
}

.image-no-bg__heading.underlined_green span {
  border-color: hsl(var(--color-green))
}

.image-no-bg__heading.underlined_gray span {
  border-color: hsl(var(--color-steel))
}

.image-no-bg__heading.underlined_yellow span {
  border-color: hsl(var(--color-yellow))
}

.image-no-bg__heading.underlined_navy span {
  border-color: hsl(var(--color-blue))
}

.image-no-bg__heading.underlined_purple span {
  border-color: hsl(var(--color-purple))
}

.image-no-bg__heading.underlined_turquoise span {
  border-color: hsl(var(--color-sky-blue))
}

.image-no-bg__labels-field {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .4rem
}

.image-no-bg__labels-field.description {
  color: hsl(var(--color-gray-70))
}

.image-no-bg__labels-field.time {
  color: hsl(var(--color-gray-50))
}

.image-no-bg.default {
  flex-direction: column
}

@media screen and (min-width:768px) {
  .image-no-bg.default {
    flex-direction: row
  }
}

@media screen and (min-width:768px) {
  .image-no-bg.default .image-no-bg__image {
    width: 27rem
  }
}

.image-no-bg.horizontal .image-no-bg__image {
  position: relative;
  width: 10rem
}

@media screen and (min-width:768px) {
  .image-no-bg.horizontal .image-no-bg__image {
    width: 27rem
  }
}

.image-no-bg.horizontal .image-no-bg__content {
  justify-content: center
}

.image-no-bg.vertical {
  flex-direction: column
}

.image-no-bg.vertical .image-no-bg__image {
  width: auto
}

.image-no-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 3.2rem;
  padding: 2.4rem;
  border: 1px solid hsl(var(--color-gray-akad-light));
  border-radius: .4rem;
  background: hsl(var(--color-white));
  transition: border-color .2s var(--transition-function);
  text-decoration: none
}

@media screen and (min-width:768px) {
  .image-no-link {
    flex-direction: row
  }
}

.image-no-link:first-of-type {
  margin-top: 1.6rem
}

@media screen and (min-width:768px) {
  .image-no-link:first-of-type {
    margin-top: 3.2rem
  }
}

@media screen and (min-width:768px) {
  .image-no-link {
    gap: 6.4rem;
    padding: 3.2rem
  }
}

.image-no-link:hover .image-no-link__image:before {
  background-color: rgba(0, 0, 0, .2)
}

.image-no-link__image {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  height: max-content;
  border-radius: .8rem;
  overflow: hidden
}

@media screen and (min-width:768px) {
  .image-no-link__image {
    width: 20rem
  }
}

.image-no-link__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, .1);
  transition: background-color .2s var(--transition-function)
}

.image-no-link__image:after {
  content: "";
  display: block;
  padding-bottom: 80%
}

.image-no-link__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.image-no-link__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.2rem
}

@media screen and (min-width:768px) {
  .image-no-link__content {
    gap: 1.6rem
  }
}

.image-no-link__content a {
  text-decoration: none
}

.image-no-link__heading {
  width: 100%;
  color: hsl(var(--color-black));
  word-break: break-word
}

.image-no-link__buttons {
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (min-width:768px) {
  .image-no-link__buttons {
    display: block
  }
}

.image-no-link__buttons .button {
  flex: 1;
  margin-top: .8rem
}

@media screen and (min-width:768px) {
  .image-no-link__buttons .button:not(:last-child) {
    margin-right: .8rem
  }
}

.card-horizontal-image {
  display: flex;
  height: 100%;
  padding: 1.6rem 2.4rem;
  background: hsl(var(--color-white));
  border: .2rem solid transparent;
  border-radius: .8rem
}

@media screen and (min-width:576px) {
  .card-horizontal-image {
    padding: 2.4rem 3.2rem
  }
}

.card-horizontal-image:hover {
  border-color: hsl(var(--color-black))
}

.card-horizontal-image__content {
  display: flex;
  flex-direction: column
}

.card-horizontal-image__thumb {
  flex-shrink: 0;
  position: relative;
  width: 12rem;
  height: max-content;
  max-height: 14rem;
  border-radius: .4rem;
  overflow: hidden;
  margin-right: 1.6rem
}

@media screen and (min-width:576px) {
  .card-horizontal-image__thumb {
    margin-right: 2.4rem
  }
}

.card-horizontal-image__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

@media screen and (min-width:576px) {
  .card-horizontal-image__header {
    flex-direction: row;
    align-items: center
  }
}

.card-horizontal-image__label {
  display: flex;
  align-items: center;
  background: hsl(var(--color-black));
  color: hsl(var(--color-white));
  padding: .4rem .8rem;
  border-radius: .4rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .03em
}

.card-horizontal-image__label-icon.before {
  margin-right: .4rem
}

.card-horizontal-image__label-icon.after {
  margin-left: .4rem
}

.card-horizontal-image__description,
.card-horizontal-image__subtitle {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-70))
}

.card-horizontal-image__title {
  margin: 0 0 .4rem
}

@media screen and (min-width:576px) {
  .card-horizontal-image__title {
    margin: 0 .8rem 0 0
  }
}

.card-horizontal-image__subtitle {
  margin-bottom: .8rem
}

@media screen and (min-width:576px) {
  .card-horizontal-image__subtitle {
    margin-bottom: .4rem
  }
}

.card-horizontal-image__description {
  margin-top: .8rem
}

.card-horizontal-image__description a {
  text-decoration: underline;
  color: inherit
}

@media screen and (min-width:576px) {
  .card-horizontal-image__description {
    margin-top: .4rem
  }
}

.card-horizontal-image__author,
.card-horizontal-image__button {
  margin-top: 1.6rem
}

.card-no-image {
  display: flex;
  flex-direction: column;
  background-color: hsl(var(--color-white));
  padding: 1.6rem;
  border-radius: .8rem;
  transition: border-color .2s var(--transition-function)
}

@media screen and (min-width:768px) {
  .card-no-image {
    padding: 3.2rem;
    border: 2px solid hsl(var(--color-gray-akad-dark))
  }
}

.card-no-image_gray {
  background-color: hsl(var(--color-gray-akad-light));
  border-color: hsl(var(--color-gray-akad-light))
}

.card-no-image:hover {
  border-color: hsl(var(--color-black))
}

.card-no-image__head {
  display: flex;
  justify-content: space-between
}

.card-no-image__title {
  hyphens: auto;
  -webkit-hyphens: auto
}

.card-no-image__label {
  margin-left: .8rem
}

.card-no-image__labels {
  display: flex;
  flex-wrap: wrap;
  margin: .8rem 0 0
}

.card-no-image__labels>:not(:first-child) {
  margin-left: .8rem
}

@media screen and (min-width:768px) {
  .card-no-image__labels {
    margin: 1.6rem 0 0
  }
}

.card-no-image__description {
  margin: 1.6rem 0 0;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-70))
}

.card-no-image__list {
  margin: 1.6rem 0 0
}

.card-no-image__button {
  margin-top: auto;
  padding-top: 2.4rem
}

.simple-accordion:not(:last-child) {
  margin-bottom: 3.2rem
}

.simple-accordion__list {
  display: grid;
  gap: .8rem
}

.simple-accordion__item {
  background-color: hsl(var(--color-white));
  border: 2px dashed transparent;
  transition: all .3s;
  border-radius: 0
}

.simple-accordion__item:not(:last-child) {
  border-bottom-color: hsl(var(--color-gray-10))
}

.simple-accordion__item.active,
.simple-accordion__item:hover {
  box-shadow: 0 0 .8rem rgba(0, 0, 0, .1);
  border-bottom-color: transparent;
  border-radius: 1.2rem
}

.active .simple-accordion__item--title>img {
  transform: rotate(180deg)
}

.simple-accordion__item--title {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .8rem;
  cursor: pointer
}

@media screen and (min-width:768px) {
  .simple-accordion__item--title {
    padding: 1.2rem
  }
}

.simple-accordion__item--title>span {
  font-weight: bolder;
  font-size: 1.4rem
}

@media screen and (min-width:768px) {
  .simple-accordion__item--title>span {
    font-size: 1.6rem
  }
}

.simple-accordion__item--title>img {
  width: 1rem;
  height: auto;
  transition: .3s ease-out
}

.simple-accordion__item--content {
  max-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  transition: max-height .3s ease-out
}

.simple-accordion__item--desc {
  padding: 1.6rem .8rem;
  font-size: 1.4rem
}

@media screen and (min-width:768px) {
  .simple-accordion__item--desc {
    padding: 2.4rem 1.2rem;
    font-size: 1.6rem
  }
}

.simple-accordion__item--button {
  padding: 0 .8rem .8rem
}

@media screen and (min-width:768px) {
  .simple-accordion__item--button {
    padding: 0 1.2rem 1.2rem
  }
}

.simple-accordion__item--button>a {
  width: 100%
}

.card-squared-programme {
  display: flex;
  text-decoration: none;
  cursor: pointer;
  box-shadow: var(--cardShadowXSmall);
  border-radius: .8rem;
  overflow: hidden
}

@media screen and (min-width:768px) {
  .card-squared-programme {
    flex-direction: column;
    height: 100%;
    transition: box-shadow .2s var(--transition-function)
  }
}

@media screen and (min-width:768px) {
  .card-squared-programme:hover {
    box-shadow: var(--cardShadowSmall)
  }

  .card-squared-programme:hover .card-squared-programme__thumb:before {
    background-color: rgba(0, 0, 0, .2)
  }

  .card-squared-programme:hover .card-squared-programme__title {
    color: hsl(var(--color-gray-80))
  }
}

.card-squared-programme--view-all .card-squared-programme__content {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .8rem
}

.card-squared-programme__thumb {
  position: relative;
  flex-shrink: 0;
  width: 10.8rem;
  overflow: hidden
}

.card-squared-programme__thumb:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, .1);
  transition: background-color .2s var(--transition-function)
}

.card-squared-programme__thumb:after {
  content: "";
  display: block;
  padding-bottom: 100%
}

@media screen and (min-width:768px) {
  .card-squared-programme__thumb {
    width: 100%
  }

  .card-squared-programme__thumb:after {
    content: "";
    display: block;
    padding-bottom: 80%
  }
}

.card-squared-programme__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.card-squared-programme__content {
  flex: 1;
  padding: 1.6rem 2.4rem;
  background-color: hsl(var(--color-white));
  overflow: visible;
  transition: border-color .2s var(--transition-function);
  display: flex;
  flex-direction: column;
  gap: 1.2rem
}

.card-squared-programme__title {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black))
}

@media screen and (min-width:768px) {
  .card-squared-programme__title {
    transition: color .2s var(--transition-function)
  }
}

.card-squared-programme__description {
  margin-top: .4rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-70))
}

.card-squared-programme__degree {
  margin-top: -33px;
  z-index: 10
}

@media screen and (max-width:767px) {
  .card-squared-programme__degree {
    margin-top: 0
  }
}

.card-squared {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2.4rem;
  border-radius: .4rem;
  border: 2px solid transparent
}

.card-squared_background-gray {
  background-color: hsl(var(--color-gray-akad-light))
}

.card-squared_bordered-true {
  border-color: hsl(var(--color-gray-akad-dark))
}

.card-squared_align-left {
  align-items: flex-start
}

.card-squared_align-center {
  align-items: center;
  text-align: center
}

.card-squared__title {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem
}

.card-squared__description,
.card-squared__title {
  font-family: var(--font-default), var(--font-fallback);
  letter-spacing: .03em
}

.card-squared__description {
  margin-top: .8rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: hsl(var(--color-gray-70))
}

.card-squared__buttons {
  margin-top: auto;
  padding-top: 2.4rem;
  display: flex;
  flex-wrap: wrap
}

.card-squared__button:not(:last-child) {
  margin-right: 2.4rem
}

.summary-card {
  padding: 1.6rem;
  border-radius: .8rem;
  box-shadow: 0 24px 32px 0 rgba(37, 41, 52, .0509803922);
  background: hsl(var(--color-white))
}

@media screen and (min-width:1024px) {
  .summary-card {
    background-color: hsl(var(--color-theme-light))
  }
}

@media screen and (min-width:768px) {
  .summary-card {
    padding: 3.2rem
  }
}

.summary-card>:last-child {
  margin-bottom: 0
}

.summary-card__heading {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: .03em;
  margin-bottom: 2.4rem
}

.summary-card__message {
  margin-bottom: 2.4rem
}

.summary-card__buttons {
  margin-bottom: 1.6rem
}

.summary-card__caption {
  color: hsl(var(--color-gray-70));
  text-align: center
}

.summary-card__fields {
  display: flex;
  flex-wrap: wrap
}

.summary-card__field {
  width: 100%;
  margin-bottom: 1.6rem;
  padding-right: 1rem
}

@media screen and (min-width:576px) {
  .summary-card__field {
    width: 50%
  }
}

@media screen and (min-width:1024px) {
  .summary-card__field {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 2.4rem;
    padding-right: 0
  }
}

.summary-card__label {
  margin-bottom: .8rem;
  color: hsl(var(--color-gray-70));
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em
}

@media screen and (min-width:1024px) {
  .summary-card__label {
    margin-bottom: 0;
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: .03em;
    flex: 1
  }
}

.summary-card__values {
  flex: 1
}

.summary-card__value {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em
}

.webinar {
  display: grid;
  align-items: flex-start;
  border-radius: .8rem;
  padding: 1.6rem;
  background-color: hsl(var(--color-gray-02));
  transition: background-color .4s
}

@media screen and (min-width:768px) {
  .webinar {
    grid: auto/1fr 2fr 1fr;
    padding: 2.4rem
  }

  .webinar:hover {
    background-color: hsl(var(--color-gray-05))
  }
}

.webinar__duration {
  display: flex;
  align-items: center;
  column-gap: .8rem;
  color: hsl(var(--color-gray-70))
}

.webinar__duration span {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

.webinar__content {
  display: grid;
  row-gap: 1.2rem
}

@media screen and (max-width:767px) {
  .webinar__content {
    margin-top: .8rem
  }
}

.webinar__meta {
  display: flex;
  justify-content: flex-end
}

.webinar__highlight {
  background: hsl(var(--color-green-light))
}

.webinar__conteiner-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%
}

.webinar__responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.webinar__thumbnail {
  display: none
}

@media screen and (min-width:768px) {
  .webinar__thumbnail {
    display: block;
    width: 100%;
    max-width: 200px;
    position: relative;
    background-color: hsl(var(--color-gray-10));
    border-radius: .4rem;
    overflow: hidden
  }

  .webinar__thumbnail:after {
    content: "";
    display: block;
    padding-bottom: 60%
  }

  .webinar__thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
  }
}

.body .slds-m-bottom_x-small:first-of-type,
.flow-button__FINISH,
.slds-resizable__divider,
.slds-resizable__handle,
.slds-table_header-fixed_container[lightning-datatable_table]>.slds-scrollable_y[lightning-datatable_table]:before {
  display: none !important
}

.oivwebinars.slds-scope {
  font-family: var(--font-default), var(--font-fallback) !important;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em
}

.oivwebinars.slds-scope .slds-card {
  border-width: 0;
  margin-bottom: 3.2rem
}

.oivwebinars.slds-scope .slds-card__body,
.oivwebinars.slds-scope .slds-card__header {
  padding: 0;
  margin: 0;
  height: auto
}

.oivwebinars.slds-scope .slds-card__header {
  margin-bottom: .8rem
}

.oivwebinars.slds-scope .slds-table td,
.oivwebinars.slds-scope .slds-table th {
  font-family: var(--font-default), var(--font-fallback) !important;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em;
  border: none !important;
  padding: .8rem;
  box-shadow: none !important;
  background: #fff !important;
  color: hsl(var(--color-black))
}

.oivwebinars.slds-scope .slds-table thead .slds-resizable {
  display: none
}

.oivwebinars.slds-scope .slds-table thead .slds-cell-fixed {
  position: relative;
  background: hsl(var(--color-gray-akad-light));
  min-width: 100%
}

.oivwebinars.slds-scope .slds-table thead .slds-th__action-button.slds-dropdown-trigger.slds-dropdown-trigger_click {
  display: none
}

.oivwebinars.slds-scope .slds-table thead th {
  background: hsl(var(--color-gray-akad-light));
  text-align: center
}

.oivwebinars.slds-scope .slds-table thead th .slds-th__action {
  justify-content: center;
  font-weight: 700;
  padding: .8rem 0
}

.oivwebinars.slds-scope .slds-table thead th:last-child .slds-truncate {
  opacity: 0
}

.oivwebinars.slds-scope .slds-table tbody th span {
  background: hsl(var(--color-gray-akad-light));
  border-radius: .4rem;
  padding: 1.6rem;
  text-transform: uppercase
}

.oivwebinars.slds-scope .slds-table tbody td:last-of-type .slds-grid_align-spread {
  justify-content: flex-end
}

.oivwebinars.slds-scope .slds-table_bordered {
  border: none !important
}

.oivwebinars.slds-scope .slds-grid_align-spread {
  justify-content: center
}

.oivwebinars.slds-scope .slds-th__action {
  height: auto
}

.oivwebinars.slds-scope .slds-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.2rem;
  line-height: 2rem;
  padding: .8rem 1.6rem;
  border-radius: 4.4rem;
  background-color: hsl(var(--color-green));
  border-color: hsl(var(--color-green));
  color: hsl(var(--color-white))
}

@media screen and (min-width:768px) {
  .oivwebinars.slds-scope .slds-button {
    font-size: 1.4rem;
    line-height: 2.2rem;
    padding: 1.2rem 2rem;
    border-radius: 4.4rem
  }
}

@media screen and (min-width:768px) {
  .oivwebinars.slds-scope .slds-button:hover {
    background-color: hsl(var(--color-green-dark));
    color: hsl(var(--color-white))
  }
}

.oivwebinars.slds-scope .flow-button__BACK {
  color: hsl(var(--color-black));
  border-color: transparent;
  border-bottom: 2px solid;
  transition: color .2s var(--transition-function);
  background: transparent;
  border-radius: 0;
  padding: 0;
  margin-right: 20px
}

@media screen and (min-width:768px) {
  .oivwebinars.slds-scope .flow-button__BACK:hover {
    background-color: transparent;
    color: hsl(var(--color-green))
  }
}

.oivwebinars.slds-scope .actionsRight {
  align-items: center
}

.oivwebinars.slds-scope h2 {
  font-family: var(--font-default), var(--font-fallback);
  font-size: 2.2rem;
  font-weight: 700;
  padding-bottom: .4rem
}

.oivwebinars.slds-scope .slds-form-element__static {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em
}

.oivwebinars.slds-scope .slds-form-element_readonly {
  border-bottom: none;
  margin-bottom: .4rem
}

.oivwebinars.slds-scope .slds-form-element__label {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  margin-bottom: .4rem;
  white-space: nowrap
}

.oivwebinars.slds-scope .slds-input {
  width: 100%;
  outline: none;
  padding: 1.2rem 1.6rem;
  border-radius: .4rem;
  border: 1px solid hsl(var(--color-gray-60));
  background-color: hsl(var(--color-white));
  transition: border-color .2s var(--transition-function), box-shadow .2s var(--transition-function);
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em
}

.oivwebinars.slds-scope .slds-input:focus {
  border-color: hsl(var(--color-gray-40));
  box-shadow: 0 0 0 .2rem hsl(var(--color-theme-light)/.3)
}

.oivwebinars.slds-scope .slds-input[aria-invalid=true] {
  border-color: hsl(var(--color-red)) !important;
  box-shadow: 0 0 0 .2rem hsl(var(--color-red)/.3)
}

.oivwebinars.slds-scope .slds-combobox__input {
  width: 100% !important;
  appearance: none;
  outline: none;
  padding: 1.2rem 1.6rem;
  border-radius: .4rem;
  border: 1px solid hsl(var(--color-gray-60));
  transition: border-color .2s var(--transition-function), box-shadow .2s var(--transition-function);
  background-color: hsl(var(--color-white))
}

.oivwebinars.slds-scope .slds-combobox__input,
.oivwebinars.slds-scope .slds-listbox {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em
}

.oivwebinars.slds-scope .slds-form-element__help,
.oivwebinars.slds-scope .slds-text-body_small {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-red))
}

.oivwebinars.slds-scope .slds-input__icon-group_right {
  top: 40%
}

.oivwebinars.slds-scope .slds-checkbox_faux {
  display: none
}

.oivwebinars.slds-scope .slds-p-vertical_small .slds-media__figure {
  position: absolute
}

.oivwebinars.slds-scope .slds-p-vertical_small .slds-media__body {
  padding-left: 40px
}

.oivwebinars.slds-scope .slds-p-vertical_small .slds-tile__detail {
  background: hsl(var(--color-white))
}

.oivwebinars.slds-scope .summary-container .teaser {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em;
  color: hsl(var(--heading-color))
}

@media screen and (min-width:576px) {
  .oivwebinars.slds-scope .summary-container .teaser {
    font-size: 2.4rem;
    line-height: 3.2rem
  }
}

@media screen and (min-width:1024px) {
  .oivwebinars.slds-scope .summary-container .teaser {
    font-size: 3.6rem;
    line-height: 4.4rem
  }
}

.oivwebinars.slds-scope .summary-container .sub-teaser {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em;
  color: hsl(var(--heading-color))
}

@media screen and (min-width:576px) {
  .oivwebinars.slds-scope .summary-container .sub-teaser {
    font-size: 2rem;
    line-height: 2.8rem
  }
}

@media screen and (min-width:1024px) {
  .oivwebinars.slds-scope .summary-container .sub-teaser {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: normal
  }
}

.oivwebinars.slds-scope .summary-container .summary {
  display: block;
  column-count: 2;
  margin: 3.2rem 0
}

.oivwebinars.slds-scope .summary-container .body,
.oivwebinars.slds-scope .summary-container .headline {
  background-color: hsl(var(--color-white));
  color: hsl(var(--heading-color));
  overflow: initial
}

.oivwebinars.slds-scope .summary-container .headline {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .oivwebinars.slds-scope .summary-container .headline {
    font-size: 1.8rem;
    line-height: 2.6rem
  }
}

@media screen and (min-width:1024px) {
  .oivwebinars.slds-scope .summary-container .headline {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: normal
  }
}

.oivwebinars.slds-scope .summary-container .body {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em
}

.oivwebinars.slds-scope .summary-container .sub-text,
.oivwebinars.slds-scope .summary-container .text {
  display: initial;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

@media screen and (max-width:767px) {
  .oivwebinars.slds-scope .slds-scrollable_y {
    overflow-x: auto
  }

  .oivwebinars.slds-scope .slds-scrollable_y .slds-table {
    min-width: 800px
  }
}

@media screen and (max-width:767px) {
  .oivwebinars.slds-scope .slds-visual-picker {
    margin: 20px auto 0 !important
  }
}

@media screen and (min-width:768px) {
  .oivwebinars.slds-scope .slds-visual-picker {
    margin-top: 30px
  }
}

.oivwebinars.slds-scope .slds-visual-picker input:checked~label .slds-visual-picker__text,
.oivwebinars.slds-scope .slds-visual-picker input:not(:disabled)~label:hover .slds-visual-picker__figure {
  border-color: hsl(var(--color-green));
  box-shadow: 0 0 0 1px hsl(var(--color-green)) inset
}

.oivwebinars.slds-scope .slds-visual-picker input:checked~label .slds-visual-picker__text:after {
  border-right-color: hsl(var(--color-green));
  border-top-color: hsl(var(--color-green))
}

.oivwebinars.slds-scope .slds-button-group-list .slds-button_icon {
  height: 4rem;
  margin: 0 .4rem;
  border-radius: .4rem
}

.oivwebinars.slds-scope .slds-grid_align-space .slds-col {
  flex: 1
}

.oivwebinars.slds-scope .slds-radio_button__label {
  background-color: transparent
}

.oivwebinars.slds-scope .slds-page-header__name-meta,
.oivwebinars.slds-scope .slds-page-header__title,
.oivwebinars.slds-scope .slds-text-heading_small {
  font-family: var(--font-default), var(--font-fallback)
}

.oivwebinars.slds-scope .slds-text-heading_large {
  margin-bottom: 1.6rem
}

.oivwebinars.slds-scope .slds-page-header__name-meta,
.oivwebinars.slds-scope .slds-text-body_regular,
.oivwebinars.slds-scope .slds-text-heading_small {
  font-size: 1.2rem
}

.oivwebinars.slds-scope .slds-page-header__title {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .oivwebinars.slds-scope .slds-page-header__title {
    font-size: 1.8rem;
    line-height: 2.6rem
  }
}

@media screen and (min-width:1024px) {
  .oivwebinars.slds-scope .slds-page-header__title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: normal
  }
}

.oivwebinars.slds-scope .slds-page-header__control {
  display: flex;
  align-items: center
}

.oivwebinars.slds-scope .slds-m-right_x-small {
  display: none
}

.oivwebinars.slds-scope .slds-radio_button {
  background-color: hsl(var(--color-theme-light));
  border-color: hsl(var(--color-green)) !important;
  color: hsl(var(--heading-color))
}

.oivwebinars.slds-scope .slds-radio_button [type=radio]:checked+.slds-radio_button__label,
.oivwebinars.slds-scope .slds-radio_button [type=radio]:checked+.slds-radio_button__label:hover {
  background-color: hsl(var(--color-green));
  border-color: hsl(var(--color-green)) !important;
  color: hsl(var(--color-white))
}

.oivwebinars.slds-scope .slds-form-element__control .slds-radio_button-group .slds-radio_button {
  padding: 0
}

.oivwebinars.slds-scope .slds-form-element__control .slds-radio_button-group .slds-radio_button label {
  padding: 1.2rem 2rem
}

.oivwebinars.slds-scope .fsc-cal-size {
  min-height: auto;
  height: fit-content
}

.webbinar-compact {
  display: flex;
  flex-direction: column;
  gap: 4rem
}

.webbinar-compact .top-content {
  display: flex;
  flex-direction: column;
  gap: 3.2rem
}

@media screen and (min-width:768px) {
  .webbinar-compact .top-content {
    flex-direction: row
  }
}

.webbinar-compact .top-content .sidebar_left {
  display: flex;
  flex-direction: column;
  width: 100%
}

@media screen and (min-width:768px) {
  .webbinar-compact .top-content .sidebar_left {
    width: 45%
  }
}

.webbinar-compact .top-content .sidebar_right {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 2.4rem;
  padding-top: .8rem
}

@media screen and (min-width:768px) {
  .webbinar-compact .top-content .sidebar_right {
    width: 45%
  }
}

.webbinar-compact .bottom-content {
  display: flex;
  flex-wrap: wrap
}

.webbinar-compact .bottom-content .webinarcpt {
  width: 25%;
  height: 100%;
  flex-wrap: wrap;
  padding: .8rem
}

@media screen and (max-width:767px) {
  .webbinar-compact .bottom-content .webinarcpt {
    gap: 0;
    width: 33.3%
  }
}

@media screen and (max-width:575px) {
  .webbinar-compact .bottom-content .webinarcpt {
    width: 50%
  }
}

.webbinar-compact .bottom-content .webinarcpt__content,
.webbinar-compact .bottom-content .webinarcpt__thumbnail {
  width: 100%
}

.webbinar-compact .webinarcpt {
  display: flex;
  align-items: center;
  height: 18rem;
  gap: 2.4rem
}

.webbinar-compact .webinarcpt__duration {
  display: flex;
  align-items: center;
  column-gap: .8rem;
  color: hsl(var(--color-gray-70))
}

.webbinar-compact .webinarcpt__duration span {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

.webbinar-compact .webinarcpt__duration .icon {
  fill: hsl(var(--color-gray-70))
}

.webbinar-compact .webinarcpt__content {
  display: grid;
  row-gap: 1.2rem;
  width: 60%
}

@media screen and (max-width:767px) {
  .webbinar-compact .webinarcpt__content {
    margin-top: .8rem
  }
}

.webbinar-compact .webinarcpt__thumbnail {
  height: 100%;
  width: 40%;
  display: block;
  position: relative;
  background-color: hsl(var(--color-gray-10));
  border-radius: .4rem;
  overflow: hidden
}

.webbinar-compact .webinarcpt__thumbnail:after {
  content: "";
  display: block;
  padding-bottom: 60%
}

.webbinar-compact .webinarcpt__thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.article {
  display: flex;
  flex-direction: column;
  gap: 1.6rem
}

.article p,
.article ul {
  margin-bottom: 1.6rem;
  color: hsl(var(--color-gray-80))
}

.article h2[id],
.article h3[id] {
  scroll-margin-top: 190px
}

.toc {
  background-color: hsl(var(--color-gray-akad-light));
  padding: 3.2rem 3.2rem 1.6rem;
  margin-bottom: 3.2rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

.toc a {
  font-weight: 600
}

.toc ul {
  padding-left: 1.6rem
}

.articles .swiper {
  width: 100%;
  overflow: auto
}

.articles .swiper-wrapper {
  gap: 1.5rem
}

@media screen and (min-width:768px) {
  .articles .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: var(--grid-gap);
    grid-row-gap: 2.4rem;
    width: auto;
    height: auto;
    transform: none !important
  }
}

@media screen and (min-width:768px) and (min-width:576px) {
  .articles .swiper-wrapper {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:768px) {
  .articles .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:768px) and (min-width:1024px) {
  .articles .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:1280px) {
  .articles .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:1440px) {
  .articles .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:1920px) {
  .articles .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr)
  }
}

.articles .swiper-slide {
  width: 90%
}

@media screen and (min-width:768px) {
  .articles .swiper-slide {
    width: auto;
    margin-right: 0 !important
  }
}

.articles .swiper-pagination {
  margin-top: 2.4rem;
  position: relative
}

.articles .swiper-pagination-bullet-active {
  background: hsl(var(--color-black))
}

@media screen and (min-width:768px) {
  .articles .swiper-pagination {
    display: none
  }
}

.bottom-nudge {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: 2.4rem
}

@media screen and (min-width:576px) {
  .bottom-nudge {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) {
  .bottom-nudge {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:1024px) {
  .bottom-nudge {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .bottom-nudge {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .bottom-nudge {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .bottom-nudge {
    grid-template-columns: repeat(3, 1fr)
  }
}

.columns__head-container,
.columns__head-title {
  display: flex;
  flex-direction: column
}

.columns__head-title {
  position: relative;
  align-items: start;
  justify-content: start;
  color: hsl(var(--heading-color));
  padding-right: 2rem
}

.columns__head-title .icon {
  display: none;
  font-size: 2.2rem
}

.columns__head-title .icon:before {
  line-height: 2.2rem
}

.columns__head-switcher {
  display: none;
  margin-top: 2.4rem
}

.columns__head-title:hover .columns__head-switcher {
  color: hsl(var(--color-green))
}

.columns__head-description {
  margin-top: 1.6rem;
  text-align: center;
  color: hsl(var(--description-color))
}

.columns__head-buttons {
  display: flex;
  justify-content: center
}

.columns__head-buttons>* {
  margin-top: .8rem
}

.columns__head-buttons>:not(:last-child) {
  margin-right: 1.6rem
}

.columns__head-tabs {
  margin-top: 1.6rem
}

.columns__content {
  margin-top: 4.8rem
}

.columns__content-container {
  display: grid;
  grid-row-gap: 2.4rem;
  grid-column-gap: var(--grid-gap);
  grid-template-columns: repeat(1, 1fr)
}

@media screen and (min-width:768px) {
  .columns__content-container_columns {
    grid-template-columns: repeat(2, 1fr)
  }

  .columns__content-container_columns--two25-75 {
    grid-template-columns: 1fr 3fr
  }

  .columns__content-container_columns--two75-25 {
    grid-template-columns: 3fr 1fr
  }

  .columns__content-container_columns--two33-66 {
    grid-template-columns: 1fr 2fr
  }

  .columns__content-container_columns--two66-33 {
    grid-template-columns: 2fr 1fr
  }
}

@media screen and (min-width:1024px) {
  .columns__content-container_columns {
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column
  }
}

@media screen and (min-width:1024px) {
  .columns__content-container_cards {
    grid-template-columns: repeat(3, 1fr)
  }

  :where(.columns__content-container_cards>:first-child) {
    grid-column: span 2;
    grid-row: 1
  }

  :where(.columns__content-container_cards>:nth-child(2)) {
    grid-column: span 1;
    grid-row: 1
  }

  :where(.columns__content-container_cards>:nth-child(3)) {
    grid-column: span 3;
    grid-row: 2
  }

  .columns__content-container_cards .sales-cta {
    align-items: center
  }
}

.columns__column-item:not(:first-child) {
  margin-top: 3.2rem
}

.columns__column-documents>:not(:first-child) {
  margin-top: .8rem
}

.columns__column_card {
  --heading-color: hsl(var(--color-black));
  --text-color: hsl(var(--color-gray-90));
  --description-color: hsl(var(--color-gray-80))
}

@media screen and (min-width:1024px) {
  .columns__column_card {
    padding: 4rem;
    border-radius: .8rem;
    background-color: hsl(var(--color-white));
    box-shadow: 0 10px 20px rgba(0, 0, 0, .04), 0 2px 6px rgba(0, 0, 0, .04), 0 0 1px rgba(0, 0, 0, .04)
  }
}

@media screen and (min-width:768px) {
  .columns__head-container {
    flex-direction: row;
    justify-content: space-between
  }

  .columns__head-description {
    text-align: left;
    margin-top: 2.4rem
  }

  .columns__head-title .icon {
    display: none
  }

  .columns__head-buttons {
    flex-shrink: 0;
    align-items: flex-start
  }

  .columns__head-buttons>* {
    margin-top: 0
  }

  .columns__head-buttons>:not(:last-child) {
    margin-right: 2.4rem
  }
}

.content-pages__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: 2.4rem
}

@media screen and (min-width:576px) {
  .content-pages__list {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) {
  .content-pages__list {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:1024px) {
  .content-pages__list {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .content-pages__list {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .content-pages__list {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .content-pages__list {
    grid-template-columns: repeat(2, 1fr)
  }
}

.cta {
  display: flex;
  align-items: center;
  padding: 1.6rem 2rem;
  border: .2rem solid transparent;
  border-radius: .4rem
}

@media screen and (min-width:768px) {
  .cta {
    padding: 2.4rem 3.2rem
  }
}

.cta:only-child {
  max-width: 72rem;
  margin: 0 auto
}

.cta__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.8rem;
  height: 3.8rem;
  margin-right: 1.6rem;
  color: hsl(var(--color-theme));
  fill: hsl(var(--color-theme))
}

@media screen and (min-width:768px) {
  .cta__icon {
    margin-right: 2.4rem
  }
}

.cta__icon svg {
  width: 3rem;
  height: 3rem
}

.cta__container {
  flex: 1;
  display: flex;
  flex-direction: column
}

@media screen and (min-width:768px) {
  .cta__container {
    flex-direction: row;
    align-items: center;
    justify-content: space-between
  }
}

.cta__content {
  margin-right: 1.6rem
}

@media screen and (min-width:768px) {
  .cta__content {
    margin-right: 2.4rem
  }
}

.cta__title {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  color: hsl(var(--heading-color))
}

.cta__description,
.cta__title {
  font-family: var(--font-default), var(--font-fallback);
  letter-spacing: .03em
}

.cta__description {
  margin-top: .8rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: hsl(var(--description-color))
}

.cta__buttons {
  flex-shrink: 0;
  margin-top: .8rem
}

@media screen and (min-width:768px) {
  .cta__buttons {
    margin-top: 0
  }
}

.cta__buttons>:not(:last-child) {
  margin-right: .8rem;
  margin-bottom: .8rem
}

@media screen and (min-width:768px) {
  .cta__buttons>:not(:last-child) {
    margin-right: 1.6rem;
    margin-bottom: 0
  }
}

.cta.vertical,
.cta.vertical .cta__container {
  flex-direction: column;
  align-items: flex-start
}

.cta.vertical .cta__buttons {
  margin-top: auto;
  padding-top: 1.6rem
}

.cta.vertical .cta__icon {
  margin-bottom: 1.6rem
}

@media screen and (min-width:768px) {
  .cta.vertical .cta__icon {
    margin-bottom: .8rem
  }
}

.cta.default {
  border-color: hsl(var(--color-gray-akad-dark))
}

.cta.white {
  background: hsl(var(--color-white))
}

.cta.green {
  color: hsl(var(--color-white))
}

.cta.green,
.cta.green .cta__icon {
  background: hsl(var(--color-green))
}

.cta.green .cta__icon {
  border-radius: .4rem
}

.cta.white .cta__title {
  color: hsl(var(--color-black))
}

.cta.white .cta__description {
  color: hsl(var(--color-gray-70))
}

.cta.white .cta__icon {
  color: hsl(var(--color-green));
  fill: hsl(var(--color-green))
}

.cta-custom {
  display: flex;
  align-items: center;
  padding: 1.6rem 2rem;
  border-radius: .4rem;
  position: relative
}

@media screen and (max-width:575px) {
  .cta-custom {
    flex-direction: column
  }
}

@media screen and (min-width:768px) {
  .cta-custom {
    padding: 2.4rem 3.2rem
  }
}

.cta-custom__img {
  width: 33%;
  height: 230px;
  margin: -2.4rem 3.2rem -2.4rem -3.2rem
}

.cta-custom__img img {
  height: 230px;
  object-fit: cover
}

@media screen and (max-width:575px) {
  .cta-custom__img {
    width: calc(100% + 4rem);
    margin: -1.6rem 0 2rem
  }

  .cta-custom__img img {
    border-radius: .4rem .4rem 0 0
  }
}

.cta-custom__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.8rem;
  height: 3.8rem;
  margin-right: 1.6rem;
  color: hsl(var(--color-theme));
  fill: hsl(var(--color-theme))
}

@media screen and (min-width:768px) {
  .cta-custom__icon {
    margin-right: 2.4rem
  }
}

.cta-custom__icon svg {
  width: 3rem;
  height: 3rem
}

.cta-custom__container {
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column
}

@media screen and (min-width:768px) {
  .cta-custom__container {
    flex-direction: row;
    align-items: center;
    justify-content: space-between
  }
}

.cta-custom__content {
  margin-right: 1.6rem
}

@media screen and (min-width:768px) {
  .cta-custom__content {
    margin-right: 2.4rem
  }
}

.cta-custom__title {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  word-break: auto-phrase
}

.cta-custom__subtitle {
  font-size: 1.6rem;
  line-height: 2.8rem
}

.cta-custom__description,
.cta-custom__subtitle {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  letter-spacing: .03em;
  word-break: auto-phrase
}

.cta-custom__description {
  margin-top: .8rem;
  font-size: 1.4rem;
  line-height: 2.2rem
}

.cta-custom__buttons {
  flex-shrink: 0;
  margin-top: 1.6rem
}

.cta-custom__buttons>:not(:last-child) {
  margin-right: .8rem;
  margin-bottom: .8rem
}

@media screen and (min-width:768px) {
  .cta-custom__buttons>:not(:last-child) {
    margin-right: 1.6rem;
    margin-bottom: 0
  }
}

@media screen and (max-width:575px) {
  .cta-custom__buttons {
    margin-bottom: 1rem
  }
}

.cta-custom .section__pattern {
  z-index: 0
}

.cta-custom .text-gray {
  color: hsl(var(--description-color))
}

.cta-custom .text-white {
  color: hsl(var(--color-white))
}

.cta-custom .text-green {
  color: hsl(var(--color-green))
}

.cta-custom .text-orange {
  color: hsl(var(--color-orange))
}

.cta-custom.border-none {
  border: none
}

.cta-custom.border-gray,
.cta-custom.border-green,
.cta-custom.border-orange {
  border: .2rem solid transparent
}

.cta-custom.border-gray {
  border-color: hsl(var(--color-gray-akad-dark))
}

.cta-custom.border-green {
  border-color: hsl(var(--color-green))
}

.cta-custom.border-orange {
  border-color: hsl(var(--color-orange))
}

.cta-custom.boxed {
  max-width: 72rem;
  margin: 0 auto
}

.cta-custom.vertical,
.cta-custom.vertical .cta-custom__container {
  flex-direction: column;
  align-items: flex-start
}

.cta-custom.vertical .cta-custom__buttons {
  margin-top: auto;
  padding-top: 1.6rem
}

.cta-custom.vertical .cta-custom__icon {
  margin-bottom: 1.6rem
}

@media screen and (min-width:768px) {
  .cta-custom.vertical .cta-custom__icon {
    margin-bottom: .8rem
  }
}

.cta-custom.default .section__pattern {
  display: none
}

.cta-custom.white {
  background: hsl(var(--color-white))
}

.cta-custom.white .section__pattern {
  display: none
}

.cta-custom.green {
  color: hsl(var(--color-white));
  background: hsl(var(--color-green))
}

.cta-custom.green .cta-custom__icon {
  background: hsl(var(--color-green));
  border-radius: .4rem
}

.cta-custom.white .cta-custom__title {
  color: hsl(var(--color-black))
}

.cta-custom.white .cta-custom__description {
  color: hsl(var(--color-gray-70))
}

.cta-custom.white .cta-custom__icon {
  color: hsl(var(--color-green));
  fill: hsl(var(--color-green))
}

.cta-custom.orange {
  color: hsl(var(--color-white));
  background: hsl(var(--color-orange))
}

.cta-custom.orange .cta-custom__icon {
  background: hsl(var(--color-orange));
  border-radius: .4rem
}

.cta-double_single {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: 2.4rem
}

@media screen and (min-width:576px) {
  .cta-double_single {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) {
  .cta-double_single {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:1024px) {
  .cta-double_single {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .cta-double_single {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .cta-double_single {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .cta-double_single {
    grid-template-columns: repeat(1, 1fr)
  }
}

.cta-double_double {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: 2.4rem
}

@media screen and (min-width:576px) {
  .cta-double_double {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) {
  .cta-double_double {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:1024px) {
  .cta-double_double {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .cta-double_double {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .cta-double_double {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .cta-double_double {
    grid-template-columns: repeat(2, 1fr)
  }
}

.degrees {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: 2.4rem
}

@media screen and (min-width:576px) {
  .degrees {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) {
  .degrees {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:1024px) {
  .degrees {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .degrees {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .degrees {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .degrees {
    grid-template-columns: repeat(3, 1fr)
  }
}

.events-empty__image img {
  border-radius: .8rem
}

.events-empty__description {
  margin-top: 1.6rem
}

@media screen and (min-width:768px) {
  .events-empty__description {
    margin-top: 2.4rem
  }
}

@media screen and (min-width:768px) {
  .events-upcoming__list .swiper-wrapper {
    flex-direction: column
  }

  .events-upcoming__list .swiper-wrapper>:not(:last-child) {
    margin-bottom: 1.6rem
  }
}

.events-upcoming__cta {
  margin-top: 2.4rem
}

@media screen and (min-width:768px) {
  .events-upcoming__cta {
    max-width: 46rem;
    margin-top: 4rem
  }
}

.faq-on-page {
  display: flex;
  flex-direction: column;
  align-items: center
}

.faq-on-page__list {
  width: 100%;
  max-width: 64rem
}

.faq-on-page__item {
  position: relative;
  border-radius: 1.2rem;
  overflow: hidden;
  transition: background-color .2s var(--transition-function)
}

.faq-on-page__item:not(:last-child) {
  margin-bottom: .8rem
}

.faq-on-page__item:hover {
  box-shadow: 0 0 .4rem rgba(0, 0, 0, .1)
}

.faq-on-page__item.active {
  box-shadow: 0 0 .8rem rgba(0, 0, 0, .1);
  background-color: hsl(var(--color-white))
}

.faq-on-page__item.active .faq-on-page__title {
  color: hsl(var(--color-black))
}

.faq-on-page__item.active .faq-on-page__description {
  display: block
}

.faq-on-page__item.active .faq-on-page__flex {
  display: flex
}

.faq-on-page__item.active .icon {
  color: hsl(var(--color-black));
  fill: hsl(var(--color-black));
  transform: rotate(180deg)
}

.faq-on-page__item.active:hover {
  box-shadow: 0 0 .8rem rgba(0, 0, 0, .1)
}

.faq-on-page__item.active button {
  background-color: hsla(0, 0%, 100%, .8)
}

.faq-on-page__head {
  display: flex;
  padding: 1.6rem;
  width: 100%;
  border: none;
  text-align: left;
  cursor: pointer;
  border-radius: 0 0 1.2rem 1.2rem;
  transition: background-color .2s var(--transition-function)
}

@media screen and (min-width:1024px) {
  .faq-on-page__head {
    padding: 2.4rem
  }
}

.faq-on-page__head:hover {
  background-color: hsla(0, 0%, 100%, .8)
}

.faq-on-page__title {
  width: 100%;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: .03em;
  color: hsl(var(--heading-color))
}

.faq-on-page__icon {
  flex-shrink: 0;
  transform-origin: center center;
  color: hsl(var(--heading-color));
  fill: hsl(var(--heading-color))
}

.faq-on-page__description {
  display: none;
  padding: 0 1.2rem 1.2rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-80))
}

@media screen and (min-width:1024px) {
  .faq-on-page__description {
    padding: 0 2.4rem 2.4rem
  }
}

.faq-on-page__singleBox {
  padding: 1.2rem
}

.faq-on-page__buttons {
  margin-top: 2.4rem
}

.faq-on-page__buttons>* {
  margin: .8rem
}

@media screen and (min-width:768px) {
  .faq-on-page__buttons>* {
    margin: 0 1.2rem
  }
}

@media screen and (min-width:768px) {
  .faq-on-page__buttons {
    margin-top: 4rem
  }
}

.faq-on-page--hidden .faq-on-page__list .faq-on-page__item:nth-child(n+4) {
  display: none
}

.faq-on-page__collapse-action {
  padding-top: 1.6rem;
  text-align: center
}

@media screen and (max-width:1023px) {
  .modules .faq-on-page__item.active .faq-on-page__flex {
    display: block
  }
}

.faq-topics__topics {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 2.4rem;
  grid-row-gap: 2.4rem
}

@media screen and (min-width:576px) {
  .faq-topics__topics {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:768px) {
  .faq-topics__topics {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .faq-topics__topics {
    grid-template-columns: repeat(4, 1fr)
  }
}

.faq-topics__topic {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.4rem;
  border: .2rem solid hsl(var(--color-gray-20));
  border-radius: .4rem;
  text-decoration: none
}

.faq-topics__topic-label {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-black))
}

.faq-topics__topic-icon {
  display: flex;
  margin-left: 1rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background: hsl(var(--color-black));
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
  color: hsl(var(--color-white))
}

.faq-topics__button {
  margin-top: 4rem;
  text-align: center
}

.help-contact {
  position: relative;
  max-width: 1440px;
  margin: 0 auto
}

.help-contact__thumb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

@media screen and (max-width:575px) {
  .help-contact__thumb {
    position: relative
  }
}

.help-contact__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.help-contact__container {
  width: 100%;
  max-width: var(--grid-container);
  margin: 0 auto;
  padding-left: 1.6rem;
  padding-right: 1.6rem
}

.help-contact__column {
  position: relative;
  align-items: flex-end;
  justify-content: end;
  min-height: 540px;
  display: grid;
  grid-template-columns: 1fr
}

@media screen and (min-width:768px) {
  .help-contact__column {
    align-items: center;
    min-height: 640px;
    grid-column-gap: 2.4rem;
    grid-template-columns: 5fr 7fr
  }
}

@media screen and (max-width:575px) {
  .help-contact__column {
    padding-top: 2.4rem;
    min-height: auto
  }
}

.help-contact__card {
  grid-column: 1;
  padding: 1.6rem;
  background-color: hsl(var(--color-white));
  border-radius: .8rem;
  width: 100%;
  max-width: 600px;
  margin: 0 auto 3.2rem
}

@media screen and (min-width:768px) {
  .help-contact__card {
    grid-column: 2;
    margin: 0 auto;
    padding: 5.6rem
  }
}

@media screen and (max-width:767px) {
  .help-contact__card {
    overflow: hidden
  }
}

.help-contact__head {
  margin-bottom: 2.4rem
}

.hero {
  max-width: 1440px;
  margin: 0 auto
}

@media screen and (min-width:1024px) {
  .hero_small .hero__inner {
    min-height: 336px
  }
}

@media screen and (min-width:1024px) {
  .hero_small .hero__content {
    grid-column: span 6
  }
}

@media screen and (min-width:1024px) {
  .hero_small .video {
    width: 40%
  }
}

@media screen and (min-width:1024px) {
  .hero_large .hero__inner {
    min-height: 432px
  }
}

@media screen and (min-width:1024px) {
  .hero_large .hero__content {
    grid-column: span 5
  }
}

@media screen and (min-width:1024px) {
  .hero_large .video {
    width: 50%
  }
}

@media screen and (max-width:1023px) {
  .hero_large .video__image {
    padding-bottom: 40%
  }
}

.hero__container {
  width: 100%;
  max-width: var(--grid-container);
  margin: 0 auto;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  z-index: 2
}

.hero__inner {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: 2.4rem;
  align-items: center
}

@media screen and (min-width:576px) {
  .hero__inner {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) {
  .hero__inner {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:1024px) {
  .hero__inner {
    grid-template-columns: repeat(10, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .hero__inner {
    grid-template-columns: repeat(10, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .hero__inner {
    grid-template-columns: repeat(10, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .hero__inner {
    grid-template-columns: repeat(10, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .hero--noimage .hero__inner {
    min-height: auto
  }
}

.hero--noimage .hero__content {
  padding: 1.6rem 0
}

@media screen and (min-width:1024px) {
  .hero--noimage .hero__content {
    padding: 2.4rem 0
  }
}

.hero--noimage .button-group {
  margin-top: 2.4rem
}

.hero .video {
  position: relative;
  z-index: 1
}

@media screen and (max-width:1023px) {
  .hero .video {
    margin: 0 -1.6rem
  }
}

@media screen and (min-width:1024px) {
  .hero .video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
  }
}

.hero__content {
  position: relative;
  padding: 0 0 3.2rem
}

@media screen and (min-width:1024px) {
  .hero__content {
    padding: 6.4rem 0
  }
}

.hero__label {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .03em;
  margin-bottom: 2.4rem;
  color: hsl(var(--text-color))
}

.hero__heading {
  margin-bottom: .8rem;
  color: hsl(var(--heading-color))
}

@media screen and (min-width:768px) {
  .hero__heading {
    margin-bottom: 2.4rem
  }
}

.hero .bullet-list span,
.hero__description {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em;
  margin-bottom: 1.6rem;
  color: hsl(var(--text-color))
}

@media screen and (min-width:576px) {

  .hero .bullet-list span,
  .hero__description {
    font-size: 1.8rem;
    line-height: 2.6rem
  }
}

@media screen and (min-width:1024px) {

  .hero .bullet-list span,
  .hero__description {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: normal
  }
}

@media screen and (min-width:768px) {

  .hero .bullet-list span,
  .hero__description {
    max-width: 90%;
    margin-bottom: 2.4rem
  }
}

.hero__search {
  max-width: 50rem
}

@media screen and (min-width:768px) {
  .hero__search {
    margin-top: 4rem;
    margin-bottom: 2.4rem
  }
}

.hero__buttons {
  margin-top: 4rem
}

.hero__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem
}

.hero .heading span {
  display: block;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .hero .heading span {
    font-size: 2rem;
    line-height: 2.8rem
  }
}

@media screen and (min-width:1024px) {
  .hero .heading span {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: normal
  }
}

.hero .bullet-list span {
  margin-bottom: 0
}

.hero .bullet-list li {
  width: 100%
}

.hero .bullet-list li .icon {
  fill: hsl(var(--text-color))
}

.images__image {
  position: relative;
  padding-bottom: 69%
}

.images__image img {
  border-radius: .8rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover
}

@media screen and (min-width:768px) {
  .images__image {
    height: 40rem;
    width: 58rem;
    padding-bottom: 0
  }
}

.images__caption {
  margin-top: 1.6rem;
  color: hsl(var(--color-black))
}

.gform_validation_errors {
  display: none
}

.gform_body {
  position: relative
}

.gform_body .gform_fields {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem
}

.gform_body .gfield {
  grid-column: span 12
}

.gform_body .gfield_visibility_hidden {
  display: none
}

@media screen and (min-width:768px) {
  .gform_body .gfield--width-half {
    grid-column: span 6
  }
}

@media screen and (min-width:768px) {
  .gform_body .gfield--width-five-twelfths {
    grid-column: span 5
  }
}

@media screen and (min-width:768px) {
  .gform_body .gfield--width-third {
    grid-column: span 4
  }
}

@media screen and (min-width:768px) {
  .gform_body .gfield--width-quarter {
    grid-column: span 3
  }
}

.gform_body .gfield_label {
  display: block;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  margin-bottom: .4rem;
  white-space: nowrap
}

.gform_body .gfield_radio .gchoice:not(:last-child) {
  margin-bottom: .8rem
}

.gform_body .gfield .validation_message {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-red))
}

.gform_footer {
  margin-top: 4rem
}

.gform_button {
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 2.2rem;
  cursor: pointer;
  padding: 1.2rem 2rem;
  border-radius: 4.4rem;
  background-color: hsl(var(--color-white));
  color: hsl(var(--color-black));
  transition: background-color .2s var(--transition-function)
}

@media screen and (min-width:768px) {
  .gform_button:hover {
    background-color: hsl(var(--color-black));
    color: hsl(var(--color-white))
  }
}

.gform_button:focus {
  background-color: hsl(var(--color-black));
  color: hsl(var(--color-white))
}

.gform_button.button_disabled,
.gform_button:disabled {
  pointer-events: none;
  background-color: hsl(var(--color-gray-30))
}

.hidden_label .gfield_label {
  display: none
}

.gform_ajax_spinner {
  display: none !important
}

.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
  display: none !important;
  position: absolute !important;
  left: -9000px
}

.ginput_container_multiselect select,
.ginput_container_select select {
  width: 100% !important;
  appearance: none;
  outline: none;
  padding: 1.2rem 1.6rem;
  border-radius: .4rem;
  border: 1px solid hsl(var(--color-gray-60));
  transition: border-color .2s var(--transition-function), box-shadow .2s var(--transition-function);
  background-color: hsl(var(--color-white));
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

.ginput_container_multiselect select:focus,
.ginput_container_select select:focus {
  border-color: hsl(var(--color-gray-40));
  box-shadow: 0 0 0 .2rem hsl(var(--color-theme-light)/.3)
}

.ginput_container_multiselect select[aria-invalid=true],
.ginput_container_select select[aria-invalid=true] {
  border-color: hsl(var(--color-red));
  box-shadow: 0 0 0 .2rem hsl(var(--color-red)/.3)
}

.lead-form {
  position: relative;
  display: flex;
  flex-direction: column
}

@media screen and (min-width:768px) {
  .lead-form {
    flex-direction: row
  }
}

.lead-form__pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: hsl(var(--color-theme-pattern))
}

@media screen and (min-width:768px) {
  .lead-form__pattern {
    border-radius: .8rem
  }
}

.lead-form__thumb {
  position: relative;
  background-color: hsl(var(--color-white))
}

@media screen and (max-width:767px) {
  .lead-form__thumb:after {
    content: "";
    display: block;
    padding-bottom: 75%
  }
}

@media screen and (min-width:768px) {
  .lead-form__thumb {
    width: 40%;
    border-radius: .8rem 0 0 .8rem;
    overflow: hidden
  }
}

.lead-form__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.lead-form__content {
  position: relative;
  flex: 1;
  padding: 2.4rem
}

.lead-form__content,
.lead-form__content a {
  color: hsl(var(--color-white))
}

@media screen and (min-width:768px) {
  .lead-form__content {
    border-radius: 0 .8rem .8rem 0;
    min-height: 500px
  }
}

@media screen and (min-width:1024px) {
  .lead-form__content {
    padding: 5.6rem
  }
}

.lead-form__head {
  margin-bottom: 3.2rem
}

.lead-form__heading {
  margin-bottom: 2.4rem
}

.lead-form__description {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .03em
}

@media screen and (min-width:1024px) {
  .lead-form__description {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.2rem;
    letter-spacing: .03em
  }
}

@charset "UTF-8";

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0
}

.heading-h1,
h1 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h1,
  h1 {
    font-size: 3.2rem;
    line-height: 4rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h1,
  h1 {
    font-size: 6.4rem;
    line-height: 6.8rem
  }
}

.heading-h2,
h2 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h2,
  h2 {
    font-size: 2.8rem;
    line-height: 3.4rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h2,
  h2 {
    font-size: 4rem;
    line-height: 4.8rem
  }
}

.heading-h3,
h3 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h3,
  h3 {
    font-size: 2.4rem;
    line-height: 3.2rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h3,
  h3 {
    font-size: 3.6rem;
    line-height: 4.4rem
  }
}

.heading-h4,
.modules-summary__total,
h4 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h4,
  .modules-summary__total,
  h4 {
    font-size: 2.2rem;
    line-height: 3rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h4,
  .modules-summary__total,
  h4 {
    font-size: 3.2rem;
    line-height: 4rem
  }
}

.heading-h5,
h5 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h5,
  h5 {
    font-size: 2rem;
    line-height: 2.8rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h5,
  h5 {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: normal
  }
}

.heading-h6,
h6 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h6,
  h6 {
    font-size: 1.8rem;
    line-height: 2.6rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h6,
  h6 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: normal
  }
}

.modules {
  hyphens: auto;
  -webkit-hyphens: auto
}

.modules__list:not(:first-child) .modules__row:first-child {
  border-top: 0
}

@media screen and (min-width:768px) {
  .modules__list:not(:first-child) {
    margin-top: 2.4rem
  }
}

.modules__row {
  display: flex;
  flex-direction: column;
  margin: .8rem 0
}

@media screen and (min-width:768px) {
  .modules__row-title {
    padding: 1.2rem 0 .8rem;
    background-color: hsl(var(--color-gray-akad-light));
    color: hsl(var(--color-gray-80))
  }

  .modules__row-title:after {
    content: "";
    position: absolute;
    top: 2.6rem;
    left: 0;
    right: 0;
    height: 1px;
    background-color: hsl(var(--color-gray-10))
  }
}

.modules__row-title span {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em
}

@media screen and (min-width:768px) {
  .modules__row-title span {
    position: relative;
    z-index: 2;
    padding: 0 1.6rem 0 0;
    background-color: hsl(var(--color-gray-akad-light));
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .03em
  }
}

.modules__row-head {
  position: relative;
  flex: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.modules__row-content {
  display: flex
}

.modules__row-content,
.modules__row-contentAboveSixModules {
  flex: 1;
  margin: -.4rem;
  flex-wrap: wrap
}

.modules__row-module {
  flex: 1;
  display: flex;
  min-width: 19rem;
  padding: .6rem
}

@media screen and (min-width:768px) {
  .modules__row-icon {
    display: none
  }
}

@media screen and (max-width:767px) {
  .modules__head {
    justify-content: flex-end
  }

  .modules__row {
    border-bottom: .1rem solid hsl(var(--color-gray-20));
    margin: 0
  }

  .modules__row:first-of-type {
    border-top: .1rem solid hsl(var(--color-gray-20))
  }

  .modules__row-head {
    padding: 2rem 0
  }

  .modules__row-content {
    display: none;
    padding-bottom: 2rem
  }

  .modules__row.active .modules__row-content {
    display: flex
  }

  .modules__row.active .modules__row-icon {
    transform: rotate(180deg)
  }

  .modules__row-module {
    min-width: 100%
  }
}

.modules__summary {
  position: fixed;
  top: calc(100% - var(--pane-height));
  left: 0;
  right: 0;
  z-index: 9999;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  transform: translateY(1.6rem);
  visibility: hidden;
  opacity: 0;
  transition: .4s
}

.modules__summary--visible {
  visibility: visible;
  opacity: 1;
  transform: translate(0)
}

.modules__summary:not(.modules__summary--full) .modules-summary:hover {
  transform: translateY(-.8rem);
  box-shadow: var(--cardShadowMedium)
}

.modules__summary--full {
  overflow-y: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  height: 100%;
  top: 0
}

.modules__layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  background-color: hsl(var(--color-black)/.7);
  transition: opacity .4s, visibility .4s;
  z-index: 999
}

.modules__layer--visible {
  opacity: 1;
  visibility: visible
}

.modules-summary {
  max-width: 567px;
  margin: 0 auto;
  display: grid;
  background-color: hsl(var(--color-white));
  border-radius: 1.6rem;
  overflow: hidden;
  transform: translateY(0);
  box-shadow: var(--cardShadowSmall);
  transition: box-shadow .2s, transform .2s
}

.modules-summary__head {
  padding: 1.6rem 2.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid hsl(var(--color-gray-10))
}

.modules-summary__title {
  color: hsl(var(--color-gray-80))
}

.modules-summary__total {
  color: hsl(var(--color-green))
}

.modules-summary__total--price:after {
  content: "€"
}

.modules-summary__meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid hsl(var(--color-gray-10))
}

.modules-summary__col {
  padding: 1.2rem 2.4rem
}

.modules-summary__col:not(:first-child) {
  border-left: 1px solid hsl(var(--color-gray-10))
}

.modules-summary__label {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-60))
}

.modules-summary__content {
  display: grid;
  row-gap: 2.4rem;
  padding: 2.4rem;
  background-color: hsl(var(--color-gray-02))
}

.modules-summary__description {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-70))
}

.modules-summary__button--close {
  display: none
}

.modules-summary__form .gform_body .gfield_label {
  color: hsl(var(--color-gray-80))
}

.modules-summary__form .gform_body .gfield .validation_message {
  font-weight: 400
}

.modules-summary__form .gform_body .gfield_required {
  display: none
}

.modules-summary__form .gform_body input[type=email],
.modules-summary__form .gform_body input[type=tel],
.modules-summary__form .gform_body input[type=text] {
  border-color: hsl(var(--color-gray-30))
}

.modules-summary__form .gform_footer {
  margin-top: 2.4rem
}

.modules-summary__form .gform_button {
  background-color: hsl(var(--color-green));
  color: hsl(var(--color-white))
}

.module {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1.6rem;
  border-radius: .8rem;
  background: hsl(var(--color-white));
  border: 2px solid hsl(var(--color-white));
  box-shadow: var(--cardShadowXSmall);
  transition: box-shadow .2s, border-color .2s
}

@media screen and (min-width:768px) {
  .module {
    min-height: 10rem
  }

  .module:hover .module__title {
    color: hsl(var(--color-gray-90))
  }
}

.module_selected {
  border-color: hsl(var(--color-green));
  box-shadow: var(--cardShadowSmall)
}

.module_selected .module__title {
  color: hsl(var(--color-gray-90))
}

.module--highlighted {
  border-color: hsl(var(--color-theme));
  border: 2px solid hsl(var(--color-white))
}

.module--highlighted,
.module--highlighted:hover {
  --moduleBackground: 3px 3px/8px 8px #fff radial-gradient(rgba(0, 0, 0, 0.1) 18.75%, transparent 0);
  background: var(--moduleBackground)
}

.module--highlighted:hover {
  border-color: hsl(var(--color-theme))
}

.module--highlighted .accordion-head:hover {
  --moduleBackground: 3px 3px/8px 8px #fff radial-gradient(rgba(0, 0, 0, 0.1) 18.75%, transparent 0);
  background: var(--moduleBackground);
  border-color: hsl(var(--color-theme))
}

.module__title {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-70));
  margin-bottom: .4rem;
  transition: color .2s
}

@media screen and (min-width:768px) {
  .module__title {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: .03em;
    font-weight: 600
  }
}

.module__duration {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-50));
  margin-top: auto
}

.module__duration:after {
  content: " " attr(data-postfix) ""
}

.numbers__content-heading {
  color: hsl(var(--color-black));
  margin-bottom: 1.6rem
}

.numbers__content-card {
  display: flex;
  flex-direction: column;
  margin-top: 1.6rem;
  padding: 1.6rem 2rem;
  border: .2rem solid hsl(var(--color-gray-akad-dark));
  border-radius: .4rem
}

.numbers__card-title {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  color: hsl(var(--color-black))
}

.numbers__card-description,
.numbers__card-title {
  font-family: var(--font-default), var(--font-fallback);
  letter-spacing: .03em;
  margin-bottom: .8rem
}

.numbers__card-description {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: hsl(var(--color-gray-70))
}

.numbers__card-buttons>:not(:last-child) {
  margin-bottom: .8rem;
  margin-right: .8rem
}

.numbers__items {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 3.2rem;
  grid-row-gap: 3.2rem;
  padding: 3.2rem;
  margin-top: 2.4rem;
  background: hsl(var(--color-gray-akad-light))
}

.numbers__items:after,
.numbers__items:before {
  background: inherit;
  position: absolute;
  content: "";
  display: block;
  top: 0;
  bottom: 0;
  width: 5vw
}

.numbers__items:before {
  right: 100%
}

.numbers__items:after {
  left: 100%
}

.numbers__item {
  text-align: center
}

.numbers__item-description {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-gray-70))
}

@media screen and (min-width:768px) {
  .numbers {
    display: grid;
    grid-template-columns: repeat(9, 1fr) minmax(28rem, 3fr);
    grid-column-gap: 2.4rem
  }

  .numbers__content {
    grid-column: span 7;
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .numbers__content-heading {
    margin-bottom: .8rem
  }

  .numbers__content-card {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 4rem
  }

  .numbers__card-title {
    margin-bottom: .4rem
  }

  .numbers__card-buttons>:not(:last-child),
  .numbers__card-description {
    margin-bottom: 0
  }

  .numbers__items {
    grid-column: 10/span 1;
    margin-top: 0;
    grid-template-columns: 1fr;
    grid-row-gap: 6rem;
    border-radius: .8rem
  }

  .numbers__items:after,
  .numbers__items:before {
    display: none
  }

  .numbers__item-description {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .03em
  }
}

@media screen and (min-width:1024px) {
  .programme-intro__inner {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse
  }
}

.programme-intro__sidebar {
  width: 100%
}

@media screen and (min-width:1024px) {
  .programme-intro__sidebar {
    max-width: 435px
  }
}

@media screen and (min-width:1280px) {
  .programme-intro__sidebar {
    margin-right: 2.4rem
  }
}

.programme-intro__content {
  flex: 1
}

@media screen and (max-width:1023px) {
  .programme-intro__content {
    margin-top: 2.4rem;
    padding-top: 2.4rem;
    border-top: 1px solid hsl(var(--color-gray-20))
  }
}

@media screen and (min-width:1024px) {
  .programme-intro__content {
    max-width: 645px;
    margin-right: 2.4rem
  }
}

.programme-intro__cta {
  margin-top: 2.4rem
}

@media screen and (min-width:1024px) {
  .programme-intro__cta {
    margin-top: 4rem
  }
}

.programme-intro__heading {
  margin-bottom: 1.6rem;
  color: hsl(var(--color-theme))
}

.programme-intro__text {
  color: hsl(var(--description-color))
}

.programme-intro__text p {
  font-size: 1.6rem;
  line-height: 2.8rem
}

.programme-intro__text p:not(:last-child) {
  margin-bottom: 1.6rem
}

.programme-intro__text ul {
  margin: 1.6rem 0
}

.programme-intro__text ul li {
  font-size: 1.6rem;
  line-height: 2.8rem
}

.programme-intro__text a {
  color: hsl(var(--description-color))
}

.programme-intro__list {
  margin-top: 6.4rem
}

.programme-list {
  padding: 2.4rem 1.6rem;
  background-color: hsl(var(--color-theme-light));
  border-radius: .8rem
}

@media screen and (min-width:1024px) {
  .programme-list {
    padding: 4rem 3.2rem
  }
}

.programme-list__content p:first-child,
.programme-list__heading {
  color: hsl(var(--color-theme));
  margin-bottom: 3.2rem
}

.programme-list__content p:first-child {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {
  .programme-list__content p:first-child {
    font-size: 2.4rem;
    line-height: 3.2rem
  }
}

@media screen and (min-width:1024px) {
  .programme-list__content p:first-child {
    font-size: 3.6rem;
    line-height: 4.4rem
  }
}

.programme-list__content p:first-child b,
.programme-list__content p:first-child strong {
  font-weight: inherit
}

.programme-list__content p:not(:first-child) {
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  line-height: 2.8rem
}

.programme-list__content p:empty {
  display: none
}

.programme-list__content h2 {
  margin-bottom: 3.2rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em;
  color: hsl(var(--color-theme))
}

@media screen and (min-width:576px) {
  .programme-list__content h2 {
    font-size: 2.4rem;
    line-height: 3.2rem
  }
}

@media screen and (min-width:1024px) {
  .programme-list__content h2 {
    font-size: 3.6rem;
    line-height: 4.4rem
  }
}

.programme-list__content ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.programme-list__content ul li {
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
  line-height: 2.8rem
}

.programme-price-normal__head {
  margin-bottom: 2.4rem
}

.programme-price-normal__button {
  padding-left: 2.4rem
}

.programme-price-normal__prices {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: 2.4rem
}

@media screen and (min-width:576px) {
  .programme-price-normal__prices {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) {
  .programme-price-normal__prices {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:1024px) {
  .programme-price-normal__prices {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .programme-price-normal__prices {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .programme-price-normal__prices {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .programme-price-normal__prices {
    grid-template-columns: repeat(3, 1fr)
  }
}

.programme-price-normal__general-content {
  margin-top: 4rem
}

.header-ratings {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4rem
}

.header-ratings img {
  width: 15%
}

@media only screen and (max-width:600px) {
  .header-ratings img {
    width: 30%
  }
}

.ratings {
  display: grid;
  grid-gap: 7.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  color: #000
}

@media only screen and (max-width:600px) {
  .ratings {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}

.ratings__stars {
  display: flex;
  flex-direction: row;
  gap: .25rem;
  align-items: center
}

.ratings__stars svg {
  font-size: 1rem
}

.ratings__stars-numbers {
  margin-left: .5rem;
  font-size: 1.5rem;
  font-weight: 700
}

.ratings__headline {
  font-size: 1.6rem;
  line-height: normal;
  margin: 1.5rem 0
}

.ratings__comment {
  font-size: 1.3rem;
  line-height: 2.25rem
}

.ratings__author {
  font-size: 1.3rem;
  margin-top: 2rem;
  line-height: 2rem;
  margin-bottom: 2rem
}

.ratings__author span {
  font-weight: bolder
}

.ratings__info {
  font-size: 1.2rem;
  line-height: 1rem
}

.ratings__link {
  font-size: 1.2rem;
  color: #000
}

.ratings__icon {
  width: 1rem;
  height: 1rem;
  margin-bottom: -.1rem
}

.presse .swiper {
  width: 100%;
  overflow: auto
}

.presse .swiper-wrapper {
  gap: 1.5rem
}

@media screen and (min-width:768px) {
  .presse .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: var(--grid-gap);
    grid-row-gap: 2.4rem;
    width: auto;
    height: auto;
    transform: none !important
  }
}

@media screen and (min-width:768px) and (min-width:576px) {
  .presse .swiper-wrapper {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:768px) {
  .presse .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:768px) and (min-width:1024px) {
  .presse .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:1280px) {
  .presse .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:1440px) {
  .presse .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:1920px) {
  .presse .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr)
  }
}

.presse .swiper-slide {
  width: 90%
}

@media screen and (min-width:768px) {
  .presse .swiper-slide {
    width: auto;
    margin-right: 0 !important
  }
}

.presse .swiper-slide .image-no-bg__content {
  gap: .6rem
}

.presse .swiper-slide .image-no-bg__content .vertical {
  padding-top: 1.2rem
}

.presse .swiper-slide .image-no-bg__content .bottom {
  padding-bottom: .6rem
}

.presse .swiper-slide .image-no-bg__content .bottom .label--link {
  color: hsl(var(--color-gray-50));
  font-weight: 600
}

.presse .swiper-pagination {
  margin-top: 2.4rem;
  position: relative
}

.presse .swiper-pagination-bullet-active {
  background: hsl(var(--color-black))
}

@media screen and (min-width:768px) {
  .presse .swiper-pagination {
    display: none
  }
}

@charset "UTF-8";

.quote>:before,
blockquote>:before {
  content: "“";
  margin-right: .4rem
}

.quote>:after,
blockquote>:after {
  content: "”";
  margin-left: .4rem
}

@media screen and (min-width:768px) {
  .single-video .video__image {
    height: 48rem
  }
}

.steps .swiper-slide {
  display: flex
}

.steps .swiper-slide>* {
  flex: 1
}

@media screen and (min-width:768px) {
  .steps .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: var(--grid-gap);
    grid-row-gap: 2.4rem
  }
}

@media screen and (min-width:768px) and (min-width:576px) {
  .steps .swiper-wrapper {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:768px) {
  .steps .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:768px) and (min-width:1024px) {
  .steps .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:1280px) {
  .steps .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:1440px) {
  .steps .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:1920px) {
  .steps .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr)
  }
}

.student-story__heading p,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0
}

.heading-h1,
h1 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h1,
  h1 {
    font-size: 3.2rem;
    line-height: 4rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h1,
  h1 {
    font-size: 6.4rem;
    line-height: 6.8rem
  }
}

.heading-h2,
h2 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h2,
  h2 {
    font-size: 2.8rem;
    line-height: 3.4rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h2,
  h2 {
    font-size: 4rem;
    line-height: 4.8rem
  }
}

.heading-h3,
h3 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h3,
  h3 {
    font-size: 2.4rem;
    line-height: 3.2rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h3,
  h3 {
    font-size: 3.6rem;
    line-height: 4.4rem
  }
}

.heading-h4,
h4 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h4,
  h4 {
    font-size: 2.2rem;
    line-height: 3rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h4,
  h4 {
    font-size: 3.2rem;
    line-height: 4rem
  }
}

.heading-h5,
h5 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h5,
  h5 {
    font-size: 2rem;
    line-height: 2.8rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h5,
  h5 {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: normal
  }
}

.heading-h6,
.student-story__heading p,
h6 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h6,
  .student-story__heading p,
  h6 {
    font-size: 1.8rem;
    line-height: 2.6rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h6,
  .student-story__heading p,
  h6 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: normal
  }
}

.student-story {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: .8rem;
  overflow: hidden;
  color: hsl(var(--color-white));
  background-color: hsl(var(--color-theme-pattern))
}

@media screen and (min-width:768px) {
  .student-story {
    flex-direction: row;
    min-height: 38rem
  }
}

.student-story__pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2
}

.student-story__image {
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: 100%;
  padding-bottom: 83%;
  border-radius: .8rem
}

@media screen and (min-width:768px) {
  .student-story__image {
    flex-shrink: 0;
    width: 40%;
    padding-bottom: 0;
    border-radius: 0
  }
}

.student-story__image img {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover
}

.student-story__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 2.4rem 1.6rem
}

@media screen and (min-width:768px) {
  .student-story__content {
    padding: 5.6rem
  }
}

.student-story__heading {
  color: hsl(var(--color-theme-text))
}

.student-story__footer {
  margin-top: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 4rem
}

@media screen and (min-width:768px) {
  .student-story__footer {
    margin-top: 4rem;
    flex-direction: row
  }
}

.student-story__student {
  color: hsl(var(--color-theme-text))
}

@media screen and (min-width:768px) {
  .student-story__student {
    width: 50%
  }
}

.student-story__student-name {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .03em
}

@media screen and (min-width:768px) {
  .student-story__student-name {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .03em
  }
}

.student-story__student-degree {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

@media screen and (min-width:768px) {
  .student-story__student-degree {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: .03em
  }
}

.student-story__labels {
  display: flex;
  color: hsl(var(--color-theme-text))
}

@media screen and (min-width:768px) {
  .student-story__labels {
    width: 50%
  }
}

.student-story__labels>:not(:first-child) {
  margin-left: 1.6rem
}

@media screen and (min-width:768px) {
  .student-story__labels>:not(:first-child) {
    margin-left: 7.6rem
  }
}

.student-story__labels span {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

@media screen and (min-width:768px) {
  .student-story__labels span {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: .03em
  }
}

.student-story__buttons {
  display: flex;
  align-items: center;
  margin-top: 2.4rem
}

@media screen and (min-width:768px) {
  .student-story__buttons {
    margin-top: 4.8rem
  }
}

.student-story__buttons>:not(:first-child) {
  margin-left: 2.4rem
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0
}

.heading-h1,
h1 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h1,
  h1 {
    font-size: 3.2rem;
    line-height: 4rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h1,
  h1 {
    font-size: 6.4rem;
    line-height: 6.8rem
  }
}

.heading-h2,
h2 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h2,
  h2 {
    font-size: 2.8rem;
    line-height: 3.4rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h2,
  h2 {
    font-size: 4rem;
    line-height: 4.8rem
  }
}

.heading-h3,
h3 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h3,
  h3 {
    font-size: 2.4rem;
    line-height: 3.2rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h3,
  h3 {
    font-size: 3.6rem;
    line-height: 4.4rem
  }
}

.heading-h4,
h4 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h4,
  h4 {
    font-size: 2.2rem;
    line-height: 3rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h4,
  h4 {
    font-size: 3.2rem;
    line-height: 4rem
  }
}

.heading-h5,
h5 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h5,
  h5 {
    font-size: 2rem;
    line-height: 2.8rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h5,
  h5 {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: normal
  }
}

.heading-h6,
h6 {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: .01em
}

@media screen and (min-width:576px) {

  .heading-h6,
  h6 {
    font-size: 1.8rem;
    line-height: 2.6rem
  }
}

@media screen and (min-width:1024px) {

  .heading-h6,
  h6 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: normal
  }
}

.testimonial {
  margin: 0 auto;
  position: relative;
  overflow: hidden
}

.testimonial__item {
  position: absolute;
  top: 0;
  transition: transform .5s;
  padding: .8rem
}

@media screen and (min-width:576px) {
  .testimonial__item {
    width: 33.33%
  }
}

@media screen and (max-width:575px) {
  .testimonial__item {
    width: 90%
  }
}

.testimonial__container {
  border-radius: .8rem;
  box-shadow: inset 0 0 0 2px hsl(var(--color-gray-10));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 2rem
}

.testimonial__badge {
  color: #fff;
  background: hsl(var(--color-theme-pattern)) !important;
  border-radius: .5rem;
  padding: 0 1rem;
  font-weight: 600;
  font-size: 1.25rem;
  position: absolute;
  top: 0;
  right: 2.5rem
}

.testimonial__image img {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  object-fit: cover;
  margin-top: 1.5rem
}

.testimonial__title {
  font-size: 1.5rem;
  margin: 2rem 0 1.5rem;
  font-weight: 600;
  line-height: 2rem
}

.testimonial__description {
  line-height: 2rem;
  font-size: 1.4rem
}

.testimonial__extraTitle,
.testimonial__studentName {
  line-height: 2rem;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 1.75rem 0 .25rem
}

.testimonial__course,
.testimonial__extraDescription {
  font-size: 1.3rem;
  line-height: 1.75rem
}

.testimonial-btns__container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: calc(50% - 4rem);
  left: 0;
  padding: 0 1rem
}

@media screen and (min-width:576px) {
  .testimonial-btns__container {
    padding: 0 6rem
  }
}

@media screen and (max-width:575px) {
  .testimonial-btns__left {
    visibility: hidden
  }
}

.testimonial-btns__left,
.testimonial-btns__right {
  z-index: 10;
  background: hsl(var(--color-orange-dark));
  font-family: inherit;
  border: none;
  border-radius: 50%;
  height: 4rem;
  width: 4rem;
  font-size: 2rem;
  cursor: pointer
}

@media screen and (min-width:576px) {
  .testimonial-bggradient {
    display: none
  }
}

@media screen and (max-width:575px) {
  .testimonial-bggradient {
    position: absolute;
    z-index: 9;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 100%
  }
}

.testimonial-bggradient__right {
  width: 10rem;
  background-color: #fff;
  background: linear-gradient(270deg, #fff 0, hsla(0, 0%, 100%, .5) 25%, hsla(0, 0%, 100%, 0));
  height: 100%
}

.text__title {
  color: hsl(var(--heading-color));
  margin-bottom: 1.6rem
}

.text__content {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: .03em;
  color: hsl(var(--description-color))
}

.text__buttons {
  margin-top: .8rem
}

.text__buttons>* {
  margin-bottom: .8rem
}

.text__buttons>:not(:last-child) {
  margin-right: 1.6rem
}

@media screen and (min-width:768px) {
  .text {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 2.4rem
  }

  .text__container {
    grid-column: span 8
  }

  .text__container--full {
    grid-column: span 12
  }

  .text__buttons {
    grid-column: span 4;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
  }
}

.usp-large__item {
  margin-bottom: 2.4rem
}

@media screen and (min-width:1024px) {
  .usp-large__item {
    margin-bottom: 4rem
  }
}

.usp-large .general-content__text {
  padding: 0
}

.usp-large__textFields {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: 2.4rem
}

@media screen and (min-width:576px) {
  .usp-large__textFields {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) {
  .usp-large__textFields {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:1024px) {
  .usp-large__textFields {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .usp-large__textFields {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .usp-large__textFields {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .usp-large__textFields {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media screen and (min-width:1024px) {
  .usp-large__textFields {
    grid-row-gap: 4rem
  }
}

.usp-large__image {
  border-radius: .4rem;
  overflow: hidden
}

@media screen and (max-width:767px) {
  .usp-large__image {
    position: relative
  }

  .usp-large__image:after {
    content: "";
    display: block;
    padding-bottom: 55%
  }

  .usp-large__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
  }
}

@media screen and (min-width:1024px) {
  .usp-large__image {
    border-radius: .8rem
  }
}

@media screen and (min-width:1280px) {
  .usp-large__image {
    margin: 0 3.2rem
  }
}

.usp-small {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: 2.4rem
}

@media screen and (min-width:576px) {
  .usp-small {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media screen and (min-width:768px) {
  .usp-small {
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:1024px) {
  .usp-small {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1280px) {
  .usp-small {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1440px) {
  .usp-small {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1920px) {
  .usp-small {
    grid-template-columns: repeat(3, 1fr)
  }
}

.videos .swiper-slide {
  width: 90%
}

@media screen and (min-width:1024px) {
  .videos .swiper-slide .video__image {
    height: 32rem
  }
}

.zig-zag__item:not(:last-child) {
  margin: 0 0 1.6rem
}

@media screen and (min-width:1024px) {
  .zig-zag__item:not(:last-child) {
    margin: 0 0 4rem
  }
}

.zig-zag__image {
  position: relative
}

.zig-zag__image:after {
  content: "";
  display: block;
  padding-bottom: 100%
}

@media screen and (min-width:1024px) {
  .zig-zag__image:after {
    padding-bottom: 0
  }
}

.zig-zag__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .4rem
}

@media screen and (min-width:1024px) {
  .zig-zag__image img {
    position: relative;
    border-radius: .8rem
  }
}

.zig-zag-sm {
  --heading-color: hsl(var(--color-black));
  --text-color: hsl(var(--color-gray-90));
  --description-color: hsl(var(--color-gray-80));
  counter-reset: zig-zag;
  max-width: 100rem;
  margin: 0 auto
}

.zig-zag-sm__item {
  display: flex;
  flex-direction: column;
  border-radius: .4rem;
  overflow: hidden
}

@media screen and (min-width:576px) {
  .zig-zag-sm__item {
    flex-direction: row;
    background: hsl(var(--color-gray-akad-light))
  }

  .zig-zag-sm__item:nth-child(2n) {
    flex-direction: row-reverse
  }
}

.zig-zag-sm__item:not(:first-child) {
  margin-top: 4.8rem
}

@media screen and (min-width:576px) {
  .zig-zag-sm__item:not(:first-child) {
    margin-top: 4rem
  }
}

.zig-zag-sm__image {
  background: hsl(var(--color-white));
  border-radius: .8rem;
  overflow: hidden
}

@media screen and (min-width:576px) {
  .zig-zag-sm__image {
    width: 28rem
  }
}

.zig-zag-sm__image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.zig-zag-sm__image_contain {
  padding: 2.4rem 3.2rem
}

.zig-zag-sm__image_contain img {
  object-fit: contain;
  object-position: center
}

.zig-zag-sm__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.4rem 0 0
}

@media screen and (min-width:576px) {
  .zig-zag-sm__content {
    padding: 2.4rem
  }
}

@media screen and (min-width:768px) {
  .zig-zag-sm__content {
    padding: 3.2rem
  }
}

@media screen and (min-width:1024px) {
  .zig-zag-sm__content {
    padding: 6.4rem
  }
}

.zig-zag-sm__button {
  margin-top: .8rem
}

@media screen and (min-width:576px) {
  .zig-zag-sm__button {
    margin-top: 3.2rem
  }
}

.programstabs-filter {
  display: flex;
  gap: 1.5rem
}

.programstabs-filter__left {
  justify-content: flex-start
}

.programstabs-filter__center {
  justify-content: center
}

.programstabs-filter select {
  outline: none;
  padding: 1.2rem 1.6rem;
  border-radius: .4rem;
  border: 1px solid hsl(var(--color-gray-60));
  background-color: hsl(var(--color-white));
  transition: border-color .2s var(--transition-function), box-shadow .2s var(--transition-function);
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

.section--new-layout .p-relative {
  position: relative
}

.section--new-layout .bg-green-light {
  position: absolute;
  width: calc(100% + var(--grid-container));
  height: 100%;
  background-color: hsl(var(--color-green-light));
  top: 0;
  left: -62.8rem;
  z-index: -1
}

@media screen and (max-width:767px) {
  .section--new-layout .bg-green-light {
    display: none
  }
}

.section--new-layout .programstabs-filter {
  flex-direction: column;
  gap: .5rem
}

@media screen and (min-width:768px) {
  .section--new-layout .programstabs-filter {
    display: none
  }
}

@media screen and (max-width:767px) {
  .section--new-layout .programstabs-buttons {
    display: none
  }
}

.section--new-layout .programstabs-buttons #topics {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2rem;
  padding-top: 4rem
}

.section--new-layout .programstabs-buttons #topics button {
  background-color: #fff;
  font-size: 1.4rem;
  font-weight: 800;
  padding: 2rem 0;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  border-radius: .75rem;
  box-shadow: var(--cardShadowXSmall);
  border: 1px solid hsl(var(--color-gray-10));
  flex-basis: 0;
  flex-grow: 1;
  margin-bottom: 1.5rem
}

.section--new-layout .programstabs-buttons #topics .filter-active {
  color: #fff;
  background-color: hsl(var(--color-moss-green));
  box-shadow: none
}

.section--new-layout .programstabs-buttons #degrees {
  display: flex;
  flex-direction: row;
  gap: 3rem;
  border-bottom: 1px solid hsl(var(--color-gray-10));
  padding-top: 5rem;
  margin-bottom: -1px;
  justify-content: center
}

.section--new-layout .programstabs-buttons #degrees button {
  display: flex;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  padding: 1.7rem 2rem;
  background: none;
  box-shadow: none;
  border: none
}

.section--new-layout .programstabs-buttons #degrees .filter-active {
  border-bottom: 3px solid hsl(var(--color-moss-green))
}

.layout {
  height: inherit;
  display: flex;
  flex-direction: column
}

.layout__hotline {
  position: relative;
  top: 0;
  z-index: 501;
  overflow-anchor: none
}

.layout__header {
  position: sticky;
  top: 0;
  z-index: 500;
  overflow-anchor: none
}

@media screen and (max-width:1023px) {
  .layout__header_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsl(var(--color-white));
    overflow-y: auto;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    z-index: 99999
  }
}

.layout__content {
  position: relative;
  flex: 1
}

.layout__footer {
  position: relative;
  z-index: 1
}

.hotline {
  display: none;
  background-color: hsl(var(--color-green-light));
  padding: .8rem 0
}

.hotline_active {
  display: block
}

.hotline__inner {
  position: relative;
  width: 100%;
  max-width: var(--grid-container);
  margin: 0 auto;
  padding-left: 1.6rem;
  padding-right: 1.6rem
}

.hotline__close {
  position: absolute;
  top: 50%;
  right: .8rem;
  transform: translateY(-50%);
  padding: .4rem;
  cursor: pointer
}

@media screen and (min-width:1024px) {
  .hotline__close {
    right: 1.6rem
  }
}

.hotline__close:hover {
  color: hsl(var(--color-moss-green))
}

.hotline__close .icon {
  display: block
}

.hotline__content {
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width:1023px) {
  .hotline__content {
    padding: 0 2.4rem
  }
}

.hotline__icon {
  fill: hsl(var(--color-green));
  color: hsl(var(--color-green));
  margin-right: .4rem;
  display: flex;
  justify-content: center;
  align-items: center
}

.hotline__text {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  text-align: center;
  color: hsl(var(--color-moss-green));
  text-decoration: none
}

@media screen and (min-width:768px) {
  .hotline__text {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .03em
  }
}

.hotline__button {
  transform: translateY(-2px);
  margin-left: 2.4rem
}

@media screen and (max-width:1279px) {
  .hotline__button {
    display: none
  }
}

.gp_image {
  position: fixed;
  bottom: 0;
  z-index: 999;
  margin: 1.6rem
}

.gp_image>a:first-of-type>img {
  max-height: 280px;
  max-width: 280px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
  border-radius: .4rem
}

@media screen and (min-width:1280px) {
  .gp_image>a:first-of-type>img {
    max-height: 500px;
    max-width: 500px
  }
}

.gp_image #gp_close {
  top: 0;
  width: 24px;
  height: 24px;
  cursor: pointer
}

.gp_image #gp_close,
.gp_image #gp_countdown {
  position: absolute;
  color: hsl(var(--color-white));
  background-color: rgba(0, 0, 0, .2);
  border-radius: .4rem
}

.gp_image #gp_countdown {
  bottom: 0;
  right: 0;
  font-size: 1.1rem;
  padding: .05rem 1rem
}

.gp_custom {
  padding: 2.4rem;
  background-color: hsl(var(--color-yellow));
  box-shadow: 4px 4px 4px rgba(0, 0, 0, .5);
  border-radius: .4rem
}

.gp_custom .section__pattern {
  z-index: -1
}

.gp_custom__inner {
  max-height: 280px;
  max-width: 280px;
  box-shadow: none;
  border-radius: .4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid hsl(var(--color-white));
  padding: 2.4rem
}

@media screen and (min-width:1280px) {
  .gp_custom__inner {
    max-height: 500px;
    max-width: 500px
  }
}

.gp_custom__text,
.gp_custom__text a {
  color: hsl(var(--color-black))
}

.gp_custom__text a {
  font-weight: 700
}

.gp_custom__position-left {
  left: 0
}

.gp_custom__position-right {
  right: 0
}

.header {
  position: relative;
  background-color: hsl(var(--color-white))
}

.header_open .header__nav {
  display: block
}

.header_open .header__bottom {
  display: none
}

.header_open .header__mobile-search {
  opacity: 0;
  visibility: hidden
}

.header_open .header__mobile-actions a {
  display: none
}

.header_open .header-main-nav__list li:last-child {
  display: block
}

.header_open .header__mobile-menu svg g:first-child {
  opacity: 0
}

.header_open .header__mobile-menu svg g:first-child line {
  transition: transform .2s
}

.header_open .header__mobile-menu svg g:first-child line:first-child {
  transform: translateY(3px)
}

.header_open .header__mobile-menu svg g:first-child line:last-child {
  transform: translateY(-3px)
}

.header_open .header__mobile-menu svg g:last-child {
  opacity: 1
}

.header_open .header__mobile-menu svg g:last-child line {
  transition: transform .2s .2s
}

.header_open .header__mobile-menu svg g:last-child line:first-child {
  transform: rotate(45deg)
}

.header_open .header__mobile-menu svg g:last-child line:last-child {
  transform: rotate(-45deg)
}

@media screen and (min-width:1024px) {
  .header_sticky .header__logo {
    width: 9rem
  }
}

.header__top {
  display: none;
  background-color: hsl(var(--color-gray-akad-light))
}

@media screen and (min-width:1024px) {
  .header__top {
    display: block;
    border-bottom: 1px solid hsl(var(--color-gray-10))
  }
}

.header__main {
  width: 100%;
  max-width: var(--grid-container);
  margin: 0 auto;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: padding .2s var(--transition-function)
}

@media screen and (max-width:1023px) {
  .header__main {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
  }
}

@media screen and (min-width:1024px) {
  .header__main {
    min-height: 8.8rem
  }
}

.header__content {
  flex: 1;
  display: flex;
  align-items: center;
  column-gap: 2.4rem
}

.header__logo {
  flex-shrink: 0;
  width: 8rem
}

@media screen and (min-width:1024px) {
  .header__logo {
    width: 12.4rem
  }
}

.header__logo a {
  display: block
}

.header__logo svg {
  display: block;
  width: 100%;
  height: auto
}

@media screen and (max-width:1023px) {
  .header__nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0
  }
}

@media screen and (min-width:1024px) {
  .header__nav {
    display: block
  }
}

.header__buttons {
  display: none
}

@media screen and (max-width:1023px) {
  .header__buttons--lp .button_solid.button_large {
    padding: .8rem;
    border-radius: 4rem;
    font-size: 1.1rem
  }
}

@media screen and (min-width:1024px) {
  .header__buttons {
    flex-shrink: 0;
    display: flex;
    column-gap: 1.6rem
  }
}

.header__mobile {
  display: flex;
  align-items: center
}

@media screen and (min-width:1024px) {
  .header__mobile {
    display: none
  }
}

.header__mobile-item {
  display: flex;
  align-items: center;
  padding: 1rem;
  margin-left: .8rem;
  cursor: pointer
}

.header__mobile-item span {
  padding-left: .8rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em
}

.header__bottom {
  background-color: hsl(var(--color-gray-akad-light));
  padding: .8rem 1.2rem;
  display: flex
}

.header__bottom-button {
  width: 50%;
  padding: 0 .4rem
}

.header__bottom-button .button {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

@media screen and (max-width:1023px) {
  .header__bottom-button .button {
    padding-left: .4rem !important;
    padding-right: .4rem !important;
    border-radius: 4rem;
    font-size: 1.1rem
  }
}

@media screen and (min-width:768px) {
  .header__bottom-button {
    flex: 1
  }
}

@media screen and (min-width:1024px) {
  .header__bottom {
    display: none
  }
}

.header__mobile-actions {
  margin-left: auto;
  display: flex;
  gap: 1.6rem;
  align-items: center
}

.header__mobile-actions a {
  text-decoration: none;
  color: hsl(var(--heading-color))
}

@media screen and (min-width:1024px) {
  .header__mobile-actions {
    display: none
  }
}

.header__mobile-action {
  display: flex;
  align-items: center
}

.header__mobile-search {
  opacity: 1;
  visibility: visible;
  transition: opacity .2s var(--transition-function), visibility .2s var(--transition-function)
}

.header__mobile-menu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background-color: hsl(var(--color-gray-05));
  cursor: pointer;
  z-index: 2
}

@media screen and (min-width:1024px) {
  .header__mobile-menu {
    display: none
  }
}

.header__mobile-menu svg {
  stroke: hsl(var(--color-black));
  transition: .2s
}

.header__mobile-menu svg g:first-child {
  opacity: 1;
  transition: opacity 0s .2s
}

.header__mobile-menu svg g:first-child line {
  transition: transform .2s .2s;
  transform: translateY(0)
}

.header__mobile-menu svg g:last-child {
  opacity: 0;
  transition: opacity 0s .2s
}

.header__mobile-menu svg g:last-child line {
  transition: transform .2s;
  transform: rotate(0deg);
  transform-origin: center
}

.header-top-nav {
  width: 100%;
  max-width: var(--grid-container);
  margin: 0 auto;
  padding: .8rem 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem
}

.header-top-nav__search {
  display: none
}

@media screen and (min-width:1024px) {
  .header-top-nav__search {
    display: block;
    width: 25rem
  }
}

@media screen and (max-width:1023px) {
  .header-main-nav {
    background-color: hsl(var(--color-white))
  }
}

.header-main-nav__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  cursor: pointer
}

@media screen and (min-width:1024px) {
  .header-main-nav__list {
    align-items: center;
    flex-direction: row
  }
}

.header-main-nav__list li:last-child {
  display: none
}

.header-main-nav__item {
  display: flex;
  align-items: center
}

@media screen and (max-width:1023px) {
  .header-main-nav__item {
    position: relative;
    flex-direction: column;
    align-items: normal
  }

  .header-main-nav__item a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
  }

  .header-main-nav__item .header-main-nav__icon {
    position: absolute;
    top: .4rem;
    right: 0;
    padding: 1.6rem;
    width: 30%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
  }

  .header-main-nav__item_active {
    background-color: hsl(var(--color-gray-02))
  }

  .header-main-nav__item_active .header-main-nav__dropdown {
    display: block
  }

  .header-main-nav__item_active>.nav-button {
    background-color: hsl(var(--color-gray-10))
  }

  .header-main-nav__item_active>.header-main-nav__icon .icon {
    transform: rotate(180deg);
    justify-content: normal
  }
}

@media screen and (min-width:1024px) {
  .header-main-nav__item {
    height: 8.8rem;
    margin-right: 25px
  }

  .header-main-nav__item>a {
    padding: 0 .8rem
  }

  .header-main-nav__item .icon {
    transition: color .2s var(--transition-function)
  }

  .header-main-nav__item:hover .header-main-nav__dropdown {
    opacity: 1;
    visibility: visible;
    top: 100%
  }

  .header-main-nav__item:hover .icon,
  .header-main-nav__item:hover .nav-button {
    fill: hsl(var(--color-green));
    color: hsl(var(--color-green))
  }
}

@media screen and (max-width:1023px) {
  .header-main-nav__item>.nav-button {
    padding: 1.6rem
  }
}

@media screen and (max-width:1023px) {
  .header-main-nav__dropdown {
    display: none
  }
}

@media screen and (min-width:1024px) {
  .header-main-nav__dropdown {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 120%;
    left: 0;
    right: 0;
    transition: .25s linear;
    transition-delay: .25s
  }
}

@media screen and (min-width:1024px) {
  .header-dropdown {
    width: 100%;
    max-width: var(--grid-container);
    margin: 0 auto;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    background-color: hsl(var(--color-white));
    box-shadow: var(--cardShadowMedium);
    border-radius: 0 0 .8rem .8rem
  }
}

.header-dropdown__label {
  display: none
}

@media screen and (min-width:1024px) {
  .header-dropdown__label {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.2rem;
    letter-spacing: .03em;
    margin-bottom: 3.2rem
  }
}

@media screen and (min-width:1024px) {
  .menu-columns {
    width: 100%;
    max-width: var(--grid-container);
    margin: 0 auto;
    max-width: 912px;
    padding: 2.4rem 1.6rem
  }
}

@media screen and (max-width:1023px) {
  .menu-columns {
    background-color: hsl(var(--color-gray-05));
    display: flex;
    flex-direction: column
  }
}

@media screen and (min-width:1280px) {
  .menu-columns {
    padding-left: 0;
    padding-right: 0
  }
}

@media screen and (min-width:1024px) {
  .menu-columns_3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: var(--grid-gap);
    grid-row-gap: 2.4rem
  }
}

@media screen and (min-width:1024px) and (min-width:576px) {
  .menu-columns_3 {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1024px) and (min-width:768px) {
  .menu-columns_3 {
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:1024px) and (min-width:1024px) {
  .menu-columns_3 {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1024px) and (min-width:1280px) {
  .menu-columns_3 {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1024px) and (min-width:1440px) {
  .menu-columns_3 {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:1024px) and (min-width:1920px) {
  .menu-columns_3 {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (max-width:1023px) {
  .menu-column {
    position: relative
  }
}

@media screen and (min-width:1024px) {
  .menu-column .header-main-nav__icon {
    display: none
  }
}

@media screen and (max-width:1023px) {
  .menu-column_active .icon {
    transform: rotate(180deg)
  }

  .menu-column_active .menu-column__list {
    display: block;
    padding: 1.6rem;
    background-color: hsl(var(--color-gray-02))
  }
}

.menu-column__item {
  padding: .4rem 0
}

.menu-column__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative
}

@media screen and (max-width:1023px) {
  .menu-column__title {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .03em;
    padding: 1.6rem
  }

  .menu-column__title .icon {
    fill: hsl(var(--color-gray-50))
  }

  .menu-column__title .nav-button {
    color: hsl(var(--color-gray-60))
  }
}

@media screen and (min-width:1024px) {
  .menu-column__title {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .03em;
    margin-bottom: 1.2rem
  }
}

@media screen and (max-width:1023px) {
  .menu-column__list {
    display: none;
    padding: 0 1.6rem
  }

  .menu-column__list_active {
    display: block
  }
}

.menu-column__list .label {
  margin-left: 1.6rem
}

@media screen and (min-width:1024px) {
  .menu-column__list {
    display: block
  }
}

.menu-column__button {
  margin-top: 1.2rem;
  display: inline-block
}

.footer {
  background-color: hsl(var(--color-black))
}

.footer__inner {
  padding: 3.2rem 0 0
}

.footer__top {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 2.4rem
}

.footer__middle {
  padding: 2.4rem 0 3.2rem;
  border-top: 1px solid hsl(var(--color-gray-90));
  border-bottom: 1px solid hsl(var(--color-gray-90))
}

.footer__bottom {
  padding: 3.2rem 0
}

@media screen and (max-width:767px) {

  .footer__bottom,
  .footer__meta {
    width: 100%;
    max-width: var(--grid-container);
    margin: 0 auto;
    padding-left: 1.6rem;
    padding-right: 1.6rem
  }
}

@media screen and (max-width:767px) {
  .footer__block:not(:last-child) {
    border-bottom: 1px solid hsl(var(--color-gray-90))
  }
}

@media screen and (min-width:768px) {
  .footer__container {
    width: 100%;
    max-width: var(--grid-container);
    margin: 0 auto;
    padding-left: 1.6rem;
    padding-right: 1.6rem
  }

  .footer__inner {
    padding: 8rem 0 0
  }

  .footer__top {
    grid-template-columns: 1fr 3fr;
    padding-bottom: 4rem
  }

  .footer__blocks,
  .footer__top {
    grid-column-gap: var(--grid-gap)
  }

  .footer__blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 2.4rem
  }
}

@media screen and (min-width:768px) and (min-width:576px) {
  .footer__blocks {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:768px) {
  .footer__blocks {
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 4rem
  }
}

@media screen and (min-width:768px) and (min-width:1024px) {
  .footer__blocks {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:1280px) {
  .footer__blocks {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:1440px) {
  .footer__blocks {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:768px) and (min-width:1920px) {
  .footer__blocks {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media screen and (min-width:768px) {

  .footer__bottom,
  .footer__middle {
    padding: 4rem 0
  }
}

.footer-meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

.footer-meta__logo {
  margin-bottom: 2.4rem
}

.footer-meta__description {
  margin-bottom: 2.4rem;
  color: hsl(var(--color-gray-akad-light))
}

@media screen and (max-width:575px) {
  .footer-meta__description {
    text-align: left
  }
}

.footer-meta__phone {
  display: flex;
  color: hsl(var(--color-gray-akad-light))
}

.footer-meta__phone .icon {
  display: block;
  margin-right: .8rem;
  fill: currentColor
}

@media screen and (min-width:768px) {
  .footer-meta {
    align-items: flex-start;
    text-align: left
  }
}

@media screen and (max-width:575px) {
  .footer-meta {
    align-items: flex-start
  }
}

.footer-block__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: hsl(var(--color-white));
  fill: hsl(var(--color-white));
  width: 100%;
  background: none;
  border: none
}

@media screen and (min-width:768px) {
  .footer-block__head {
    margin-bottom: 1.6rem
  }
}

@media screen and (max-width:767px) {
  .footer-block__head {
    padding: 1.2rem 1.6rem;
    cursor: pointer
  }
}

.footer-block__head span {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: .03em
}

@media screen and (min-width:768px) {
  .footer-block__head span {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: .03em
  }
}

@media screen and (min-width:768px) {
  .footer-block__head .icon {
    display: none
  }
}

.footer-block__list {
  display: none;
  grid-template-columns: 1fr;
  grid-row-gap: 1.2rem
}

@media screen and (max-width:767px) {
  .footer-block__list {
    padding: 1.2rem 1.6rem
  }
}

@media screen and (min-width:768px) {
  .footer-block__list {
    display: grid
  }
}

@media screen and (max-width:767px) {
  .footer-block.active {
    background-color: hsl(var(--color-gray-90))
  }

  .footer-block.active .footer-block__list {
    display: grid
  }

  .footer-block.active .footer-block__head .icon {
    transform: rotate(180deg)
  }
}

.footer-middle {
  align-items: center;
  justify-content: space-between
}

.footer-middle,
.footer-middle__nav {
  display: flex;
  flex-direction: column
}

.footer-middle__item:not(:last-child) {
  margin-bottom: 1.6rem
}

.footer-middle__networks {
  margin-top: 2.4rem
}

@media screen and (max-width:575px) {
  .footer-middle__networks {
    justify-content: flex-start
  }
}

@media screen and (min-width:768px) {
  .footer-middle {
    align-items: center;
    justify-content: space-between
  }

  .footer-middle,
  .footer-middle__nav {
    flex-direction: row
  }

  .footer-middle__item:not(:last-child) {
    margin-bottom: 0;
    margin-right: 4rem
  }

  .footer-middle__networks {
    margin-top: 0
  }
}

@media screen and (max-width:575px) {
  .footer-middle {
    padding-left: 1.6rem;
    align-items: flex-start
  }
}

.footer-bottom {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-between;
  column-gap: 3.2rem;
  row-gap: 1.6rem
}

@media screen and (min-width:768px) {
  .footer-bottom {
    flex-direction: row;
    align-items: center;
    justify-content: space-between
  }
}

.footer-bottom__copyright {
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em;
  color: hsl(var(--color-white))
}

@media screen and (min-width:1024px) {
  .footer-bottom__copyright {
    font-family: var(--font-default), var(--font-fallback);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: .03em
  }
}

.footer-bottom__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: .8rem;
  font-family: var(--font-default), var(--font-fallback);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .03em
}

@media screen and (min-width:768px) {
  .footer-bottom__nav {
    column-gap: 3.2rem
  }
}

@media screen and (max-width:575px) {
  .footer-bottom__nav {
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    gap: 1rem
  }
}

.global-search {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden
}

@media screen and (max-width:1023px) {
  .global-search_active {
    opacity: 1;
    visibility: visible;
    z-index: 999999
  }
}

.global-search__layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6)
}

.global-search__content {
  position: relative;
  background-color: hsl(var(--color-white));
  padding: 1.6rem 5.2rem 1.6rem 2.4rem
}

.global-search__element .input-search__dropdown {
  display: none
}

.global-search__close {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 1rem
}

.global-search__close .icon {
  display: block;
  fill: hsl(var(--color-black))
}