@charset "UTF-8";
@font-face {
  font-family: 'DINPro';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../themes/wowhaus/assets/fonts/DINPro.woff2") format("woff2"), url("../themes/wowhaus/assets/fonts/DINPro.woff") format("woff");
}

@font-face {
  font-family: 'DINPro-Condensed';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../themes/wowhaus/assets/fonts/DINPro-CondensedBold.woff2") format("woff2"), url("../themes/wowhaus/assets/fonts/DINPro-CondensedBold.woff") format("woff");
}

@font-face {
  font-family: 'RobotoMono';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../themes/wowhaus/assets/fonts/RobotoMono-Light.woff2") format("woff2"), url("../themes/wowhaus/assets/fonts/RobotoMono-Light.woff") format("woff");
}

@font-face {
  font-family: 'RobotoMono';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../themes/wowhaus/assets/fonts/RobotoMono-Regular.woff2") format("woff2"), url("../themes/wowhaus/assets/fonts/RobotoMono-Regular.woff") format("woff");
}

@font-face {
  font-family: 'RobotoMono';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../themes/wowhaus/assets/fonts/RobotoMono-Medium.woff2") format("woff2"), url("../themes/wowhaus/assets/fonts/RobotoMono-Medium.woff") format("woff");
}

* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

nav, footer, header, aside {
  display: block;
}

html, body {
  width: 100%;
  min-height: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
  border-radius: 0;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

/**
Ion.RangeSlider, 2.3.1
© Denis Ineshin, 2010 - 2019, IonDen.com
Build date: 2019-12-19 16:51:02
*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial, sans-serif;
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}

.irs-handle {
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: default;
  z-index: 1;
}

.irs-handle.type_last {
  z-index: 2;
}

.irs-min,
.irs-max {
  position: absolute;
  display: block;
  cursor: default;
}

.irs-min {
  left: 0;
}

.irs-max {
  right: 0;
}

.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.irs-with-grid .irs-grid {
  display: block;
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}

.irs-grid-pol.small {
  height: 4px;
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}

.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}

.irs-disabled {
  opacity: 0.4;
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}

.irs--flat {
  height: 40px;
}

.irs--flat.irs-with-grid {
  height: 60px;
}

.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #ed5565;
}

.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px;
}

.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9;
}

.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent;
}

.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453;
}

.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540;
}

.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #ed5565;
}

.irs--flat .irs-grid-pol {
  background-color: #e1e4e9;
}

.irs--flat .irs-grid-text {
  color: #999;
}

.irs--big {
  height: 55px;
}

.irs--big.irs-with-grid {
  height: 70px;
}

.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-50%, #ddd), color-stop(150%, white));
  background: linear-gradient(to bottom, #ddd -50%, white 150%);
  border: 1px solid #ccc;
  border-radius: 12px;
}

.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #428bca), to(#b9d4ec));
  background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
          box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}

.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px;
}

.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66, 139, 202, 0.5);
}

.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #cbcfd5;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #B4B9BE), to(white));
  background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
  border-radius: 30px;
}

.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
  border-color: rgba(0, 0, 0, 0.45);
  background-color: #939ba7;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #919BA5), to(white));
  background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}

.irs--big .irs-min,
.irs--big .irs-max {
  top: 0;
  padding: 1px 5px;
  color: white;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px;
}

.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
  color: white;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9));
  background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  border-radius: 3px;
}

.irs--big .irs-grid-pol {
  background-color: #428bca;
}

.irs--big .irs-grid-text {
  color: #428bca;
}

.irs--modern {
  height: 55px;
}

.irs--modern.irs-with-grid {
  height: 55px;
}

.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: -webkit-gradient(linear, left top, left bottom, from(#e0e4ea), to(#d1d6e0));
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px;
}

.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: -webkit-gradient(linear, left top, left bottom, from(#20b426), to(#18891d));
  background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}

.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px;
}

.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5);
}

.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e9e6e6));
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1;
}

.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #919ba5), to(#ffffff));
  background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}

.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2;
}

.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a;
}

.irs--modern .irs-min,
.irs--modern .irs-max {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px;
}

.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: white;
  border-radius: 5px;
}

.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426;
}

.irs--modern .irs-grid {
  height: 25px;
}

.irs--modern .irs-grid-pol {
  background-color: #dedede;
}

.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1;
}

.irs--sharp.irs-with-grid {
  height: 57px;
}

.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: black;
  border-radius: 2px;
}

.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #ee22fa;
}

.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px;
}

.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0, 0, 0, 0.5);
}

.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2;
}

.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2;
}

.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
  background-color: black;
}

.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black;
}

.irs--sharp .irs-min,
.irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: 0.4;
  background-color: #a804b2;
  border-radius: 2px;
}

.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #a804b2;
  color: white;
  border-radius: 2px;
}

.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #a804b2;
}

.irs--sharp .irs-grid {
  height: 25px;
}

.irs--sharp .irs-grid-pol {
  background-color: #dedede;
}

.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--round {
  height: 50px;
}

.irs--round.irs-with-grid {
  height: 65px;
}

.irs--round .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px;
}

.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa;
}

.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px;
}

.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5);
}

.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid #006cfa;
  background-color: white;
  border-radius: 24px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
          box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #f0f6ff;
}

.irs--round .irs-min,
.irs--round .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa;
}

.irs--round .irs-grid {
  height: 25px;
}

.irs--round .irs-grid-pol {
  background-color: #dedede;
}

.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--square {
  height: 50px;
}

.irs--square.irs-with-grid {
  height: 60px;
}

.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede;
}

.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: black;
}

.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede;
}

.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
  background-color: #f0f6ff;
}

.irs--square .irs-min,
.irs--square .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
}

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: black;
  color: white;
}

.irs--square .irs-grid {
  height: 25px;
}

.irs--square .irs-grid-pol {
  background-color: #dedede;
}

.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px;
}

.jq-checkbox,
.jq-radio {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jq-checkbox input,
.jq-radio input {
  position: absolute;
  z-index: -1;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.jq-file {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.jq-file input {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-size: 100px;
  line-height: 1em;
}

.jq-file__name {
  font-size: clamp(13px, calc((100vw* 26) / 2880), 26px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 1920px) {
  .jq-file__name {
    font-size: clamp(13px, calc((100vw * 18) / 1920), 18px);;
  }  
}

@media (max-width: 575px) {
  .jq-file__name {
    font-size: 16px;
  }
}

.jq-selectbox,
.jq-select-multiple {
  position: relative;
  display: inline-block;
}

.jq-selectbox select,
.jq-select-multiple select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.jq-selectbox li,
.jq-select-multiple li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.jq-selectbox {
  z-index: 10;
}

.jq-selectbox__select {
  position: relative;
}

.jq-selectbox__select-text {
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jq-selectbox__dropdown {
  position: absolute;
}

.jq-selectbox__search input {
  -webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.jq-selectbox__dropdown ul {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  list-style: none;
  -webkit-overflow-scrolling: touch;
}

.jq-select-multiple ul {
  position: relative;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.jq-number {
  display: inline-block;
}

.jq-number__field input {
  -moz-appearance: textfield;
  text-align: left;
  /* для Opera Presto */
}

.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
  margin: 0;
  /* в каких-то браузерах присутствует отступ */
  -webkit-appearance: none;
}

body {
  font-family: 'DINPro';
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  line-height: 135%;
  color: #000;
  background-color: #fff;
  overflow-x: hidden;
}

input,
textarea {
  outline: none;
}

.container {
  max-width: 2880px;
  margin: 0 auto;
  padding: 0 clamp(20px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 1920px) {
  .container {
    padding: 0 35px;
  }
}

@media (max-width: 1680px) {
  .container {
    padding: 0 30px;
  }
}

@media (max-width: 1440px) {
  .container {
    padding: 0 clamp(20px, calc((100vw * 25) / 1440), 25px);
  }
}

.container--padding {
  padding: 0;
}

@media (max-width: 575px) {
  .container--padding-non {
    padding: 0;
  }
}

.logo {
  width: 100%;
}

.logo--white {
  display: none;
}

.logo--header {
  position: fixed;
  top: clamp(100px, calc((100vw * 294) / 2880), 294px);
  width: clamp(0px, calc(100% - calc((100vw * 100) / 2880)), 2780px);
  -webkit-transition: top .8s, width .8s;
  transition: top .8s, width .8s;
  z-index: 10;
}

@media (max-width: 1920px) {
  .logo--header {
    top: 130px;
  }
}

@media (max-width: 1680px) {
  .logo--header {
    width: calc(100% - 60px);
    top: 105px;
  }
}

@media (max-width: 1440px) {
  .logo--header {
    width: calc(100% - 50px);
    top: 105px;
  }
}

@media (max-width: 1200px) {
  .logo--header {
    width: calc(100% - 40px);
  }
}

@media (max-width: 991px) {
  .logo--header {
    top: 82px;
  }
}

.logo--active {
  top: 42px;
  width: clamp(465px, calc((100vw * 876) / 2880), 876px);
  -webkit-transition: top .8s, width .8s;
  transition: top .8s, width .8s;
}

@media (max-width: 1680px) {
  .logo--active {
    top: 24px;
    width: 509px;
  }
}

@media (max-width: 1440px) {
  .logo--active {
    width: 432px;
  }
}

@media (max-width: 991px) {
  .logo--active {
    top: 23px;
  }
}

@media (max-width: 767px) {
  .logo--active {
    width: 385px;
  }
}

@media (max-width: 575px) {
  .logo--active {
    top: 19px;
    width: 190px;
  }
}

.logo__header-white {
  opacity: 0;
}

.logo__header-white--visible {
  opacity: 1;
}

.title {
  font-family: 'DINPro-Condensed';
  font-size: clamp(20px, calc((100vw * 48) / 2880), 48px);
  text-transform: uppercase;
  margin-bottom: 20px;
  line-height: 120%;
}

@media (max-width: 1680px) {
  .title {
    margin-bottom: 14px;
  }
}

.title--main {
  font-size: clamp(28px, calc((100vw * 80) / 2880), 80px);
}

@media (max-width: 1920px) {
  .title--main {
    font-size: clamp(28px, calc((100vw * 52) / 1920), 52px);
  }
}

@media (max-width: 1440px) {
  .title--main {
    font-size: clamp(28px, calc((100vw * 40) / 1440), 40px);
  }
}

@media (max-width: 575px) {
  .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .title--main {
    font-size: 28px;
  }
}

.title--opacity {
  font-family: 'DINPro';
  opacity: .24;
}

.form-error {
  position: relative;
}

.form-error .form__input,
.form-error .form__textarea {
  color: #FF0000;
  background-color: #F5E8E8;
  border-color: #FF0000;
}

.form-error .form__input::-webkit-input-placeholder,
.form-error .form__textarea::-webkit-input-placeholder {
  color: #FF0000;
}

.form-error .form__input::-moz-placeholder,
.form-error .form__textarea::-moz-placeholder {
  color: #FF0000;
}

.form-error .form__input::-ms-input-placeholder,
.form-error .form__textarea::-ms-input-placeholder {
  color: #FF0000;
}

.form-error .form__input::-ms-input-placeholder,
.form-error .form__textarea::-ms-input-placeholder {
  color: #FF0000;
}

.form-error .form__input::placeholder,
.form-error .form__textarea::placeholder {
  color: #FF0000;
}

.form-error__text {
  display: none;
  position: absolute;
  font-size: clamp(12px, calc((100vw * 14) / 1920), 26px);
  line-height: 31px;
  color: #FF0000;
  left: 0;
  top: calc(100% + 3px);
}

.form-error__text.form-error__text-active {
  display: block;
}

@media (max-width: 1920px) {
  .form-error__text {
    line-height: 100%;
  }
}

.form-error .form__file {
  background-color: rgba(245, 232, 232, 0.95);
  border-color: #FF0000;
}

.form-error .form__file::before {
  background-image: url('../themes/wowhaus/assets/img/file-red.svg');
}

.form-error .jq-file__name {
  color: #FF0000;
}

.header {
  padding: clamp(20px, 2.64vw, 45px) 0 clamp(50px, 4.10vw, 115px);
}

@media (max-width: 1920px) {
  .header {
    padding: 35px 0 0 0;
  }
}

@media (max-width: 1680px) {
  .header {
    padding: 32px 0 0 0;
  }
}

@media (max-width: 1440px) {
  .header {
    padding: 29px 0 0 0;
  }
}

@media (max-width: 991px) {
  .header {
    padding: 20px 0 0 0;
  }
}

.header--small {
  position: fixed;
  padding: clamp(20px, calc((100vw * 40) / 2880), 40px) 0;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  transition: background-color .3s;
}

@media (max-width: 1920px) {
  .header--small {
    padding: 34px 0;
  }
}

@media (max-width: 1680px) {
  .header--small {
    padding: 31px 0;
  }
}

@media (max-width: 1440px) {
  .header--small {
    padding: 26px 0;
  }
}

@media (max-width: 767px) {
  .header--small {
    padding: 20px 0 19px;
  }
}

.header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

@media (max-width: 430px) {
  .header__wrapper {
    align-items: flex-start;
  }
}

.header__wrapper img {
  height: clamp(34px, calc((100vw * 70) / 2880), 69px);
  width: auto;
}

@media (max-width: 767px) {
  .header__wrapper img {
    height: 22px;
  }
}

@media (max-width: 575px) {
  .header__wrapper img {
    height: 13px;
  }
}

.header--main .header__innner-right {
  top: 55px;
}

@media (max-width: 1920px) {
  .header--main .header__innner-right {
    top: 48px;
  }
}

@media (max-width: 1680px) {
  .header--main .header__innner-right {
    top: 43px;
  }
}

@media (max-width: 1440px) {
  .header--main .header__innner-right {
    top: 40px;
  }
}

@media (max-width: 991px) {
  .header--main .header__innner-right {
    top: 20px;
  }
}

@media (max-width: 575px) {
  .header--main .header__innner-right {
    top: 16px;
  }
}

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

.header__wrapper .header__right {
  position: inherit;
  margin-top: 0;
  background-color: transparent;
}

.header__wrapper .header__inner {
  margin-bottom: 0;
}

.header--white,
.header--white-two {
  background-color: transparent;
  transition: background-color .3s;
}

.header--white .header__burger::before,
.header--white .header__burger::after {
  background-color: #fff;
}

.header--white .header__lang {
  background-color: #fff;
  border-color: transparent;
}

@media (max-width: 575px) {
  .header--white .header__lang {
    border: 1px solid #000;
  }
}

.header--white .header__icon {
  background-color: #fff;
}

@media (max-width: 767px) {
  .header--white .logo--dark {
    display: block;
  }
  .header--small .logo--dark {
    display: block;
  }
}

.header--white .logo--white {
  display: block;
}

.header--white .logo--dark {
  display: none;
}

@media (max-width: 575px) {
  .header--white .logo--white {
    display: none;
  }
  .header--white .logo--dark {
    display: block;
  }
}

.header--white-two .header__burger::before,
.header--white-two .header__burger::after {
  background-color: #fff;
}

.header--white-two .header__lang {
  background-color: #fff;
  border-color: transparent;
}

.header--white-two .header__icon {
  background-color: #fff;
}

.header--white-two .logo--white {
  display: block;
}

@media (max-width: 767px) {
  .header--white-two .logo--white {
    display: none;
  }
}

.header--white-two .logo--dark {
  display: none;
}

@media (max-width: 767px) {
  .header--white-two .logo--dark {
    display: block;
  }
}

.header--white .header__btn {
  color: #ffffff;
  border-color: #ffffff;
}
@media (max-width: 575px) {
  .header--white .header__btn {
    color: #000000;
    border-color: #000000;
  }
}

.header__innner-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  align-items: center;
  gap: max(8px, calc((100vw * 37) / 1920))
}
@media (max-width: 430px) {
  .header__innner-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
    align-items: flex-end;
  }
}

.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: clamp(50px, calc((100vw * 105) / 2880), 105px);
  margin-right: clamp(0px, calc((100vw * 40) / 2880), 40px);
  gap: max(12px, calc((100vw * 37) / 1920))
}

@media (max-width: 1920px) {
  .header__inner {
   margin-right: 0;
  }
}

@media (max-width: 1680px) {
  .header__inner {
    margin-bottom: 0;
  }
}

@media (max-width: 575px) {
  .header__inner {
    margin-bottom: 50px;
    margin-right: 0;
  }
}

@media (max-width: 430px) {
  .header__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
    align-items: flex-end;
  }
}

.header__left {
  /* font-size: clamp(16px, calc((100vw * 60) / 2880), 60px); */
  font-size: clamp(16px, calc((100vw * 32) / 1920), 60px);
  text-transform: uppercase;
  line-height: 120%;
  -webkit-transition: -webkit-transform .8s;
  transition: -webkit-transform .8s;
  transition: transform .8s;
  transition: transform .8s, -webkit-transform .8s;
}

@media (max-width: 1920px) {
  .header__left {
    font-size: 32px;
  }
}

@media (max-width: 1680px) {
  .header__left {
    font-size: 28px;
  }
}

