:root {
  --content-width-base: 69.375rem;
  --content-width-sm: 61.25rem;
  --content-width-lg: 98.75rem;
  --container-padding: 2.5rem;
  --container: calc(var(--content-width-base) + 2 * var(--container-padding));
  --container-sm: calc(var(--content-width-sm) + 2 * var(--container-padding));
  --container-lg: calc(var(--content-width-lg) + 2 * var(--container-padding));
  --base-font-size: 16px;
  --font-family-proxima-nova: "Proxima Nova", sans-serif;
  --font-family-primary: var(--font-family-proxima-nova);
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --display-font-weight: 700;
  --display-line-height: 1.2;
  --color-white: #fff;
  --color-white-first-snow: #eaf1f8;
  --color-black: #000;
  --color-black-off: #303030;
  --color-blue: #003b75;
  --color-blue-light: #edf6ff;
  --color-blue-husky: #e0edfb;
  --color-green: #5bcc55;
  --color-primary: var(--color-blue);
  --transition-duration: 0.3s;
}

/* stylelint-disable scss/selector-no-redundant-nesting-selector */
/* stylelint-disable selector-no-vendor-prefix */
/* MEDIA QUERIES
------------------------- */
/* Font
------------------------- */
/* DISABLED MOB HOVER
------------------------- */
/* ADAPTIVE VALUE
------------------------- */
/*
// Mixin:
@include adaptive-value("Property", start value, min value, type of adapt);
// Example:
@include adaptive-value("padding", 50, 20, 0);
*/
/* Line Height
------------------------- */
/* Border Radius
------------------------- */
/* Opacity
------------------------- */
/* Aspect Ratio
------------------------- */
/* Text overflow
------------------------- */
/* Text Shorten
------------------------- */
/* Placeholders
------------------------- */
/* Scrollbars
------------------------- */
/* Triangle
------------------------- */
/* Fluid (Responsive) Font
------------------------- */
/* z-index
------------------------- */
.mb-0 {
  margin-bottom: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.pb-9 {
  padding-bottom: 2.25rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.mb-25 {
  margin-bottom: 25%;
}

.pb-25 {
  padding-bottom: 25%;
}

.mb-50 {
  margin-bottom: 50%;
}

.pb-50 {
  padding-bottom: 50%;
}

.mb-100 {
  margin-bottom: 100%;
}

.pb-100 {
  padding-bottom: 100%;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/* ========== GRID ========== */
@media (max-width: 480px) {
  :root {
    --media-breakdown: 480 * 100vw;
  }
}
@media (min-width: 480px) {
  :root {
    --media-breakdown: 568 * 100vw;
  }
}
@media (min-width: 568px) {
  :root {
    --media-breakdown: 768 * 100vw;
  }
}
@media (min-width: 768px) {
  :root {
    --media-breakdown: 992 * 100vw;
  }
}
@media (min-width: 992px) {
  :root {
    --media-breakdown: 1200 * 100vw;
  }
}
@media (min-width: 1200px) {
  :root {
    --media-breakdown: 1580 * 100vw;
  }
}
@media (min-width: 1580px) {
  :root {
    --media-breakdown: 1920 * 100vw;
  }
}
.row {
  display: flex;
  flex-flow: row wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

[class^=col-],
[class*=" col-"] {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 320px) {
  .col-2xs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media (min-width: 320px) {
  .col-2xs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media (min-width: 320px) {
  .col-2xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 320px) {
  .col-2xs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media (min-width: 320px) {
  .col-2xs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media (min-width: 320px) {
  .col-2xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 320px) {
  .col-2xs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media (min-width: 320px) {
  .col-2xs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media (min-width: 320px) {
  .col-2xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media (min-width: 320px) {
  .col-2xs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media (min-width: 320px) {
  .col-2xs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media (min-width: 320px) {
  .col-2xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 480px) {
  .col-xs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media (min-width: 480px) {
  .col-xs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media (min-width: 480px) {
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 480px) {
  .col-xs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media (min-width: 480px) {
  .col-xs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media (min-width: 480px) {
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 480px) {
  .col-xs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media (min-width: 480px) {
  .col-xs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media (min-width: 480px) {
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media (min-width: 480px) {
  .col-xs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media (min-width: 480px) {
  .col-xs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media (min-width: 480px) {
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media (min-width: 768px) {
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 768px) {
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media (min-width: 768px) {
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media (min-width: 768px) {
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media (min-width: 768px) {
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media (min-width: 768px) {
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media (min-width: 992px) {
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 992px) {
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media (min-width: 992px) {
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) {
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media (min-width: 992px) {
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media (min-width: 992px) {
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media (min-width: 992px) {
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1280px) {
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media (min-width: 1280px) {
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media (min-width: 1280px) {
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 1280px) {
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media (min-width: 1280px) {
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media (min-width: 1280px) {
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 1280px) {
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media (min-width: 1280px) {
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media (min-width: 1280px) {
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media (min-width: 1280px) {
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media (min-width: 1280px) {
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media (min-width: 1280px) {
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1440px) {
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media (min-width: 1440px) {
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media (min-width: 1440px) {
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 1440px) {
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media (min-width: 1440px) {
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media (min-width: 1440px) {
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 1440px) {
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media (min-width: 1440px) {
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media (min-width: 1440px) {
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media (min-width: 1440px) {
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media (min-width: 1440px) {
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media (min-width: 1440px) {
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1560px) {
  .col-2xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}

@media (min-width: 1560px) {
  .col-2xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

@media (min-width: 1560px) {
  .col-2xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 1560px) {
  .col-2xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media (min-width: 1560px) {
  .col-2xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}

@media (min-width: 1560px) {
  .col-2xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 1560px) {
  .col-2xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}

@media (min-width: 1560px) {
  .col-2xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
}

@media (min-width: 1560px) {
  .col-2xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media (min-width: 1560px) {
  .col-2xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}

@media (min-width: 1560px) {
  .col-2xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}

@media (min-width: 1560px) {
  .col-2xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-col {
  flex-direction: column;
}

.items-center {
  align-items: center;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-start {
  justify-content: flex-start;
}

.justify-between {
  justify-content: space-between;
}

html {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

*,
*::after,
*::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

main,
header,
footer {
  display: block;
}

hr {
  overflow: visible;
  height: 0;
}

ul {
  list-style: none;
}

a {
  display: inline-block;
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

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

b,
strong {
  font-weight: 700;
}

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

small {
  font-size: 80%;
}

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

img {
  border-style: none;
  max-width: 100%;
  object-fit: cover;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

legend {
  display: table;
  max-width: 100%;
  white-space: normal;
  color: inherit;
}

textarea {
  overflow: auto;
}

[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;
}

[hidden] {
  display: none;
}

@font-face {
  src: url("../fonts/ProximaNova-Black.woff") format("woff"), url("../fonts/ProximaNova-Black.woff2") format("woff2");
  font-family: "Proxima Nova";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ProximaNova-BlackIt.woff") format("woff"), url("../fonts/ProximaNova-BlackIt.woff2") format("woff2");
  font-family: "Proxima Nova";
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ProximaNova-Extrabld.woff") format("woff"), url("../fonts/ProximaNova-Extrabld.woff2") format("woff2");
  font-family: "Proxima Nova";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ProximaNova-ExtrabldIt.woff") format("woff"), url("../fonts/ProximaNova-ExtrabldIt.woff2") format("woff2");
  font-family: "Proxima Nova";
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold.woff2") format("woff2");
  font-family: "Proxima Nova";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ProximaNova-BoldIt.woff") format("woff"), url("../fonts/ProximaNova-BoldIt.woff2") format("woff2");
  font-family: "Proxima Nova";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova-Semibold.woff2") format("woff2");
  font-family: "Proxima Nova";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ProximaNova-SemiboldIt.woff") format("woff"), url("../fonts/ProximaNova-SemiboldIt.woff2") format("woff2");
  font-family: "Proxima Nova";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular.woff2") format("woff2");
  font-family: "Proxima Nova";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ProximaNova-RegularIt.woff") format("woff"), url("../fonts/ProximaNova-RegularIt.woff2") format("woff2");
  font-family: "Proxima Nova";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ProximaNova-Light.woff") format("woff"), url("../fonts/ProximaNova-Light.woff2") format("woff2");
  font-family: "Proxima Nova";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ProximaNova-LightIt.woff") format("woff"), url("../fonts/ProximaNova-LightIt.woff2") format("woff2");
  font-family: "Proxima Nova";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ProximaNova-ThinIt.woff") format("woff"), url("../fonts/ProximaNova-ThinIt.woff2") format("woff2");
  font-family: "Proxima Nova";
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ProximaNovaT-Thin.woff") format("woff"), url("../fonts/ProximaNovaT-Thin.woff2") format("woff2");
  font-family: "Proxima NovaT";
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  src: url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.woff2") format("woff2");
  font-family: "icomoon";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
[class^=icon-],
[class*=" icon-"] {
  display: inline-flex;
  align-items: center;
  font-family: inherit;
}
[class^=icon-]::before,
[class*=" icon-"]::before {
  font-family: "icomoon" !important;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
}

.icon-chevron-up-circle::before {
  content: "\e900";
}

.icon-chevron-down-circle::before {
  content: "\e901";
}

.icon-chevron-left-circle::before {
  content: "\e902";
}

.icon-chevron-right-circle::before {
  content: "\e903";
}

.icon-email::before {
  content: "\e904";
}

.icon-phone::before {
  content: "\e942";
}

.icon-location::before {
  content: "\e947";
}

.icon-google::before {
  content: "\ea88";
}

.icon-google-plus::before {
  content: "\ea8b";
}

.icon-facebook::before {
  content: "\ea90";
}

.icon-instagram::before {
  content: "\ea92";
}

.icon-whatsapp::before {
  content: "\ea93";
}

.icon-spotify::before {
  content: "\ea94";
}

.icon-twitter::before {
  content: "\ea96";
}

.icon-sina-weibo::before {
  content: "\ea9a";
}

.icon-rss1::before {
  content: "\ea9b";
}

.icon-youtube::before {
  content: "\ea9d";
}

.icon-youtube2::before {
  content: "\ea9e";
}

.icon-twitch::before {
  content: "\ea9f";
}

.icon-dribbble::before {
  content: "\eaa7";
}

.icon-behance::before {
  content: "\eaa8";
}

.icon-steam::before {
  content: "\eaac";
}

.icon-skype::before {
  content: "\eac5";
}

.icon-reddit::before {
  content: "\eac6";
}

.icon-linkedin2::before {
  content: "\eaca";
}

.icon-pinterest2::before {
  content: "\ead2";
}

.icon-activity::before {
  content: "\e909";
}

.icon-airplay::before {
  content: "\e90a";
}

.icon-alert-circle::before {
  content: "\e90b";
}

.icon-alert-octagon::before {
  content: "\e90c";
}

.icon-alert-triangle::before {
  content: "\e90d";
}

.icon-align-center::before {
  content: "\e90e";
}

.icon-align-justify::before {
  content: "\e90f";
}

.icon-align-left::before {
  content: "\e910";
}

.icon-align-right::before {
  content: "\e911";
}

.icon-anchor::before {
  content: "\e912";
}

.icon-aperture::before {
  content: "\e913";
}

.icon-archive::before {
  content: "\e914";
}

.icon-arrow-down::before {
  content: "\e915";
}

.icon-arrow-down-circle::before {
  content: "\e916";
}

.icon-arrow-down-left::before {
  content: "\e917";
}

.icon-arrow-down-right::before {
  content: "\e918";
}

.icon-arrow-left::before {
  content: "\e919";
}

.icon-arrow-left-circle::before {
  content: "\e91a";
}

.icon-arrow-right::before {
  content: "\e91b";
}

.icon-arrow-right-circle::before {
  content: "\e91c";
}

.icon-arrow-up::before {
  content: "\e91d";
}

.icon-arrow-up-circle::before {
  content: "\e91e";
}

.icon-arrow-up-left::before {
  content: "\e91f";
}

.icon-arrow-up-right::before {
  content: "\e920";
}

.icon-at-sign::before {
  content: "\e921";
}

.icon-award::before {
  content: "\e922";
}

.icon-bar-chart::before {
  content: "\e923";
}

.icon-bar-chart-2::before {
  content: "\e924";
}

.icon-battery::before {
  content: "\e925";
}

.icon-battery-charging::before {
  content: "\e926";
}

.icon-bell::before {
  content: "\e927";
}

.icon-bell-off::before {
  content: "\e928";
}

.icon-bluetooth::before {
  content: "\e929";
}

.icon-bold::before {
  content: "\e92a";
}

.icon-book::before {
  content: "\e92b";
}

.icon-book-open::before {
  content: "\e92c";
}

.icon-bookmark::before {
  content: "\e92d";
}

.icon-box::before {
  content: "\e92e";
}

.icon-briefcase::before {
  content: "\e92f";
}

.icon-calendar::before {
  content: "\e930";
}

.icon-camera::before {
  content: "\e931";
}

.icon-camera-off::before {
  content: "\e932";
}

.icon-cast::before {
  content: "\e933";
}

.icon-check::before {
  content: "\e934";
}

.icon-check-circle1::before {
  content: "\e935";
}

.icon-check-square::before {
  content: "\e936";
}

.icon-chevron-down::before {
  content: "\e937";
}

.icon-chevron-left::before {
  content: "\e938";
}

.icon-chevron-right::before {
  content: "\e939";
}

.icon-chevron-up::before {
  content: "\e93a";
}

.icon-chevrons-down::before {
  content: "\e93f";
}

.icon-chevrons-left::before {
  content: "\e940";
}

.icon-chevrons-right::before {
  content: "\e941";
}

.icon-chevrons-up::before {
  content: "\e943";
}

.icon-chrome::before {
  content: "\e944";
}

.icon-circle::before {
  content: "\e945";
}

.icon-clipboard::before {
  content: "\e946";
}

.icon-clock::before {
  content: "\e948";
}

.icon-cloud::before {
  content: "\e949";
}

.icon-cloud-drizzle::before {
  content: "\e94a";
}

.icon-cloud-lightning::before {
  content: "\e94b";
}

.icon-cloud-off::before {
  content: "\e94c";
}

.icon-cloud-rain::before {
  content: "\e94d";
}

.icon-cloud-snow::before {
  content: "\e94e";
}

.icon-code::before {
  content: "\e94f";
}

.icon-codepen::before {
  content: "\e950";
}

.icon-codesandbox::before {
  content: "\e951";
}

.icon-coffee::before {
  content: "\e952";
}

.icon-columns::before {
  content: "\e953";
}

.icon-command::before {
  content: "\e954";
}

.icon-compass::before {
  content: "\e955";
}

.icon-copy::before {
  content: "\e956";
}

.icon-corner-down-left::before {
  content: "\e957";
}

.icon-corner-down-right::before {
  content: "\e958";
}

.icon-corner-left-down::before {
  content: "\e959";
}

.icon-corner-left-up::before {
  content: "\e95a";
}

.icon-corner-right-down::before {
  content: "\e95b";
}

.icon-corner-right-up::before {
  content: "\e95c";
}

.icon-corner-up-left::before {
  content: "\e95d";
}

.icon-corner-up-right::before {
  content: "\e95e";
}

.icon-cpu::before {
  content: "\e95f";
}

.icon-credit-card::before {
  content: "\e960";
}

.icon-crop::before {
  content: "\e961";
}

.icon-crosshair::before {
  content: "\e962";
}

.icon-database::before {
  content: "\e963";
}

.icon-delete::before {
  content: "\e964";
}

.icon-disc::before {
  content: "\e965";
}

.icon-dollar-sign::before {
  content: "\e966";
}

.icon-download::before {
  content: "\e967";
}

.icon-download-cloud::before {
  content: "\e968";
}

.icon-droplet::before {
  content: "\e969";
}

.icon-edit::before {
  content: "\e96a";
}

.icon-edit-2::before {
  content: "\e96b";
}

.icon-edit-3::before {
  content: "\e96c";
}

.icon-external-link::before {
  content: "\e96d";
}

.icon-eye::before {
  content: "\e96e";
}

.icon-eye-off::before {
  content: "\e96f";
}

.icon-facebook1::before {
  content: "\e970";
}

.icon-fast-forward::before {
  content: "\e971";
}

.icon-feather::before {
  content: "\e972";
}

.icon-figma::before {
  content: "\e973";
}

.icon-file::before {
  content: "\e974";
}

.icon-file-minus::before {
  content: "\e975";
}

.icon-file-plus::before {
  content: "\e976";
}

.icon-file-text::before {
  content: "\e977";
}

.icon-film::before {
  content: "\e978";
}

.icon-filter::before {
  content: "\e979";
}

.icon-flag::before {
  content: "\e97a";
}

.icon-folder::before {
  content: "\e97b";
}

.icon-folder-minus::before {
  content: "\e97c";
}

.icon-folder-plus::before {
  content: "\e97d";
}

.icon-framer::before {
  content: "\e97e";
}

.icon-frown::before {
  content: "\e97f";
}

.icon-gift::before {
  content: "\e980";
}

.icon-git-branch::before {
  content: "\e981";
}

.icon-git-commit::before {
  content: "\e982";
}

.icon-git-merge::before {
  content: "\e983";
}

.icon-git-pull-request::before {
  content: "\e984";
}

.icon-github::before {
  content: "\e985";
}

.icon-gitlab::before {
  content: "\e986";
}

.icon-globe::before {
  content: "\e987";
}

.icon-grid::before {
  content: "\e988";
}

.icon-hard-drive::before {
  content: "\e989";
}

.icon-hash::before {
  content: "\e98a";
}

.icon-headphones::before {
  content: "\e98b";
}

.icon-heart::before {
  content: "\e98c";
}

.icon-help-circle::before {
  content: "\e98d";
}

.icon-hexagon::before {
  content: "\e98e";
}

.icon-home::before {
  content: "\e98f";
}

.icon-image::before {
  content: "\e990";
}

.icon-inbox::before {
  content: "\e991";
}

.icon-info::before {
  content: "\e992";
}

.icon-instagram1::before {
  content: "\e993";
}

.icon-italic::before {
  content: "\e994";
}

.icon-key::before {
  content: "\e995";
}

.icon-layers::before {
  content: "\e996";
}

.icon-layout::before {
  content: "\e997";
}

.icon-life-buoy::before {
  content: "\e998";
}

.icon-link::before {
  content: "\e999";
}

.icon-link-2::before {
  content: "\e99a";
}

.icon-linkedin::before {
  content: "\e99b";
}

.icon-list::before {
  content: "\e99c";
}

.icon-loader::before {
  content: "\e99d";
}

.icon-lock::before {
  content: "\e99e";
}

.icon-log-in::before {
  content: "\e99f";
}

.icon-log-out::before {
  content: "\e9a0";
}

.icon-mail1::before {
  content: "\e9a1";
}

.icon-map::before {
  content: "\e9a2";
}

.icon-map-pin::before {
  content: "\e9a3";
}

.icon-maximize::before {
  content: "\e9a4";
}

.icon-maximize-2::before {
  content: "\e9a5";
}

.icon-meh::before {
  content: "\e9a6";
}

.icon-menu::before {
  content: "\e9a7";
}

.icon-message-circle::before {
  content: "\e9a8";
}

.icon-message-square::before {
  content: "\e9a9";
}

.icon-mic::before {
  content: "\e9aa";
}

.icon-mic-off::before {
  content: "\e9ab";
}

.icon-minimize::before {
  content: "\e9ac";
}

.icon-minimize-2::before {
  content: "\e9ad";
}

.icon-minus::before {
  content: "\e9ae";
}

.icon-minus-circle::before {
  content: "\e9af";
}

.icon-minus-square::before {
  content: "\e9b0";
}

.icon-monitor::before {
  content: "\e9b1";
}

.icon-moon::before {
  content: "\e9b2";
}

.icon-more-horizontal::before {
  content: "\e9b3";
}

.icon-more-vertical::before {
  content: "\e9b4";
}

.icon-mouse-pointer::before {
  content: "\e9b5";
}

.icon-move::before {
  content: "\e9b6";
}

.icon-music::before {
  content: "\e9b7";
}

.icon-navigation::before {
  content: "\e9b8";
}

.icon-navigation-2::before {
  content: "\e9b9";
}

.icon-octagon::before {
  content: "\e9ba";
}

.icon-package::before {
  content: "\e9bb";
}

.icon-paperclip::before {
  content: "\e9bc";
}

.icon-pause::before {
  content: "\e9bd";
}

.icon-pause-circle::before {
  content: "\e9be";
}

.icon-pen-tool::before {
  content: "\e9bf";
}

.icon-percent::before {
  content: "\e9c0";
}

.icon-phone1::before {
  content: "\e9c1";
}

.icon-phone-call::before {
  content: "\e9c2";
}

.icon-phone-forwarded::before {
  content: "\e9c3";
}

.icon-phone-incoming::before {
  content: "\e9c4";
}

.icon-phone-missed::before {
  content: "\e9c5";
}

.icon-phone-off::before {
  content: "\e9c6";
}

.icon-phone-outgoing::before {
  content: "\e9c7";
}

.icon-pie-chart::before {
  content: "\e9c8";
}

.icon-play::before {
  content: "\e9c9";
}

.icon-play-circle::before {
  content: "\e9ca";
}

.icon-plus::before {
  content: "\e9cb";
}

.icon-plus-circle::before {
  content: "\e9cc";
}

.icon-plus-square::before {
  content: "\e9cd";
}

.icon-pocket::before {
  content: "\e9ce";
}

.icon-power::before {
  content: "\e9cf";
}

.icon-printer::before {
  content: "\e9d0";
}

.icon-radio::before {
  content: "\e9d1";
}

.icon-refresh-ccw::before {
  content: "\e9d2";
}

.icon-refresh-cw::before {
  content: "\e9d3";
}

.icon-repeat::before {
  content: "\e9d4";
}

.icon-rewind::before {
  content: "\e9d5";
}

.icon-rotate-ccw::before {
  content: "\e9d6";
}

.icon-rotate-cw::before {
  content: "\e9d7";
}

.icon-rss::before {
  content: "\e9d8";
}

.icon-save::before {
  content: "\e9d9";
}

.icon-scissors::before {
  content: "\e9da";
}

.icon-search-alt::before {
  content: "\e9db";
}

.icon-send::before {
  content: "\e9dc";
}

.icon-server::before {
  content: "\e9dd";
}

.icon-settings::before {
  content: "\e9de";
}

.icon-share::before {
  content: "\e9df";
}

.icon-share-2::before {
  content: "\e9e0";
}

.icon-shield::before {
  content: "\e9e1";
}

.icon-shield-off::before {
  content: "\e9e2";
}

.icon-shopping-bag::before {
  content: "\e9e3";
}

.icon-shopping-cart-alt::before {
  content: "\e9e4";
}

.icon-shuffle::before {
  content: "\e9e5";
}

.icon-sidebar::before {
  content: "\e9e6";
}

.icon-skip-back::before {
  content: "\e9e7";
}

.icon-skip-forward::before {
  content: "\e9e8";
}

.icon-slack::before {
  content: "\e9e9";
}

.icon-slash::before {
  content: "\e9ea";
}

.icon-sliders::before {
  content: "\e9eb";
}

.icon-smartphone::before {
  content: "\e9ec";
}

.icon-smile::before {
  content: "\e9ed";
}

.icon-speaker::before {
  content: "\e9ee";
}

.icon-square::before {
  content: "\e9ef";
}

.icon-star::before {
  content: "\e9f0";
}

.icon-stop-circle::before {
  content: "\e9f1";
}

.icon-sun::before {
  content: "\e9f2";
}

.icon-sunrise::before {
  content: "\e9f3";
}

.icon-sunset::before {
  content: "\e9f4";
}

.icon-tablet::before {
  content: "\e9f5";
}

.icon-tag::before {
  content: "\e9f6";
}

.icon-target::before {
  content: "\e9f7";
}

.icon-terminal::before {
  content: "\e9f8";
}

.icon-thermometer::before {
  content: "\e9f9";
}

.icon-thumbs-down::before {
  content: "\e9fa";
}

.icon-thumbs-up::before {
  content: "\e9fb";
}

.icon-toggle-left::before {
  content: "\e9fc";
}

.icon-toggle-right::before {
  content: "\e9fd";
}

.icon-tool::before {
  content: "\e9fe";
}

.icon-trash::before {
  content: "\e9ff";
}

.icon-trash-2::before {
  content: "\ea00";
}

.icon-trello::before {
  content: "\ea01";
}

.icon-trending-down::before {
  content: "\ea02";
}

.icon-trending-up::before {
  content: "\ea03";
}

.icon-triangle::before {
  content: "\ea04";
}

.icon-truck::before {
  content: "\ea05";
}

.icon-tv::before {
  content: "\ea06";
}

.icon-twitch1::before {
  content: "\ea07";
}

.icon-twitter1::before {
  content: "\ea08";
}

.icon-type::before {
  content: "\ea09";
}

.icon-umbrella::before {
  content: "\ea0a";
}

.icon-underline::before {
  content: "\ea0b";
}

.icon-unlock::before {
  content: "\ea0c";
}

.icon-upload::before {
  content: "\ea0d";
}

.icon-upload-cloud::before {
  content: "\ea0e";
}

.icon-user-alt::before {
  content: "\ea0f";
}

.icon-user-check::before {
  content: "\ea10";
}

.icon-user-minus::before {
  content: "\ea11";
}

.icon-user-plus::before {
  content: "\ea12";
}

.icon-user-x::before {
  content: "\ea13";
}

.icon-users::before {
  content: "\ea14";
}

.icon-video::before {
  content: "\ea15";
}

.icon-video-off::before {
  content: "\ea16";
}

.icon-voicemail::before {
  content: "\ea17";
}

.icon-volume::before {
  content: "\ea18";
}

.icon-volume-1::before {
  content: "\ea19";
}

.icon-volume-2::before {
  content: "\ea1a";
}

.icon-volume-x::before {
  content: "\ea1b";
}

.icon-watch::before {
  content: "\ea1c";
}

.icon-wifi::before {
  content: "\ea1d";
}

.icon-wifi-off::before {
  content: "\ea1e";
}

.icon-wind::before {
  content: "\ea1f";
}

.icon-x::before {
  content: "\ea20";
}

.icon-x-circle::before {
  content: "\ea21";
}

.icon-x-octagon::before {
  content: "\ea22";
}

.icon-x-square::before {
  content: "\ea23";
}

.icon-youtube1::before {
  content: "\ea24";
}

.icon-zap::before {
  content: "\ea25";
}

.icon-zap-off::before {
  content: "\ea26";
}

.icon-zoom-in::before {
  content: "\ea27";
}

.icon-zoom-out::before {
  content: "\ea28";
}

.soc {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
  font-size: 1.125rem;
  font-weight: 400;
}
.soc > li > a {
  transition: color var(--transition-duration);
}
@media (any-hover: hover) {
  .soc > li > a:hover {
    color: var(--color-blue-light);
  }
}
.soc > li > a:focus, .soc > li > a:active {
  color: var(--color-blue-light);
}

.btn {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  overflow: hidden;
  outline: none;
  border: 0.0625rem solid var(--color-primary);
  border-radius: 0.3125rem;
  min-height: 2.25rem;
  padding: 0.5rem 0.875rem;
  background-color: var(--color-primary);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  color: var(--color-white);
  transition: border-color var(--transition-duration), background-color var(--transition-duration), color var(--transition-duration);
}
.btn:disabled, .btn._disabled {
  opacity: 0.75;
  cursor: default;
  pointer-events: none;
}
.btn.btn--green {
  border-color: var(--color-green);
  background-color: var(--color-green);
  color: var(--color-white);
}
@media (any-hover: hover) {
  .btn.btn--green:not(:disabled, ._disabled):hover {
    border-color: var(--color-green);
    background-color: var(--color-white);
    color: var(--color-green);
  }
}
.btn.btn--green:not(:disabled, ._disabled):focus {
  border-color: var(--color-green);
  background-color: var(--color-white);
  color: var(--color-green);
}
.btn.btn--green:not(:disabled, ._disabled):active {
  border-color: var(--color-green);
  background-color: var(--color-white);
  color: var(--color-green);
}
.btn--lg {
  border-radius: 0.375rem;
  min-height: 4rem;
  padding: 1rem 2rem;
  font-size: 1.25rem;
}
.btn:not(:disabled, ._disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .btn:not(:disabled, ._disabled):hover {
    border-color: var(--color-primary);
    background-color: var(--color-white);
    color: var(--color-primary);
  }
}
.btn:not(:disabled, ._disabled):focus {
  border-color: var(--color-primary);
  background-color: var(--color-white);
  color: var(--color-primary);
}
.btn:not(:disabled, ._disabled):active {
  border-color: var(--color-primary);
  background-color: var(--color-white);
  color: var(--color-primary);
}

.input input,
.input textarea {
  appearance: none;
  outline: none;
  border: 0.0625rem solid #000;
  border-radius: 0;
  width: 100%;
  padding: 1rem 1.5rem;
  background: none;
  font-size: 1rem;
  line-height: 1;
  color: #000;
  resize: none;
  transition: border-color 0.35s;
}
.input input.placeholder,
.input textarea.placeholder {
  color: inherit;
}
.input input::placeholder,
.input textarea::placeholder {
  color: inherit;
}
.input input:-moz-placeholder,
.input textarea:-moz-placeholder {
  color: inherit;
}
.input input::-moz-placeholder,
.input textarea::-moz-placeholder {
  color: inherit;
}
.input input:-ms-input-placeholder,
.input textarea:-ms-input-placeholder {
  color: inherit;
}
.input input::-webkit-input-placeholder,
.input textarea::-webkit-input-placeholder {
  color: inherit;
}
.input input:disabled, .input input._disabled,
.input textarea:disabled,
.input textarea._disabled {
  border-color: #c8c8c8;
  background-color: rgba(200, 200, 200, 0.75);
  opacity: 0.8;
  cursor: default;
}
.input input::-webkit-search-decoration, .input input::-webkit-search-cancel-button, .input input::-webkit-search-results-button, .input input::-webkit-search-results-decoration,
.input textarea::-webkit-search-decoration,
.input textarea::-webkit-search-cancel-button,
.input textarea::-webkit-search-results-button,
.input textarea::-webkit-search-results-decoration {
  display: none;
}
@media (any-hover: hover) {
  .input input:not(:disabled, ._disabled):hover,
  .input textarea:not(:disabled, ._disabled):hover {
    border-color: var(--color-primary);
  }
}
.input input:not(:disabled, ._disabled):focus,
.input textarea:not(:disabled, ._disabled):focus {
  box-shadow: 0 0 0 0.125rem #000;
}
.input input:not(:disabled, ._disabled):active,
.input textarea:not(:disabled, ._disabled):active {
  border-color: var(--color-primary);
}

.header {
  position: relative;
  z-index: 99;
  width: 100%;
  background-color: var(--color-blue);
  color: var(--color-white);
  transition: box-shadow var(--transition-duration), background-color var(--transition-duration), transform var(--transition-duration);
}
.header__wrap {
  position: relative;
  z-index: 10;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.4375rem 0;
  transition: padding var(--transition-duration);
}
@media (min-width: 992px) {
  .header__menu {
    flex: 1 1 auto;
  }
}
.header__btn-box {
  position: relative;
  z-index: 9;
  display: flex;
  flex-shrink: 0;
  gap: 0.5rem;
}

.header-logos {
  --img-height: 5.25rem;
  position: relative;
  z-index: 99;
  background-color: var(--color-white);
  color: var(--color-blue);
}
@media (max-width: 991px) {
  .header-logos {
    --img-height: 3.5rem;
  }
}
.header-logos__groups {
  overflow: hidden;
  transition: max-height var(--transition-duration), height var(--transition-duration);
}
@media (max-width: 767px) {
  .header-logos__groups {
    max-height: var(--img-height);
  }
}
@media (max-width: 767px) {
  .header-logos__groups._active {
    max-height: calc(50vh - 3.5rem - 2rem);
  }
}
.header-logos__group:not(:last-child) {
  border-bottom: 0.0625rem solid var(--color-white-first-snow);
}
.header-logos__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.75rem;
  justify-content: center;
}
@media (max-width: 991px) {
  .header-logos__list {
    gap: 0;
  }
}
.header-logos__list > li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--img-height);
  max-width: 16%;
  padding: 0.75rem;
}
@media (max-width: 991px) {
  .header-logos__list > li {
    max-width: 33.33%;
    padding: 0.5rem;
  }
}
.header-logos__list > li img {
  display: block;
  min-width: 5rem;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media (max-width: 991px) {
  .header-logos__list > li img {
    min-width: 4rem;
  }
}
.header-logos__expand-btn {
  --btn-size: 2rem;
  display: flex;
  flex: 0 0 var(--btn-size);
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border: none;
  width: calc(var(--btn-size) * 2);
  height: var(--btn-size);
  padding: 0.5rem;
  background: none;
}
@media (min-width: 768px) {
  .header-logos__expand-btn {
    display: none;
  }
}
.header-logos__expand-btn._active img {
  transform: rotate(180deg);
}
.header-logos__expand-btn:not(:disabled) {
  cursor: pointer;
}
.header-logos__expand-btn img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform var(--transition-duration);
}

.header-btn {
  vertical-align: top;
  overflow: hidden;
  border: none;
  border-radius: 0.375rem;
  padding: 0.1875rem 1rem;
  background-color: var(--color-green);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: right;
  color: var(--color-black-off);
  transition: background-color var(--transition-duration);
}
.header-btn:not(:disabled) {
  cursor: pointer;
}
@media (any-hover: hover) {
  .header-btn:not(:disabled):hover {
    background-color: #7cdd77;
  }
}
.header-btn:not(:disabled):focus, .header-btn:not(:disabled):active {
  background-color: #7cdd77;
}
.header-btn strong {
  display: block;
  font-size: 1rem;
  color: var(--color-white);
}

.menu__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 1.5rem;
  height: 1.5rem;
  background: none;
  color: inherit;
  cursor: pointer;
  transition: color var(--transition-duration);
}
@media (max-width: 991px) {
  .menu__arrow {
    flex: 0 0 3rem;
    align-self: stretch;
    justify-content: flex-end;
    margin-left: 0.5rem;
    width: 3rem;
    height: auto;
    padding-right: 0.5rem;
  }
}
.menu__arrow::after {
  content: ">";
  display: inline-block;
  font-size: 1.25rem;
  line-height: 0;
  color: inherit;
  transform: rotate(90deg);
  transition: transform var(--transition-duration);
}
.menu__body {
  display: flex;
  gap: 0.75rem 2.25rem;
  align-items: center;
}
@media (max-width: 767px) {
  .menu__body {
    position: absolute;
    left: calc(var(--container-padding) * -1);
    top: 3.5rem;
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
    overflow: hidden;
    width: calc(100% + var(--container-padding) * 2);
    max-height: 0;
    padding: 0 var(--container-padding);
    background-color: var(--color-blue);
    color: var(--color-white);
    transition: max-height 0.5s, padding 0.5s;
  }
  .menu__body._active {
    max-height: calc(100vh - var(--header-height));
    padding: 1.5rem var(--container-padding) 1.75rem;
  }
}
.menu__body > ul:not(.soc) {
  display: flex;
  flex-direction: column;
  gap: 1.5rem 0.75rem;
}
@media (min-width: 768px) {
  .menu__body > ul:not(.soc) {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.75rem 0.875rem;
    align-items: center;
  }
}
@media (min-width: 1440px) {
  .menu__body > ul:not(.soc) {
    gap: 0.75rem 2.25rem;
  }
}
.menu__body > ul:not(.soc) > li {
  position: relative;
}
.menu__body > ul:not(.soc) > li > a {
  display: inline-block;
  padding: 0.125rem;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.142;
  text-transform: uppercase;
  transition: var(--transition-duration);
}
@media (max-width: 991px) {
  .menu__body > ul:not(.soc) > li > a {
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .menu__body > ul:not(.soc) > li > a {
    font-size: 0.8125rem;
  }
}
@media (any-hover: hover) {
  .menu__body > ul:not(.soc) > li > a:hover {
    color: var(--color-blue-light);
  }
}
.menu__body > ul:not(.soc) > li > a:focus, .menu__body > ul:not(.soc) > li > a:active, .menu__body > ul:not(.soc) > li > a._active {
  color: var(--color-blue-light);
}
@media (min-width: 992px) {
  .menu__sublist {
    position: absolute;
    z-index: 100;
    left: 0;
    padding: 0.625rem 0;
    background-color: #fff;
    box-shadow: 0 0 1rem rgba(var(--color-primary), 0.25);
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 10%);
    pointer-events: none;
    transition: var(--transition-duration);
  }
}
@media (max-width: 991px) {
  .menu__sublist {
    position: static;
    flex: 1 1 100%;
    overflow: hidden;
    max-height: 0;
    padding: 0 0 0 1.125rem;
    background-color: transparent;
    font-size: 1.125rem;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: max-height 0.5s;
  }
}
@media (max-width: 991px) {
  .menu__sublist > li:not(:last-child) {
    border-bottom: 0.0625rem dashed var(--color-primary);
  }
}
@media (min-width: 992px) {
  .menu__sublist > li > a {
    display: block;
    min-width: 10rem;
    padding: 0.25rem 1rem;
    transition: color var(--transition-duration);
  }
}
@media (min-width: 992px) and (any-hover: hover) {
  .menu__sublist > li > a:hover {
    color: var(--color-primary);
  }
}
@media (min-width: 992px) {
  .menu__sublist > li > a:focus, .menu__sublist > li > a:active {
    color: var(--color-primary);
  }
}
@media (max-width: 991px) {
  .menu__sublist > li > a {
    padding: 0.625rem 0;
  }
}
.menu__btn {
  --btn-size: 2.25rem;
  --btn-height: 1.5rem;
  --btn-line-height: 0.25rem;
  display: none;
}
@media (max-width: 767px) {
  .menu__btn {
    position: relative;
    z-index: 100;
    display: block;
    border: none;
    width: var(--btn-size);
    height: var(--btn-height);
    background-color: transparent;
    cursor: pointer;
  }
  .menu__btn span, .menu__btn::before, .menu__btn::after {
    position: absolute;
    left: 0;
    border-radius: var(--btn-line-height);
    width: 100%;
    height: var(--btn-line-height);
    background-color: var(--color-white);
    transform-origin: center;
    transition: var(--transition-duration);
  }
  .menu__btn::before, .menu__btn::after {
    content: "";
  }
  .menu__btn::before {
    top: 0;
  }
  .menu__btn::after {
    bottom: 0;
  }
  .menu__btn._active::before {
    top: calc(var(--btn-height) / 2 - var(--btn-line-height) / 2);
    transform: rotate(-45deg);
  }
  .menu__btn._active::after {
    bottom: calc(var(--btn-height) / 2 - var(--btn-line-height) / 2);
    transform: rotate(45deg);
  }
  .menu__btn._active span {
    transform: scale(0) translate(0, -50%);
  }
  .menu__btn span {
    top: calc(var(--btn-height) / 2 - var(--btn-line-height) / 2);
    transform: scale(1);
  }
}
.menu__btn-box {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
  align-items: center;
}

@media (min-width: 992px) and (any-hover: hover) {
  body.pc .menu__body > ul > li:hover .menu__sublist {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    pointer-events: all;
  }
  body.pc .menu__body > ul > li:hover .menu__arrow::after {
    border-color: var(--color-primary);
    transform: rotate(270deg);
  }
}

@media (max-width: 991px) {
  body.touch .menu__body > ul > li._active .menu__sublist {
    max-height: 80vh;
    pointer-events: all;
  }
}
@media (max-width: 991px) {
  body.touch .menu__body > ul > li._active .menu__arrow::after {
    transform: rotate(270deg);
  }
}

/* stylelint-disable order/order */
.footer {
  overflow: hidden;
  background-color: var(--color-blue);
  color: var(--color-white);
}

.footer-top__wrap {
  padding: 1.875rem 0;
}
@media (max-width: 767px) {
  .footer-top__wrap {
    padding-bottom: 0.875rem;
  }
}
.footer-top__row {
  --col-gap: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--col-gap) 0;
  justify-content: space-between;
  margin: 0 calc(var(--col-gap) / 2 * -1);
}
.footer-top__col {
  padding: 0 calc(var(--col-gap) / 2);
}
@media (max-width: 767px) {
  .footer-top__col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.footer-top__contacts > li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.footer-top__contacts > li > a {
  display: flex;
  gap: 0.75rem;
  max-width: 14.625rem;
  transition: color var(--transition-duration);
  font-size: 0.875rem;
  font-weight: var(--body-font-weight);
  line-height: 1.42;
}
@media (any-hover: hover) {
  .footer-top__contacts > li > a:hover {
    color: var(--color-blue-light);
  }
}
.footer-top__contacts > li > a:focus, .footer-top__contacts > li > a:active {
  color: var(--color-blue-light);
}
.footer-top__contacts > li > a span {
  align-self: center;
}

.footer-bottom__wrap {
  padding: 1.25rem 0;
}
@media (max-width: 767px) {
  .footer-bottom__wrap {
    padding-top: 0.75rem;
  }
}
.footer-bottom__row {
  display: flex;
  gap: 0.625rem 1rem;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer-bottom__row {
    flex-direction: column;
    align-items: stretch;
  }
}
.footer-bottom__copyright {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.875rem;
  font-weight: var(--body-font-weight);
  line-height: 1.42;
}
.footer-bottom__created-by {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.875rem;
  font-weight: var(--body-font-weight);
  line-height: 1.42;
}
.footer-bottom__created-by strong {
  font-weight: inherit;
  color: var(--color-white);
}

.section__wrap {
  padding: 3.125rem 0;
}
@media (max-width: 767px) {
  .section__wrap {
    padding: 2.1875rem 0;
  }
}
.section__header.section__header--space-lg:not(:last-child) {
  margin-bottom: 1.875rem;
}
.section__header:not(:last-child) {
  margin-bottom: 0.9375rem;
}
@media (max-width: 767px) {
  .section__header:not(:last-child) {
    margin-bottom: 0.625rem;
  }
}
.section__title {
  text-align: center;
}
.section__description {
  line-height: 1.625;
}
.section__description:not(:last-child) {
  margin-bottom: 1.875rem;
}
.section__toggles:not(:last-child) {
  margin-bottom: 1.875rem;
}
.section__toggles > li:not(:last-child) {
  margin-bottom: 1.25rem;
}
.section__img {
  display: block;
}
.section__img:not(:last-child) {
  margin-bottom: 1.875rem;
}
.section__img img {
  display: block;
  width: 100%;
  height: auto;
}
.section__steps > li:not(:last-child) {
  margin-bottom: 1.875rem;
}
.section__flow:not(:last-child) {
  margin-bottom: 3.125rem;
}

.section-main__wrap {
  padding: 6.25rem 0 3.125rem;
}
@media (max-width: 767px) {
  .section-main__wrap {
    padding: 4.375rem 0 2.1875rem;
  }
}
.section-main__header:not(:last-child) {
  margin-bottom: 0.8125rem;
}
@media (max-width: 767px) {
  .section-main__header:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}
.section-main__title {
  text-align: center;
}

.section-main__description2 {
  line-height: 1.625;
  text-align: center;
  color: #ff0000;
}  
  .section-main__description2:not(:last-child) {
  margin-bottom: 1.875rem;
}

.section-main__description {
  line-height: 1.625;
  text-align: center;
}
.section-main__description:not(:last-child) {
  margin-bottom: 1.875rem;
}
.section-main__toggles:not(:last-child) {
  margin-bottom: 1.875rem;
}
.section-main__toggles > li:not(:last-child) {
  margin-bottom: 1.25rem;
}
.section-main__img img {
  display: block;
  width: 100%;
  height: auto;
}

.flow__row {
  --col-width: 100%;
  --col-arrow-width: 3rem;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .flow__row {
    --col-width: auto;
    flex-wrap: nowrap;
  }
}
@media (min-width: 1280px) {
  .flow__row {
    --col-arrow-width: 5rem;
  }
}
@media (min-width: 992px) {
  .flow__col {
    flex: 0 0 calc((100% - var(--col-arrow-width) * 2) / 3);
    max-width: calc((100% - var(--col-arrow-width) * 2) / 3);
  }
}
@media (max-width: 991px) {
  .flow__col {
    flex: 0 0 var(--col-width);
    max-width: var(--col-width);
  }
}
.flow__col--arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
}
@media (min-width: 992px) {
  .flow__col--arrow {
    --col-width: var(--col-arrow-width);
    flex: 0 0 var(--col-width);
    max-width: var(--col-width);
  }
}
.flow__col .flow-card,
.flow__col .winners-card {
  min-height: 100%;
}
.flow__arrow img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.section-cta__wrap {
  padding: 3.125rem 0;
}
@media (max-width: 767px) {
  .section-cta__wrap {
    padding: 2.1875rem 0 3.25rem;
  }
}
.section-cta__row {
  display: flex;
  gap: 2rem;
  align-items: center;
}
@media (max-width: 767px) {
  .section-cta__row {
    flex-direction: column;
    gap: 1.25rem;
  }
}
.section-cta__logo img {
  display: block;
}
.section-cta__title {
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .section-cta__title {
    text-align: center;
  }
}
.section-cta__btn-box {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .section-cta__btn-box {
    align-self: stretch;
  }
}
.section-cta__btn-box .btn {
  min-width: 100%;
  white-space: nowrap;
}
@media (min-width: 992px) {
  .section-cta__btn-box .btn {
    min-width: 15.75rem;
  }
}
@media (min-width: 1280px) {
  .section-cta__btn-box .btn {
    min-width: 17.875rem;
  }
}

.text-primary {
  color: var(--color-primary);
}

.text-xs {
  font-size: 0.75rem;
}

.text-sm {
  font-size: 0.875rem;
}

.text-base {
  font-size: 1rem;
}

.text-lg {
  font-size: 1.125rem;
}

.text-xl {
  font-size: 1.25rem;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.fond-bold {
  font-weight: 700;
}

.step-card {
  --card-padding-x: 1.25rem;
  --card-padding-y: 1.25rem;
  overflow: hidden;
  border: 0.125rem solid var(--color-blue-husky);
  border-radius: 0.625rem;
  padding: var(--card-padding-y) var(--card-padding-x);
  background-color: var(--color-white);
}
@media (max-width: 767px) {
  .step-card {
    --card-padding-x: 1rem;
    --card-padding-y: 1.25rem;
  }
}
.step-card__header:not(:last-child) {
  margin-bottom: 0.9375rem;
}
.step-card__title {
  font-size: 1.125rem;
  font-weight: var(--display-font-weight);
  line-height: var(--display-line-height);
}
.step-card__text-block:not(:last-child) {
  margin-bottom: 0.9375rem;
}
.step-card__alert-card:not(:last-child) {
  margin-bottom: 0.9375rem;
}
.step-card__info-blocks {
  --col-width: 100%;
  --col-gap: 1.125rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--col-gap) 0;
  margin: 0 calc(var(--col-gap) / 2 * -1);
}
@media (min-width: 992px) {
  .step-card__info-blocks {
    --col-width: 33.33%;
  }
}
.step-card__info-blocks > li {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding: 0 calc(var(--col-gap) / 2);
}
.step-card__info-blocks > li .info-block {
  min-height: 100%;
}
.step-card__criterions:not(:last-child) {
  margin-bottom: 0.9375rem;
}

.criterions__list {
  --col-width: 100%;
  --col-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--col-gap) 0;
  margin: 0 calc(var(--col-gap) / 2 * -1);
}
@media (min-width: 480px) {
  .criterions__list {
    --col-width: 50%;
  }
}
@media (min-width: 992px) {
  .criterions__list {
    --col-width: 25%;
  }
}
.criterions__list:not(:last-child) {
  margin-bottom: 0.9375rem;
}
.criterions__list > li {
  flex: 0 0 var(--col-width);
  max-width: var(--col-width);
  padding: 0 calc(var(--col-gap) / 2);
}
.criterions__list > li img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: fill;
}
@media (min-width: 768px) {
  .criterions__btn-box {
    text-align: right;
  }
}

.alert-card {
  --card-padding-x: 2rem;
  --card-padding-y: 0.9375rem;
  --card-img-size: 3.5rem;
  --card-row-gap: 2.25rem;
  overflow: hidden;
  border-radius: 1.25rem;
  padding: var(--card-padding-y) var(--card-padding-x);
  background-color: var(--color-blue-light);
}
@media (max-width: 991px) {
  .alert-card {
    --card-padding-x: 1rem;
    --card-padding-y: 0.5rem;
    --card-row-gap: 1.25rem;
  }
}
@media (max-width: 767px) {
  .alert-card {
    --card-padding-x: 0.625rem;
    --card-padding-y: 0.75rem;
    --card-row-gap: 0.75rem;
    --card-img-size: 2.625rem;
  }
}
.alert-card__row {
  display: flex;
  gap: var(--card-row-gap);
}
@media (max-width: 767px) {
  .alert-card__row {
    flex-wrap: wrap;
  }
}
.alert-card__img {
  flex: 0 0 var(--card-img-size);
  overflow: hidden;
  border-radius: var(--card-img-size);
  width: var(--card-img-size);
  height: var(--card-img-size);
}
.alert-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.info-block {
  --block-padding-x: 1rem;
  --block-padding-y: 1.5rem;
  overflow: hidden;
  border-radius: 1.25rem;
  padding: var(--block-padding-y) var(--block-padding-x);
  background-color: var(--color-blue-light);
}
@media (max-width: 767px) {
  .info-block {
    --block-padding-x: 0.625rem;
    --block-padding-y: 0.875rem;
  }
}
.info-block__header:not(:last-child) {
  margin-bottom: 0.625rem;
}
.info-block__title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.32;
}

.flow-card {
  --card-padding-x: 1.25rem;
  --card-padding-y: 1.25rem;
  --card-num-size: 2.75rem;
  overflow: hidden;
  border: 0.125rem solid var(--color-blue-husky);
  border-radius: 0.625rem;
  padding: var(--card-padding-y) var(--card-padding-x);
  background-color: var(--color-white);
}
@media (max-width: 991px) {
  .flow-card {
    --card-padding-x: 1rem;
    --card-padding-y: 1rem;
  }
}
.flow-card.flow-card--green .flow-card__num {
  background-color: var(--color-green);
}
.flow-card__num {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.3125rem;
  width: var(--card-num-size);
  height: var(--card-num-size);
  background-color: var(--color-blue);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: var(--color-white);
}
.flow-card__num:not(:last-child) {
  margin-bottom: 1.875rem;
}
.flow-card__title {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  color: rgba(48, 48, 48, 0.5);
}
.flow-card__title:not(:last-child) {
  margin-bottom: 0.75rem;
}

.winners-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  text-align: center;
}
.winners-card__img {
  max-width: 11.25rem;
}
.winners-card__img img {
  display: block;
  width: 100%;
  height: auto;
}
.winners-card__title {
  max-width: 11.25rem;
  font-size: 1.5rem;
  font-weight: var(--display-font-weight);
  line-height: 1.08;
  text-transform: uppercase;
}

html {
  font-size: var(--base-font-size);
}

body {
  background-color: var(--color-blue-light);
  font-family: var(--font-family-primary);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: var(--color-black-off);
}

*::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
*::-webkit-scrollbar-thumb {
  background: var(--color-primary);
}
*::-webkit-scrollbar-track {
  background: var(--color-white);
}
* {
  scrollbar-face-color: var(--color-primary);
  scrollbar-track-color: var(--color-white);
}

::selection {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.disable-scroll {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.wrapper {
  overflow: hidden;
  min-height: 100vh;
}
@media (min-width: 992px) {
  .wrapper--visible {
    overflow: visible;
  }
}

.container {
  margin: 0 auto;
  max-width: var(--container);
  padding: 0 var(--container-padding);
}
.container--sm {
  max-width: var(--container--sm);
}
.container--lg {
  max-width: var(--container--lg);
}

.offset-container {
  padding-left: max(var(--container-padding), (100% - var(--content-width-base)) / 2);
}
@media (max-width: 991px) {
  .offset-container {
    padding: 0 var(--container-padding);
  }
}

/* Hiding class, making content visible only to screen readers but not visually */
/* "sr" meaning "screen-reader" */
.sr-only:not(:focus, :active) {
  position: absolute;
  clip-path: inset(50%);
  overflow: hidden;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip: rect(0 0 0 0);
}

.text-block ol li:not(:last-child),
.text-block ul li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.text-block ul {
  list-style: disc outside;
  padding-left: 1.25rem;
}
.text-block ol {
  list-style: numeric outside;
  padding-left: 1.25rem;
}
.text-block strong,
.text-block b {
  font-weight: 600;
}
.text-block u {
  text-decoration: underline;
}
.text-block em,
.text-block i {
  font-style: italic;
}
.text-block mark {
  background-color: var(--color-primary);
  color: #fff;
}
.text-block del {
  background-color: #fbb;
  text-decoration: line-through;
}
.text-block ins {
  background-color: #d4fcbc;
  text-decoration: none;
}
.text-block blockquote {
  border-left: 0.1875rem solid var(--color-primary);
  padding-left: 0.9375rem;
}
.text-block a {
  font-weight: 600;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .text-block a:hover {
    text-decoration: none;
  }
}
.text-block > *:not(:last-child) {
  margin-bottom: 0.9375rem;
}

a[x-apple-data-detectors] {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
  color: inherit !important;
}

picture {
  display: inline-block;
}
picture img {
  vertical-align: middle;
}

code {
  border: 1px dashed #999;
  border-radius: 0.2rem;
  padding: 0.1rem 0.3rem 0.2rem;
  background: #fff3f4;
  box-decoration-break: clone;
  word-wrap: break-word;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: var(--display-font-weight);
  line-height: var(--display-line-height);
}

h1,
.h1 {
  font-size: 3.125rem;
}
@media (max-width: 767px) {
  h1,
  .h1 {
    font-size: 2.375rem;
  }
}

h2,
.h2 {
  font-size: 2.375rem;
}
@media (max-width: 767px) {
  h2,
  .h2 {
    font-size: 1.875rem;
  }
}

h3,
.h3 {
  font-size: 1.5rem;
}
@media (max-width: 991px) {
  h3,
  .h3 {
    font-size: 1.25rem;
  }
}

h4,
.h4 {
  font-size: 1.125rem;
}

h5,
.h5 {
  font-size: 1rem;
}

h6,
.h6 {
  font-size: 0.75rem;
}

.pages-list {
  padding-left: 1rem;
}
.pages-list > li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.pages-list > li a {
  text-decoration: underline;
  transition: color 0.35s;
}
@media (any-hover: hover) {
  .pages-list > li a:hover {
    color: var(--color-primary);
  }
}

.app-toggle {
  --toggle-padding-x: 1rem;
  overflow: hidden;
  border: 0.125rem solid var(--color-blue-husky);
  border-radius: 0.625rem;
  padding: 0 var(--toggle-padding-x);
  background-color: var(--color-white);
}
@media (max-width: 767px) {
  .app-toggle {
    --toggle-padding-x: 0.875rem;
  }
}
.app-toggle__inner {
  margin: 0 auto;
  max-width: 55rem;
}
.app-toggle__header {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.app-toggle__header[data-spoiler] {
  cursor: pointer;
}
.app-toggle__header[data-spoiler]._active .app-toggle__arrow img {
  transform: rotate(0deg);
}
.app-toggle__arrow {
  --arrow-size: 2rem;
  display: flex;
  flex: 0 0 var(--arrow-size);
  align-items: center;
  justify-content: center;
  border-radius: var(--arrow-size);
  width: var(--arrow-size);
  height: var(--arrow-size);
  padding: 0.125rem;
  color: var(--color-blue);
}
.app-toggle__arrow img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: rotate(180deg);
  transition: transform var(--transition-duration);
}
.app-toggle__title {
  font-size: 1rem;
  font-weight: var(--display-font-weight);
  line-height: var(--display-line-height);
}
.app-toggle__body._active {
  padding: 1.25rem 0;
}

.img-with-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .img-with-btn {
    gap: 0;
  }
}
.img-with-btn__img {
  display: block;
}
.img-with-btn__img img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .img-with-btn__btn {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 1.25rem;
  }
}

.figure-img {
  position: relative;
  display: block;
}
.figure-img__img {
  display: block;
  width: 100%;
  height: auto;
}
.figure-img__caption {
  position: absolute;
  left: 0;
  bottom: 20%;
  display: block;
  max-width: 22.75rem;
  font-size: 1.5rem;
  font-weight: var(--display-font-weight);
  font-style: italic;
  line-height: var(--display-line-height);
}
@media (max-width: 991px) {
  .figure-img__caption {
    max-width: 17.5rem;
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .figure-img__caption {
    display: none;
  }
}

@media (max-width: 767px) {
  :root {
    --container-padding: 1.25rem;
  }
}

.modal-pop {
    width:100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
	z-index: 100;
	padding: 20px;
	display: none;
}

.modal-pop.active {
	display: block;
}

.modal-pop .content{
    margin:40vh auto 40vh auto;
    max-width: 500px;
    padding:10px;
    background-color: #fff;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}