/*
* Theme Name: Helpsinistre Portal
* Author: Illia Humeniuk
* Description: WordPress portal theme base for Helpsinistre
* Version: 1.1.1
* Text Domain: helpsinistre-portal
* Domain Path: /languages
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

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

/* Sections
       ========================================================================== */

/**
     * Remove the margin in all browsers.
     */

body {
  margin: 0;
}

/**
     * Render the `main` element consistently in IE.
     */

main {
  display: block;
}

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */

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

/* Grouping content
       ========================================================================== */

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */

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

/* Text-level semantics
       ========================================================================== */

/**
     * Remove the gray background on active links in IE 10.
     */

a {
  background-color: transparent;
}

/**
     * 1. Remove the bottom border in Chrome 57-
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */

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

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */

b,
strong {
  font-weight: bolder;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */

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

/**
     * Add the correct font size in all browsers.
     */

small {
  font-size: 80%;
}

/**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
       ========================================================================== */

/**
     * Remove the border on images inside links in IE 10.
     */

img {
  border-style: none;
}

/* Forms
       ========================================================================== */

/**
     * 1. Change the font styles in all browsers.
     * 2. Remove the margin in Firefox and Safari.
     */

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

/**
     * Show the overflow in IE.
     * 1. Show the overflow in Edge.
     */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
     * Correct the inability to style clickable types in iOS and Safari.
     */

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

/**
     * Remove the inner border and padding in Firefox.
     */

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

/**
     * Restore the focus styles unset by the previous rule.
     */

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

/**
     * Correct the padding in Firefox.
     */

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

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
     * Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */

progress {
  vertical-align: baseline;
}

/**
     * Remove the default vertical scrollbar in IE 10+.
     */

textarea {
  overflow: auto;
}

/**
     * 1. Add the correct box sizing in IE 10.
     * 2. Remove the padding in IE 10.
     */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */

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

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */

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

/**
     * Remove the inner padding in Chrome and Safari on macOS.
     */

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

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
       ========================================================================== */

/*
     * Add the correct display in Edge, IE 10+, and Firefox.
     */

details {
  display: block;
}

/*
     * Add the correct display in all browsers.
     */

summary {
  display: list-item;
}

/* Misc
       ========================================================================== */

/**
     * Add the correct display in IE 10+.
     */

template {
  display: none;
}

/**
     * Add the correct display in IE 10.
     */

[hidden] {
  display: none;
}

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

/*
* FONTS
*/
@font-face {
  font-family: "Poppins";
  src: url("./assets/fonts/Poppins-Regular.ttf") format("truetype"),
    url("./assets/fonts/Poppins-Regular.eot") format("embedded-opentype"),
    url("./assets/fonts/Poppins-Regular.otf") format("opentype"),
    url("./assets/fonts/Poppins-Regular.woff") format("woff"),
    url("./assets/fonts/Poppins-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("./assets/fonts/Poppins-Medium.ttf") format("truetype"),
    url("./assets/fonts/Poppins-Medium.eot") format("embedded-opentype"),
    url("./assets/fonts/Poppins-Medium.otf") format("opentype"),
    url("./assets/fonts/Poppins-Medium.woff") format("woff"),
    url("./assets/fonts/Poppins-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/*
* TYPOGRAPHY
*/
.heading-1,
h1 {
  margin: 0;
  font-size: calc(48 * (100vw / 960));
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 100%;
  letter-spacing: -0.02em;
}

.heading-2,
h2 {
  margin: 0;
  font-size: calc(36 * (100vw / 960));
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 109%;
  letter-spacing: -0.02em;
}

.heading-3,
h3 {
  margin: 0;
  font-size: calc(24 * (100vw / 960));
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 100%;
  letter-spacing: -0.02em;
}

.heading-4,
h4 {
  margin: 0;
  font-size: calc(20px + 20 * ((100vw - 961px) / 959));
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 120%;
  letter-spacing: -0.02em;
}

.heading-5,
h5 {
  margin: 0;
  font-size: calc(16 * (100vw / 960));
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 125%;
  letter-spacing: -0.02em;
}

.heading-6,
h6 {
  margin: 0;
  font-size: calc(12 * (100vw / 960));
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 133%;
  letter-spacing: -0.02em;
}

.text--big {
  margin: 0;
  font-size: calc(12 * (100vw / 960));
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 133%;
  letter-spacing: -0.02em;
}

a {
  font-size: calc(9 * (100vw / 960));
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #fff;
}

.subtitle {
  color: #d8a94d;
  margin-bottom: calc(8 * (100vw / 960));
}

.subtitle .subtitle--white {
  color: #fff;
}

@media screen and (max-width: 960px) {
  .heading-1,
  h1 {
    font-size: calc(48px + 80 * ((100vw - 360px) / 600));
  }

  .heading-2,
  h2 {
    margin: 0;
    font-size: calc(36px + 60 * ((100vw - 360px) / 600));
    line-height: 110%;
  }

  .heading-3,
  h3 {
    font-size: calc(32px + 53 * ((100vw - 360px) / 600));
    line-height: 117%;
  }

  .heading-4,
  h4 {
    font-size: calc(24px + 40 * ((100vw - 360px) / 600));
    line-height: 133%;
  }

  .heading-5,
  h5 {
    font-size: calc(21px + 35 * ((100vw - 360px) / 600));
    line-height: 127%;
  }

  .heading-6,
  h6 {
    font-size: calc(18px + 30 * ((100vw - 360px) / 600));
    line-height: 133%;
  }

  .text--big {
    font-size: calc(16px + 27 * ((100vw - 360px) / 600));
    line-height: 133%;
  }

  a {
    font-size: calc(14px + 23 * ((100vw - 360px) / 600));
    line-height: 133%;
  }

  .subtitle {
    margin-bottom: calc(8px + 13 * ((100vw - 360px) / 600));
  }
}

/*
* FLEX
*/
.flex {
  display: flex;
}

.flex.flex--row {
  flex-direction: row;
}

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

.flex.items--center {
  justify-content: center;
  align-items: center;
}

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

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

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

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

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

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

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

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

/*
* BODY STYLES
*/
body {
  background-color: #000;
  color: #fff;

  font-size: calc(9 * (100vw / 960));
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 133%;
  letter-spacing: -0.02em;

  min-width: 360px;
  overflow-x: hidden;
}

body.no-scroll {
  overflow: hidden;
}

@media screen and (max-width: 960px) {
  body {
    font-size: calc(14px + 23 * ((100vw - 360px) / 600));
    line-height: 150%;
  }
}

/*
* POPUPS
*/
.popup {
  display: none;

  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  align-items: center;
  justify-content: center;

  background-color: rgba(0, 0, 0, 0.4);
}

.popup.show {
  display: flex;
}

.popup .popup__content {
  width: 100%;
  max-width: 720px;
  background-color: #fff;
  color: #000;
  padding: calc(16 * (100vw / 960));
  border-radius: calc(18 * (100vw / 960));

  gap: calc(6 * (100vw / 960));
}

.popup .form__messages {
  color: #fff;
}

.popup .popup__close {
  cursor: pointer;
}

.popup .popup__close svg {
  stroke: #000;
  width: calc(8 * (100vw / 960));
  height: calc(8 * (100vw / 960));
}

.popup .form {
  margin-top: calc(12 * (100vw / 960));
}

.popup .form,
.popup .form .form__submit button {
  width: 100%;
}

.popup .form .form__submit {
  margin-top: 0px;
}

@media screen and (max-width: 960px) {
  .popup .popup__content {
    width: calc(312px + 520 * ((100vw - 360px) / 600));

    padding: calc(24px + 40 * ((100vw - 360px) / 600));
    border-radius: calc(16px + 27 * ((100vw - 360px) / 600));

    gap: calc(12px + 20 * ((100vw - 360px) / 600));
  }

  .popup .popup__close svg {
    width: calc(16px + 27 * ((100vw - 360px) / 600));
    height: calc(16px + 27 * ((100vw - 360px) / 600));
  }

  .popup .form {
    margin-top: calc(24px + 40 * ((100vw - 360px) / 600));
  }
}

/*
* SECTIONS
*/
.section--white {
  background-color: #fff;
  color: #000;
}

.section--grey {
  background-color: #333;
  color: #fff;
}

.section--yellow {
  background-color: #d8a94d;
  color: #fff;
}

.section--yellow .subtitle {
  color: #000;
}

.section--rounded {
  position: relative;
  border-radius: calc(24 * (100vw / 960));
  z-index: 90;
}

.section--rounded + .section--rounded {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.section--no-rounded {
  position: relative;
  z-index: 70;
}

.section + .section {
  margin-top: calc(-28 * (100vw / 960));
}

.section + .section.section--no-rounded {
  padding-top: calc(28 * (100vw / 960));
  margin-bottom: calc(-28 * (100vw / 960));
}

.section--rounded + .section--rounded {
  z-index: 80;
}

@media screen and (max-width: 960px) {
  .section--rounded {
    border-radius: calc(32px + 53 * ((100vw - 360px) / 600));
  }

  .section + .section {
    margin-top: calc(-56px - 93 * ((100vw - 360px) / 600));
  }

  .section--rounded + .section--rounded .container {
    padding-top: calc(56px + 93 * ((100vw - 360px) / 600));
  }

  .section + .section.section--no-rounded {
    padding-top: calc(56px + 93 * ((100vw - 360px) / 600));
    margin-bottom: calc(-56px - 93 * ((100vw - 360px) / 600));
  }
}

/*
* CONTAINER
*/
.container {
  width: 100%;
  height: 100%;

  padding: 0px calc(20 * (100vw / 960));
}

@media screen and (max-width: 960px) {
  .container {
    padding-left: calc(24px + 40 * ((100vw - 360px) / 600));
    padding-right: calc(24px + 40 * ((100vw - 360px) / 600));
  }
}

/*
* PAGINATION
*/
.pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  margin-top: calc(28 * (100vw / 960));
  gap: calc(8 * (100vw / 960));
}

.pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;

  width: calc(28 * (100vw / 960));
  height: calc(28 * (100vw / 960));

  border-radius: 100%;
  border: calc(0.5 * (100vw / 960)) solid #fff;

  font-size: calc(12 * (100vw / 960));
  text-decoration: none;
  color: #fff;
  transition: all 0.3s linear;
}

.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.pagination .page-numbers.current {
  background-color: #fff;
  color: #000;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
  width: calc(36 * (100vw / 960));
  height: calc(36 * (100vw / 960));
}

.pagination .page-numbers.prev {
  margin-right: calc(16 * (100vw / 960));
}

.pagination .page-numbers.next {
  margin-left: calc(16 * (100vw / 960));
}

.pagination .page-numbers svg {
  fill: #fff;

  width: calc(9.5 * (100vw / 960));
  height: calc(8 * (100vw / 960));

  transition: all 0.3s linear;
}

.pagination .page-numbers:hover svg,
.pagination .page-numbers:focus svg,
.pagination .page-numbers.current svg {
  fill: #000;
}

@media screen and (max-width: 960px) {
  .pagination {
    margin-top: calc(40px + 67 * ((100vw - 360px) / 600));
    gap: calc(12px + 20 * ((100vw - 360px) / 600));
  }

  .pagination .page-numbers {
    width: calc(48px + 80 * ((100vw - 360px) / 600));
    height: calc(48px + 80 * ((100vw - 360px) / 600));

    border: 1px solid #fff;

    font-size: calc(18px + 30 * ((100vw - 360px) / 600));
  }

  .pagination .page-numbers.prev,
  .pagination .page-numbers.next {
    width: calc(56px + 93 * ((100vw - 360px) / 600));
    height: calc(56px + 93 * ((100vw - 360px) / 600));
  }

  .pagination .page-numbers.next,
  .pagination .page-numbers.prev {
    margin-left: 0;
    margin-right: 0;
  }

  .pagination .page-numbers svg {
    width: calc(16px + 27 * ((100vw - 360px) / 600));
    height: auto;
  }
}

/*
* BUTTONS
*/
.btn {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;

  font-size: calc(12 * (100vw / 960));
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 133%;
  letter-spacing: -0.02em;

  text-decoration: none;
  cursor: pointer;
}

.btn .btn__label {
  display: flex;
  align-items: center;
  justify-content: center;

  height: calc(36 * (100vw / 960));

  padding: calc(6 * (100vw / 960)) calc(20 * (100vw / 960));
  border-radius: calc(32 * (100vw / 960));

  transition: all 0.3s linear;
}

.btn.btn--main .btn__label {
  background-color: #d8a94d;
  color: #fff;
}

.btn.btn--main.btn--main--white .btn__label {
  background-color: #fff;
  color: #000;
}

.btn.btn--main:hover .btn__label,
.btn.btn--main:focus .btn__label {
  background-color: #b58420;
  color: #fff;
}

.btn.btn--main.btn--main--white:hover .btn__label,
.btn.btn--main.btn--main--white:focus .btn__label {
  background-color: #d8a94d;
  color: #fff;
}

.btn.btn--secondary .btn__label {
  border: 1px solid #fff;
  color: #fff;
}

.btn.btn--secondary:hover .btn__label,
.btn.btn--secondary:focus .btn__label {
  background-color: #fff;
  color: #000;
}

.btn.btn--secondary.btn--black .btn__label {
  border: 1px solid #000;
  color: #000;
}

.btn.btn--secondary.btn--black:hover .btn__label,
.btn.btn--secondary.btn--black:focus .btn__label {
  background-color: #000;
  color: #fff;
}

.btn .btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 auto;

  width: calc(36 * (100vw / 960));
  height: calc(36 * (100vw / 960));
  border-radius: 100%;

  background-color: #fff;
}

.btn .btn__icon svg {
  color: #000;
  width: calc(12 * (100vw / 960));
  height: auto;
}

@media screen and (max-width: 960px) {
  .btn {
    font-size: calc(16px + 27 * ((100vw - 360px) / 600));
    width: 100%;
  }

  .btn .btn__label {
    height: auto;
    flex: 1 1 auto;

    padding-top: calc(20px + 33 * ((100vw - 360px) / 600));
    padding-bottom: calc(20px + 33 * ((100vw - 360px) / 600));
    padding-right: calc(24px + 40 * ((100vw - 360px) / 600));
    padding-left: calc(24px + 40 * ((100vw - 360px) / 600));

    border-radius: calc(101px + 168 * ((100vw - 360px) / 600));
  }

  .btn .btn__icon {
    flex-shrink: 0;
    width: calc(64px + 107 * ((100vw - 360px) / 600));
    height: calc(64px + 107 * ((100vw - 360px) / 600));
  }

  .btn .btn__icon svg {
    width: calc(24px + 40 * ((100vw - 360px) / 600));
    height: auto;
  }
}

/*
* SVG
*/
svg {
  display: block;
}

svg path {
  fill: inherit;
  stroke: inherit;
}

/*
* SWIPER
*/
.swiper {
  max-width: 100%;
}

.swiper .swiper-wrapper {
  width: 100%;

  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.swiper .swiper-slide {
  flex-shrink: 0;
}

.swiper .swiper-navigation {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.swiper .swiper-navigation .swiper-navigation-btn {
  width: calc(58.5 * (100vw / 960));
  height: calc(58.5 * (100vw / 960));

  border-radius: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
}

.swiper .swiper-navigation .swiper-navigation-btn svg {
  width: calc(13 * (100vw / 960));
  height: calc(11.5 * (100vw / 960));
}

.swiper .swiper-navigation.swiper-navigation--white .swiper-navigation-btn {
  background-color: #fff;
}

.swiper .swiper-navigation.swiper-navigation--white svg {
  fill: #000;
}

.swiper .swiper-navigation.swiper-navigation--black .swiper-navigation-btn {
  background-color: #000;
}

.swiper .swiper-navigation.swiper-navigation--black svg {
  fill: #fff;
}

.swiper .swiper-navigation .swiper-navigation-counter .counter-current-index {
  color: #d8a94d;
}

@media screen and (max-width: 960px) {
  .swiper {
    overflow: hidden;
  }

  .swiper .swiper-navigation .swiper-navigation-btn {
    width: calc(72px + 120 * ((100vw - 360px) / 600));
    height: calc(72px + 120 * ((100vw - 360px) / 600));
  }

  .swiper .swiper-navigation .swiper-navigation-btn svg {
    width: calc(26px + 43 * ((100vw - 360px) / 600));
    height: calc(23px + 38 * ((100vw - 360px) / 600));
  }
}

/*
* BREADCRUMB
*/
.breadcrumb {
  margin-bottom: calc(8 * (100vw / 960));
}

.breadcrumb a,
.breadcrumb .breadcrumb_last {
  text-decoration: none;
  color: #fff;

  font-size: calc(12 * (100vw / 960));
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 100%;
  letter-spacing: -0.02em;
}

.breadcrumb .breadcrumb_last {
  color: #d8a94d;
}

@media screen and (max-width: 960px) {
  .breadcrumb {
    margin-bottom: calc(8px + 13 * ((100vw - 360px) / 600));
  }

  .breadcrumb a,
  .breadcrumb .breadcrumb_last {
    font-size: calc(16px + 27 * ((100vw - 360px) / 600));
  }
}

/*
* FORM
*/
button {
  border: none;
  background: none;
}

.form__input input,
textarea {
  border: calc(0.5 * (100vw / 960)) solid #333;
  border-radius: calc(6 * (100vw / 960));

  background-color: #fff;

  width: 100%;

  padding-top: calc(5 * (100vw / 960));
  padding-bottom: calc(5 * (100vw / 960));
  padding-right: calc(8 * (100vw / 960));
  padding-left: calc(8 * (100vw / 960));

  height: calc(32 * (100vw / 960));
}

input:hover,
textarea:hover,
input:focus,
textarea:focus {
  outline: none;
}

.form {
  width: 100%;
}

.form .form__messages,
.form__message {
  display: none;
  width: 100%;

  background-color: #d8a94d;
  border-radius: calc(6 * (100vw / 960));

  padding-top: calc(8 * (100vw / 960));
  padding-bottom: calc(8 * (100vw / 960));
  padding-right: calc(12 * (100vw / 960));
  padding-left: calc(12 * (100vw / 960));

  margin-bottom: calc(16 * (100vw / 960));
}

.form .form__messages.show,
.form__message.show {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  gap: calc(6 * (100vw / 960));
}

.form__message.show {
  align-items: center;
  justify-content: center;
  margin-bottom: 0px;

  min-height: 320px;
  background-color: #000;
}

.form .form__fields {
  width: 100%;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  gap: calc(12 * (100vw / 960));
}

.form .form__fields .form__row {
  width: 100%;

  display: flex;
  align-items: flex-start;
  justify-content: flex-start;

  gap: calc(20 * (100vw / 960));
}

.form .form__field {
  display: flex;

  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  flex: 1 1 auto;
}

.form .form__row.form__row--two .form__field {
  flex: 1 1 50%;
}

.form .form__field:not(.form__checkbox) label {
  display: inline-block;
  background-color: #333;
  color: #fff;

  padding-top: calc(2 * (100vw / 960));
  padding-bottom: calc(2 * (100vw / 960));
  padding-right: calc(8 * (100vw / 960));
  padding-left: calc(8 * (100vw / 960));

  margin-left: calc(4 * (100vw / 960));

  border-top-left-radius: calc(6 * (100vw / 960));
  border-top-right-radius: calc(6 * (100vw / 960));
}

.form .form__field.form__field--novalid:not(.form__checkbox) label {
  background-color: #ff0202;
}

.form .form__field.form__field--novalid:not(.form__checkbox) input {
  border-color: #ff0202;
}

.form .form__textarea textarea {
  height: calc(120 * (100vw / 960));
}

.form .form__submit {
  width: 100%;

  margin-top: calc(16 * (100vw / 960));
}

.form .form__submit .btn__label {
  flex: 1 1 auto;
}

.form .form__submit .btn__icon svg {
  fill: #000;
  width: calc(12.5 * (100vw / 960));
  height: calc(12.5 * (100vw / 960));
}

.form .form__submit p {
  margin-top: calc(12 * (100vw / 960));
}

.form .form__checkbox input {
  display: none;
}

.form .form__checkbox input + label {
  display: flex;
  cursor: pointer;
}

.form .form__checkbox input + label::before {
  content: "";
  display: block;
  width: calc(12 * (100vw / 960));
  height: calc(12 * (100vw / 960));
  flex-shrink: 0;

  border: 1px solid #fff;
  border-radius: calc(3 * (100vw / 960));
  margin-right: calc(8 * (100vw / 960));

  transition: all 0.3s linear;
}

.form .form__checkbox.form__field--novalid input + label{
  color: #ff0202;
}

.form .form__checkbox.form__field--novalid input + label::before{
  border-color: #ff0202;
}

.form .form__checkbox input:checked + label::before {
  background-color: #fff;
}

.form .form__group .form__group-title {
  margin-bottom: calc(6 * (100vw / 960));
}

@media screen and (max-width: 960px) {
  input[type="text"],
  input[type="email"],
  textarea {
    border-width: calc(1px + 3 * ((100vw - 360px) / 600));
    border-radius: calc(12px + 20 * ((100vw - 360px) / 600));

    padding-top: calc(12px + 20 * ((100vw - 360px) / 600));
    padding-bottom: calc(12px + 20 * ((100vw - 360px) / 600));
    padding-right: calc(16px + 27 * ((100vw - 360px) / 600));
    padding-left: calc(16px + 27 * ((100vw - 360px) / 600));

    height: calc(56px + 93 * ((100vw - 360px) / 600));
  }

  .form .form__fields {
    gap: calc(24px + 40 * ((100vw - 360px) / 600));
  }

  .form .form__field:not(.form__checkbox) label {
    padding-top: calc(4px + 7 * ((100vw - 360px) / 600));
    padding-bottom: calc(4px + 7 * ((100vw - 360px) / 600));
    padding-right: calc(16px + 27 * ((100vw - 360px) / 600));
    padding-left: calc(16px + 27 * ((100vw - 360px) / 600));

    margin-left: calc(12px + 20 * ((100vw - 360px) / 600));

    border-top-left-radius: calc(12px + 20 * ((100vw - 360px) / 600));
    border-top-right-radius: calc(12px + 20 * ((100vw - 360px) / 600));
  }

  .form .form__fields .form__row {
    flex-direction: column;

    gap: calc(32px + 53 * ((100vw - 360px) / 600));
  }

  .form .form__row.form__row--two .form__field,
  .form .form__field {
    flex: 1 1 auto;
    width: 100%;
  }

  .form .form__textarea textarea {
    height: calc(156px + 260 * ((100vw - 360px) / 600));
  }

  .form .form__btn-submit .btn__icon svg {
    width: calc(24px + 40 * ((100vw - 360px) / 600));
    height: calc(24px + 40 * ((100vw - 360px) / 600));
  }

  .form .form__group {
    width: 100%;
  }

  .form .form__submit p {
    margin-top: calc(12px + 20 * ((100vw - 360px) / 600));
    text-align: center;
  }

  .form .form__checkbox input + label::before {
    width: calc(24px + 40 * ((100vw - 360px) / 600));
    height: calc(24px + 40 * ((100vw - 360px) / 600));

    border-radius: calc(6px + 10 * ((100vw - 360px) / 600));
    margin-right: calc(16px + 27 * ((100vw - 360px) / 600));
  }

  .form .form__messages,
  .form__message {
    border-radius: calc(12px + 20 * ((100vw - 360px) / 600));

    padding-top: calc(12px + 20 * ((100vw - 360px) / 600));
    padding-bottom: calc(12px + 20 * ((100vw - 360px) / 600));
    padding-right: calc(16px + 27 * ((100vw - 360px) / 600));
    padding-left: calc(16px + 27 * ((100vw - 360px) / 600));

    margin-bottom: calc(24px + 40 * ((100vw - 360px) / 600));
  }

  .form .form__messages.show,
  .form__message.show {
    gap: calc(8px + 13 * ((100vw - 360px) / 600));
  }

  .form__message {
    text-align: center;
    margin-bottom: 0;
  }
}

/*
* SELECT
*/
.form .select {
  position: relative;
  width: 100%;
}

.form .select.disabled {
  opacity: 0.5;
}

.form .select .select__top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;

  border: calc(0.5 * (100vw / 960)) solid #333;
  border-radius: calc(6 * (100vw / 960));
  background-color: #fff;
  color: #000;

  padding-top: calc(5 * (100vw / 960));
  padding-bottom: calc(5 * (100vw / 960));
  padding-right: calc(8 * (100vw / 960));
  padding-left: calc(8 * (100vw / 960));

  height: calc(32 * (100vw / 960));
  cursor: pointer;
}

.form .select .select__top svg {
  fill: #000;
  width: calc(6 * (100vw / 960));
  height: calc(7 * (100vw / 960));

  transition: all 0.3s linear;
}

.form .select.focus .select__top svg {
  transform: rotate(180deg);
}

.form .select .select__message {
  margin-top: 16px;
  display: none;
}

.form .select .select__message.show {
  display: block;
}

.form .select .select__options {
  z-index: 50;
  position: absolute;
  top: 100%;

  width: 100%;

  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.form .select.focus .select__options {
  display: flex;
}

.form .select .select__option {
  width: 100%;
  background-color: #333;
  color: #fff;
  padding-top: calc(5 * (100vw / 960));
  padding-bottom: calc(5 * (100vw / 960));
  padding-right: calc(8 * (100vw / 960));
  padding-left: calc(8 * (100vw / 960));
  border-radius: calc(6 * (100vw / 960));

  transition: all 0.3s linear;
  cursor: pointer;
}

.form .select .select__option:hover,
.form .select .select__option.selected {
  background-color: #d8a94d;
}

@media screen and (max-width: 960px) {
  .form .select .select__top {
    border-width: calc(1px + 3 * ((100vw - 360px) / 600));
    border-radius: calc(12px + 20 * ((100vw - 360px) / 600));

    padding-top: calc(12px + 20 * ((100vw - 360px) / 600));
    padding-bottom: calc(12px + 20 * ((100vw - 360px) / 600));
    padding-right: calc(16px + 27 * ((100vw - 360px) / 600));
    padding-left: calc(16px + 27 * ((100vw - 360px) / 600));

    height: calc(56px + 93 * ((100vw - 360px) / 600));
  }

  .form .select .select__top svg {
    width: auto;
    height: calc(12px + 20 * ((100vw - 360px) / 600));
  }

  .form .select .select__option {
    padding-top: calc(10px + 17 * ((100vw - 360px) / 600));
    padding-bottom: calc(10px + 17 * ((100vw - 360px) / 600));
    padding-right: calc(16px + 27 * ((100vw - 360px) / 600));
    padding-left: calc(16px + 27 * ((100vw - 360px) / 600));
    border-radius: calc(12px + 20 * ((100vw - 360px) / 600));
  }
}

/*
* FORM FILES
*/
.form .form__files {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.form .form__files .files__label {
  padding: 0;
  margin: 0;
  background-color: transparent;
  margin-bottom: calc(6 * (100vw / 960));
}

.form .form__files .files__input input {
  display: none;
}

.form .form__action-btn {
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: calc(12 * (100vw / 960));
  line-height: 133%;

  width: calc(215 * (100vw / 960));
  padding-top: calc(10 * (100vw / 960));
  padding-bottom: calc(10 * (100vw / 960));

  cursor: pointer;

  background-color: #fff;
  color: #000;
  border-radius: calc(32 * (100vw / 960));
}

.form .form__files .files__previews {
  margin-top: calc(16 * (100vw / 960));

  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: calc(20 * (100vw / 960));
}

.file__preview {
  position: relative;
  width: 100%;
  display: block;
  text-decoration: none;
  color: #fff;
  word-wrap: break-word;
}

.file__preview .file__delete-preview {
  position: absolute;

  top: calc(8 * (100vw / 960));
  right: calc(8 * (100vw / 960));

  width: calc(24 * (100vw / 960));
  height: calc(24 * (100vw / 960));
  border-radius: 100%;
  background-color: #d8a94d;

  background-image: url(./assets/images/icons/trash.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: calc(12 * (100vw / 960));
  cursor: pointer;
}

.file__preview input {
  display: none;
}

.file__preview.file__preview--black {
  color: #000;
}

.file__preview .preview__thumbnail {
  width: 100%;
  height: calc(136 * (100vw / 960));
  background-color: #fff;
  border-radius: calc(6 * (100vw / 960));
  margin-bottom: calc(2 * (100vw / 960));

  background-repeat: no-repeat;
  background-position: center;
}

.file__preview.file__preview--black .preview__thumbnail {
  background-color: #000;
}

.file__preview .preview__thumbnail.preview__thumbnail--pdf {
  background-image: url("./assets/images/icons/pdf.svg");
  background-size: calc(28 * (100vw / 960)) auto;
}

.file__preview.file__preview--black
  .preview__thumbnail.preview__thumbnail--pdf {
  background-image: url("./assets/images/icons/pdf--white.svg");
}

.file__preview .preview__thumbnail.preview__thumbnail--doc {
  background-image: url("./assets/images/icons/word.svg");
  background-size: calc(21 * (100vw / 960)) auto;
}

.file__preview.file__preview--black
  .preview__thumbnail.preview__thumbnail--doc {
  background-image: url("./assets/images/icons/word--white.svg");
}

.file__preview .preview__thumbnail.preview__thumbnail--image {
  background-size: cover;
}

.file__preview .preview__file-name {
  width: 100%;
  word-break: break-all;
}

.file__preview .file__download-btn {
  margin-top: 4px;
}

.file__preview .file__download-btn,
.file__preview .file__download-btn .btn__label {
  width: 100%;
}

@media screen and (max-width: 960px) {
  .form .form__files {
    width: 100%;
  }

  .file__preview .file__delete-preview {
    top: calc(8px + 13 * ((100vw - 360px) / 600));
    right: calc(8px + 13 * ((100vw - 360px) / 600));

    width: calc(48px + 80 * ((100vw - 360px) / 600));
    height: calc(48px + 80 * ((100vw - 360px) / 600));

    background-size: calc(20px + 33 * ((100vw - 360px) / 600));
  }

  .form .form__files .files__label {
    margin-bottom: calc(12px + 20 * ((100vw - 360px) / 600));
  }

  .form .form__action-btn {
    width: 100%;

    font-size: calc(18px + 30 * ((100vw - 360px) / 600));
    line-height: 133%;

    height: calc(56px + 93 * ((100vw - 360px) / 600));

    border-radius: calc(64px + 107 * ((100vw - 360px) / 600));
  }

  .form .form__files .files__previews {
    margin-top: calc(32px + 53 * ((100vw - 360px) / 600));

    grid-template-columns: 1fr 1fr;
    gap: calc(24px + 40 * ((100vw - 360px) / 600));
  }

  .file__preview .preview__thumbnail {
    width: 100%;
    height: calc(144px + 240 * ((100vw - 360px) / 600));

    border-radius: calc(12px + 20 * ((100vw - 360px) / 600));
    margin-bottom: calc(4px + 7 * ((100vw - 360px) / 600));
  }

  .file__preview .preview__thumbnail.preview__thumbnail--pdf,
  .file__preview .preview__thumbnail.preview__thumbnail--doc {
    background-size: calc(40px + 67 * ((100vw - 360px) / 600)) auto;
  }
}

/*
* HEADER
*/
.header {
  z-index: 100;

  position: fixed;
  top: calc(20 * (100vw / 960));
  width: 100%;
}

.header .header__logo {
  padding: calc(4 * (100vw / 960)) calc(23 * (100vw / 960));
  background-color: #fff;

  border-radius: calc(37.5 * (100vw / 960));
  border: 1px solid #fff;
}

.header.white .header__logo {
  border-color: #333;
}

.header .header__logo img {
  display: block;
  height: calc(48 * (100vw / 960));
}

.header .header__menu {
  position: relative;
  z-index: 10;
}

.header .header__menu,
.header .header__lang {
  padding: 0 calc(16 * (100vw / 960));
  border: 1px solid #fff;
  border-radius: calc(30 * (100vw / 960));

  transition: all 0.3s linear;
}

.header.white .header__menu,
.header.white .header__lang {
  background-color: #fff;
  border-color: #333;
  color: #000;
}

.header .header__lang {
  padding-top: calc(8 * (100vw / 960));
  padding-bottom: calc(8 * (100vw / 960));
}

.header .header__menu:hover {
  background-color: #fff;
}

.header .header__menu ul,
.header .header__lang ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;

  margin: 0px;
  padding: 0px;

  gap: calc(16 * (100vw / 960));
  list-style: none;
}

.header .header__menu ul a {
  text-decoration: none;
  color: #fff;

  padding-top: calc(8 * (100vw / 960));
  padding-bottom: calc(8 * (100vw / 960));

  display: block;
  transition: all 0.3s linear;
}

.header .header__menu .menu-item-has-children a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: calc(8 * (100vw / 960));
}

.header .header__menu .menu-item-has-children > a::after {
  display: block;
  content: "";

  width: calc(6.5 * (100vw / 960));
  height: calc(6 * (100vw / 960));

  background-color: white;
  -webkit-mask-image: url(./assets/images/submenu-chevron.svg);
  mask-image: url(./assets/images/submenu-chevron.svg);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;

  transition: all 0.3s linear;
}

.header .header__menu:hover .menu-item-has-children > a::after,
.header .header__menu:focus .menu-item-has-children > a::after,
.header.white .header__menu .menu-item-has-children > a::after {
  background-color: black;
}

.header
  .header__menu
  .menu-item-has-children
  > .sub-menu
  > .menu-item-has-children
  > a::after {
  width: calc(13 * (100vw / 960));
  height: calc(12 * (100vw / 960));

  background-color: white;
}

.header .header__menu .menu-item-has-children:hover > a::after,
.header .header__menu .menu-item-has-children:focus > a::after {
  transform: rotate(180deg);
}

.header .header__menu:hover > ul > li > a,
.header.white .header__menu > ul > li > a {
  color: #000;
}

.header .header__menu .sub-menu {
  position: absolute;

  right: 0;
  left: 0;
  top: calc(100% + 1px);

  flex-direction: column;
  gap: calc(16 * (100vw / 960));

  background-color: #333;
  padding-top: calc(8 * (100vw / 960));
  padding-bottom: calc(8 * (100vw / 960));

  border-radius: calc(12 * (100vw / 960));
}

.header .header__menu .sub-menu li a {
  padding-right: calc(12 * (100vw / 960));
  padding-left: calc(12 * (100vw / 960));
}

.header .header__menu .sub-menu .sub-menu {
  position: absolute;

  left: 100%;
  width: calc(160 * (100vw / 960));
  gap: calc(8 * (100vw / 960));
  top: 0px;

  background-color: #ffffff;
  min-height: 100%;
}

.header .header__menu .sub-menu li.menu-item-has-children,
.header .header__menu .sub-menu li.menu-item-has-children a {
  width: 100%;
}

.header .header__menu .sub-menu a {
  padding: 0;
  font-size: calc(16 * (100vw / 960));
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 120%;
  letter-spacing: -0.02em;
}

.header .header__menu .sub-menu li.menu-item-has-children a {
  justify-content: space-between;
}

.header .header__menu .sub-menu .sub-menu a {
  color: #000;
  font-size: calc(9 * (100vw / 960));
}

.header .wpml-ls-legacy-list-horizontal,
.header .wpml-ls-legacy-list-horizontal a {
  padding: 0;
  border: 0;
}

.header .wpml-ls-legacy-list-horizontal img {
  width: calc(12 * (100vw / 960));
  height: calc(12 * (100vw / 960));

  object-fit: contain;

  border-radius: calc(2.5 * (100vw / 960));
}

.header .header__actions .btn {
  font-size: calc(9 * (100vw / 960));
}

.header .header__actions .btn__label {
  height: calc(28 * (100vw / 960));
}

.header.white .btn--secondary .btn__label {
  background-color: #fff;
  border-color: #333;
  color: #000;
}

.header.white .btn--main .btn__label {
  border: 1px solid #333;
}

.header .header__burger-btn {
  display: none;
}

@media screen and (max-width: 960px) {
  .header {
    top: calc(24px + 40 * ((100vw - 360px) / 600));
  }

  .header .header__logo {
    padding: 0;
    padding-top: calc(4px + 7 * ((100vw - 360px) / 600));
    padding-bottom: calc(4px + 7 * ((100vw - 360px) / 600));

    border-radius: calc(75px + 125 * ((100vw - 360px) / 600));

    min-width: calc(136px + 227 * ((100vw - 360px) / 600));
  }

  .header .header__logo img {
    height: calc(64px + 107 * ((100vw - 360px) / 600));
  }

  .header .header__menu,
  .header .header__actions {
    display: none;
  }

  .header .header__lang {
    padding: calc(16px + 27 * ((100vw - 360px) / 600));
    border-radius: calc(60px + 100 * ((100vw - 360px) / 600));
  }

  .header .header__lang img {
    width: calc(24px + 40 * ((100vw - 360px) / 600));
    height: calc(24px + 40 * ((100vw - 360px) / 600));

    border-radius: calc(5px + 13 * ((100vw - 360px) / 600));

    display: block;

    object-fit: contain;
  }

  .header .header__lang .current-lang {
    display: none;
  }

  .header .header__burger-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #fff;

    width: calc(56px + 93 * ((100vw - 360px) / 600));
    height: calc(56px + 93 * ((100vw - 360px) / 600));

    border-radius: 100%;
  }

  .header .header__burger-btn svg {
    width: calc(28px + 47 * ((100vw - 360px) / 600));
    height: calc(16px + 27 * ((100vw - 360px) / 600));
  }

  .header .wpml-ls-legacy-list-horizontal .wpml-ls-current-language {
    display: none;
  }
}

.burger-menu {
  display: none;
}

@media screen and (max-width: 960px) {
  .burger-menu {
    position: fixed;

    z-index: 999;

    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;

    padding-top: calc(106px + 177 * ((100vw - 360px) / 600));
  }

  .burger-menu.show {
    display: block;
  }

  .burger-menu .burger-menu__content {
    position: relative;
    background-color: #fff;

    height: 100%;

    overflow-y: auto;

    border-top-left-radius: calc(24px + 40 * ((100vw - 360px) / 600));
    border-top-right-radius: calc(24px + 40 * ((100vw - 360px) / 600));

    padding-left: calc(24px + 40 * ((100vw - 360px) / 600));
    padding-right: calc(24px + 40 * ((100vw - 360px) / 600));
    padding-top: calc(56px + 93 * ((100vw - 360px) / 600));
    padding-bottom: calc(104px + 173 * ((100vw - 360px) / 600));
  }

  .burger-menu .burger-menu__content a {
    color: #000;
    text-decoration: none;
  }

  .burger-menu .burger-menu__content .burger-menu__list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

    list-style: none;

    display: flex;
    flex-direction: column;
    gap: calc(16px + 27 * ((100vw - 360px) / 600));

    margin-bottom: calc(32px + 53 * ((100vw - 360px) / 600));
  }

  .burger-menu .burger-menu__content .burger-menu__list li {
    width: 100%;
  }

  .burger-menu .burger-menu__content .burger-menu__list li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .burger-menu .burger-menu__content li.menu-item-has-children > a::after {
    display: block;
    content: "";
    flex-shrink: 0;

    width: calc(16px + 27 * ((100vw - 360px) / 600));
    height: calc(15px + 25 * ((100vw - 360px) / 600));

    background-color: black;
    -webkit-mask-image: url(./assets/images/submenu-chevron.svg);
    mask-image: url(./assets/images/submenu-chevron.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;

    transition: all 0.3s linear;
  }

  .burger-menu .burger-menu__content li.menu-item-has-children.show > a::after {
    transform: rotate(180deg);
  }

  .burger-menu .burger-menu__content .sub-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

    height: auto;
    overflow: hidden;

    gap: calc(12px + 20 * ((100vw - 360px) / 600));
    padding-left: calc(16px + 27 * ((100vw - 360px) / 600));
  }

  .burger-menu .burger-menu__content .sub-menu li:first-of-type {
    padding-top: calc(16px + 27 * ((100vw - 360px) / 600));
  }

  .burger-menu .burger-menu__actions {
    gap: calc(16px + 27 * ((100vw - 360px) / 600));
  }

  .burger-menu__close {
    background-color: #000;

    width: calc(56px + 93 * ((100vw - 360px) / 600));
    height: calc(56px + 93 * ((100vw - 360px) / 600));

    border-radius: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    bottom: calc(24px + 40 * ((100vw - 360px) / 600));
    right: calc(50% - (28px + 47 * ((100vw - 360px) / 600)));
    left: calc(50% - (28px + 47 * ((100vw - 360px) / 600)));
  }

  .burger-menu__close svg {
    fill: #fff;

    width: calc(18px + 30 * ((100vw - 360px) / 600));
    height: calc(18px + 30 * ((100vw - 360px) / 600));
  }
}

/*
* FOOTER
*/
.footer {
  position: relative;
  z-index: 90;
  margin-top: calc(-28px - 28 * ((100vw - 961px) / 959));
}

.footer .footer__content {
  background-color: #fff;
  color: #000;
  border-radius: calc(24px + 24 * ((100vw - 961px) / 959));
}

.footer .footer__content .footer__wrapper {
  padding-top: calc(36px + 36 * ((100vw - 961px) / 959));
  padding-bottom: calc(28px + 28 * ((100vw - 961px) / 959));
}

.footer .footer__contact {
  gap: calc(16px + 16 * ((100vw - 961px) / 959));
  margin-bottom: calc(28px + 28 * ((100vw - 961px) / 959));
}

.footer .footer__contact .footer__contact-item {
  width: 100%;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.footer .footer__contact .footer__contact-item a {
  color: #d8a94d;
  text-decoration: none;
}

.footer .footer__contact .item__menu {
  list-style: none;
  gap: calc(12px + 12 * ((100vw - 961px) / 959));
}

.footer .footer__contact .item__menu svg {
  fill: #d8a94d;

  width: calc(28px + 28 * ((100vw - 961px) / 959));
  height: calc(28px + 28 * ((100vw - 961px) / 959));
}

.footer .footer__menu .footer__menu-group {
  width: calc(215px + 215 * ((100vw - 961px) / 959));
}

.footer .footer__menu .menu-group__heading {
  margin-bottom: calc(12px + 12 * ((100vw - 961px) / 959));
}

.footer .footer__menu .menu-group__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  list-style: none;

  gap: calc(8px + 8 * ((100vw - 961px) / 959));
}

.footer .footer__menu .menu-group__list a {
  color: #000;
  text-decoration: none;
}

.footer .footer__bottom .footer__wrapper {
  padding: calc(12px + 12 * ((100vw - 961px) / 959)) 0px;
}

.footer .footer__bottom .footer__wrapper a {
  color: #fff;
}

@media screen and (max-width: 960px) {
  .footer {
    margin-top: calc(-56px - 28 * ((100vw - 360px) / 360));
  }

  .footer .footer__content {
    border-radius: calc(32px + 53 * ((100vw - 360px) / 600));
  }

  .footer .footer__content .footer__wrapper {
    padding-top: calc(48px + 80 * ((100vw - 360px) / 600));
    padding-bottom: calc(48px + 80 * ((100vw - 360px) / 600));
  }

  .footer .footer__contact {
    gap: calc(24px + 40 * ((100vw - 360px) / 600));
    margin-bottom: calc(40px + 66 * ((100vw - 360px) / 600));
  }

  .footer .footer__contact .footer__contact-item {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .footer .footer__contact a {
    word-break: break-all;
  }

  .footer .footer__contact .item__menu {
    gap: calc(16px + 24 * ((100vw - 360px) / 600));
  }

  .footer .footer__contact .item__subtitle {
    margin-bottom: calc(4px + 7 * ((100vw - 360px) / 600));
  }

  .footer .footer__contact .item__menu img {
    width: calc(40px + 66 * ((100vw - 360px) / 600));
    height: calc(40px + 66 * ((100vw - 360px) / 600));
  }

  .footer .footer__menu {
    flex-direction: column;
    gap: calc(24px + 40 * ((100vw - 360px) / 600));
  }

  .footer .footer__menu .footer__menu-group {
    width: 100%;
  }

  .footer .footer__menu .menu-group__heading {
    margin-bottom: calc(12px + 20 * ((100vw - 360px) / 600));
  }

  .footer .footer__menu .menu-group__list {
    gap: calc(8px + 13 * ((100vw - 360px) / 600));
  }

  .footer .footer__bottom .footer__wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    padding-top: calc(16px + 27 * ((100vw - 360px) / 600));
    padding-bottom: calc(16px + 27 * ((100vw - 360px) / 600));

    gap: calc(16px + 27 * ((100vw - 360px) / 600));
  }

  .footer .footer__bottom a {
    font-size: calc(14px + 23 * ((100vw - 360px) / 600));
  }
}

.hide {
  display: none;
}