@media (max-width: 1440px) {
  .header__left {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .header__left {
    font-size: 14px;
    max-width: 223px;
    margin-right: auto;
  }
}

.header__left--active {
  -webkit-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
          transform: translateY(-100px);
  -webkit-transition: -webkit-transform .8s;
  transition: -webkit-transform .8s;
  transition: transform .8s;
  transition: transform .8s, -webkit-transform .8s;
}

.header__innner-right {
  position: fixed;
  right: clamp(10px, 2vw, 50px);
  margin-top: -15px;
  z-index: 15;
}

@media (max-width: 991px) {
  .header__innner-right {
    height: auto;
  }
  .header--main .header__innner-right {
    margin-top: 0;
    right: 20px;
  }
}

.header__lang {
  display: flex;
  align-items: center;
  padding: clamp(0px, calc((100vw * 10) / 2880), 10px) clamp(8px, calc((100vw * 20) / 2880), 20px);
  border: 1px solid #000;
  max-width: 81px;
  max-height: 69px;
  margin-right: clamp(24px, 3.57vw, 100px);
  font-size: clamp(14px, calc((100vw * 30) / 2880), 30px);
  text-transform: uppercase;
  color: #FB7B34;
  cursor: pointer;
  transition: background-color .3s, border-color .3s;
}

@media (max-width: 1920px) {
  .header__lang {
    font-size: 18px;
    padding: 3px 7px;
    margin-right: 69px;
  }
}

@media (max-width: 1680px) {
  .header__lang {
    font-size: 15px;
    line-height: 120%;
    padding: 7px 8px;
    margin-top: 0;
    margin-right: 57px;
  }
}

@media (max-width: 1440px) {
  .header__lang {
    font-size: 14px;
    padding: 5px 4px;
    margin-right: 50px;
  }
}

@media (max-width: 991px) {
  .header__lang {
    padding: 7px 9px;
  }
}

@media (max-width: 767px) {
  .header__lang {
    padding: 5px 9px;
  }
}

@media (max-width: 575px) {
  .header__lang {
    font-size: 12px;
    line-height: 120%;
    margin-right: 24px;
    padding: 0 7px;
  }
}

.header__lang--white {
  background-color: #fff;
  border-color: transparent;
  transition: background-color .3s, border-color .3s;
}

.page-project .header__lang,
.page-theme-page .header__lang {
  margin-top: 0;
}

.header__burger {
  position: relative;
  width: clamp(60px, 3.92vw, 110px);
  height: clamp(25px, 1.60vw, 45px);
  background-color: transparent;
  outline: none;
  z-index: 101;
}

@media (max-width: 1920px) {
  .header__burger {
    width: 74px;
    height: 34px;
  }
}

@media (max-width: 1680px) {
  .header__burger {
    width: 63px;
    height: 28px;
  }
}

@media (max-width: 1440px) {
  .header__burger {
    width: 55px;
    height: 27px;
  }
}

@media (max-width: 991px) {
  .header__burger {
    margin-top: 0;
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 767px) {
  .header__burger {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 575px) {
  .header__burger {
    width: 20px;
    height: 20px;
  }
}

.header__burger svg {
  display: none;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .3s;
          transition: -webkit-transform .3s;
          transition: transform .3s;
          transition: transform .3s, -webkit-transform .3s;
}

@media (max-width: 991px) {
  .header__burger svg {
    display: block;
  }
}

.header__burger::before, .header__burger::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #000;
  left: 0;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
}

@media (max-width: 2400px) {
  .header__burger::before, .header__burger::after {
    height: 2px;
  }
}

@media (max-width: 991px) {
  .header__burger::before, .header__burger::after {
    display: none;
  }
}

.header__burger::before {
  top: 0;
  -webkit-transition: top .2s, -webkit-transform .2s;
  transition: top .2s, -webkit-transform .2s;
  transition: transform .2s, top .2s;
  transition: transform .2s, top .2s, -webkit-transform .2s;
}

.header__burger::after {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.header__burger--header-white::before, .header__burger--header-white::after {
  background-color: #fff;
}

.header__burger--header-white .header__icon {
  background-color: #fff;
}

.header__burger--active svg {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.header__burger--active::before {
  top: 50%;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #000 !important;
  -webkit-transition: top .2s, -webkit-transform .2s;
  transition: top .2s, -webkit-transform .2s;
  transition: top .2s, transform .2s;
  transition: top .2s, transform .2s, -webkit-transform .2s;
}

.header__burger--active::after {
  background-color: #000 !important;
  opacity: 0;
}

.header__burger--active .header__icon {
  bottom: 50%;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  background-color: #000;
  -webkit-transition: bottom .2s, -webkit-transform .2s;
  transition: bottom .2s, -webkit-transform .2s;
  transition: bottom .2s, transform .2s;
  transition: bottom .2s, transform .2s, -webkit-transform .2s;
}

.header__burger--active-transit::before {
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.header__burger--active-transit .header__icon {
  -webkit-transform: translateY(50%) rotate(45deg);
      -ms-transform: translateY(50%) rotate(45deg);
          transform: translateY(50%) rotate(45deg);
}

.header__icon {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #000;
  bottom: 0;
  left: 0;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  -webkit-transition: bottom .2s, -webkit-transform .2s;
  transition: bottom .2s, -webkit-transform .2s;
  transition: transform .2s, bottom .2s;
  transition: transform .2s, bottom .2s, -webkit-transform .2s;
}

@media (max-width: 2400px) {
  .header__icon {
    height: 2px;
  }
}

@media (max-width: 991px) {
  .header__icon {
    display: none;
  }
}

.menu {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background-color: #fff;
  padding: 50px;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  z-index: 10;
}

@media (max-width: 991px) {
  .menu {
    padding: 40px 20px 20px 20px;
  }
}

.menu--active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.menu__social {
  display: flex;
  align-items: center;
  gap: 4px;
}

.menu__social-link {
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  line-height: 135%;
  color: #2B1F1F
}

@media (max-width: 575px) {
  .menu__item:not(:last-child) {
    margin-bottom: 7px;
  }
}

.menu__link {
  font-size: clamp(16px, calc((100vw * 80) / 2880), 80px);
  line-height: 123%;
  text-transform: uppercase;
  color: #000;
}

@media (max-width: 991px) {
  .menu__link {
    font-size: 32px;
  }
}

.menu__list {
  display: none;
  padding: clamp(16px, calc((100vw * 60) / 2880), 60px) 0;
}

@media (max-width: 991px) {
  .menu__list {
    padding: 20px 0 12px 0;
  }
}

.menu__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
}

.menu__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.menu__arrow--rotate {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.menu__arrow svg {
  width: clamp(10px, 1vw, 24px);
}

@media (max-width: 991px) {
  .menu__arrow svg {
    width: 15px;
  }
}

@media (max-width: 767px) {
  .menu__list-projects {
    line-height: 120%;
  }
  .menu__list-projects:not(:last-child) {
    margin-bottom: 8px;
  }
}

.menu__list-link {
  font-size: clamp(20px, calc((100vw * 48) / 2880), 48px);
  line-height: 160%;
  color: #000;
}

@media (max-width: 767px) {
  .menu__list-link {
    font-size: 20px;
    line-height: 100%;
  }
}

@media (max-width: 575px) {
  .menu__list-link {
    font-size: 18px;
  }
}

.project {
  /* padding-top: clamp(18px, calc((100vw * 390) / 2880), 390px); */
  padding-top: clamp(18px, calc((100vw * 133) / 1920), 390px);
  overflow: hidden;
}

@media (max-width: 1920px) {
  .project {
    padding-top: clamp(18px, calc((100vw * 133) / 1920), 133px);
  }
}

@media (max-width: 1680px) {
  .project {
    padding-top: clamp(18px, calc((100vw * 178) / 1440), 178px);
  }
}

@media (max-width: 1440px) {
  .project {
    padding-top: clamp(18px, calc((100vw * 170) / 1440), 170px);
  }
}

@media (max-width: 575px) {
  .project {
    padding-top: 18px;
  }
}

@media (max-width: 575px) {
  .menu__list-link {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .project-page-top {
    margin-top: 59px;
  }
}
@media (max-width: 430px) {
    .project-page-top {
      margin-top: 90px;
    }
}

.project__top {
  position: relative;
}

/*.project__top::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
*/
.project__img {
  width: 100%;
  /* max-height: clamp(360px, calc((100vw * 1620) / 2880), 1620px); */
  max-height: clamp(360px, calc((100vw * 900) / 1920), 1620px);
  object-fit: cover;
}

@media (max-width: 1920px) {
  .project__img {
    max-height: 900px;
  }
}

@media (max-width: 1680px) {
  .project__img {
    max-height: 800px;
  }
}

@media (max-width: 1440px) {
  .project__img {
    max-height: 700px;
  }
}

@media (max-width: 767px) {
  .project__img {
    min-height: 360px;
    object-fit: cover;
  }
  .about .project__img {
    min-height: 240px;
  }
}

.project__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: black;
}

.project__text-top-box {
  position: absolute;
  width: 0;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: width 1.5s, top .8s;
  transition: width 1.5s, top .8s;
}

@media (max-width: 767px) {
  .project__text-top-box {
    bottom: 26px;
    transition: width 1s;
  }
  .project__text-top-box--small-active {
    width: 100%;
    transition: width 1s;
  }
}

.project__text-top-box--active {
  /* top: clamp(60px, calc((100vw * 130) / 2880), 130px) !important; */

  top: clamp(60px, calc((100vw * 60) / 1920), 130px) !important;
  -webkit-transition: top .8s;
  transition: top .8s;
}

@media (max-width: 1920px) {
  .project__text-top-box--active {
    top: 66px !important;
  }
}

@media (max-width: 1680px) {
  .project__text-top-box--active {
    top: 65px !important;
  }
}

@media (max-width: 767px) {
  .project__text-top-box--active {
    top: auto !important;
  }
}

.project__text-top-box--active .project__text-top {
  color: #fff;
  -webkit-transition: color .8s;
  transition: color .8s;
}

@media (max-width: 767px) {
  .project__text-top-box--active .project__text-top {
    color: #000;
  }
}

.project__text-top {
  font-family: 'DINPro-Condensed';
  text-transform: uppercase;
  /* font-size: clamp(26px, calc((100vw * 170) / 2880), 170px); */
  font-size: clamp(26px, calc((100vw * 85) / 1920), 170px);
  /* padding-left: clamp(20px, calc((100vw * 52) / 2880), 52px); */
  padding-left: clamp(30px, calc((100vw* 34) / 1920), 52px);;
  line-height: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #000;
}

@media (max-width: 1920px) {
  .project__text-top {
    font-size: 85px;
  }
}

@media (max-width: 1680px) {
  .project__text-top {
    font-size: 75px;
    padding-left: 30px;
  }
}

@media (max-width: 1440px) {
  .project__text-top {
    font-size: 65px;
    padding-left: 25px;
  }
}

@media (min-width: 767px) {
  .project__text-top {
    max-width: clamp(510px, calc((100vw * 610) / 991), 610px);
  }
}

@media (min-width: 991px) {
  .project__text-top {
    max-width: clamp(700px, calc((100vw * 1300) / 1400), 1300px);
  }
}
@media (min-width: 2000px) {
  .project__text-top {
    max-width: clamp(1200px, calc((100vw * 2500) / 2880), 2500px);
  }
}
@media (max-width: 991px) {
  .project__text-top {
    font-size: clamp(26px, calc((100vw * 40) / 991), 40px);
  }
}

@media (max-width: 767px) {
  .project__text-top {
    padding: 10px 20px;
    background-color: #fff;
    max-width: 81vw;
  }
}

@media (max-width: 575px) {
  .project__text-top {
    font-size: 26px;
    min-width: auto;
    max-width: 285px;
  }
}

.project__text-top--theme {
  padding-left: clamp(20px, calc((100vw* 50) / 2880), 50px) !important;
}

.project__text-bottom {
  margin-bottom: clamp(60px, calc((100vw * 165) / 2880), 165px);
  font-size: clamp(30px, calc((100vw * 52) / 2880), 52px);
  line-height: 120%;
  background-color: #fff;
  /* padding: clamp(100px, calc((100vw * 200) / 2880), 200px) 260px clamp(100px, calc((100vw * 200) / 2880), 200px) clamp(100px, calc((100vw * 200) / 2880), 200px); */
  padding: clamp(100px, calc((100vw * 79) / 1920), 200px) 260px clamp(100px, calc((100vw * 79) / 1920), 200px) clamp(100px, calc((100vw * 79) / 1920), 200px);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
}

@media (max-width: 1920px) {
  .project__text-bottom {
    padding: 79px 0;
    margin-bottom: 64px;
  }
}

@media (max-width: 1680px) {
  .project__text-bottom {
    padding: 76px 0;
    margin-bottom: 66px;
  }
}

@media (max-width: 1440px) {
  .project__text-bottom {
    padding: 65px 0;
    margin-bottom: 61px;
  }
}

@media (max-width: 991px) {
  .project__text-bottom {
    padding: 35px 0;
  }
}

.main-logo-box--1920 {
  display: none;
}

@media (max-width: 1920px) {
  .main-logo-box {
    display: none;
  }
  .main-logo-box--1920 {
    display: block;
  }
}

@media (max-width: 1680px) {
  .main-logo-box {
    display: block;
  }
  .main-logo-box--1920 {
    display: none;
  }
}

@media (max-width: 1440px) {
  .main-logo-box {
    display: none;
  }
}

.main-logo-box--small {
  display: none;
}

@media (max-width: 1440px) {
  .main-logo-box--small {
    display: block;
  }
}

.project__text-bottom--active {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
}

.project__text-bottom--padding {
  max-width: clamp(660px, calc((100vw * 1440) / 2880), 1440px) !important;
  padding: clamp(20px, calc((100vw * 27) / 1920), 52px) clamp(30px, calc((100vw * 34) / 1920), 52px);
  /* padding: clamp(40px, calc((100vw * 52) / 2880), 52px) clamp(40px, calc((100vw * 52) / 2880), 52px) clamp(40px, calc((100vw * 52) / 2880), 52px);
  -webkit-transition: padding .8s, max-width .8s; */
  transition: padding .8s, max-width .8s;
}

@media (max-width: 1920px) {
  .project__text-bottom--padding {
    display: flex;
    align-items: center;
    max-width: 640px !important;
    padding: 27px 34px;
    min-height: 137px;
  }
}

@media (max-width: 1680px) {
  .project__text-bottom--padding {
    padding: 20px 30px 21px 30px;
    max-width: 560px !important;
    min-height: 115px;
  }
}

@media (max-width: 1440px) {
  .project__text-bottom--padding {
    max-width: 481px !important;
    min-height: 97px;
    padding: 20px 30px 21px 24px;
  }
}

@media (max-width: 991px) {
  .project__text-bottom--padding {
    min-height: 80px;
    max-width: 450px !important;
  }
}

@media (max-width: 767px) {
  .project__text-bottom--padding {
    display: none;
  }
  .project__text-bottom {
    display: none;
  }
}

.project__text-bottom-text {
  min-width: 610px;
  font-size: clamp(20px, calc((100vw * 28) / 1920), 52px);
  -webkit-transform: perspective(200px) rotateX(-90deg);
          transform: perspective(200px) rotateX(-90deg);
  opacity: 0;
}

@media (max-width: 1920px) {
  .project__text-bottom-text {
    font-size: 28px;
  }
}

@media (max-width: 1680px) {
  .project__text-bottom-text {
    font-size: 26px;
    line-height: 1.1;
    min-width: 500px;
  }
}

@media (max-width: 1440px) {
  .project__text-bottom-text {
    font-size: 20px;
    min-width: 411px;
    line-height: 130%;
  }
}

@media (max-width: 991px) {
  .project__text-bottom-text {
    min-width: 450px;
    font-size: clamp(16px, calc((100vw * 18) / 991), 18px);
    line-height: 100%;
  }
}

@media (max-width: 991px) {
  .project__text-bottom-text {
    min-width: auto;
  }
}

.project__text-bottom-text--active {
  -webkit-transform: perspective(200px) rotateX(0);
          transform: perspective(200px) rotateX(0);
  opacity: 1;
  -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: transform 1.5s, opacity 1.5s;
  transition: transform 1.5s, opacity 1.5s, -webkit-transform 1.5s;
}

.project__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .project__bottom {
    display: block;
  }
}

.project__bottom-item {
  width: 100%;
  max-height: 646px;
  /* height: calc((100vw * 646) / 2880); */
  height: calc((100vw * 240) / 1920);
  min-height: 80px;
}

@media (max-width: 1920px) {
  .project__bottom-item {
    height: 240px;
  }
}

@media (max-width: 1680px) {
  .project__bottom-item {
    height: 210px;
  }
}

@media (max-width: 1440px) {
  .project__bottom-item {
    height: 186px;
  }
}

@media (max-width: 767px) {
  .project__bottom-item {
    height: 100%;
    min-height: auto;
  }
}

.project__bottom-item--last {
  border-right: 2px solid #000;
}

@media (max-width: 2000px) {
  .project__bottom-item--last {
    border-right: 1px solid #000;
  }
}

@media (max-width: 767px) {
  .project__bottom-item--last {
    border-right: none;
  }
}

.project__bottom-item--border {
  border-bottom: none !important;
}

@media (max-width: 767px) {
  .project__bottom-item--border {
    border-bottom: 1px solid #000 !important;
  }
  .bottom .project__bottom-item:last-child {
    border-bottom: none !important;
  }
}

.main-project-page .project__bottom-item,
.theme-page-main .project__bottom-item {
  max-height: 348px;
  height: calc((100vw * 348) / 2880);
}

@media (max-width: 1920px) {
  .main-project-page .project__bottom-item,
  .theme-page-main .project__bottom-item {
    height: 194px
  }
}

@media (max-width: 1680px) {
  .main-project-page .project__bottom-item,
  .theme-page-main .project__bottom-item {
    height: 180px
  }
}

@media (max-width: 1440px) {
  .main-project-page .project__bottom-item,
  .theme-page-main .project__bottom-item {
    height: 159px
  }
}

@media (max-width: 767px) {
  .main-project-page .project__bottom-item,
  .theme-page-main .project__bottom-item {
    height: 100%;
  }
}

.main-project-page .card__arrow,
.theme-page-main .card__arrow {
  display: flex;
  justify-content: flex-end;
  max-width: clamp(50px, calc((100vw * 200) / 2880), 200px);
  margin-left: auto;
  overflow: hidden;
}

@media (max-width: 767px) {
  .main-project-page .card__arrow,
  .theme-page-main .card__arrow {
    display: none;
  }
}

.project__bottom-item:not(:last-child) {
  border-right: 2px solid #000;
}

@media (max-width: 2000px) {
  .project__bottom-item:not(:last-child) {
    border-right: 1px solid #000;
  }
}

@media (max-width: 767px) {
  .project__bottom-item:not(:last-child) {
    border-right: none;
  }
  .main .project__bottom-item:not(:last-child) {
    border-bottom: 1px solid #000;
  }
}

.project__bottom-item:nth-child(4n + 4) {
  border-left: none;
}

.card {
  height: 100%;
}

.card__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  width: 100%;
  padding: clamp(20px, calc((100vw * 50) / 2880), 50px) clamp(20px, calc((100vw * 100) / 2880), 100px) clamp(20px, calc((100vw * 85) / 2880), 85px) clamp(20px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 575px) {
  .card__link {
    padding: 20px;
  }
}

.main .card__link {
  gap: 20px;
  padding: clamp(21px, calc((100vw * 34) / 1920), 79px) clamp(19px, calc((100vw * 34) / 1920), 100px) clamp(19px, calc((100vw * 27) / 1920), 80px) clamp(19px, calc((100vw * 32) / 1920), 50px);
}

@media (max-width: 1920px) {
  .main .card__link {
    padding: 34px 34px 27px 32px;
  }
}

@media (max-width: 1680px) {
  .main .card__link {
    padding: 30px 30px 28px 29px;
  }
}

@media (max-width: 1440px) {
  .main .card__link {
    padding: 26px 25px 18px 25px;
  }
}

@media (max-width: 991px) {
  .main .card__link {
    padding: 20px 40px 20px 25px;
  }
}

@media (max-width: 575px) {
  .main .card__link {
    padding: 21px 19px 19px 19px;
  }
}

.card__top-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
  margin-bottom: clamp(6px, calc((100vw * 20) / 2880), 20px);
}

@media (max-width: 575px) {
  .card__top-box {
    margin-bottom: 6px;
  }
}

.card__top-box svg {
  display: none;
}

@media (max-width: 767px) {
  .card__top-box svg {
    display: block;
  }
}

.card__title {
  /* font-size: clamp(14px, calc((100vw * 48) / 2880), 48px); */
  font-size: clamp(14px, calc((100vw * 23) / 1920), 48px);
  line-height: 120%;
  text-transform: uppercase;
  color: #000;
  opacity: 0.24;
}

@media (max-width: 1920px) {
  .card__title {
    font-size: 23px;
  }
}

@media (max-width: 1680px) {
  .card__title {
    font-size: 18px;
  }
}

@media (max-width: 1440px) {
  .card__title {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .card__title {
    font-size: clamp(14px, calc((100vw * 16) / 991), 16px);
  }
}

@media (max-width: 575px) {
  .card__title {
    font-size: 14px;
  }
}

.card__text {
  /* font-size: clamp(14px, calc((100vw * 48) / 2880), 48px); */
  font-size: clamp(14px, calc((100vw * 23) / 1920), 48px);
  line-height: 120%;
  max-width: 800px;
  text-transform: uppercase;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media (max-width: 1920px) {
  .card__text {
    font-size: 23px;
  }
}

@media (max-width: 1680px) {
  .card__text {
    font-size: 18px;
  }
}

@media (max-width: 1440px) {
  .card__text {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .card__text {
    font-size: 14px;
  }
}

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

@media (max-width: 767px) {
  .card__arrow {
    display: none;
  }
}

.arrow-1 {
	cursor: pointer;
	position: relative;
	/* width: clamp(250px, calc((100vw * 374) / 2880), 374px); */
	width: clamp(160px, calc((100vw * 160) / 1920), 374px);
	height: 24px;
  z-index: 5;
}
@media (max-width: 1920px) {
  .arrow-1 {
    width: 160px;
    height: 15px;
  }
}
@media (max-width: 1680px) {
  .arrow-1 {
    width: 140px;
  }
}
@media (max-width: 1440px) {
  .arrow-1 {
    width: 120px;
  }
}
@media (max-width: 767px) {
  .arrow-1 {
    width: 40px;
  }
}
.arrow-1--project {
  width: clamp(134px, calc((100vw * 134) / 1920), 200px);
}
@media (max-width: 1920px) {
  .arrow-1--project {
    width: 134px;
  }
}
@media (max-width: 1680px) {
  .arrow-1--project {
    width: 117px;
  }
}
@media (max-width: 1440px) {
  .arrow-1--project {
    width: 100px;
  }
}
.arrow-1--project-small {
  display: none;
}
@media (max-width: 767px) {
  .arrow-1--project-small {
    display: block;
    width: 20px;
  }
}
.arrow-1--other {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(15px, calc((100vw * 15) / 1920), 25px);
  transform: translate(-50%, -50%);
}
@media (max-width: 1920px) {
  .arrow-1--other {
    width: 15px;
  }
}
.arrow-1--other-left {
  transform: translate(-50%, -50%) scale(-1, 1);
}
.arrow-1--small {
  display: none;
}
@media (max-width: 767px) {
  .arrow-1--small {
    display: block;
  }
}
.arrow-1--footer {
  width: clamp(20px, calc((100vw * 20) / 1920), 30px);
}
@media (max-width: 1920px) {
  .arrow-1--footer {
    width: 20px;
  }
}
@media (max-width: 1680px) {
  .arrow-1--footer {
    width: 17px;
  }
}
@media (max-width: 1440px) {
  .arrow-1--footer {
    width: 15px;
  }
}
@media (max-width: 767px) {
  .arrow-1--footer {
    width: 20px;
  }
}
.arrow-1--about {
  width: clamp(16px, calc((100vw * 32) / 2880), 32px);
}
@media (max-width: 1920px) {
  .arrow-1--about {
    width: clamp(12px, calc((100vw * 14) / 1920), 14px);
  }
}
.arrow-1 div {
  display: block;
	position: relative;
	width: 100%;
	/*height: 3px;*/
	height: 1px;
  /* border-radius: 0 10px 10px 0; */
	background-color: #000;
	left: 0;
  top: 13px;
  /* top: 50.3%;
  transform: translateY(-50%); */
}
/* @media (max-width: 2300px) {
  .arrow-1 div {
    height: 2px;
  }
} */
@media (max-width: 2000px) {
  .arrow-1 div {
    transform: translateY(0);
    height: 1px;
  }
}
@media (max-width: 1920px) {
  .arrow-1 div {
    top: 7px;
  }
}
.arrow-1 div::after,
.arrow-1 div::before {
  content: '';
	position: absolute;
	/*width: 14px;*/
	width: 10px;
	/*height: 3px;*/
	height: 2px;
  /*border-radius: 10px;*/
  background-color: #000;
  right: -1px;
}
.arrow-1--footer div {
  background-color: #fff;
}
.arrow-1--footer div::after,
.arrow-1--footer div::before {
  background-color: #fff;
}
@media (max-width: 2300px) {
  .arrow-1 div::after,
  .arrow-1 div::before {
    height: 2px;
  }
}
@media (max-width: 2000px) {
  .arrow-1 div::after,
  .arrow-1 div::before {
    height: 1px;
  }
}
@media (max-width: 1920px) {
  .arrow-1 div::after,
  .arrow-1 div::before {
    width: 6px;
    right: 0;
  }
}
@media (max-width: 1680px) {
  .arrow-1 div::after,
  .arrow-1 div::before {
    width: 5px;
  }
}
.arrow-1 div::after {
	/*top: -5px;*/
	top: -3px;
	transform: rotate(45deg);
}
@media (max-width: 1920px) {
  .arrow-1 div::after {
    top: -2px;
  }
}
.arrow-1 div::before {
	/*top: 5px;*/
	top: 3px;
	transform: rotate(-45deg);
}
@media (max-width: 1920px) {
  .arrow-1 div::before {
    top: 2px;
  }
}

/* @media (max-width: 1985px) {
  .card__arrow svg {
    width: 162px;
  }
}

@media (max-width: 1680px) {
  .card__arrow svg {
    width: 140px;
    height: 9px;
  }
}

@media (max-width: 1440px) {
  .card__arrow svg {
    width: 123px;
  }
}

@media (max-width: 991px) {
  .card__arrow svg {
    width: 100%;
    max-width: 150px;
  }
}

@media (max-width: 767px) {
  .card__arrow svg {
    max-width: 250px;
  }
} */

.footer {
  background-color: #000;
  padding: clamp(60px, calc((100vw * 250) / 2880), 250px) 0 clamp(20px, calc((100vw * 50) / 2880), 50px) 0;
  color: #fff;
}

@media (max-width: 575px) {
  .footer {
    padding: 60px 0 20px;
  }
}

.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  /* gap: clamp(46px, calc((100vw * 123) / 2880), 123px); */
  margin-bottom: clamp(58px, calc((100vw * 250) / 2880), 250px);
}

@media (max-width: 1880px) {
  .footer__top {
    gap: 20px;
  }
}

@media (max-width: 1200px) {
  .footer__top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 20px;
  }
}

@media (max-width: 575px) {
  .footer__top {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 60px;
  }
}

.footer__item {
  width: 100%;
}

@media (max-width: 575px) {
  .footer__item:not(:last-child) {
    margin-bottom: 0;
  }
}

.footer__item-box {
  margin-bottom: 85px;
}
.footer__item--last {
  width: 100%;
}
.footer__middle-right .form {
  margin: 0;
}

@media (max-width: 991px) {
  .footer__item--last {
    margin-left: 0;
  }
}

@media (max-width: 575px) {
  .footer__item--last {
    max-width: 100%;
    gap: 64px
  }
}

.footer__item-title {
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  color: #fff;
  line-height: 135%;
  opacity: .54;
  text-transform: uppercase;
  margin-bottom: clamp(24px, calc((100vw * 62) / 2880), 62px);
}

@media (max-width: 575px) {
  .footer__item-title {
    font-family: 'DINPro';
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 24px;
  }
}

.footer__item-item {
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  line-height: 100%;
}

@media (max-width: 575px) {
  .footer__item-item {
    font-size: 18px;
    line-height: 110%;
  }
}

.footer__item-item:not(:last-child) {
  margin-bottom: clamp(12px, calc((100vw * 30) / 2880), 30px);
}

@media (max-width: 575px) {
  .footer__item-item:not(:last-child) {
    margin-bottom: 12px;
  }
}

.footer__item-link {
  color: #fff;
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  line-height: 100%;
}

@media (max-width: 575px) {
  .footer__item-link {
    font-size: 18px;
  }
}

.footer__middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  width: 100%;
  max-width: calc((100vw * 2200) / 2880);
}

@media (max-width: 575px) {
  .footer__middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  }
}

.footer__middle-left {
  font-size: clamp(16px, calc((100vw * 24) / 2880), 24px);
  line-height: clamp(100%, 2vw, 144%);
  opacity: .34;
}

@media (max-width: 575px) {
  .footer__middle-left {
    font-size: 16px;
    line-height: 120%;
    order: 2;
    margin-bottom: 40px;
  }
}

.footer__middle-right {
  max-width: max(400px, calc((100vw * 400) / 2880));
}

.footer__middle-title {
  display: block;
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  line-height: 100%;
  margin-bottom: clamp(20px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 575px) {
  .footer__middle-title {
    font-size: 18px;
    line-height: 180%;
    margin-bottom: 22px;
  }
}

.footer__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          align-items: flex-start;
  gap: 20px;
}

@media (max-width: 575px) {
  .footer__form {
    align-items: center;
  }
}

.footer__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.footer__btn {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
}

.footer__btn svg {
  width: clamp(21px, calc((100vw * 32) / 2880), 32px);
  height: clamp(12px, calc((100vw * 24) / 2880), 24px);
}

@media (max-width: 575px) {
  .footer__btn svg {
    width: 21px;
    height: 12px;
  }
}

@media (max-width: 575px) {
  .footer__svg-main {
    display: none;
  }
}

.footer__svg-small {
  display: none;
}

@media (max-width: 575px) {
  .footer__svg-small {
    display: block;
  }
}

.footer__bottom {
  margin-bottom: clamp(0px, calc((100vw * 175) / 2880), 175px);
}

@media (max-width: 575px) {
  .footer__bottom {
    margin-bottom: 0;
  }
}

.footer__bottom-text {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px; 
}

@media (max-width: 575px) {
  .footer__bottom-text {
    display: block;
    margin-bottom: 39px;
  }
}

.footer__bottom-text--small {
  display: none;
}

@media (max-width: 575px) {
  .footer__bottom-text--small {
    display: block;
  }
  .footer__bottom-text--main {
    display: none;
  }
}

.footer__bottom-text-left {
  display: block;
  font-size: clamp(16px, calc((100vw * 26) / 2880), 26px);
  line-height: 135%;
  opacity: 0.34;
  max-width: clamp(575px, calc((100vw * 1572) / 2880), 1572px);
  color: #fff;
}

.footer__bottom-text-right {
  font-family: 'DINPro-Condensed';
  display: block;
  text-transform: uppercase;
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  line-height: 135%;
  opacity: 0.34;
}

@media (max-width: 575px) {
  .footer__bottom-text-left {
    font-size: 16px;
    line-height: 120%;
  }
  .footer__bottom-text-right {
    font-size: 16px;
    line-height: 120%;
  }
}

@media (max-width: 575px) {
  .footer__bottom-text-left {
    max-width: 100%;
  }
  .footer__bottom-text-right {
    font-family: 'DINPro';
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.footer__input {
  background-color: transparent;
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  line-height: 100%;
  width: 100%;
  color: #fff;
  padding-bottom: clamp(5px, calc((100vw * 22) / 2880), 22px);
  border-bottom: 2px solid #fff;
  margin-bottom: 5px;
}

@media (max-width: 2000px) {
  .footer__input {
    border-bottom: 1px solid #fff;
  }
}

@media (max-width: 575px) {
  .footer__input {
    font-size: 18px;
    line-height: 180%;
    padding-bottom: 2px;
  }
}

.footer__input::-webkit-input-placeholder {
  color: #fff;
  opacity: .54;
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  line-height: 100%;
}

@media (max-width: 575px) {
  .footer__input::-webkit-input-placeholder {
    font-size: 17px;
    line-height: 180%;
  }
}

.footer__input::-moz-placeholder {
  color: #fff;
  opacity: .54;
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  line-height: 100%;
}

@media (max-width: 575px) {
  .footer__input::-moz-placeholder {
    font-size: 17px;
    line-height: 180%;
  }
}

.footer__input:-ms-input-placeholder {
  color: #fff;
  opacity: .54;
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  line-height: 100%;
}

@media (max-width: 575px) {
  .footer__input:-ms-input-placeholder {
    font-size: 17px;
    line-height: 180%;
  }
}

.footer__input::-ms-input-placeholder {
  color: #fff;
  opacity: .54;
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  line-height: 100%;
}

@media (max-width: 575px) {
  .footer__input::-ms-input-placeholder {
    font-size: 17px;
    line-height: 180%;
  }
}

.footer__input::placeholder {
  color: #fff;
  opacity: .54;
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  line-height: 100%;
}

@media (max-width: 575px) {
  .footer__input::placeholder {
    font-size: 17px;
    line-height: 180%;
  }
}

@media (max-width: 575px) {
  .footer__middle-right {
    order: 1;
    max-width: 100%;
  }
}

.project-page-top .project__text {
  height: auto;
  top: auto;
  bottom: clamp(65px, calc((100vw * 65) / 1920), 170px);
}

@media (max-width: 1920px) {
  .project-page-top .project__text {
    bottom: 65px
  }
}

@media (max-width: 1440px) {
  .project-page-top .project__text {
    bottom: clamp(16px, calc((100vw * 65) / 1440), 65px);
  }
}

@media (max-width: 575px) {
  .project-page-top .project__text {
    bottom: 16px;
  }
}

.page-theme-page .project__text-top,
.main-project-page .project__text-top {
  background-color: transparent !important;
}

/* .theme-page-main .project-page-content__text-big {
  margin-left: 0;
  margin-right: 0;
} */

.project-page-top .project__text-top {
  min-width: auto;
  max-width: clamp(230px, calc((100vw * 1600) / 2880), 1600px);
  color: #fff; 
}

@media (max-width: 575px) {
  .project-page-top .project__text-top {
    max-width: 230px;
  }
}

.page-theme-page .project__text-top {
  max-width: clamp(220px, calc((100vw * 1440) / 2880), 1440px);
}

@media (max-width: 575px) {
  .page-theme-page .project__text-top {
    max-width: min-content;
  }
}

.project-page-top .project__text-bottom {
  display: none;
}

.project-page-content {
  padding: clamp(40px, calc((100vw * 65) / 1920), 126px) 0;
}

@media (max-width: 1920px) {
  .project-page-content {
    padding: 65px 0;
  }
}


.main-project-page .project-page-content__text {
  font-size: clamp(14px, calc((100vw * 36) / 2880), 36px);
}

.project-page-content__right .project-page-content__text--margin {
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
}

@media (max-width: 575px) {
  .theme-page-main .project-page-content__text {
    font-size: 16px;
    line-height: 135%;
  }
}

@media (max-width: 767px) {
  .project-page-content {
    padding: 40px 0;
    padding-bottom: 0;
  }
}

.project-page-content__container {
  margin-top: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 767px) {
  .project-page-content__container {
    padding: 0;
    margin-top: 40px;
  }
}

.project-page-content img {
  width: 100%;
}

.project-page-content__title {
  white-space: nowrap;
  margin-bottom: clamp(0px, calc((100vw * 46) / 2880), 46px);
}

@media (max-width: 575px) {
  .project-page-content__title {
    font-size: 14px;
    text-transform: unset;
    line-height: 120%;
    margin-bottom: 2px;
  }
  .project-page-content__title--main {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 18px;
  }
}

.project-page-content__title--slide svg {
  display: none;
}

@media (max-width: 575px) {
  .project-page-content__title--slide {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 28px;
    margin-bottom: 0;
    padding: 10px 20px;
    border-top: 1px solid #000;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 1px solid #000;
  }
  .project-page-content__title--slide svg {
    display: block;
  }
  .project-page-content__title--slide-active svg {
    transform: rotate(180deg);
    transition: transform .3s;
  }
}

.project-page-content__title--slide svg {
  transition: transform .3s;
}

@media (min-width: 575px) {
  .project-page-content__title--slide-true {
    display: none !important;
  }
}

@media (max-width: 575px) {
  .project-page-content__title--slide-false {
    display: none;
  }
}

.project-page-content__box {
  margin-bottom: clamp(40px, 4.5vw, 126px)
}

@media (max-width: 767px) {
  .project-page-content__box {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .project-page-content__box--theme {
    padding: 0 20px;
  }
}

.project-page-content__box, .project-page-content__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(40px, calc((100vw * 230) / 2880), 230px)
  
}

@media (max-width: 991px) {
  .project-page-content__box, .project-page-content__inner {
    display: block;
  }
}

.project-page-content__inner {
  max-width: 1638px;
}

@media (max-width: 767px) {
  .project-page-content__box .project-page-content__text {
    padding: 0;
  }
}

.project-page-content__right {
  max-width: clamp(900px, calc((100vw * 1794) / 2880), 1794px);
  width: 100%;
  margin-right: clamp(0px, calc((100vw * 73) / 2880), 73px);
}

@media (max-width: 1400px) {
  .project-page-content__right {
    margin-right: 0;
  }
}

.project-page-content__text {
  font-size: clamp(14px, calc((100vw * 48) / 2880), 48px);
  line-height: 120%;
}

@media (max-width: 1920px) {
  .project-page-content__text {
    line-height: 140%;
  }
}

@media (max-width: 1400px) {
  .project-page-content__text {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .project-page-content__text {
    padding: 0 20px;
    line-height: 135%;
  }
}

@media (max-width: 575px) {
  .project-page-content__text {
    font-size: 14px;
  }
}

.project-page-content__text--opacity {
  opacity: .24;
  margin-bottom: 10px;
}

@media (max-width: 1920px) {
  .project-page-content__text--opacity {
    margin-bottom: 0;
  }
}

.project-page-content__text--margin {
  margin-bottom: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 1920px) {
  .project-page-content__text--margin {
    margin-bottom: 23px;
  }
}

@media (max-width: 1680px) {
  .project-page-content__text--margin {
    margin-bottom: 17px;
  }
}

@media (max-width: 767px) {
  .project-page-content__text--margin {
    margin-bottom: 39px;
  }
}

.project-page-content__right .project-page-content__text--margin {
  margin-bottom: clamp(20px, calc((100vw * 40) / 2880), 40px);
}

@media (max-width: 1680px) {
  .project-page-content__right .project-page-content__text--margin {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .project-page-content__right .project-page-content__text--margin {
    margin-bottom: 10px;
  }
}

@media (max-width: 575px) {
  .project-page-content__text--title {
    font-size: 14px;
    margin-bottom: 0;
  }
}

.about__list .project-page-content__text {
  padding: 0;
}

.about__list--project-active .gallery__items {
  grid-auto-rows: unset;
  gap: clamp(10px, calc((100vw * 20) / 2880), 20px) clamp(20px, calc((100vw * 50) / 2880), 50px);
  padding: 0 clamp(20px, calc((100vw * 50) / 2880), 50px);
  padding-bottom: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 991px) {
  .about__list--project-active .gallery__items {
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .about__list--project-active .gallery__items {
    padding-bottom: 60px;
  }
}

@media (max-width: 575px) {
  .about__list--project-active .gallery__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    padding-bottom: 40px;
  }
}

.about__list--project-active .gallery__item {
  display: block !important;
  height: auto !important;
  max-height: 100%;
  min-height: auto;
}

.about__list--project-active .gallery__item:last-child {
  /* display: none !important; */
}

.about__list--project-active .gallery__img {
  display: none;
}

.about__list--project-active .gallery__img-text {
  display: block;
  line-height: 119%;
}

.project-page-content__items-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(9px, calc((100vw * 25) / 1920), 40px);
  width: 100%;
}

@media (max-width: 1920px) {
  .project-page-content__items-inner {
    gap: 24px;
  }
}

@media (max-width: 1680px) {
  .project-page-content__items-inner {
    gap: 19px;
  }
}

@media (max-width: 991px) {
  .project-page-content__items-inner:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .project-page-content__items-inner {
    gap: 9px;
  }
}

.project-page-content__items-inner .project-page-content__item {
  max-width: clamp(340px, calc((100vw* 680) / 2880), 680px);
}

.project-page-content__img-box {
  margin-bottom: 126px;
}

.project-page-content__img-box img {
  max-height: clamp(240px, calc((100vw * 900) / 1920), 1620px);
  object-fit: cover;
}

@media (max-width: 1920px) {
  .project-page-content__img-box img {
    max-height: 900px;
  }
}

@media (max-width: 1680px) {
  .project-page-content__img-box img {
    max-height: 800px;
  }
}

@media (max-width: 1440px) {
  .project-page-content__img-box img {
    max-height: clamp(240px, calc((100vw * 700) / 1440), 700px);;
  }
}

@media (max-width: 767px) {
  .project-page-content__img-box {
    margin-bottom: 40px;
  }
  .gallery {
    margin-top: 40px;
  }
}

.project-page-content__img-box:last-child {
  margin-bottom: 0;
}

.project-page-content__list {
  margin-bottom: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

.project-page-content__list-item:not(:last-child) {
  margin-bottom: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 1920px) {
  .project-page-content__list-item:not(:last-child) {
    margin-bottom: clamp(40px, calc((100vw * 66) / 1920), 66px);
  }
}

@media (max-width: 1680px) {
  .project-page-content__list-item:not(:last-child) {
    margin-bottom: 64px;
  }
}

@media (max-width: 1440px) {
  .project-page-content__list-item:not(:last-child) {
    margin-bottom: clamp(40px, calc((100vw * 64) / 1440), 64px);
  }
}

@media (max-width: 767px) {
  .project-page-content__list-item:not(:last-child) {
    margin-bottom: 0;
  }
  .about__bottom-list .project-page-content__list-item:not(:last-child) {
    margin-bottom: 40px;
  }
}

.project-page-content__text-big {
  font-size: clamp(28px, calc((100vw * 100) / 2880), 100px);
  text-transform: uppercase;
  line-height: 135%;
  margin: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 767px) {
  .project-page-content__text-big {
    margin: 40px 20px;
  }
}

@media (max-width: 575px) {
  .project-page-content__text-big {
    font-size: 28px;
  }
}

.project-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: clamp(20px, calc((100vw * 40) / 2880), 40px);
}

@media (max-width: 767px) {
  .project-info {
    display: block;
  }
}

.project-info__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: clamp(320px, calc((100vw * 860) / 2880), 860px);
  width: 100%;
}

@media (max-width: 1440px) {
  .project-info__left {
    max-width: clamp(320px, calc((100vw * 435) / 1440), 435px);
  }
}

@media (max-width: 767px) {
  .project-info__left {
    padding: 0 20px 20px 20px;
    max-width: 100%;
  }
  .about .project-info__left {
    padding: 0;
    padding-bottom: 23px;
  }
  .about__bottom-list .project-info__left {
    padding-bottom: 0;
  }
}

.project-info__subtitle {
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  line-height: 120%;
}

@media (max-width: 575px) {
  .project-info__subtitle {
    font-size: 16px;
  }
}

.project-info__right {
  max-width: clamp(1000px, calc((100vw * 1870) / 2880), 1870px);
  width: 100%;
}

.project-info__right-link {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: clamp(40px, 3.12vw, 50px)
}

.main-project-page .project-info__img,
.theme-page-main .theme-page-content__img {
  height: clamp(240px, calc((100vw * 1200) / 2880), 1200px);
  object-fit: cover;
}

@media (max-width: 991px) {
  .main-project-page .project-info__img,
  .theme-page-main .theme-page-content__img {
    height: auto;
    max-height: 405px;
  }
}

@media (max-width: 767px) {
  .main-project-page .project-info__img,
  .theme-page-main .theme-page-content__img {
    height: calc((100vw* 1200) / 1870);
    max-height: 100%;
  }
}

.project-info__right-link .project-info__img {
  margin-bottom: 0;
}

.project-info__right-link::before {
  content: '';
  position: absolute;
  width: clamp(54px, 8vw, 224px);
  height: clamp(54px, 8vw, 224px);
  background-image: url('../themes/wowhaus/assets/img/icons/play.svg');
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.project-info__right-link::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
}

.project-info__img {
  margin-bottom: clamp(34px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 1440px) {
  .project-info__img {
    margin-bottom: clamp(26px, calc((100vw * 50) / 2880), 50px);
  }
}

.project-info__text {
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  line-height: 137%;
}

@media (max-width: 767px) {
  .project-info__text {
    padding: 0 20px 40px 20px;
    font-size: 16px;
  }
  .about .project-info__text {
    padding: 0;
  }
  .project-page-content__list-item:last-child  .project-info__text {
    padding-bottom: 0;
  }
}

.project-info__text p:not(:last-child) {
  margin-bottom: 30px;
}

.project__team-bottom {
  padding: clamp(40px, calc((100vw * 126) / 2880), 126px) 0;
}

.project__team-bottom-inner {
  display: flex;
  gap: clamp(234px, calc((100vw * 469) / 2880), 469px)
}

@media (max-width: 1440px) {
  .project__team-bottom-inner {
    gap: clamp(30px, calc((100vw * 234) / 1440), 234px)
  }
}

@media (max-width: 767px) {
  .project__team-bottom-inner {
    -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
    gap: 20px;
  }
}

@media (max-width: 575px) {
  .project__team-bottom-inner {
    display: block;
  }
}

.project__team-bottom-title {
  font-size: clamp(24px, calc((100vw * 48) / 2880), 48px);
  white-space: nowrap;
  line-height: 120%;
  text-transform: uppercase;
  color: #C2C2C2;
}

@media (max-width: 575px) {
  .project__team-bottom-title {
    font-family: 'DINPro-Condensed';
    font-size: 28px;
    color: #000;
    margin-bottom: 20px;
  }
}

.project__team-bottom-items {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  gap: clamp(24px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 767px) {
  .project__team-bottom-items {
    column-count: unset;
  }
}

.project__team-bottom-items .project-page-content__item {
  display: inline-block;
  max-width: clamp(340px, calc((100vw * 680) / 2880), 680px);
  width: 100%;
}

@media (max-width: 767px) {
  .project__team-bottom-items {
    max-width: 400px;
  }
}

@media (max-width: 767px) {
  .project-page-content__item .project-page-content__text {
    padding: 0;
  }
}

.project__team-bottom-items .project-page-content__item:not(:last-child) {
  margin-bottom: clamp(20px, calc((100vw * 46) / 2880), 46px);
}

@media (max-width: 1920px) {
  .project__team-bottom-items .project-page-content__item:not(:last-child) {
    margin-bottom: 25px;
  }
}

@media (max-width: 1440px) {
  .project__team-bottom-items .project-page-content__item:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .project__team-bottom-items .project-page-content__item:not(:last-child) {
    margin-bottom: 8px;
  }
}

.gallery .title {
  font-size: clamp(28px, calc((100vw * 80) / 2880), 80px);
  line-height: 105%;
  margin-bottom: clamp(20px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 1920px) {
  .gallery .title {
    font-size: clamp(28px, calc((100vw * 52) / 1920), 52px);
  }
}

.gallery--two .gallery__items {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 767px) {
  .gallery--two .gallery__items {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.gallery__items {
  display: -ms-grid;
  display: grid;
  grid-auto-rows: 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (max-width: 991px) {
  .gallery__items {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 575px) {
  .gallery__items {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.gallery__item {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

@media (max-width: 575px) {
  .gallery__item {
    height: 120px !important;
    max-height: 120px;
    min-height: 120px;
  }
}

.gallery__item--hidden {
  display: none !important;
}

.gallery__item--btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  padding: clamp(40px, 5vw, 100px) 0;
}

@media (max-width: 991px) {
  .gallery__item--btn {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
  }
}

.gallery__link {
  display: block;
  height: 100%;
  position: relative;
}

.gallery__item-link {
  display: block;
  height: 100%;
  cursor: pointer;
}

.gallery__item--full .gallery__item-link {
  display: flex;
  align-items: center;
}
.gallery__item--full .gallery__img {
  object-fit: contain;
}

.projects__list-item--img .gallery__link::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(7px);
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.projects__list-item--img .gallery__link:hover::before {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s, visibility .3s;
}

.projects__list-item--img .gallery__link:hover .gallery__img-text-main {
  opacity: 1;
  visibility: visible;
  bottom: 40px;
  transition: opacity .3s, visibility .3s, bottom .3s;
}

@media (max-width: 575px) {
  .projects__list-item--img .gallery__link:hover .gallery__img-text-main {
    bottom: 10px;
  }
}

.gallery__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery__img-text {
  display: none;
}

.gallery__img-text-main {
  font-family: 'DINPro';
  font-size: clamp(14px, calc((100vw * 38) / 2880), 38px);
  text-transform: uppercase;
  line-height: 120%;
  color: #fff;
  position: absolute;
  bottom: 30px;
  left: 30px;
  padding-right: 30px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s, bottom .3s;
}

@media (max-width: 575px) {
  .gallery__img-text-main {
    font-size: 14px;
    left: 10px;
    padding-right: 10px;
    bottom: 0;
  }
}

.bottom .card__top-box {
  margin-bottom: 0;
}

.bottom .project__bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 767px) {
  .bottom .project__bottom {
    display: block;
  }
}

.bottom .project__bottom-item:nth-child(3n + 1) {
  border-bottom: 2px solid #000;
}

@media (max-width: 2000px) {
  .bottom .project__bottom-item:nth-child(3n + 1) {
    border-bottom: 1px solid #000;
  }
}

.bottom .project__bottom-item:nth-child(-n + 3) {
  border-top: 2px solid #000;
}

@media (max-width: 2000px) {
  .bottom .project__bottom-item:nth-child(-n + 3) {
    border-top: 1px solid #000;
  }
}

@media (max-width: 767px) {
  .bottom .project__bottom-item:nth-child(-n + 3) {
    border-top: none;
  }
}
@media (max-width: 2000px) {
  .bottom .project__bottom-item:first-child {
    border-top: 1px solid #000;
  }
}

.bottom .project__bottom-item:nth-child(3n + 2) {
  border-bottom: 2px solid #000;
}

@media (max-width: 2000px) {
  .bottom .project__bottom-item:nth-child(3n + 2) {
    border-bottom: 1px solid #000;
  }
}

.bottom .project__bottom-item:nth-child(3n + 3) {
  border-bottom: 2px solid #000;
}

@media (max-width: 2000px) {
  .bottom .project__bottom-item:nth-child(3n + 3) {
    border-bottom: 1px solid #000;
  }
}

@media (max-width: 1920px) {
  .bottom .card__link {
    padding-bottom: 20px;
    padding-right: 32px;
  }
  .bottom .card__arrow svg {
    min-width: 190px;
  }
}

@media (max-width: 1680px) {
  .bottom .card__link {
    padding-bottom: 23px;
    padding-right: 30px;
  }
  .bottom .card__arrow svg {
    height: 100%;
  }
}

@media (max-width: 1440px) {
  .bottom .card__link {
    padding-bottom: 19px;
    padding-right: 23px;
  }
  .bottom .card__arrow svg {
    min-width: 130px;
  }
}

@media (max-width: 575px) {
  .bottom .card__link {
    padding: 10px 20px;
    padding-bottom: 9px;
  }
}

@media (max-width: 1920px) {
  .bottom .card__text {
    font-size: 32px;
  }
}

@media (max-width: 1680px) {
  .bottom .card__text {
    font-size: 28px;
  }
}

@media (max-width: 1440px) {
  .bottom .card__text {
    font-size: clamp(14px, calc((100vw * 24) / 1440), 24px);
  }
}

.theme-page {
  padding: clamp(40px, calc((100vw * 126) / 2880), 126px) 0;
}

@media (max-width: 767px) {
  .theme-page {
    padding: 40px 0;
  }
}

@media (max-width: 767px) {
  .theme-page__container {
    padding: 0;
  }
}

.theme-page__img {
  display: block;
  width: 100%;
  max-height: clamp(240px, calc((100vw * 1620) / 2880), 1620px);
  object-fit: cover;
  margin: clamp(40px, calc((100vw * 126) / 2880), 126px) 0;
}

@media (max-width: 1920px) {
  .theme-page__img {
    max-height: 900px;
  }
}

@media (max-width: 1680px) {
  .theme-page__img {
    max-height: 800px;
  }
}

@media (max-width: 1440px) {
  .theme-page__img {
    max-height: clamp(240px, calc((100vw * 700) / 1440), 700px);
  }
}

@media (max-width: 767px) {
  .theme-page__img {
    margin: 0 0 40px;
  }
}

@media (max-width: 575px) {
  .theme-page__img {
    max-height: 100%;
    height: 240px;
    min-height: 240px;
  }
}

.theme-page__text {
  font-size: clamp(16px, calc((100vw * 48) / 2880), 48px);
  line-height: 120%;
  max-width: clamp(767, calc((100vw * 1870) / 2880), 1870px);
  margin-left: auto;
}

@media (max-width: 767px) {
  .theme-page__text {
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .theme-page__text {
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  .theme-page__text {
    font-size: 16px;
  }
}

.theme-page-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(20px, calc((100vw * 50) / 2880), 50px)
}

@media (max-width: 767px) {
  .theme-page-content {
    display: block;
    margin-bottom: 40px;
  }
}

.theme-page-content:not(:last-child) {
  margin-bottom: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 767px) {
  .theme-page-content:not(:last-child) {
    margin-bottom: 40px;
  }
}

.theme-page-content__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1870px;
  width: 100%;
  max-height: 1200px;
  height: 100%;
}

@media (max-width: 767px) {
  .theme-page-content__box {
    display: block;
    margin: 40px 0;
  }
}

.theme-page-content__inner {
  width: 100%;
}

.theme-page-content__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .theme-page-content__img {
    max-height: 360px;
  }
}

.theme-page-content__img-text {
  display: block;
  font-size: clamp(14px, 0.8vw, 24px);
  opacity: .44;
}

@media (max-width: 767px) {
  .theme-page-content__img-text {
    padding: 0 20px;
  }
}

@media (max-width: 575px) {
  .theme-page-content__img-text {
    font-size: 12px;
  }
}

.theme-page-content__img-text--right {
  text-align: end;
}

@media (max-width: 767px) {
  .theme-page-content__img-text--right {
    text-align: start;
  }
}

.theme-page-content__text {
  max-width: clamp(300px, calc((100vw * 800) / 2880), 800px);
  margin-right: clamp(0px, calc((100vw * 57) / 2880), 57px);
  margin-top: 10px;
  line-height: 143%;
  width: 100%;
}

@media (max-width: 991px) {
  .theme-page-content__text {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .theme-page-content__text {
    max-width: 100%;
    padding: 0 20px;
  }
}

@media (max-width: 575px) {
  .theme-page-content__text {
    font-size: 16px;
  }
}

.theme-page-content__text p:not(:last-child) {
  margin-bottom: 30px;
}

.main-top {
  padding-top: clamp(6px, calc((100vw * 80) / 2880), 80px);
}

@media (max-width: 767px) {
  .public-main {
    padding-top: 0;
  }
  .contacts-main {
    padding-top: 4px;
  }
}

@media (max-width: 767px) {
  .projects-main {
    padding-top: 2px;
  }
}

@media (max-width: 1200px) {
  .about__box {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .about__box {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .about-main {
    padding-top: 0;
  }
}

.about__box--two {
  margin-top: clamp(20px, calc((100vw * 34) / 2880), 34px);
}

@media (max-width: 767px) {
  .about__box--two {
    margin-top: 20px;
  }
}

@media (max-width: 575px) {
  .project-info__title--clients {
    margin-bottom: 20px;
  }
  .project-info__title {
    margin-bottom: 10px;
  }
  .about__bottom-list .project-info__title {
    margin-bottom: 20px;
  }
}

.about__box--two .about__clients-img {
  margin-bottom: 0;
}

.about__box--two .about__clients-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(20px, calc((100vw * 105) / 2880), 105px);
  text-align: center;
}

@media (max-width: 767px) {
  .about__box--two .about__clients-link {
    padding: 10px;
    min-height: 70px;
    max-height: 70px;
  }  
}

@media (max-width: 575px) {
  .about__top-wrapper {
    margin-bottom: 40px;
    transition: margin-bottom .3s;
  }
  .about__top-wrapper--margin-small {
    margin-bottom: 20px;
    transition: margin-bottom .3s;
  }
  .about__top-wrapper--active {
    margin-bottom: 20px;
    transition: margin-bottom .3s;
  }
}

.about__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: clamp(40px, calc((100vw * 123) / 2880), 123px);
}

@media (max-width: 991px) {
  .about__items {
    display: block;
  }
}

@media (min-width: 576px) {
  .internship-main .about__items,
  .about-main .about__items {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .internship-main .about__items,
  .about-main .about__items {
    display: flex !important;
  }
}

@media (max-width: 575px) {
  .about__items {
    display: none;
    margin-bottom: 0;
  }
}

.about__item {
  width: 100%;
  text-align: center;
  padding: clamp(7px, calc((100vw * 11) / 2880), 11px) 10px;
  cursor: pointer;
  border-bottom: 2px solid #000;
  white-space: nowrap;
}

@media (max-width: 2000px) {
  .about__item {
    border-bottom: 1px solid #000;
  }
}

@media (max-width: 575px) {
  .about__item {
    padding: 10px 20px 8px 20px;
    white-space: normal;
  }
}

.about__item--active .about__link {
  color: #fff;
}

@media (max-width: 575px) {
  .about__item--active .about__link {
    color: #000;
  }
}

.about__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  top: 0;
  left: 0;
  -webkit-transition: left .3s, top .3s;
  transition: left .3s, top .3s;
}

@media (min-width: 992px) {
  .about__bg {
    top: 0 !important;
  }
}

@media (max-width: 991px) {
  .about__bg {
    left: 0 !important;
  }
}


@media (max-width: 575px) {
  .about__bg {
    display: none;
  }
}

.about__link {
  position: relative;
  line-height: 120%;
  font-size: clamp(14px, calc((100vw * 36) / 2880), 36px);
  text-transform: uppercase;
  color: #000;
  white-space: nowrap;
}

@media (max-width: 1200px) {
  .about__link {
    font-size: 20px;
  }
}

@media (max-width: 575px) {
  .about__link-main {
    display: none;
  }  
}

.about__filter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-family: 'DINPro';
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  cursor: pointer;
}

@media (max-width: 575px) {
  .about__filter-item {
    display: flex;
  }  
}

.about__bottom-list {
  margin: clamp(40px, calc((100vw * 126) / 2880), 126px) 0;
}

@media (max-width: 767px) {
  .about__bottom-list {
    margin: 40px 0;
  }  
}

.about__list-item {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  height: 0;
}

@media (max-width: 767px) {
  .about__list {
    position: relative;
    overflow: hidden;
  }
  .about__list-item {
    position: absolute;
    height: auto;
    left: 0;
    top: 0;
  }  
}

.about__list-item--active {
  height: 100%;
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {
  .about__list-item--active {
    height: auto;
    position: inherit;
  }  
}

.about__list-item .project-page-content__text img {
  margin-top: clamp(20px, calc((100vw * 86) / 2880), 86px);
  margin-bottom: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

.about__list-item .project-page-content__text {
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  max-width: clamp(935px, calc((100vw * 1870) / 2880), 1870px);
  margin-left: auto;
  margin-right: 0;
}

@media (max-width: 991px) {
  .about__list-item .project-page-content__text {
    max-width: 100%;
  }
}

.about__list-item .project-page-content__text p {
  margin-right: clamp(20px, calc((100vw * 73) / 2880), 73px);
  padding: 0 clamp(20px, calc((100vw* 50) / 2880), 50px);
}

@media (max-width: 767px) {
  .about__list-item .project-page-content__text p {
    padding: 0 20px;
    margin-right: 0;
  }
  .about__list-item .project-page-content__text--two p {
    padding: 0;
  }
}

.about__list-item .project-page-content__text img {
  padding: 0 clamp(20px, calc((100vw* 50) / 2880), 50px);
}

@media (max-width: 1680px) {
  .about__list-item .project-page-content__text img {
    padding: 0 25px;
  }
}

@media (max-width: 991px) {
  .about__list-item .project-page-content__text img {
    padding: 0;
  }
}

.about__list-item .project-page-content__text p:not(:last-child) {
  margin-bottom: clamp(25px, calc((100vw * 40) / 2880), 40px);
}

@media (max-width: 767px) {
  .about__list-container {
    padding: 0;
  }  
}

@media (max-width: 767px) {
  .about__list-item .project-page-content__text {
    font-size: 16px;
  }
}

.about__clients {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (max-width: 1200px) {
  .about__clients {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }  
}

.about__clients-link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(20px, 1.78vw, 50px) clamp(20px, 1.60vw, 45px) clamp(20px, 1.60vw, 45px) clamp(20px, 1.78vw, 50px);
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
}

@media (max-width: 2000px) {
  .about__clients-link {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
  }  
}

@media (max-width: 767px) {
  .about__clients-link {
    padding: 10px;
    min-height: 70px;
    max-height: 70px;
    text-align: center;
    justify-content: center;
    align-items: center;
  }  
}

@media (max-width: 1200px) {
  .about__clients-link:nth-child(2n + 2) {
    border-right: none;
  }  
}

.about__clients-link:nth-child(4n + 4) {
  border-right: none;
}

.about__clients-link:nth-child(-n + 4) {
  border-top: 2px solid #000;
}

@media (max-width: 2000px) {
  .about__clients-link:nth-child(-n + 4) {
    border-top: 1px solid #000;
  }
}

@media (max-width: 1200px) {
  .about__clients-link:nth-child(-n + 4) {
    border-top: 0;
  }
  .about__clients-link:nth-child(1),
  .about__clients-link:nth-child(2) {
    border-top: 1px solid #000;
  }
}

@media (max-width: 2000px) {
  .about__clients-link:nth-child(1),
  .about__clients-link:nth-child(2) {
    border-top: 1px solid #000;
  }
}

.about__clients-link:nth-child(4n + 4) {
  border-right: 2px solid #000;
}

@media (max-width: 2000px) {
  .about__clients-link:nth-child(4n + 4) {
    border-right: 1px solid #000;
  }
}

@media (max-width: 1200px) {
  .about__clients-link:nth-child(4n + 4) {
    border-right: 0;
  }
}

.about__clients-link:nth-child(4n + 1) {
  border-left: 2px solid #000;
}

@media (max-width: 2000px) {
  .about__clients-link:nth-child(4n + 1) {
    border-left: 1px solid #000;
  }  
}

@media (max-width: 1200px) {
  .about__clients-link:nth-child(4n + 1) {
    border-left: none;
  }  
}

@media (max-width: 767px) {
  .about__box--two .about__clients-link:nth-child(7) {
    border-bottom: none;
  }
  .about__box--two .about__clients-link:last-child {
    border-bottom: none;
  }
}

.about__clients-img {
  margin-bottom: clamp(30px, calc((100vw * 69) / 2880), 69px);
  max-width: clamp(300px, calc((100vw * 400) / 2880), 520px);
  width: 100%;
  max-height: clamp(120px, calc((100vw * 220) / 2880), 220px);
  object-fit: contain;
}

@media (max-width: 767px) {
  .about__clients-img {
    height: 100%;
    width: 100%;
    max-width: 120px;
    object-fit: contain;
    max-height: 41px;
    margin-bottom: 0;
  }  
}

.about__clients-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(9px, calc((100vw * 13) / 2880), 13px);
  color: #000;
  font-size: clamp(14px, calc((100vw * 24) / 2880), 24px);
}

@media (max-width: 767px) {
  .about__clients-btn {
    display: none;
  }  
}

.about__clients-btn svg {
  width: clamp(16px, calc((100vw * 32) / 2880), 32px);
}

.about__bottom-list .project-info__left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: clamp(20px, calc((100vw * 40) / 2880), 40px);
}

@media (max-width: 767px) {
  .about__bottom-list .project-info__left {
    gap: 20px;
  }  
}

@media (max-width: 575px) {
  .about__bottom-list .project-info__left {
    display: block;
  }  
}

.about__bottom-list .project-info__title {
  position: relative;
}

@media (max-width: 767px) {
  .about__bottom-list .project-info__title {
    font-size: 24px;
  }  
}

@media (max-width: 575px) {
  .about__bottom-list .project-info__title {
    font-size: 20px;
  }  
}

.about__bottom-list img {
  margin-top: clamp(5px, calc((100vw * 10) / 2880), 10px);
  width: clamp(20px, calc((100vw * 50) / 2880), 50px);
  height: clamp(20px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 767px) {
  .about__bottom-list img {
    margin-top: 5px;
    width: 30px;
    height: 30px;
  }  
}

@media (max-width: 575px) {
  .about__bottom-list img {
    margin-top: 0;
    margin-bottom: 20px;
  }  
}

.about__one-title {
  font-size: clamp(40px, calc((100vw * 158) / 2880), 158px);
  text-transform: uppercase;
  line-height: 105%;
  max-width: 2880px;
  margin: clamp(40px, calc((100vw * 126) / 2880), 126px) auto;
  padding: 0 clamp(20px, calc((100vw* 50) / 2880), 50px);
}

@media (max-width: 1680px) {
  .about__one-title {
    padding: 0 25px;
  }  
}

.about__list-item-container {
  max-width: 2880px;
  margin: clamp(40px, calc((100vw * 126) / 2880), 126px) auto;
}

@media (max-width: 767px) {
  .about__one-title {
    line-height: 122%;
    padding: 0 20px;
  }  
  .about__one-title--two {
    padding: 0;
  }
}

@media (max-width: 575px) {
  .about__one-title {
    font-size: 28px;
    margin: 40px 0;
  }  
}

.about__one-title--two {
  margin-top: 0;
}

#tab-3 .about__one-title {
  padding: 0;
}

.about__one-box-title {
  margin-bottom: clamp(20px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 575px) {
  .about__one-box-title {
    margin-bottom: 21px;
    font-size: 28px;
  }  
}

.about__one-items {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  gap: 80px;
  margin-bottom: clamp(40px, calc((100vw * 92) / 2880), 92px);
  margin-right: clamp(30px, calc((100vw * 129) / 2880), 129px);
}

@media (max-width: 1200px) {
  .about__one-items {
    -webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;
    gap: 40px;
  }  
}

@media (max-width: 767px) {
  .about__one-items {
    -webkit-column-count: 1;
    -moz-column-count: 1;
         column-count: 1;
    gap: 0;
    margin-bottom: 0;
  }  
}

.about__one-item {
  display: inline-flex;
  gap: clamp(30px, calc((100vw * 68) / 2880), 68px)
}

.header--white .header__lang {
  margin-top: 0;
}

@media (max-width: 767px) {
  .header--white .header__lang {
    padding: 5px 9px;
  }
}

@media (max-width: 575px) {
  .header--white .header__lang {
    padding: 0 7px;
  }
}

.about__one-item:not(:last-child) {
  margin-bottom: clamp(40px, 4.5vw, 126px);
  margin-bottom: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

.wrapped-div {
  margin-top: -4px;
}

@media (max-width: 1200px) {
  .about__one-item:not(:last-child) {
    margin-bottom: 40px;
  }  
}

@media (max-width: 575px) {
  .about__one-item {
    display: block;
  }
}

.about__one-item p {
  font-size: clamp(14px, calc((100vw * 24) / 2880), 24px);
  line-height: 140%;
}

@media (max-width: 767px) {
  .about__one-item:not(:last-child) {
    margin-bottom: 0;
  }
  .about__one-item:not(:first-child) {
    margin-top: 40px;
  }
  .about__one-item:last-child {
    margin-bottom: 20px;
  }
  .about__one-item p {
    font-size: 14px;
    line-height: 142%;
  }
  .wrapped-div {
    margin-top: 0;
  }
}

.about__one-right-item {
  font-size: clamp(16px, 1.2vw, 24px);
  font-size: clamp(16px, calc((100vw * 24) / 2880), 24px);
}

@media (max-width: 575px) {
  .about__one-right-item {
    font-size: 14px;
  }  
}

.about__one-right-item:not(:last-child) {
  margin-bottom: 20px;
}

.about__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  border-top: 1px solid #000;
  padding: 10px;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .about__btn-list {
    display: flex;
    padding: 6px;
  }  
}

.about__btn-list .gallery__text {
  font-size: 14px;
}

.about__one-left {
  font-size: clamp(20px, calc((100vw * 36) / 2880), 36px);
  margin-bottom: 0;
}

@media (max-width: 575px) {
  .about__one-left {
    font-size: 20px;
    margin-bottom: 20px;
  }  
}

@media (max-width: 575px) {
  .about__human-title {
    font-size: 20px;
    margin-bottom: 20px;
  }  
}

.about__human-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: clamp(20px, calc((100vw * 80) / 2880), 80px) clamp(10px, calc((100vw * 20) / 2880), 20px)
}

@media (max-width: 991px) {
  .about__human-list {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }  
}

@media (max-width: 767px) {
  .about__human-list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }  
}

@media (max-width: 575px) {
  .about__human-list {
    gap: 20px 10px;
  }  
}

.about__human-item {
  margin-bottom: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 767px) {
  .about__human-item {
    margin-bottom: 40px;
  }  
}

.about__human-item--hidden {
  display: none;
}

.public__items-img-box {
  border: 1px solid #EBE9EC;
  padding-top: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
}

@media (max-width: 1920px) {
  .public__items-img-box {
    padding-top: 30px;
  }  
}

@media (max-width: 767px) {
  .public__items-img-box {
    padding-top: 16px;
  }  
}

.public__items-img-box::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #EBE9EC;
  top: 0;
  left: 0;
}

@media (max-width: 1920px) {
  .public__items-img-box::before {
    height: 30px;
  }  
}

@media (max-width: 767px) {
  .public__items-img-box::before {
    height: 16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }  
}

.about__human-img {
  width: 100%;
  object-fit: cover;
  object-position: top;
}

/* @media (max-width: 767px) {
  .public-main .about__human-img {
    height: auto !important;
  }  
} */

.public-main .about__human-img {
  height: clamp(220px, calc((100vw * 600) / 2880), 600px) !important;
}

@media (max-width: 575px) {
  .public-main .about__human-img {
    height: clamp(220px, calc((100vw * 350) / 575), 350px) !important;
  }  
}

.about__human-name {
  font-size: clamp(20px, calc((100vw * 36) / 2880), 36px);
  display: block;
  margin-top: clamp(10px, calc((100vw * 20) / 2880), 20px);
}

@media (max-width: 575px) {
  .about__human-name {
    font-size: 14px;
    line-height: 120%;
    margin-top: 7px;
    margin-bottom: 2px;
  }  
}

.about__human-post {
  font-size: clamp(14px, calc((100vw * 26) / 2880), 26px);
  opacity: .44;
}

@media (max-width: 575px) {
  .about__human-post {
    display: block;
    font-size: 12px;
    line-height: 120%;
  }  
}

.about__human-title {
  font-family: 'DINPro-Condensed';
  margin-bottom: clamp(20px, calc((100vw * 50) / 2880), 50px);
}

.about__human-title--two {
  margin-bottom: clamp(20px, calc((100vw * 34) / 2880), 34px);
}

.filters {
  margin-bottom: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 767px) {
  .filters {
    margin-bottom: 60px;
  }  
}

@media (max-width: 575px) {
  .filters {
    margin-bottom: 40px;
    transition: margin-bottom .3s;
  }  
  .filters--active {
    margin-bottom: 20px;
    transition: margin-bottom .3s;
  }
  .projects .filters {
    margin-bottom: 20px;
  }
}

.filters__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

@media (max-width: 2000px) {
  .filters__items {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }  
}

.filters__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 100%;
  padding: clamp(14px, calc((100vw * 23) / 2880), 23px) clamp(20px, calc((100vw * 32) / 2880), 32px);
  border-right: 2px solid #000;
}

@media (max-width: 2000px) {
  .filters__item {
    border-right: 1px solid #000;
  }  
}

@media (max-width: 991px) {
  .filters__item {
    padding: 10px 20px;
  }  
}

@media (max-width: 767px) {
  .filters__item {
    border-right: 1px solid #000;
  }  
}

.filters__item:first-child svg {
  width: clamp(20px, calc((100vw * 80) / 2880), 80px);
  height: clamp(20px, calc((100vw * 80) / 2880), 80px);
  margin-right: clamp(8px, calc((100vw * 19) / 2880), 19px);
}

@media (max-width: 991px) {
  .filters__item:first-child svg {
    width: 20px;
    height: 20px;
    margin-right: 0;
  }  
  .filters__item:first-child svg path {
    stroke-width: 4;
  }
}

@media (max-width: 767px) {
  .filters__item:first-child svg {
    width: 14px;
    height: 14px;
  } 
  .filters__item:last-child svg {
    width: 50px;
    height: 40px;
  }
}

@media (max-width: 575px) {
  .filters__item:first-child svg {
    width: 8px;
    height: 8px;
  }  
  .filters__item:first-child svg path {
    stroke-width: 5;
  }
  .filters__item:last-child svg {
    width: 16px;
    height: 13px;
  }
}

.filters__item:last-child {
  border-color: transparent;
}

.filters__item:last-child .filters__search-button, .filters__item:last-child .filters__search-button svg  {
  width: clamp(20px, calc((100vw * 70) / 2880), 70px);
  height: clamp(20px, calc((100vw * 70) / 2880), 58px);
  background: none;
}

@media (max-width: 991px) {
  .filters__item:last-child .filters__search-button, .filters__item:last-child .filters__search-button svg {
    width: 20px;
    height: 20px;
  }  
}

@media (max-width: 575px) {
  .filters__item:last-child .filters__search-button, .filters__item:last-child .filters__search-button svg {
    width: 16px;
    height: 13px;
  }  
}

.filters__item--filter {
  cursor: pointer;
}

@media (max-width: 575px) {
  .filters__item--filter {
    max-width: 127px;
  }  
}

.filters__item--filter svg path:nth-child(2) {
  transform-origin: center;
  transition: transform .3s;
}

.filters__item--active svg path:nth-child(2) {
  transform-origin: center;
  transform: scale(1, 0);
  transition: transform .3s;
}

.filters__item--small {
  display: none;
  padding: 10px 0;
  border-bottom: 2px solid #000;
}

@media (max-width: 991px) {
  .filters__item--small {
    display: block;
  }  
}

@media (max-width: 767px) {
  .filters__item--small {
    border-bottom: 1px solid #000;
  }  
}

.filters__item:last-child svg {
  width: clamp(16px, calc((100vw * 78) / 2880), 78px);
  height: clamp(13px, calc((100vw * 62) / 2880), 62px);
  margin-right: clamp(0px, 0.75vw, 21px);
}

@media (max-width: 767px) {
  .filters__item:last-child svg {
    margin-right: 0;
  }  
}


.filters__title {
  font-family: 'DINPro';
  margin-bottom: 0;
  margin-left: clamp(0px, calc((100vw * 16) / 2880), 16px);
}

@media (max-width: 991px) {
  .filters__title {
    font-size: 24px;
    margin-left: 0;
  }  
}

@media (max-width: 767px) {
  .filters__title {
    font-size: 18px;
  }  
}

@media (max-width: 575px) {
  .filters__title {
    font-size: 14px;
  }  
}

.filters__display {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.filters__display .filters__title {
  margin-left: 0;
}

.filters__display-item {
  color: #D9D9D9;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .filters__display-item {
    font-size: 23px;
  }  
}

@media (max-width: 767px) {
  .filters__display-item {
    font-size: 18px;
  }  
}

@media (max-width: 575px) {
  .filters__display-item {
    font-size: 14px;
  }  
}

.filters__display-item:not(:last-child)::after {
  content: '/';
}

.filters__display-item:not(:first-child) {
  padding-left: 8px;
}

@media (max-width: 575px) {
  .filters__display-item:not(:first-child) {
    padding-left: 4px;
  }  
}

.filters__display-item--active {
  color: #000000;
}

.filters__search {
  font-family: 'DINPro';
  font-size: clamp(14px, calc((100vw * 48) / 2880), 48px);
  outline: none;
  width: 100%;
  padding: 0 clamp(0px, 0.53vw, 15px);
  line-height: 120%;
}

@media (max-width: 991px) {
  .filters__search {
    height: 23px;
  }  
}

@media (max-width: 767px) {
  .filters__search {
    height: auto;
  }  
}

@media (max-width: 575px) {
  .filters__search {
    font-size: 14px;
    padding: 0;
  }  
}

@media (max-width: 991px) {
  .filters__item:nth-child(2) {
    display: none;
  }  
}

.filters__search::-webkit-input-placeholder {
  font-family: 'DINPro';
  font-size: clamp(14px, calc((100vw * 48) / 2880), 48px);
  text-transform: uppercase;
  line-height: 120%;
  opacity: .24;
}

@media (max-width: 575px) {
  .filters__search::-webkit-input-placeholder {
    font-size: 14px;
  }  
}

.filters__search::-moz-placeholder {
  font-family: 'DINPro';
  font-size: clamp(14px, calc((100vw * 48) / 2880), 48px);
  text-transform: uppercase;
  line-height: 120%;
  opacity: .24;
}

@media (max-width: 575px) {
  .filters__search::-moz-placeholder {
    font-size: 14px;
  }  
}

.filters__search::-ms-input-placeholder {
  font-family: 'DINPro';
  font-size: clamp(14px, calc((100vw * 48) / 2880), 48px);
  text-transform: uppercase;
  line-height: 120%;
  opacity: .24;
}

@media (max-width: 575px) {
  .filters__search::-ms-input-placeholder {
    font-size: 14px;
  }  
}

.filters__search::placeholder {
  font-family: 'DINPro';
  font-size: clamp(14px, calc((100vw * 48) / 2880), 48px);
  text-transform: uppercase;
  line-height: 120%;
  opacity: .24;
}

@media (max-width: 991px) {
  .filters__search::placeholder {
    font-size: 24px;
  }  
}

@media (max-width: 767px) {
  .filters__search::placeholder {
    font-size: 18px;
  }  
}

@media (max-width: 575px) {
  .filters__search::placeholder {
    font-size: 14px;
  }  
}

.filters__bottom {
  display: none;
  padding: clamp(40px, calc((100vw * 126) / 2880), 126px) 0;
  border-bottom: 2px solid #000;
}

@media (max-width: 2000px) {
  .filters__bottom {
    border-bottom: 1px solid #000;
  }  
}

@media (max-width: 767px) {
  .filters__bottom {
    padding: 40px 0;
  }  
}

@media (max-width: 575px) {
  .filters__bottom {
    padding: 0;
  } 
  .filters__bottom .container {
    padding: 0;
  }
}

.projects-main .filters__bottom {
  border-bottom: none;
}

.filters__list {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(30px, calc((100vw * 110) / 2880), 110px);
}

@media (max-width: 1200px) {
  .filters__list {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
  }  
}

@media (max-width: 991px) {
  .filters__list {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }  
}

@media (max-width: 767px) {
  .filters__list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }  
}

@media (max-width: 575px) {
  .filters__list {
    display: block;
  }  
}

@media (max-width: 575px) {
  .filters__list-item {
    padding: 10px 20px;
    padding-bottom: 9px;
    border-bottom: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .filters__list-item:last-child {
    border-bottom: none;
  }
}

.filters__list-item-button {
  background-color: transparent;
}

.filters__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(10px, calc((100vw * 30) / 2880), 30px);
  cursor: pointer;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

@media (max-width: 575px) {
  .filters__text {
    width: 100%;
  }
}

.filters__checkbox-text {
  font-size: clamp(14px, calc((100vw * 36) / 2880), 36px);
  text-transform: uppercase;
  color: #000;
}

@media (max-width: 575px) {
  .filters__checkbox-text {
    font-size: 14px;
    text-align: start;
  }  
}

.filters__checkbox-visible {
  display: block;
  min-width: clamp(16px, calc((100vw * 32) / 2880), 32px);
  max-width: clamp(16px, calc((100vw * 32) / 2880), 32px);
  height: clamp(16px, calc((100vw * 32) / 2880), 32px);
  border: 2px solid #000;
  position: relative;
}

@media (max-width: 2000px) {
  .filters__checkbox-visible {
    border: 1px solid #000;
  }  
}

@media (max-width: 575px) {
  .filters__checkbox-visible {
    min-width: 16px;
    max-width: 16px;
    height: 16px;
  }  
}

.filters__checkbox-visible::before {
  content: '';
  position: absolute;
  width: clamp(12px, calc((100vw * 22) / 2880), 22px);
  height: clamp(12px, calc((100vw * 22) / 2880), 22px);
  background-color: #000;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.filters__checkbox-visible--active::before {
  opacity: 1;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.filters__projects-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(20px, calc((100vw * 110) / 2880), 110px)
}

@media (max-width: 575px) {
  .filters__projects-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
    gap: 0;
  }  
}

.filters__projects-list-item:not(:nth-child(5)) .filters__projects-box {
  cursor: pointer;
}

.filters__projects-list-item:nth-child(5) {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.filters__projects-list-item:nth-child(5) .filters__projects-box {
  border-bottom: none;
}

.filters__projects-list-item:nth-child(5) .filters__projects-text::before {
  display: none;
}
@media (max-width: 575px) {
  .filters__projects-list-item:nth-child(5) {
    order: 100;
    padding-top: 10px;
    padding-bottom: 11px;
  }  
}

.filters__projects-list-item:nth-child(5)  .filters__projects-text {
  padding-bottom: 0;
}

.filters__projects-list-item .irs-grid {
  display: none;
}

.filters__projects-list-item .irs-min {
  display: none;
}

.filters__projects-list-item .irs-max {
  display: none;
}

.filters__projects-list-item .irs-handle {
  width: clamp(10px, calc((100vw * 30) / 2880), 30px);
  height: clamp(10px, calc((100vw * 30) / 2880), 30px);
  background-color: #000;
}

.filters__projects-list-item .irs-handle i {
  display: none !important;
}

.filters__projects-list-item .irs--flat .irs-handle {
  top: 17px;
}

@media (max-width: 991px) {
  .filters__projects-list-item .irs--flat .irs-handle {
    top: 20px;
  }  
}

@media (max-width: 575px) {
  .filters__projects-list-item .irs--flat .irs-handle {
    top: 21px;
  }  
}

.filters__projects-list-item .irs-to,
.filters__projects-list-item .irs-from {
  font-family: 'DINPro';
  background-color: transparent;
  color: #000;
  font-size: clamp(14px, calc((100vw * 24) / 2880), 24px);
  top: clamp(35px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 575px) {
  .filters__projects-list-item .irs-to,
  .filters__projects-list-item .irs-from {
    font-size: 12px;
  }  
}

.filters__projects-list-item .irs-to::before,
.filters__projects-list-item .irs-from::before {
  display: none;
}

.filters__projects-list-item .irs-to {
  padding: 0;
  transform: translateX(-50px);
}

.filters__projects-list-item .irs--flat .irs-single {
  font-family: 'DINPro';
  background-color: transparent;
  left: 0 !important;
  right: 0;
  padding: 0;
  text-align: end;
  color: #000;
  font-size: clamp(14px, calc((100vw * 24) / 2880), 24px);
  top: 35px;
}

@media (max-width: 575px) {
  .filters__projects-list-item .irs--flat .irs-single {
    font-size: 12px;
  }  
}

.filters__projects-list-item .irs--flat .irs-single::before {
  display: none;
}

.filters__projects-list-item .irs--flat.irs-with-grid {
  margin-top: -16px;
}

@media (max-width: 575px) {
  .filters__projects-list-item .irs--flat.irs-with-grid {
    margin: 0 20px;
    margin-top: -16px;
  }  
}

.filters__projects-list-item .irs--flat .irs-line {
  background-color: #000;
  opacity: .24;
  height: 2px;
}

@media (max-width: 2000px) {
  .filters__projects-list-item .irs--flat .irs-line {
    height: 1px;
  }  
}

.filters__projects-list-item .irs--flat .irs-bar {
  background-color: #000;
  height: 1px;
}

.filters__projects-box {
  position: relative;
  display: block;
  border-bottom: 1px solid #000;
}

.filters__projects-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid transparent;
  border-bottom: none;
  font-family: 'DINPro';
  font-size: clamp(14px, calc((100vw * 38) / 2880), 38px);
  line-height: 120%;
  text-transform: uppercase;
  padding-bottom: clamp(10px, calc((100vw * 20) / 2880), 20px);
  position: relative;
  transition: padding .3s, border-color .3s, margin-top .3s;
}

@media (max-width: 575px) {
  .filters__projects-text {
    font-size: 14px;
    border: none;
    padding: 10px 20px;
    padding-bottom: 8px;
  }  
}

.filters__projects-text--active {
  padding: clamp(10px, calc((100vw * 40) / 2880), 40px) clamp(20px, calc((100vw * 40) / 2880), 40px) clamp(10px, calc((100vw * 20) / 2880), 20px) clamp(20px, calc((100vw * 40) / 2880), 40px);
  margin-top: -39px;
  border-color: #000;
  transition: padding .3s, border-color .3s, margin-top .3s;
}

@media (max-width: 2200px) {
  .filters__projects-text--active {
    margin-top: -32px;
  } 
}

@media (max-width: 1700px) {
  .filters__projects-text--active {
    margin-top: -24px;
  } 
}

@media (max-width: 1500px) {
  .filters__projects-text--active {
    margin-top: -21px;
  } 
}

@media (max-width: 767px) {
  .filters__projects-text--active {
    margin-top: -10px;
  } 
}

@media (max-width: 1200px) {
  .filters__projects-text--active {
    margin-top: -15px;
  } 
}

@media (max-width: 575px) {
  .filters__projects-text--active {
    border: none;
    margin-top: 0;
    padding: 10px 20px;
  }  
}

.filters__projects-text::before {
  content: '';
  position: absolute;
  width: clamp(8px, calc((100vw * 38) / 2880), 38px);
  height: clamp(6px, calc((100vw * 13) / 2880), 13px);
  background-image: url("../themes/wowhaus/assets/img/icons/projects-arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s, right .3s, top .3s;
  transition: transform .3s, -webkit-transform .3s, right .3s, top .3s;
}

@media (max-width: 575px) {
  .filters__projects-text::before {
    right: 20px;
  }  
}

.filters__projects-text--active::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  right: clamp(10px, 2vw, 40px);
  transition: transform .3s, right .3s, top .3s;
  transition: transform .3s, -webkit-transform .3s, right .3s, top .3s;
}

.filters__projects-text-span {
  white-space: nowrap;
}

.filters__projects-text-span {
  font-size: clamp(14px, calc((100vw * 38) / 2880), 38px);
}

@media (max-width: 575px) {
  .filters__projects-text-span {
    font-size: 14px;
  }  
}

.filters__projects-filters-small-text {
  display: flex;
}

.filters__projects-small-text {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  width: 0;
  margin-left: 20px;
  overflow: hidden;
  padding-bottom: 3px;
  color: #656565;
  transition: width .3s;
  position: relative;
}

@media (max-width: 575px) {
  .filters__projects-small-text {
    margin-left: 10px;
  }  
}

.filters__projects-small-text--active::after {
  content: '';
  position: absolute;
  /* background-color: #fff; */
  background-image: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  width: 50px;
  height: 100%;
  right: 0;
  bottom: 0
}

/* .filters__projects-small-text--active::after {
  content: '...';
  position: absolute;
  background-color: #fff;
  right: 0;
  bottom: -3px;
} */

/* @media (max-width: 2300px) {
  .filters__projects-small-text--active::after {
    bottom: -1px;
  }  
} */

.filters__projects-small-text span {
  font-size: clamp(14px, 0.71vw, 20px);
  line-height: 100%;
  white-space: nowrap;
}

@media (max-width: 575px) {
  .filters__projects-small-text span {
    font-size: 10px;
  }  
}

@media (max-width: 575px) {
  .projects .filters__projects-item {
    font-size: 12px;
  }
}

@media (max-width: 575px) {
  .projects .filters__checkbox-visible {
    min-width: 16px;
    max-width: 16px;
    height: 16px;
  }
  .projects .filters__checkbox-visible::before {
    width: 9px;
    height: 9px;
  }
}

.filters__projects-items {
  display: none;
  position: absolute;
  background-color: #fff;
  width: 100%;
  padding: clamp(10px, calc((100vw * 37) / 2880), 37px) clamp(10px, calc((100vw * 40) / 2880), 40px);
  left: 0;
  top: 100%;
  border: 1px solid #000;
  max-height: clamp(155px, calc((100vw * 395) / 2880), 395px);
  overflow: auto;
  z-index: 3;
}

@media (max-width: 575px) {
  .filters__projects-items {
    max-height: 149px;
    position: inherit;
    border: none;
    padding: 11px 20px 20px 40px;
  }  
}

.filters__projects-items::-webkit-scrollbar {
  display: none;
}

.filters__projects-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(10px, calc((100vw * 24) / 2880), 24px);
  font-family: 'DINPro';
  font-size: clamp(14px, calc((100vw * 36) / 2880), 36px);
  line-height: 120%;
  text-transform: uppercase;
  cursor: pointer;
}

@media (max-width: 575px) {
  .filters__projects-item {
    font-size: 14px;
  }  
}

.filters__projects-item:not(:last-child) {
  margin-bottom: clamp(10px, calc((100vw * 24) / 2880), 24px);
}

.projects__container--active {
  max-width: 2880px;
  margin: 0 auto;
  padding: 0 cloamp(10px, calc((100vw * 50) / 2880), 50px);
}

.projects__item--hidden {
  display: none !important;
}

.gallery__img-text {
  font-size: clamp(16px, calc((100vw * 24) / 2880), 24px);
  color: #000000;
}

@media (max-width: 575px) {
  .gallery__img-text {
    font-size: 16px;
  }  
}

.public__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(40px, calc((100vw * 126) / 2880), 126px) clamp(30px, calc((100vw * 100) / 2880), 100px);
}

@media (max-width: 991px) {
  .public__items {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }  
}

@media (max-width: 575px) {
  .public__items {
    display: block;
  }  
}

@media (max-width: 575px) {
  .about__human .about__human-list-item:not(:last-child) {
    margin-bottom: 0;
  }
  .about__human-list-item:not(:last-child) {
    margin-bottom: 40px;
  }  
  .public-main .about__human-list-item:not(:last-child) {
    margin-bottom: 40px;
  }
}

.public__date {
  display: block;
  font-size: clamp(12px, calc((100vw * 26) / 2880), 26px);
  line-height: 140%;
  margin: clamp(10px, calc((100vw * 30) / 2880), 30px) 0 10px;
  color: #000000;
}

@media (max-width: 767px) {
  .public__date {
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 13px;
  }  
}

.public__title {
  display: block;
  font-size: clamp(16px, calc((100vw * 48) / 2880), 48px);
  line-height: 120%;
  margin-bottom: clamp(10px, calc((100vw * 30) / 2880), 30px);
  color: #000000;
}

@media (max-width: 767px) {
  .public__title {
    font-size: 16px;
    margin-bottom: 10px;
  }  
}

@media (max-width: 767px) {
  .public__title {
    font-size: 16px;
    margin-bottom: 10px;
  }  
}

.public__text {
  display: block;
  font-size: clamp(14px, calc((100vw * 26) / 2880), 26px);
  line-height: 140%;
  opacity: .34;
  color: #000000;
}

@media (max-width: 767px) {
  .public__text {
    font-size: 14px;
  }  
}

.public-page__date, .public-page__text {
  font-size: clamp(16px, calc((100vw * 48) / 2880), 48px);
  line-height: 120%;
}

@media (max-width: 575px) {
  .public-page__date, .public-page__text {
    font-size: 16px;
  }  
}

.public-page__date {
  opacity: .24;
}

.public-page__title {
  font-size: clamp(28px, calc((100vw * 158) / 2880), 158px);
  text-transform: uppercase;
  line-height: 105%;
  margin: clamp(20px, calc((100vw * 50) / 2880), 50px) 0;
}

@media (max-width: 575px) {
  .public-page__title {
    font-size: 28px;
    margin: 20px 0;
  }  
}

.public-page__text {
  max-width: clamp(1000px, calc((100vw * 1820) / 2880), 1820px);
  margin-bottom: clamp(40px, calc((100vw * 100) / 2880), 100px);
}

@media (max-width: 575px) {
  .public-page__text {
    margin-bottom: 40px;
  }  
}

.public-page__middle-img {
  width: 100%;
}

@media (max-width: 575px) {
  .public-page__middle-img {
    max-height: 240px;
    object-fit: cover;
  }  
}

.public-page__bottom {
  max-width: clamp(1000px, 60vw, 1820px);
  max-width: clamp(1000px, calc((100vw * 1820) / 2880), 1820px);
  margin: 100px 0 100px auto;
}

@media (max-width: 575px) {
  .public-page__bottom {
    margin: 40px 0;
  }  
}

.public-page__bottom-text {
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  line-height: 140%;
  color: #2B1F1F;
}

@media (max-width: 575px) {
  .public-page__bottom-text {
    font-size: 16px;
  }  
}

.public-page__bottom-text p:not(:last-child) {
  margin-bottom: 20px;
}

.public-page__bottom-img {
  display: block;
  width: 100%;
  margin: 100px 0;
}

@media (max-width: 767px) {
  .public-page__img-conainer {
    padding: 0;
  }  
}

@media (max-width: 575px) {
  .public-page__bottom-img {
    margin: 40px 0;
    max-height: 240px;
    object-fit: cover;
  }  
}

.form {
  max-width: clamp(600px, calc((100vw * 960) / 2880), 960px);
  width: 100%;
  margin: clamp(40px, calc((100vw * 126) / 2880), 126px) auto;
  position: relative;
}

@media (max-width: 1920px) {
  .form {
    max-width: clamp(720px, calc((100vw * 926) / 1920), 926px);
  }  
}

@media (max-width: 767px) {
  .form {
    margin: 49px 0 41px 0;
  }  
}

.form__label {
  display: block;
  width: 100%;
}

.form__label:not(:last-child) {
  margin-bottom: clamp(20px, calc((100vw * 45) / 2880), 45px);
}

@media (max-width: 575px) {
  .form__label:not(:last-child) {
    margin-bottom: 58px;
  }
  .form__label:nth-child(3) {
    margin-bottom: 0;
  }
}

.form__label--textarea {
  display: flex;
  margin-top: clamp(40px, calc((100vw * 60) / 2880), 60px);
  margin-bottom: clamp(20px, calc((100vw * 67) / 2880), 67px) !important;
}

@media (max-width: 1920px) {
  .form__label--textarea {
    margin-top: clamp(40px, calc((100vw * 31) / 1920), 31px);
  }  
}


@media (max-width: 575px) {
  .form__label--textarea {
    margin-bottom: 42px !important;
  }  
}

.form__input, .form__textarea {
  width: 100%;
  height: clamp(60px, calc((100vw * 86) / 2880), 86px);
  font-family: 'DINPro';
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  line-height: 120%;
  color: #000;
  padding: 10px 0;
  border-radius: 0;
  border-bottom: 2px solid #000;
}

@media (max-width: 2000px) {
  .form__input, .form__textarea {
    border-bottom: 1px solid #000;
  }  
}

@media (max-width: 1920px) {
  .form__input, .form__textarea {
    height: clamp(44px, calc((100vw * 60) / 2880), 60px);
  }  
}

.form__textarea {
  height: clamp(60px, calc((100vw * 75) / 2880), 75px);
}

@media (max-width: 575px) {
  .form__input, .form__textarea {
    height: 28px;
    font-size: 16px;
    border-bottom: 1px solid #000;
    padding: 2px 0;
  }  
}

.form__input::-webkit-input-placeholder, .form__textarea::-webkit-input-placeholder {
  font-family: 'DINPro';
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  line-height: 120%;
}

@media (max-width: 575px) {
  .form__input::-webkit-input-placeholder, .form__textarea::-webkit-input-placeholder {
    font-size: 16px;
  }  
}

.form__input::-moz-placeholder, .form__textarea::-moz-placeholder {
  font-family: 'DINPro';
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  line-height: 120%;
}

@media (max-width: 575px) {
  .form__input::-moz-placeholder, .form__textarea::-moz-placeholder {
    font-size: 16px;
  }  
}

.form__input:-ms-input-placeholder, .form__textarea:-ms-input-placeholder {
  font-family: 'DINPro';
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  line-height: 120%;
}

@media (max-width: 575px) {
  .form__input:-ms-input-placeholder, .form__textarea:-ms-input-placeholder {
    font-size: 16px;
  }  
}

.form__input::-ms-input-placeholder, .form__textarea::-ms-input-placeholder {
  font-family: 'DINPro';
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  line-height: 120%;
}

@media (max-width: 575px) {
  .form__input::-ms-input-placeholder, .form__textarea::-ms-input-placeholder {
    font-size: 16px;
  }  
}

.form__input::placeholder, .form__textarea::placeholder {
  font-family: 'DINPro';
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  line-height: 120%;
}

@media (max-width: 575px) {
  .form__input::placeholder, .form__textarea::placeholder {
    font-size: 16px;
  }  
}

.form__text {
  display: block;
  font-size: clamp(12px, calc((100vw * 26) / 2880), 26px);
  line-height: 120%;
  margin-bottom: clamp(12px, calc((100vw * 20) / 2880), 20px);
  margin-top: clamp(20px, calc((100vw * 70) / 2880), 70px);
}

@media (max-width: 1920px) {
  .form__text {
    font-size: clamp(12px, calc((100vw * 18) / 1920), 18px);;
    margin-bottom: 13px;
    margin-top: 44px;
  }  
}

@media (max-width: 575px) {
  .form__text {
    font-size: 12px;
    margin-bottom: 11px;
    margin-top: 30px;
  }  
}

.p {
  display: flex;
  gap: clamp(12px, calc((100vw * 42) / 2880), 42px)
}

@media (max-width: 1920px) {
  .p {
    gap: clamp(12px, calc((100vw * 34) / 1920), 34px)
  }
}

.form__label-file {
  display: block;
  width: 100%;
  cursor: pointer;
  position: relative;
}

@media (max-width: 575px) {
  .jq-file__name {
    font-size: 16px;
  }  
}

.form__file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  max-width: 672px;
  width: 100%;
  max-height: 100px;
  padding: clamp(20px, calc((100vw * 26) / 2880), 26px) clamp(20px, calc((100vw * 30) / 2880), 30px) clamp(20px, calc((100vw * 26) / 2880), 26px) clamp(50px, calc((100vw * 100) / 2880), 100px);
  position: relative;
  z-index: 2;
}

@media (max-width: 1920px) {
  .form__file {
    max-width: 448px;
    max-height: 65px;
  }  
}

@media (max-width: 767px) {
  .form__file {
    max-width: 293px;
    max-height: 64px;
  }  
}

@media (max-width: 575px) {
  .form__file {
    padding: 16px 20px 16px 50px;
    max-width: 100%;
    max-height: 56px;
  }  
}

.form__label-file svg {
  position: absolute;
  stroke: rgb(161, 161, 161);
  left: 0;
  top: 0;
}

.form-error.form__label-file .form__file {
  background-color: transparent;
}

.form-error.form__label-file {
  background-color: rgba(245, 232, 232, 0.95);
}

.form-error.form__label-file svg {
  stroke: red;
}

.form__file::before {
  content: '';
  position: absolute;
  width: clamp(14px, calc((100vw * 40) / 2880), 40px);
  height: clamp(14px, calc((100vw * 40) / 2880), 40px);
  background-image: url("../themes/wowhaus/assets/img/file.svg");
  background-size: contain;
  left: clamp(20px, calc((100vw * 30) / 2880), 30px);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 575px) {
  .form__file::before {
    background-size: contain;
    width: 14px;
    height: 14px;
    left: 20px;
  }  
}

@media (max-width: 575px) {
  .p {
    flex-direction: column;
    margin-bottom: 60px;
  }
}

.form__file {
  cursor: pointer;
}

.form__file .jq-file__browse {
  display: none;
}

.form__btn {
  font-family: 'DINPro';
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  text-transform: uppercase;
  padding: clamp(15.5px, calc((100vw * 30) / 2880), 30px) 0;
  border: 1px solid #000;
  color: #000;
  width: 100%;
  background-color: transparent;
  -webkit-transition: background-color .3s, color .3s;
  transition: background-color .3s, color .3s;
}

@media (max-width: 575px) {
  .form__btn {
    font-size: 16px;
    padding: 15.5px 5px;
  }
}

.form__btn:hover {
  background-color: #000;
  color: #fff;
  -webkit-transition: background-color .3s, color .3s;
  transition: background-color .3s, color .3s;
}

.header__btn {
  font-size: clamp(10px, calc((100vw * 18) / 1920), 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: clamp(48px, calc((100vw * 48) / 1920), 69px);
  padding: 0 max(4px, calc((100vw * 8) / 1920));
  transition: none;
}
@media (max-width: 1920px) {
  .header__btn {
    height: clamp(37px, calc((100vw * 41) / 1920), 69px);
  }
}
@media (max-width: 1680px) {
  .header__btn {
    height: 34px;
  }
}
@media (max-width: 1440px) {
  .header__btn {
    height: 28px;
  }
}
@media (max-width: 991px) {
  .header__btn {
    height: 32px;
  }  
}
@media (max-width: 767px) {
  .header__btn {
    height: 28px;
  }  
}
@media (max-width: 575px) {
  .header__btn {
    height: 16px;
  }  
}
@media (max-width: 430px) {
  .header__btn {
    order: 2;
  }  
}

.header__btn--active {
  color: #fff;
  border-color: #fff;
  transition: none;
}

.form__thank {
  position: absolute;
  display: flex;
  justify-content: center;
  gap: clamp(11px, calc((100vw * 40) / 2880), 40px);
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1920px) {
  .form__thank {
    gap: clamp(11px, calc((100vw * 40) / 1920), 40px);
  }  
}

.form__thank svg {
  width: clamp(30px, calc((100vw * 50) / 2880), 50px);
  height: clamp(30px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 1920px) {
  .form__thank svg {
    width: clamp(30px, calc((100vw * 40) / 1920), 40px);
    height: clamp(30px, calc((100vw * 40) / 1920), 40px);
    margin-top: clamp(3px, calc((100vw * 10) / 1920), 10px);;
  }  
}

@media (max-width: 767px) {
  .form__thank svg {
    width: clamp(30px, calc((100vw * 40) / 1920), 40px);
    height: clamp(30px, calc((100vw * 40) / 1920), 40px);
    margin-top: 10px;
  }  
}

.form__thank-text {
  font-family: 'DINPro';
  font-size: clamp(16px, calc((100vw * 48) / 2880), 48px);
  line-height: 120%;
  color: #000;
}

@media (max-width: 1920px) {
  .form__thank-text {
    font-size: clamp(16px, calc((100vw * 36) / 1920), 36px);
  }  
}

@media (max-width: 991px) {
  .contacts__container {
    padding: 0;
  }  
}

.contacts__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 60px;
  margin-bottom: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 991px) {
  .contacts__inner {
    display: block;
    margin-bottom: 5px;
  }  
}

.contacts__title {
  font-family: 'DINPro-Condensed';
  font-size: clamp(28px, calc((100vw * 80) / 2880), 80px);
  line-height: 105%;
  text-transform: uppercase;
  margin-bottom: clamp(20px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 575px) {
  .contacts__title {
    font-size: 28px;
    margin-bottom: 23px;
  }  
}

.contacts__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: clamp(300px, 19vw, 603px);
}

@media (max-width: 991px) {
  .contacts__left {
    gap: 35px;
    margin-bottom: 38px;
    padding: 0 20px;
  }  
}

.about__items--small {
  display: none;
}

.about--contacts .about__list-item {
  padding: 0 20px;
}
.contacts__list-bottom {
  display: none;
}

@media (max-width: 991px) {
  .contacts__list-bottom {
    display: block;
    text-align: center;
    border-bottom: 1px solid #000;
  }
  .contacts__list-bottom-content {
    display: inline-block;
  }
  .about__items--main {
    display: none;
  }  
  .about__items--small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 0 5px;
    padding: 4px 20px 10px 20px;
  }
}

@media (max-width: 991px) {
  .about__items--small .about__item {
    padding: 0;
    border: none;
    text-align: start;
    width: auto;
    line-height: 100%;
  } 
  .about__items--small .about__link {
    opacity: .34;
  }
  .about__items--small .about__item--active .about__link {
    color: #000;
    opacity: 1;
  }
}

@media (max-width: 575px) {
  .about__items--small .about__link {
    font-size: 14px;
  }
}

@media (max-width: 355px) {
  .about__items--small .about__link {
    font-size: 12px;
  }
}

.about--contacts .about__items {
  margin-bottom: 0;
}

.contacts__text, .contacts__link, .contacts__bottom {
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  line-height: 135%;
}

@media (max-width: 575px) {
  .contacts__text, .contacts__link, .contacts__bottom {
    display: block;
    font-size: 16px;
    line-height: 120%;
  }  
}

.contacts__text {
  margin-bottom: clamp(20px, calc((100vw * 56) / 2880), 56px);
}

@media (max-width: 575px) {
  .contacts__text {
    margin-bottom: 20px;
  }  
}

.contacts__link {
  display: block;
  color: #000;
}

.contacts__link--bottom {
  margin-top: clamp(19px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 575px) {
  .contacts__link--bottom {
    margin-bottom: 0;
    margin-top: 19px;
  }  
}

.contacts__bottom {
  opacity: .35;
}

.contacts__left-link {
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  line-height: 140%;
  color: #000;
  text-decoration: underline;
}

@media (max-width: 575px) {
  .contacts__left-link {
    font-size: 16px;
    line-height: 120%;
  }  
}

.contacts__right {
  max-width: clamp(730px, calc((100vw * 1870) / 2880), 1870px);
  width: 100%;
}

@media (min-width: 1920px) {
  .contacts__right {
    max-width: clamp(730px, calc((100vw * 1870) / 2880), 1870px) !important;
  }  
}

@media (max-width: 1050px) {
  .contacts__right {
    max-width: clamp(660px, calc((100vw * 1870) / 2880), 1870px) !important;
  }  
}

@media (max-width: 991px) {
  .contacts__right {
    max-width: 100% !important;
  }  
}

@media (max-width: 991px) {
  .theme-page-main .project-page-content__box--theme .project-page-content__title {
    display: none;
  }  
}

.map__content {
  width: 100%;
  height: clamp(500px, calc((100vw * 1200) / 2880), 1200px);
}

@media (max-width: 575px) {
  .map__content {
    min-height: 417px;
    max-height: 417px;
  }
  .contacts__right .map__content {
    min-height: 240px;
    max-height: 240px;
  }
}

.internship-main.main-top {
  padding-top: clamp(10px, calc((100vw * 70) / 2880), 70px);
}

@media (max-width: 575px) {
  .internship-main.main-top {
    padding-top: 1px;
  }
}

.internship-nav {
  background-color: #fff;
  padding-bottom: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 575px) {
  .internship-nav {
    padding-bottom: 0;
  }
}

.internship-nav__title {
  color: #000
}

@media (max-width: 767px) {
  .internship-nav__title {
    padding: 0 clamp(20px, calc((100vw * 50) / 2880), 50px);
  }
}

@media (max-width: 575px) {
  .internship-nav__title {
    padding: 10px 20px;
  }
}


.internship-nav .about__items {
  margin-bottom: 0;
}

.internship-content__item {
  height: 0;
  overflow: hidden;
}

.internship-content__item--active {
  height: 100%;
}

.internship-content__item:nth-child(2) {
  background-color: #000;
  color: #fff;
}

.internship-content__item:first-child {
  background-color: #fff;
  color: #000;
}

.internship-content__item--two .internship-top__inner,
.internship-content__item--two .internship-text__inner,
.internship-content__item--two .internship-need__inner,
.internship-content__item--two .internship-practice__item,
.internship-content__item--two .internship-practice__item:not(:last-child),
.internship-content__item--two .internship-stories__title,
.internship-content__item--two .internship-stories__inner {
  border-color: #000;
}

.internship-main-two {
  background-color: #000;
  color: #fff;
}

@media (max-width: 767px) {
  .internship-work__title,
  .internship-work__items-title,
  .internship-work__items,
  .internship-work__bottom-text,
  .internship-work__form  {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.internship-work__title {
  font-family: 'DINPro';
  font-size: clamp(26px, calc((100vw * 158) / 2880), 158px);
  line-height: 105%;
  text-transform: uppercase;
  padding-bottom: clamp(40px, calc((100vw * 132) / 2880), 132px);
}

@media (max-width: 575px) {
  .internship-work__title {
    padding-top: 40px;
    line-height: 118%;
    padding-bottom: 34px;
  }
}

.internship-work__img {
  width: 100%;
  object-fit: cover;
  max-height: clamp(220px, calc((100vw * 1620) / 2880), 1620px);
  margin-bottom: clamp(34px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 767px) {
  .internship-work__img {
    height: 219px;
  }
}


.internship-work__items-title {
  margin-bottom: clamp(36px, calc((100vw * 120) / 2880), 120px);
}

@media (max-width: 767px) {
  .internship-work__items-title {
    font-size: 20px;
  }
}

.internship-work__items-title--vac {
  margin-bottom: clamp(33px, calc((100vw * 140) / 2880), 140px);
}

.internship-work__items {
  margin-bottom: clamp(37px, calc((100vw * 103) / 2880), 103px);
}

@media (max-width: 767px) {
  .internship-work__items {
    grid-template-columns: 1fr;
  }
}

.internship-work__item {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

@media (max-width: 767px) {
  .internship-work__item {
    display: block;
  }
}

.internship-work__item:not(:last-child) {
  margin-bottom: clamp(40px, calc((100vw * 126) / 2880), 126px);
}

.internship-work__item:nth-child(2) .internship-work__box-icone {
  margin-top: clamp(6px, calc((100vw * 13) / 2880), 13px);
}

@media (max-width: 767px) {
  .internship-work__item:nth-child(2) .internship-work__box-icone {
    transform: rotate(-50deg);
  }
}

.internship-work__box {
  display: flex;
  align-items: flex-start;
  gap: clamp(20px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 767px) {
  .internship-work__box {
    display: block;
    margin-bottom: 18px;
  }
}

.internship-work__box-icone {
  max-width: clamp(30px, calc((100vw * 56) / 2880), 56px);
  width: 100%;
}

@media (max-width: 767px) {
  .internship-work__box-icone {
    margin-bottom: 17px;
  }
}

.internship-work__num {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .internship-work__num {
    display: block;
    font-size: 20px;
  }
}

.internship-work__text {
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  max-width: clamp(320px, calc((100vw * 1794) / 2880), 1794px);
  width: 100%;
}

@media (max-width: 767px) {
  .internship-work__text {
    line-height: 135%;
    max-width: 100%;
  }
}

.internship-work__vacancies {
  padding-bottom: clamp(40px, calc((100vw * 140) / 2880), 140px);
}

.internship-work__vacancies-item {
  border-bottom: 2px solid #000;
}

@media (max-width: 2000px) {
  .internship-work__vacancies-item {
    border-bottom: 1px solid #000;
  }
}

.internship-work__vacancies-item:first-child .internship-work__vacancies-link {
  padding: 5px 0 clamp(10px, calc((100vw * 17) / 2880), 14px) 0;
}

.internship-work__vacancies-item:nth-child(2) .internship-work__vacancies-link,
.internship-work__vacancies-item:nth-child(3) .internship-work__vacancies-link {
  padding: clamp(8px, calc((100vw * 12) / 2880), 12px) 0 clamp(8px, calc((100vw * 12) / 2880), 12px) 0;
}

.internship-work__vacancies-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  /* padding: 5px clamp(0px, calc((100vw * 22) / 2880), 22px)  clamp(10px, calc((100vw * 17) / 2880), 17px) 0; */
}

@media (max-width: 767px) {
  .internship-work__vacancies-link {
    padding: 8px 20px 8px 20px !important;
  }
}

.internship-work__vacancies-title {
  text-transform: uppercase;
}

.internship-work__vacancies-box {
  display: flex;
  align-items: center;
  gap: clamp(50px, calc((100vw * 346) / 2880), 346px)
}

.internship-work__vacancies-title,
.internship-work__vacancies-num,
.internship-work__vacancies-full {
  font-family: 'DINPro';
  font-size: clamp(14px, calc((100vw * 36) / 2880), 36px);
  line-height: 120%;
  color: #000;
}

@media (max-width: 767px) {
  .internship-work__vacancies-num {
    display: none;
  }
}

.internship-work__bottom-text {
  font-family: 'DINPro';
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  line-height: 135%;
  max-width: clamp(430px, calc((100vw * 1386) / 2880), 1386px);
  margin-bottom: clamp(68px, calc((100vw * 69) / 2880), 69px);
}

.internship-work__bottom-text a {
  color: #000;
}

@media (max-width: 575px) {
  .internship-work__bottom-text a {
    display: block;
  }
}

.internship-work__form {
  max-width: clamp(500px, calc((100vw * 1386) / 2880), 1386px);
  margin: 0;
  margin-bottom: clamp(40px, calc((100vw * 113) / 2880), 113px);
  margin-top: -12px;
}

@media (max-width: 1200px) {
  .internship-work__form {
    margin-top: 0;
  }
}

.internship-work__link {
  position: relative;
  line-height: 120%;
  font-size: clamp(20px, calc((100vw * 36) / 2880), 36px);
  text-transform: uppercase;
  color: #000;
}

@media (max-width: 1200px) {
  .internship-work__link {
    font-size: 20px;
  }
}

.internship-work__link-item {
  width: 100%;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  border-bottom: 2px solid #000;
}

@media (max-width: 575px) {
  .internship-work__link-item {
    padding: 10px 20px;
    border-bottom: 1px solid #000;
  }
}

.internship-top--one {
  padding-top: clamp(40px, calc((100vw * 100) / 2880), 100px);
}

.internship-top--two {
  padding-top: 0;
  margin-top: -53px;
}

@media (max-width: 2300px) {
  .internship-top--two {
    margin-top: 26px;
  }
}

.internship-top__inner {
  padding-bottom: 260px;
  padding-bottom: clamp();
  position: relative;
  border-bottom: 1px solid #fff;
}

@media (max-width: 767px) {
  .internship-top__inner {
    padding: 0 20px 260px 20px;
  }
}

@media (max-width: 575px) {
  .internship-top__inner {
    padding: 0 20px 143px 20px;
  }
}

.internship-top__title {
  font-family: 'RobotoMono';
  font-size: clamp(46px, calc((100vw * 400) / 2880), 400px);
  text-transform: uppercase;
  line-height: 105%;
}

@media (max-width: 575px) {
  .internship-top__title {
    font-size: 46px;
    line-height: 120%;
  }
}

.internship-top__slider {
  position: absolute;
  bottom: clamp(50px, calc((100vw * 120) / 2880), 120px);
}

@media (max-width: 575px) {
  .internship-top__slider {
    bottom: 50px;
  }
}

.internship-top__slider-two {
  position: absolute;
  bottom: 50px;
  right: 0;
}

.internship-top__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.internship-top__item,
.internship-top__item-two {
  padding-right: 120px;
}

@media (max-width: 575px) {
  .internship-top__item,
  .internship-top__item-two {
    padding-right: 64px;
  }
}

.internship-top__item-two {
  margin-left: auto;
}

.internship-top__img {
  max-width: clamp(667px, calc((100vw * 2938) / 2880), 2938px);
}

@media (max-width: 575px) {
  .internship-top__img {
    max-width: 667px;
  }
}

.internship-top__img-two {
  max-width: clamp(500px, calc((100vw * 1000) / 2880), 1000px);
}

.internship-text__inner {
  padding: clamp(40px, calc((100vw * 126) / 2880), 126px) 0;
  border-bottom: 1px solid #fff;
}

@media (max-width: 767px) {
  .internship-text__inner {
    padding: clamp(40px, calc((100vw * 126) / 2880), 126px) 20px;
  }
}

.internship-text__title {
  font-family: 'RobotoMono';
  font-size: clamp(18px, calc((100vw * 80) / 2880), 80px);
  font-weight: 500;
  line-height: 110%;
  margin-right: clamp(20px, calc((100vw * 50) / 2880), 50px);
  text-transform: uppercase;
}

@media (max-width: 575px) {
  .internship-text__title {
    line-height: 120%;
  }
}

.internship-human {
  font-family: 'RobotoMono';
}

.internship-human__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: clamp(40px, calc((100vw * 135) / 2880), 135px) 0;
}

@media (max-width: 991px) {
  .internship-human__inner {
    padding: 40px 0;
  }
}

@media (max-width: 767px) {
  .internship-human__inner {
    display: block;
    padding: 40px 20px;
  }
}

.internship-human__inner::before {
  content: '';
  position: absolute;
  max-width: clamp(700px, 50vw, 1082px);
  width: 100%;
  max-height: clamp(82px, 7vw, 182px);
  height: 100%;
  background-image: url("../themes/wowhaus/assets/img/icons/internship-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  right: clamp(230px, 16.96vw, 475px);
  top: clamp(30px, 2vw, 64px);
  z-index: 2;
}

@media (max-width: 1200px) {
  .internship-human__inner::before {
    max-width: 480px;
  }
}

@media (max-width: 991px) {
  .internship-human__inner::before {
    max-width: 350px;
    max-height: 60px;
  }
}

@media (max-width: 767px) {
  .internship-human__inner::before {
    display: none;
  }
}

.internship-human-two .internship-human__inner::before {
  background-image: url("../themes/wowhaus/assets/img/icons/internship-arrow-two.svg");
}

.internship-human__left {
  width: 106%;
  position: relative;
}

@media (max-width: 767px) {
  .internship-human__left {
    width: 100%;
  }
}

.internship-need__inner {
  border-top: 1px solid #fff;
  padding: clamp(40px, calc((100vw * 50) / 2880), 50px) 0 clamp(40px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 767px) {
  .internship-need__inner {
    padding: clamp(40px, calc((100vw * 50) / 2880), 50px) 20px clamp(40px, calc((100vw * 126) / 2880), 126px) 20px;
  }
}

.internship-need__title {
  font-family: 'RobotoMono';
  font-size: clamp(18px, calc((100vw * 80) / 2880), 80px);
  font-weight: 500;
  line-height: 110%;
  max-width: clamp(301px, calc((100vw * 1313) / 2880), 1313px);
  margin-bottom: clamp(20px, calc((100vw * 50) / 2880), 50px);
  text-transform: uppercase;
}

@media (max-width: 575px) {
  .internship-need__title {
    line-height: 120%;
  }
}

.internship-need__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(20px, calc((100vw * 40) / 2880), 40px)
}

@media (max-width: 767px) {
  .internship-need__items {
    display: block;
  }
}

.internship-need__item {
  padding: clamp(16px, calc((100vw * 30) / 2880), 30px);
  position: relative;
}

@media (max-width: 767px) {
  .internship-need__item:not(:last-child) {
    margin-bottom: 20px;
  }
}

.internship-need__item:first-child {
  background-color: #2CA05F;
  padding-top: clamp(125px, calc((100vw * 384) / 2880), 384px);
}

.internship-need__item:first-child .internship-need__item-title {
  max-width: clamp(288px, calc((100vw * 735) / 2880), 735px);
}

.internship-need__item:first-child::before {
  background-image: url("../themes/wowhaus/assets/img/icons/internship-need-1.svg");
  width: clamp(205px, calc((100vw * 781) / 2880), 781px);
  height: clamp(130px, calc((100vw * 471) / 2880), 471px);
  top: clamp(20px, calc((100vw * 30) / 2880), 30px);
  right: clamp(10px, calc((100vw * 30) / 2880), 30px);
}

@media (max-width: 767px) {
  .internship-need__item:first-child::before {
    width: 275px;
    height: 170px;
    top: 16px;
    right: 20px;
  }
}

.internship-need__item:nth-child(2) {
  background-color: #FF540A;
  grid-column: span 2;
  padding-top: clamp(184px, calc((100vw * 384) / 2880), 384px);
}

.internship-need__item:nth-child(2)::before {
  background-image: url("../themes/wowhaus/assets/img/icons/internship-need-2.svg");
  width: clamp(158px, calc((100vw * 500) / 2880), 500px);
  height: clamp(158px, calc((100vw * 500) / 2880), 500px);
  top: clamp(24px, calc((100vw * 48) / 2880), 48px);
  right: clamp(24px, calc((100vw * 135) / 2880), 135px);
}

.internship-need__item:nth-child(2) .internship-need__item-title {
  max-width: clamp(288px, calc((100vw * 1171) / 2880), 1171px);
}

.internship-need__item:nth-child(3) {
  background-color: #fff;
  grid-column: span 3;
  padding-top: clamp(53px, calc((100vw * 146) / 2880), 146px);
}

.internship-need--two .internship-need__item:nth-child(3) {
  background-color: #000;
}

.internship-need__item::before {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

.internship-need__item-title {
  font-family: 'RobotoMono';
  font-size: clamp(20px, 1.71vw, 48px);
  font-weight: 500;
  line-height: 130%;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #0F0F0F;
  position: relative;
}

@media (max-width: 575px) {
  .internship-need__item-title {
    line-height: 120%;
  }
}

.internship-need--two .internship-need__item:nth-child(3) .internship-need__item-title {
  color: #fff;
}

.internship-need__item-title-box {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .internship-need__item-title-box {
    margin-top: 25px;
  }  
}

.internship-need__item-title--color {
  color: #2CA05F;
}

.internship-need__item:last-child {
  padding-right: clamp(19px, calc((100vw* 30) / 2880), 30px);
}

.internship-main {
  overflow: hidden;
}

@media (max-width: 767px) {
  .internship-main .container {
    padding: 0;
  }
}

.internship-human__left::before {
  content: '';
  position: absolute;
  background-image: url("../themes/wowhaus/assets/img/icons/inter-img.svg");
  background-size: contain;
  max-width: clamp(75px, calc((100vw * 326) / 2880), 326px);
  width: 100%;
  max-height: clamp(75px, calc((100vw * 326) / 2880), 326px);
  height: 100%;
  right: -1px;
  bottom: 0;
}

@media (max-width: 767px) {
  .internship-human__left::before {
    right: auto;
    left: 0;
    transform: rotate(90deg);
  }
}

@media (max-width: 575px) {
  .internship-human__left::before {
    max-width: 70px;
    max-height: 70px;
  }
}

.internship-human-two .internship-human__left::before {
  background-image: url("../themes/wowhaus/assets/img/icons/inter-img-two.svg");
}

.internship-human__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .internship-human__img {
    min-height: 320px;
  }
}

.internship-human__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  width: 100%;
  padding: clamp(20px, calc((100vw * 70) / 2880), 70px);
  padding-bottom: clamp(20px, calc((100vw * 116) / 2880), 116px);
  background-color: #BCADFF;
}

@media (max-width: 575px) {
  .internship-human__right {
    padding: 20px;
    gap: 31px;
  }
}

.internship-human-two .internship-human__right {
  background-color: #FF540A;
}

.internship-human__title {
  font-size: clamp(40px, calc((100vw * 155) / 2880), 155px);
  line-height: 105%;
  font-weight: 500;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .internship-human__title {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .internship-human__title {
    position: relative;
    width: max-content;
  }
  .internship-human__title::before {
    content: '';
    position: absolute;
    width: 58px;
    height: 140px;
    background-image: url("../themes/wowhaus/assets/img/icons/internship-arrow--small.svg");
    background-size: contain;
    background-repeat: no-repeat;
    right: -70px;
    bottom: 20px;
  }
  .internship-human-two .internship-human__title::before {
    background-image: url("../themes/wowhaus/assets/img/icons/internship-arrow--small-two.svg");
  }
}

@media (max-width: 575px) {
  .internship-human__title {
    max-width: 165px;
  }
  .internship-human__title::before {
    right: -56px;
    bottom: 17px;
  }
}

.internship-human__box {
  position: relative;
}

.internship-human__box::before {
  content: '';
  position: absolute;
  max-width: clamp(155px, 17.32vw, 485px);
  width: 100%;
  max-height: clamp(46px, 2.5vw, 70px);
  height: 100%;
  background-image: url("../themes/wowhaus/assets/img/icons/circle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  left: -14px;
  top: 3px;
}

@media (max-width: 575px) {
  .internship-human__box::before {
    max-width: 178px;
    left: -8px;
    top: 1px;
    max-width: 113px;
  }
}

.internship-human-two .internship-human__box::before {
  background-image: url("../themes/wowhaus/assets/img/icons/circle-two.svg");
}

.internship-content-en .internship-human__box::before {
  max-width: clamp(280px, calc((100vw * 940) / 2880), 940px);
  max-height: clamp(46px, calc((100vw * 124) / 2880), 124px);
  top: -10px;
}
@media (max-width: 991px) {
  .internship-content-en .internship-human__box::before {
    top: -7px;
  }
}
@media (max-width: 767px) {
  .internship-content-en .internship-human__box::before {
    max-width: 330px;
    height: 68px;
    top: -14px;
  }
}
@media (max-width: 575px) {
  .internship-content-en .internship-human__box::before {
    max-width: 286px;
    top: 2px;
  }
}

.internship-human__text {
  position: relative;
  font-size: clamp(18px, calc((100vw * 80) / 2880), 80px);
  color: #000;
  line-height: 110%;
  font-weight: 500;
  text-transform: uppercase;
}

@media (max-width: 575px) {
  .internship-human__text {
    font-size: 18px;
    max-width: 280px;
    line-height: 120%;
  }
}

.internship-human__text--color {
  color: #FF540A;
  display: block;
}

.internship-human-two .internship-human__text--color {
  color: #fff;
}

.internship-practice {
  font-family: 'RobotoMono';
}

.internship-practice__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .internship-practice__items {
    display: block;
  }
}

.internship-practice__item {
  width: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: clamp(30px, calc((100vw * 50) / 2880), 50px);
  padding-left: 0;
  position: relative;
}

@media (max-width: 1200px) {
  .internship-practice__item {
    padding: 30px;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .internship-practice__item {
    padding: 40px 20px;
    padding-bottom: 38px;
  }
}

.internship-practice__item:not(:last-child) {
  border-right: 1px solid #fff;
}

@media (max-width: 767px) {
  .internship-practice__item:not(:last-child) {
    border-right: none;
  }
}

.internship-practice__item:nth-child(2) {
  padding: clamp(40px, calc((100vw * 50) / 2880), 50px) clamp(20px, calc((100vw * 50) / 2880), 50px) clamp(40px, calc((100vw * 131) / 2880), 131px) clamp(20px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 1200px) {
  .internship-practice__item:nth-child(2) {
    padding: 30px 30px 50px 30px;
  }
}

@media (max-width: 767px) {
  .internship-practice__item:nth-child(2) {
    padding: 40px 20px;
    padding-top: 38px;
  }
}

@media (max-width: 767px) {
  .internship-practice__item--last {
    display: none;
  }
}

.internship-practice__title {
  font-size: clamp(40px, calc((100vw * 80) / 2880), 80px);
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  max-width: clamp(320px, calc((100vw * 650) / 2880), 650px);
  color: #2CA05F;
}

@media (max-width: 1200px) {
  .internship-practice__title {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .internship-practice__title {
    font-size: 40px;
  }
}

.internship-practice__item-title {
  font-size: clamp(18px, calc((100vw * 36) / 2880), 36px);
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: clamp(30px, calc((100vw * 70) / 2880), 70px);
}

@media (max-width: 575px) {
  .internship-practice__item-title {
    margin-bottom: 21px;
    font-size: 16px;
  }
}

.internship-practice__list {
  margin-bottom: clamp(40px, calc((100vw * 50) / 2880), 50px);
}

.internship-practice__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
}

@media (max-width: 767px) {
  .internship-practice__box {
    gap: 5px;
  }
}

.internship-practice__box:not(:last-child) {
  margin-bottom: 14px;
}

@media (max-width: 575px) {
  .internship-practice__box:not(:last-child) {
    margin-bottom: 5px;
  }
}

.internship-practice__left {
  font-size: clamp(20px, calc((100vw * 48) / 2880), 48px);
  font-weight: 500;
  text-transform: uppercase;
  font-weight: 500;
}

@media (max-width: 1200px) {
  .internship-practice__left {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .internship-practice__left {
    font-size: 20px;
  }
}

.internship-practice__right {
  font-size: clamp(20px, calc((100vw * 48) / 2880), 48px);
  text-transform: uppercase;
  color: #2CA05F;
  letter-spacing: 5px;
}

@media (max-width: 1200px) {
  .internship-practice__right {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .internship-practice__right {
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 2px;
  }
}

.internship-practice__bottom {
  display: block;
  font-size: clamp(14px, calc((100vw * 26) / 2880), 26px);
  max-width: clamp(250px, calc((100vw * 450) / 2880), 450px);
  color: #FF540A;
  line-height: 133%;
}

@media (max-width: 767px) {
  .internship-practice__bottom {
    display: none;
  }
}

.internship-practice__item-img {
  position: absolute;
  left: -58px;
  top: 48px;
  max-width: clamp(290px, calc((100vw * 790) / 2880), 790px);
  width: 100%;
}

@media (max-width: 1200px) {
  .internship-practice__item-img {
    max-width: 290px;
    top: 50px;
    left: -25px;
  }
}

@media (max-width: 767px) {
  .internship-practice__item-img {
    position: unset;
    max-width: 360px;
  }
}

.internship-practice__item-img--small {
  display: none;
}

@media (max-width: 767px) {
  .internship-practice__item-img--small {
    display: block;
  }
}

.internship-practice-bottom__inner {
  padding-bottom: clamp(0px, calc((100vw * 126) / 2880), 126px);
}

@media (max-width: 767px) {
  .internship-practice-bottom__inner {
    padding-bottom: 0;
  }
}

.internship-practice-bottom__items {
  display: flex;
}

@media (max-width: 767px) {
  .internship-practice-bottom__items {
    display: block;
  }
}

.internship-content__item--two .internship-time__content {
  margin-bottom: clamp(30px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 575px) {
  .internship-content__item--two .internship-need__item:first-child {
    padding-top: 150px;
  }
  .internship-content__item--two .internship-practice__item:first-child {
    padding-bottom: 34px;
  }
}

.internship-practice-bottom__item {
  display: flex;
  align-items: flex-end;
  font-family: 'RobotoMono';
  font-size: clamp(18px, calc((100vw * 47) / 2880), 47px);
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  width: 100%;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: clamp(45px, calc((100vw * 167) / 2880), 167px) clamp(20px, calc((100vw * 35) / 2880), 35px) clamp(40px, calc((100vw * 60) / 2880), 60px) clamp(20px, calc((100vw * 35) / 2880), 35px);
  position: relative;
}

@media (max-width: 767px) {
  .internship-practice-bottom__item {
    line-height: 110%;
    border-bottom: none;
    border-right: none;
    padding-top: 45px;
    padding-right: 50px;
  }
  .internship-practice-bottom__item:nth-child(3) {
    padding-top: 46px;
  }
}

@media (max-width: 370px) {
  .internship-practice-bottom__item {
    padding-right: 8px;
  }
}

.internship-practice-bottom__item:first-child { 
  padding-left: 0;
}

@media (max-width: 767px) {
  .internship-practice-bottom__item:first-child { 
    padding-left: 20px;
  }
}

.internship-practice-bottom__item:first-child::before {
  background-image: url('../themes/wowhaus/assets/img/icons/internship-practice-bottom-1.svg');
  width: clamp(40px, calc((100vw * 184) / 2880), 184px);
  height: clamp(40px, calc((100vw * 184) / 2880), 184px);
  right: clamp(19px, calc((100vw * 35) / 2880), 35px);
  top: clamp(18px, calc((100vw * 35) / 2880), 35px);
}

.internship-practice-bottom__item:nth-child(2)::before {
  background-image: url('../themes/wowhaus/assets/img/icons/internship-practice-bottom-2.svg');
  width: clamp(36px, calc((100vw * 144) / 2880), 144px);
  height: clamp(45px, calc((100vw * 179) / 2880), 179px);
  right: clamp(19px, calc((100vw * 37) / 2880), 37px);
  top: clamp(22px, calc((100vw * 37) / 2880), 37px);
}

.internship-practice-bottom__item:nth-child(3)::before {
  background-image: url('../themes/wowhaus/assets/img/icons/internship-practice-bottom-3.svg');
  width: clamp(42px, calc((100vw * 189) / 2880), 189px);
  height: clamp(42px, calc((100vw * 189) / 2880), 189px);
  right: clamp(16px, calc((100vw * 60) / 2880), 70px);
  top: clamp(20px, calc((100vw * 22) / 2880), 22px);
}

.internship-practice-bottom__item::before {
  content: '';
  position: absolute;
  background-size: contain;
}

.internship-practice-bottom__item:last-child {
  border-right: none;
}

.internship-time {
  margin-top: clamp(40px, calc((100vw * 126) / 2880), 126px);
  font-family: 'RobotoMono';
}

@media (max-width: 767px) {
  .internship-time {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .internship-time__top {
    padding: 0 20px;
  }
}

.internship-time__title {
  font-size: clamp(40px, calc((100vw * 158) / 2880), 158px);
  line-height: 105%;
  font-weight: 500;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-transform: uppercase;
  margin-bottom: clamp(20px, calc((100vw * 126) / 2880), 126px);
  position: relative;
  z-index: 2;
}

@media (max-width: 991px) {
  .internship-time__title {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .internship-time__title {
    max-width: 440px;
    width: 100%;
    margin-bottom: 20px;
    line-height: 109%;
  }
}

.internship-content-en .internship-time__title {
  max-width: clamp(600px, calc((100vw * 1990) / 2880), 1990px);
}

@media (max-width: 575px) {
  .internship-time__title span {
    display: block;
  }
  .internship-time--two .internship-time__title span:nth-child(1),
  .internship-time--two .internship-time__title span:nth-child(2) {
    display: inline-block;
  }
}

@media (max-width: 991px) {
  .internship-content-en #practice .internship-time__title {
    max-width: 450px;
  }
}

.internship-time__title::before {
  content: '';
  position: absolute;
  max-width: clamp(480px, 29vw, 850px);
  width: 100%;
  max-height: clamp(33px, calc((100vw * 106) / 2880), 106px);
  height: 100%;
  background-image: url("../themes/wowhaus/assets/img/icons/inter-circle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  right: -62px;
  top: 14px;
  z-index: -1;
}

@media (max-width: 991px) {
  .internship-time__title::before {
    max-width: 320px;
    right: 40px;
    top: 5px;
  }
}

@media (max-width: 767px) {
  .internship-time__title::before {
    background-image: url("../themes/wowhaus/assets/img/icons/inter-circle-small.svg");
    max-width: 220px;
    top: auto;
    left: -8px;
    bottom: -13px;
  }
}

.internship-content-en .internship-time__title::before {
  max-width: clamp(290px, 29vw, 850px);
  top: auto;
  right: auto;
  left: -30px;
  bottom: clamp(2px, calc((100vw * 20) / 2880), 20px);
}
@media (max-width: 1920px) {
  .internship-content-en .internship-time__title::before {
    left: -20px;
  }
}
@media (max-width: 991px) {
  .internship-content-en .internship-time__title::before {
    max-width: 245px;
  }
}
@media (max-width: 767px) {
  .internship-content-en .internship-time__title::before {
    max-width: 230px;
    max-height: 41px;
    left: -10px;
    bottom: 0px;
  }
}

.internship-content-en #practice .internship-time__title::before {
  right: clamp(46px, calc((100vw * 256) / 2880), 256px);
  left: auto;
}
@media (max-width: 991px) {
  .internship-content-en #practice .internship-time__title::before {
    right: 0;
  }
}
@media (max-width: 575px) {
  .internship-content-en #practice .internship-time__title::before {
    right: auto;
    left: -20px;
  }
}

.internship-time__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(30px, calc((100vw * 368) / 2880), 368px);
  padding-bottom: clamp(15px, calc((100vw * 30) / 2880), 30px);
  margin-bottom: clamp(40px, calc((100vw * 196) / 2880), 196px);
  position: relative;
}

@media (max-width: 1200px) {
  .internship-time__content {
    gap: 30px;
  }
}

@media (max-width: 767px) {
  .internship-time__content {
    display: block;
    margin-bottom: 40px;
  }
}

.internship-time__content::before {
  content: '';
  position: absolute;
  max-width: clamp(320px, calc((100vw * 1135) / 2880), 1135px);
  width: 100%;
  max-height: clamp(40px, calc((100vw * 110) / 2880), 110px);
  height: 100%;
  background-image: url("../themes/wowhaus/assets/img/icons/time-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  left: clamp(320px, 23.75vw, 665px);
  bottom: 0;
}

@media (max-width: 991px) {
  .internship-time__content::before {
    max-width: 320px;
    left: 200px;
  }
}

@media (max-width: 767px) {
  .internship-time__content::before {
    display: none;
  }
}

.internship-time--two .internship-time__content::before {
  background-image: url("../themes/wowhaus/assets/img/icons/time-arrow-two.svg");
  bottom: clamp(25px, 2.14vw, 60px);
}

.internship-content-en .internship-time__content {
  padding-bottom: clamp(30px, calc((100vw * 110) / 2880), 110px);
}

.internship-time__left {
  font-size: clamp(32px, calc((100vw * 80) / 2880), 80px);
  font-weight: 500;
  line-height: 110%;
  text-transform: uppercase;
  max-width: clamp(760px, calc((100vw * 1500) / 2880), 1500px);
}

@media (max-width: 991px) {
  .internship-time__left {
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  .internship-time__left {
    margin-bottom: 20px;
    font-size: 24px;
    padding-right: 30px;
    position: relative;
  }
}

@media (max-width: 575px) {
  .internship-time__left {
    font-size: 18px;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .internship-time__left::before {
    content: '';
    position: absolute;
    width: 65px;
    height: 142px;
    background-image: url("../themes/wowhaus/assets/img/icons/time-arrow-small.svg");
    background-repeat: no-repeat;
    right: 0;
    bottom: -134px;
  }
  .internship-time--two .internship-time__left::before {
    background-image: url("../themes/wowhaus/assets/img/icons/time-arrow-small-two.svg");
  }
}

@media (max-width: 575px) {
  .internship-time__left::before {
    right: 8px;
    bottom: -151px;
  }
}

.internship-time__right-item {
  font-family: 'RobotoMono';
  font-weight: 500;
  line-height: 130%;
  text-transform: uppercase;
  font-size: clamp(16px, calc((100vw * 48) / 2880), 48px);
  color: #BCADFF;
}

@media (max-width: 991px) {
  .internship-time__right-item {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .internship-time__right-item {
    font-size: 18px;
    line-height: 110%;
  }
}

.internship-time--two .internship-time__right-item {
  color: #2CA05F;
}

.internship-time__bottom {
  background-color: #BCADFF;
}

.internship-time--two .internship-time__bottom {
  background-color: #FF4E00;
}

.internship-time--two .internship-time__bottom-title {
  color: #BCADFF;
}

.internship-time__bottom-inner {
  padding: clamp(40px, calc((100vw * 126) / 2880), 126px) 0 clamp(290px, calc((100vw * 377) / 2880), 377px);
  position: relative;
}

@media (max-width: 767px) {
  .internship-time__bottom-inner {
    padding: 42px 20px 290px 20px;
  }
}

@media (max-width: 575px) {
  .internship-time__bottom-inner {
    padding-bottom: 187px;
  }
}

.internship-time__bottom-inner::before {
  content: '';
  position: absolute;
  max-width: clamp(1000px, calc((100vw * 1850) / 2880), 1850px);
  width: 100%;
  max-height: clamp(431px, calc((100vw * 831) / 2880), 831px);
  height: 100%;
  background-image: url("../themes/wowhaus/assets/img/icons/time-bg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  right: clamp(0px, calc((100vw * 80) / 2880), 80px);
  top: 45%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 1500px) {
  .internship-time__bottom-inner::before {
    top: 50%;
  }
}

@media (max-width: 767px) {
  .internship-time__bottom-inner::before {
    background-position: bottom;
    right: auto;
    top: auto;
    left: -20px;
    bottom: 40px;
    -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  }
}

@media (max-width: 575px) {
  .internship-time__bottom-inner::before {
    left: -15px;
    bottom: 43px;
  }
}

.internship-time--two .internship-time__bottom-inner::before {
  background-image: url("../themes/wowhaus/assets/img/icons/time-bg-two.svg");
}

.internship-time__bottom-title {
  position: relative;
  font-size: clamp(40px, calc((100vw * 158) / 2880), 158px);
  line-height: 105%;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: clamp(20px, calc((100vw * 50) / 2880), 50px);
  color: #FF540A;
}

@media (max-width: 575px) {
  .internship-time__bottom-title {
    font-size: 40px;
    margin-bottom: 20px;
  }
}

.internship-content-en #practice .internship-time__bottom-title {
  color: #ffffff;
}

.internship-time__text {
  position: relative;
  font-size: clamp(18px, calc((100vw * 80) / 2880), 80px);
  line-height: 110%;
  text-transform: uppercase;
  font-weight: 500;
  color: #0F0F0F;
  max-width: clamp(800px, calc((100vw * 1500) / 2880), 1500px);
}

@media (max-width: 575px) {
  .internship-time__text {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.internship-time__text--bg {
  color: #fff;
  background-color: #000;
}

@media (max-width: 767px) {
  .internship-time__text--bg {
    display: block;
    margin-top: 2px;
    width: max-content;
    padding: 3px 10px;
  }
}

.internship-stories {
  font-family: 'RobotoMono';
  padding: clamp(40px, calc((100vw * 126) / 2880), 126px) 0;
}

@media (max-width: 991px) {
  .internship-stories {
    padding-bottom: 0;
  }
}

.internship-stories__inner {
  padding-bottom: 50px;
  border-bottom: 1px solid #fff;
}

@media (max-width: 767px) {
  .internship-stories__inner {
    padding: 0 20px 28px 20px;
  }
}

.internship-stories__title {
  font-size: clamp(40px, calc((100vw * 80) / 2880), 80px);
  line-height: 100%;
  text-transform: uppercase;
  font-weight: 500;
  padding-bottom: clamp(20px, calc((100vw * 50) / 2880), 50px);
  border-bottom: 1px solid #fff;
  margin-bottom: clamp(20px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 767px) {
  .internship-stories__title {
    padding-bottom: 0;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 110%;
    border-bottom: 0;
  }
}

.internship-stories__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

@media (max-width: 991px) {
  .internship-stories__items {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 575px) {
  .internship-stories__items {
    display: block;
  }
}

.internship-stories__item {
  width: 100%;
}

@media (max-width: 575px) {
  .internship-stories__item:not(:last-child) {
    margin-bottom: 40px;
  }
}

.internship-stories__img {
  width: 100%;
  margin-bottom: clamp(20px, calc((100vw * 30) / 2880), 30px);
}

@media (max-width: 767px) {
  .internship-stories__img {
    margin-bottom: 20px;
  }
} 

.internship-stories__name {
  font-size: clamp(18px, calc((100vw * 48) / 2880), 48px);
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 10px;
  text-transform: uppercase;
}

@media (max-width: 575px) {
  .internship-stories__name {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

.internship-stories__text {
  font-size: clamp(14px, calc((100vw * 26) / 2880), 26px);
  line-height: 130%;
  max-width: clamp(380px, calc((100vw * 580) / 2880), 580px);
}

@media (max-width: 575px) {
  .internship-stories__text {
    font-size: 14px;
  }
}

.internship-stories__post {
  font-size: clamp(14px, calc((100vw * 26) / 2880), 26px);
  line-height: 130%;
  display: block;
  color: #2CA05F;
  max-width: clamp(250px, calc((100vw * 450) / 2880), 450px);
}

@media (max-width: 575px) {
  .internship-stories__post {
    font-size: 14px;
  }
}

.internship-work-page {
  padding-bottom: clamp(20px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 575px) {
  .internship-work-page {
    padding: 35px 20px 0 20px;
  }
}

.internship-work-page .internship-work__form,
.internship-work-page .internship-work-page__title {
  padding: 0;
}

.internship-work-page__content {
  display: flex;
  gap: clamp(20px, calc((100vw * 90) / 2880), 90px)
}

@media (max-width: 991px) {
  .internship-work-page__content {
    display: block;
  }
}

.internship-work-page__left {
  width: 100%;
}

@media (max-width: 991px) {
  .internship-work-page__left {
    margin-bottom: 66px;
  }
}

.internship-work-page__right {
  width: 107%;
}

@media (max-width: 991px) {
  .internship-work-page__left,
  .internship-work-page__right {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .internship-work-page__left p {
    font-size: 16px;
  }
}

.internship-work-page__title {
  margin-bottom: clamp(34px, calc((100vw * 60) / 2880), 60px);
}

.internship-work-page__item-title,
.internship-work-page__item-item, .internship-work-page__left ul li {
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  line-height: 135%;
}

.internship-work-page__item-items, .internship-work-page__left ul {
  list-style: outside;
  margin-left: clamp(24px, calc((100vw * 60) / 2880), 60px);
  margin-bottom: clamp(20px, calc((100vw * 50) / 2880), 50px);
}

.other-projects {
  background-color: #000;
  padding: clamp(40px, 4.5vw, 126px) 0 clamp(40px, 5vw, 70px) 0;
  color: #fff;
}

@media (max-width: 1920px) {
  .other-projects {
    padding: 62px 0 30px 0;
  }
}

@media (max-width: 1680px) {
  .other-projects {
    padding: 62px 0 32px 0;
  }
}

@media (max-width: 1440px) {
  .other-projects {
    padding: 58px 0 28px 0;
  }
}

@media (max-width: 767px) {
  .other-projects {
    padding: 40px 0 10px 0;
  }
}

.other-projects__item {
  height: auto;
}

.other-projects__item a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

@media (max-width: 767px) {
  .other-projects__item a {
    height: auto;
  }
}

.other-projects__title {
  margin-bottom: clamp(20px, calc((100vw * 50) / 2880), 50px);
}

@media (max-width: 767px) {
  .other-projects__title {
    margin-bottom: 20px;
  }
}

.other-projects__img {
  width: 100%;
  max-height: clamp(210px, calc((100vw * 600) / 2880), 600px);
  height: 100%;
  object-fit: cover;
  margin-bottom: 20px;
}

@media (max-width: 1920px) {
  .other-projects__img {
    margin-bottom: 14px;
  }
}

@media (max-width: 1680px) {
  .other-projects__img {
    margin-bottom: 11px;
  }
}

@media (max-width: 1680px) {
  .other-projects__img {
    margin-bottom: 8px;
  }
}

@media (max-width: 991px) {
  .other-projects__img {
    max-height: 240px
  }
}

@media (max-width: 767px) {
  .other-projects__img {
    max-height: clamp(224px, calc((100vw * 400) / 575), 400px);
    min-height: clamp(224px, calc((100vw * 400) / 575), 400px);
    margin-bottom: 10px;
  }
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: 100%;
}

@media (max-width: 767px) {
  .swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto;
  }
}

.other-projects__text {
  font-size: clamp(16px, calc((100vw * 36) / 2880), 36px);
  min-height: clamp(60px, calc((100vw * 96) / 2880), 96px);
  max-height: clamp(60px, calc((100vw * 96) / 2880), 96px);
  color: #fff;
}

@media (max-width: 991px) {
  .other-projects__text {
    min-height: 60px;
    max-height: 60px;
  }
}

@media (max-width: 767px) {
  .other-projects__text {
    font-size: 16px;
    min-height: 50px;
    max-height: 50px;
  }
}

.other-projects__arrow {
  position: absolute;
  width: clamp(30px, calc((100vw * 70) / 2880), 70px);
  height: clamp(30px, calc((100vw * 70) / 2880), 70px);
  background-repeat: no-repeat;
  background-size: clamp(16px, calc((100vw * 24) / 2880), 24px);
  background-position: center;
  background-color: #fff;
  top: calc(50% - 43px);
  transform: translateY(-75%);
  z-index: 1;
}

@media (max-width: 2500px) {
  .other-projects__arrow {
    top: calc(50% - 20px);
  }
}

@media (max-width: 2600px) {
  .other-projects__arrow {
    background-size: contain;
  }
}

@media (max-width: 1920px) {
  .other-projects__arrow {
    top: calc(50% - 33px);
  }
}

@media (max-width: 1680px) {
  .other-projects__arrow {
    top: calc(50% - 27px);
  }
}

@media (max-width: 767) {
  .other-projects__arrow {
    top: 50%;
  }
}

@media (max-width: 575px) {
  .other-projects__arrow {
    width: 30px;
    height: 30px;
    top: 46%;
  }
}

.other-projects__next {
  /* background-image: url('../img/icons/other-projects-next.svg'); */
  right: 0;
}

/* @media (max-width: 2600px) {
  .other-projects__next {
    background-image: url('../img/icons/other-projects-next-small.svg');
  }
} */

.other-projects__prev {
  /* background-image: url('../img/icons/other-projects-prev.svg'); */
  left: 0;
}

/* @media (max-width: 2600px) {
  .other-projects__prev {
    background-image: url('../img/icons/other-projects-prev-small.svg');
  }
} */

.project-info__img--long {
  max-height: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* form {
  position: relative;
} */

form {
  position: relative;
}

.form-sending::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('../themes/wowhaus/assets/img/load-form.gif');
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  inset: 0;
  z-index: 5;
  opacity: 0.5;
}

[class*="default-cluster"] {
  color: #fff;
}
[class*="cluster-tabs__menu-item-text"] {
  text-transform: uppercase !important;
}


[class*="balloon-content__header"],
[class*="cluster-tabs__item-header"] {
  display: none !important;
}

[class*="cluster-tabs__menu-item-text"] {
  font-size: 14px;
  text-transform: lowercase;
  color: #000 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

[class*="cluster-tabs__item-body"] {
  height: 100%;
  padding-right: 0 !important;
  margin-bottom: 0 !important;
}

[class*="cluster-tabs__content-item"] {
  height: 100%;
}





.filter__reset {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(12px, calc((100vw * 24) / 2880), 24px);
  height: 100%;
  padding: 0;
}

@media (max-width: 575px) {
  .filters__projects-list-item--btn {
      order: 110;
      padding: 0 20px 20px 20px;
  }
  .filter__reset {
    font-size: 16px;
    height: 56px;
  }
}

.brelok-hidden {
  display: none;
}

.brelok {
  max-height: 100vh;
  height: 100vh;
}
.brelok__top {
  display: block;
  background-image: url('../themes/wowhaus/assets/img/brelok-bg-two-big.jpg');
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  min-height: 83%;
  max-height: 426px;
}
@media (max-width: 1920px) {
  .brelok__top {
    background-image: url('../themes/wowhaus/assets/img/brelok-bg-two.jpg');
  }
}
@media (max-width: 767px) {
  .brelok__top {
    background-image: url('../themes/wowhaus/assets/img/brelok-bg-two-medium.jpg');
  }
}
@media (max-width: 575px) {
  .brelok__top {
    min-height: 74%;
    background-image: url('../themes/wowhaus/assets/img/brelok-bg-two-small.jpg');
  }
}
.keychain .brelok__top {
  background-image: url('../themes/wowhaus/assets/img/brelok-bg-big.jpg');
}
@media (max-width: 1920px) {
  .keychain .brelok__top {
    background-image: url('../themes/wowhaus/assets/img/brelok-bg.jpg');
  }
}
@media (max-width: 767px) {
  .keychain .brelok__top {
    background-image: url('../themes/wowhaus/assets/img/brelok-bg-medium.jpg');
  }
}
@media (max-width: 575px) {
  .keychain .brelok__top {
    background-image: url('../themes/wowhaus/assets/img/brelok-bg-small.jpg');
  }
}
.brelok__inner {
  padding: max(20px, calc((100vw * 40) / 1920));
}
.brelok__link {
  display: block;
  position: relative;
  height: clamp(25px, calc((100vw * 70) / 2880), 70px);
}
.brelok__link::before {
  content: '';
  position: absolute;
  width: 90%;
  height: 100%;
  background-color: #ffffff;
  top: 0;
  right: 0;
}
@media (max-width: 4920px) {
  .brelok__link::before {
    width: 84%;
  }
}
@media (max-width: 3000px) {
  .brelok__link::before {
    width: 73%;
  }
}
@media (max-width: 1920px) {
  .brelok__link::before {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .brelok__link::before {
    width: 60%;
  }
}
@media (max-width: 460px) {
  .brelok__link::before {
    width: 27%;
  }
}
.brelok__logo {
  height: 100%;
  object-fit: contain;
}
.brelok__box {
  display: flex;
  align-items: flex-start;
  text-align: center;
  height: 17%;
  gap: max(24px, calc((100vw * 40) / 1920));
  padding: max(24px, calc((100vw * 33) / 1920)) max(20px, calc((100vw * 40) / 1920)) 0 max(20px, calc((100vw * 40) / 1920));
}
@media (max-width: 767px) {
  .brelok__box {
    display: block;
  }
}
@media (max-width: 575px) {
  .brelok__box {
    min-height: 26%;
  }
}
.brelok__btn {
  max-width: 100%;
}
@media (max-width: 767px) {
  .brelok__btn--one {
    margin-bottom: 24px;
  }
}