/* Start:/local/templates/art4walls-redesign/assets/css/main.css?1781697138250099*/
@charset "UTF-8";
@font-face {
  font-weight: 200;
  font-family: "Unbounded";
  font-style: normal;
  src: url("/local/templates/art4walls-redesign/assets/css/../fonts/Unbounded-ExtraLight.woff2") format("woff2"), url("/local/templates/art4walls-redesign/assets/css/../fonts/Unbounded-ExtraLight.woff") format("woff"), url("/local/templates/art4walls-redesign/assets/css/../fonts/Unbounded-ExtraLight.ttf") format("ttf");
  font-display: swap;
}
@font-face {
  font-weight: 300;
  font-family: "Unbounded";
  font-style: normal;
  src: url("/local/templates/art4walls-redesign/assets/css/../fonts/Unbounded-Light.woff2") format("woff2"), url("/local/templates/art4walls-redesign/assets/css/../fonts/Unbounded-Light.woff") format("woff"), url("/local/templates/art4walls-redesign/assets/css/../fonts/Unbounded-Light.ttf") format("ttf");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: "Unbounded";
  font-style: normal;
  src: url("/local/templates/art4walls-redesign/assets/css/../fonts/Unbounded-Regular.woff2") format("woff2"), url("/local/templates/art4walls-redesign/assets/css/../fonts/Unbounded-Regular.woff") format("woff"), url("/local/templates/art4walls-redesign/assets/css/../fonts/Unbounded-Regular.ttf") format("ttf");
  font-display: swap;
}
@font-face {
  font-weight: 600;
  font-family: "Unbounded";
  font-style: normal;
  src: url("/local/templates/art4walls-redesign/assets/css/../fonts/Unbounded-SemiBold.woff2") format("woff2"), url("/local/templates/art4walls-redesign/assets/css/../fonts/Unbounded-SemiBold.woff") format("woff"), url("/local/templates/art4walls-redesign/assets/css/../fonts/Unbounded-SemiBold.ttf") format("ttf");
  font-display: swap;
}
@font-face {
  font-weight: 600;
  font-family: "Open Sans";
  font-style: normal;
  src: url("/local/templates/art4walls-redesign/assets/css/../fonts/OpenSans-SemiBold.woff2") format("woff2"), url("/local/templates/art4walls-redesign/assets/css/../fonts/OpenSans-SemiBold.woff") format("woff"), url("/local/templates/art4walls-redesign/assets/css/../fonts/OpenSans-SemiBold.ttf") format("ttf");
  font-display: swap;
}
@font-face {
  font-weight: 300;
  font-family: "Open Sans";
  font-style: normal;
  src: url("/local/templates/art4walls-redesign/assets/css/../fonts/OpenSans-Light.woff2") format("woff2"), url("/local/templates/art4walls-redesign/assets/css/../fonts/OpenSans-Light.woff") format("woff"), url("/local/templates/art4walls-redesign/assets/css/../fonts/OpenSans-Light.ttf") format("ttf");
  font-display: swap;
}
.decoration-lthrough {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}

.decoration-underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.decoration-none {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.font-disclamer {
  font-weight: 400;
  font-size: 11px;
  font-style: normal;
  line-height: 12px;
}

.font-helper {
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}

.modal .modal-content form .modal-disclamer, .modal-disclamer, .font-small {
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}

.font-small-strong {
  font-weight: 700;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .font-small-strong {
    font-weight: 600;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
  }
}

.font-16 {
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .font-16 {
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
  }
}

.font-default {
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
}

.custom-radiobutton-2 .radiobutton-wrapper, .font-default-high {
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
}

.link-download, .font-button {
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
}

.font-strong {
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
}

.font-28-16 {
  font-weight: 600;
  font-size: 28px;
  font-style: normal;
  line-height: 36px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .font-28-16 {
    font-weight: 700;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
  }
}

.font-28 {
  font-weight: 400;
  font-size: 28px;
  font-style: normal;
  line-height: 36px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .font-28 {
    font-weight: 400;
    font-size: 24px;
    font-style: normal;
    line-height: 28px;
  }
}

.font-32 {
  font-weight: 400;
  font-size: 32px;
  font-style: normal;
  line-height: 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .font-32 {
    font-weight: 400;
    font-size: 26px;
    font-style: normal;
    line-height: 32px;
  }
}

.font-32-bold {
  font-weight: 700;
  font-size: 32px;
  font-style: normal;
  line-height: 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .font-32-bold {
    font-weight: 700;
    font-size: 26px;
    font-style: normal;
    line-height: 32px;
  }
}

.font-header3,
* .font-header3 {
  font-weight: 600;
  font-size: 28px;
  font-style: normal;
  line-height: 36px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .font-header3,
  * .font-header3 {
    font-weight: 600;
    font-size: 24px;
    font-style: normal;
    line-height: 28px;
  }
}

.font-header2 {
  font-weight: 600;
  font-size: 64px;
  font-style: normal;
  line-height: 72px;
  margin: 0;
  color: #010101;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .font-header2 {
    font-weight: 600;
    font-size: 32px;
    font-style: normal;
    line-height: 36px;
  }
}

.link-download {
  position: relative;
  width: fit-content;
  color: rgb(242, 78, 64);
  transition: filter 0.3s;
}
.link-download::after {
  position: absolute;
  top: 50%;
  left: calc(100% + 8px);
  line-height: 1;
  transform: translateY(-50%);
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5L12 19" stroke="%23F24E40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 12L12 19L19 12" stroke="%23F24E40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.link-download:hover {
  filter: brightness(0.7);
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  -webkit-tap-highlight-color: transparent;
}

*::selection {
  color: rgb(255, 255, 255);
  background: rgb(242, 78, 64);
}

body {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

picture {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.site-container {
  overflow: hidden;
}

.is-hidden {
  display: none !important; /* stylelint-disable-line declaration-no-important */
}

.btn {
  justify-content: center;
  text-align: center;
}

.btn-reset {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

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

.input-reset {
  background-color: #fff;
  border: none;
  border-radius: 0;
  appearance: none;
}
.input-reset::-webkit-search-decoration, .input-reset::-webkit-search-cancel-button, .input-reset::-webkit-search-results-button, .input-reset::-webkit-search-results-decoration {
  display: none;
}

.container {
  width: 100%;
  max-width: 1588px;
  margin: 0 auto;
  padding: 0 15px;
}

.main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}

.header,
.footer {
  flex-shrink: 0;
}

.content {
  flex: 1 0 auto;
  overflow: hidden;
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

.centered {
  text-align: center;
}

.dis-scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  overscroll-behavior: none;
}

.page-ios .dis-scroll {
  position: relative;
}

.swiper-button-lock,
.swiper-button-disabled {
  display: none !important;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  z-index: 7;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  box-shadow: 0 2px 8px 0 rgba(30, 42, 82, 0.2);
  transform: translateY(-50%);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

.swiper-button-prev.swiper-button-disabled {
  display: none;
}

.swiper-button-next.swiper-button-disabled {
  display: none;
}

.swiper-button-next {
  right: -20px;
}

.swiper-button-prev {
  left: -20px;
}

@media (min-width: 1999.02px) and (max-width: 1360.98px) {
  .swiper-button-next {
    right: 4px;
  }
  .swiper-button-prev {
    left: 4px;
  }
}
.swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2;
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5px;
  transform: translateX(-50%);
}
.swiper-pagination .swiper-pagination-bullet {
  /* max-width: 40px; */
  flex: 1;
  height: 4px;
  background: #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #e50c7e;
}
.swiper-pagination__white .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.4;
}
.swiper-pagination__white .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

.swiper-pagination.pagination-hidden {
  display: none !important;
}

.swiper-slide {
  box-sizing: border-box;
}

.no-scroll {
  overflow: hidden;
}

textarea {
  color: #010101;
  font-family: "Unbounded", sans-serif;
}

input[type=number] {
  appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button {
  appearance: none;
}
input[type=number]::-webkit-outer-spin-button {
  appearance: none;
}

button {
  cursor: pointer;
}

.agree-checkbox {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
}
.agree-checkbox input {
  width: 24px;
  max-width: 24px;
  height: 24px;
  border: 2px solid #d9d9d9;
  accent-color: #e50c7e;
}
.agree-checkbox a {
  color: #d50b52;
}

.video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-play-shape {
  fill: #212121;
  fill-opacity: 0.8;
}

.video-play-icon {
  fill: #fff;
}

.video-play:focus {
  outline: none;
}

.video:hover .video-play-shape,
.video:focus .video-play-shape {
  fill: #f00;
  fill-opacity: 1;
}

.swiper-disabled .swiper-button-prev,
.swiper-disabled .swiper-button-next {
  display: none;
}

textarea, input[type=text], input[type=tel], input[type=email], input[type=password] {
  border: 1px solid rgb(189, 189, 189);
  border-radius: 4px;
  outline: 3px solid transparent;
  transition: border 0.3s, outline 0.3s;
}
textarea:focus, input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus-visible, input[type=text]:focus-visible, input[type=tel]:focus-visible, input[type=email]:focus-visible, input[type=password]:focus-visible {
  border: 1px solid rgb(158, 145, 220);
  outline-color: rgb(197, 177, 247);
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes show-flex {
  0% {
    display: none;
    height: 0;
    overflow: hidden;
    opacity: 0;
  }
  10% {
    display: flex;
  }
  80% {
    height: 100%;
    overflow: auto;
  }
  100% {
    opacity: 1;
  }
}
@keyframes to-remove {
  0% {
    opacity: 1;
  }
  100% {
    margin-top: 0;
    margin-bottom: 0;
    opacity: 0;
  }
}
@keyframes to-show {
  0% {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    opacity: 0;
  }
  100% {
    grid-template-rows: 1fr;
    opacity: 1;
  }
}
@keyframes show-compare-item-props {
  0% {
    flex: 0 1 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
  }
  50% {
    flex: 1 0 20%;
    padding: 0 16px;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hide-compare-item-props {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    flex: 0 0 0;
    width: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
  }
}
.to-remove-horizontal {
  animation-name: hide-compare-item-props;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.top-header {
  display: flex;
  justify-content: space-between;
  height: 40px;
  padding: 0;
  background: #010101;
}
.top-header .container {
  justify-content: space-between;
  align-items: center;
}
.top-header__col-1 {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .top-header__col-1 {
    display: none;
  }
}
.top-header__col-2 {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: center;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .top-header__col-2 {
    gap: 20px;
    width: 100%;
  }
}
.top-header__location {
  position: relative;
}
.top-header__location-current {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 0 0 25px;
  cursor: pointer;
}
.top-header__location-current svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 17px;
  color: #fff;
  transform: translateY(-50%);
  fill: currentcolor;
}
.top-header__location-current-text {
  position: relative;
  padding: 0 14px 0 0;
  overflow: hidden;
  color: #fff;
  letter-spacing: 0.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.top-header__location-current-text::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 6px;
  height: 4px;
  background: url("data:image/svg+xml,%3csvg%20width='6'%20height='4'%20viewBox='0%200%206%204'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.39158%203.27289C3.15402%203.53005%202.74767%203.53005%202.51011%203.27289L0.106976%200.67142C-0.129684%200.415228%200.0520247%207.94272e-08%200.400797%204.89365e-08L5.50089%20-3.96928e-07C5.84967%20-4.27419e-07%206.03138%200.415228%205.79472%200.67142L3.39158%203.27289Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center;
  background-size: 6px 4px;
  transform: translateY(-50%);
  content: "";
}
.top-header__location-list {
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 2;
  display: none;
  margin: 0;
  padding: 5px 0;
  list-style: none;
  background: #010101;
}
.top-header__location-item {
  padding: 4px 25px;
  color: #fff;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: color 0.3s ease;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.top-header__location-item:hover {
  color: #d50b52;
  transition: color 0.3s ease;
}
.top-header__location.active .top-header__location-current-text::after {
  transform: translateY(-50%) rotate(180deg);
}
.top-header__location.active .top-header__location-list {
  display: block;
}
.top-header__contact {
  display: flex;
  gap: 40px;
  align-items: center;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.top-header__contact a {
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.top-header__contact-item {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .top-header__contact-item {
    display: none;
  }
  .top-header__contact-item:first-child {
    display: flex;
  }
}
.top-header__contact-item svg {
  color: #fff;
  fill: currentcolor;
  stroke: currentcolor;
}
.top-header__contact-icon-phone {
  width: 12px;
  height: 17px;
}
.top-header__contact-icon-mail {
  width: 18px;
  height: 14px;
}
.top-header__contact-icon-time {
  width: 20px;
  height: 20px;
}
.top-header__social {
  display: flex;
  gap: 12px;
  align-items: center;
  /* &-icon-tg {
    width: 15px;
    height: 13px;
  }

  &-icon-vk {
    width: 19px;
    height: 10px;
  }

  &-icon-in {
    width: 14px;
    height: 14px;
  }

  &-icon-rutube {
    width: 19px;
    height: 17px;
  }

  &-icon-you {
    width: 19px;
    height: 23px;
  } */
}
.top-header__social-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
}
.top-header__social-item svg {
  width: 28px;
  height: 28px;
  color: #fff;
  fill: currentcolor;
}

.header {
  position: sticky;
  top: 0;
  z-index: 10;
  border-bottom: 1px solid #d9d9d9;
}
.header-main {
  padding: 12px 0;
  background-color: #fff;
}
.header .container {
  justify-content: space-between;
}
.header .logo {
  line-height: 0;
}
.header .logo-menu {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 285px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header .logo-menu {
    width: 70px;
  }
  .header .logo-menu img {
    width: 52px;
  }
}
.header .logo__slogan {
  font-weight: 300;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
.header .logo__slogan-text-1 {
  color: #d50b52;
}
.header .logo__slogan.text-2 {
  color: #010101;
}
@media (max-width: 1199.98px) {
  .header .logo__slogan {
    display: none;
  }
}
.header-btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 180px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header-btns {
    justify-content: space-between;
    width: 224px;
  }
}
.header__btn-callback {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header__btn-callback {
    max-width: 164px;
  }
}
.header__btn-menu {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 1px solid #010101;
  border-radius: 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header__btn-menu {
    display: flex;
  }
}
.header__btn-menu svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
}
.header__btn-menu-icon-1 {
  opacity: 1;
}
.header__btn-menu-icon-2 {
  opacity: 0;
}
.header__btn-menu.open .header__btn-menu-icon-1 {
  opacity: 0;
}
.header__btn-menu.open .header__btn-menu-icon-2 {
  opacity: 1;
}

.header-menu-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 285px - 180px);
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header-menu-wrapper {
    position: absolute;
    top: 111px;
    left: 0;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(100% - 70px);
    height: calc(100vh - 111px);
    padding: 16px 0;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    background-color: #fff;
  }
}
.header-menu-wrapper.open {
  display: flex;
}
.header-menu-wrapper .top-header__location {
  padding: 0 16px;
}
.header-menu-wrapper .top-header__location-list {
  top: auto;
  bottom: 41px;
  width: 100%;
  padding: 0;
  background: #fff;
}
.header-menu-wrapper .top-header__location-item {
  padding: 4px 41px;
  color: #010101;
  letter-spacing: 0.02em;
  border-top: 1px solid #d9d9d9;
  cursor: pointer;
  transition: color 0.3s ease;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.header-menu-wrapper .top-header__location-item:hover {
  color: #d50b52;
  transition: color 0.3s ease;
}
.header-menu-wrapper .top-header__location-current svg {
  color: #010101;
}
.header-menu-wrapper .top-header__location-current-text {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header-menu-wrapper .top-header__location-current-text {
    color: #010101;
    text-transform: uppercase;
  }
}
.header-menu-wrapper .top-header__location-current-text::after {
  background: url("data:image/svg+xml,%3csvg%20width='6'%20height='4'%20viewBox='0%200%206%204'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.39155%203.27289C3.15399%203.53005%202.74764%203.53005%202.51008%203.27289L0.106945%200.67142C-0.129715%200.415228%200.0519942%207.94272e-08%200.400767%204.89365e-08L5.50086%20-3.96928e-07C5.84964%20-4.27419e-07%206.03135%200.415228%205.79469%200.67142L3.39155%203.27289Z'%20fill='%23010101'/%3e%3c/svg%3e") no-repeat center;
}
.header-menu {
  display: flex;
  gap: 4px;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header-menu {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }
}
.header-menu__item {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  list-style: none;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
.header-menu__item:hover .header-menu__link {
  color: #d50b52;
  transition: color 0.3s ease;
}
@media (max-width: 1199.98px) {
  .header-menu__item {
    flex-wrap: wrap;
    width: 100%;
    height: auto;
  }
}
.header-menu__item.parent .header-menu__link {
  position: relative;
  padding-right: 14px;
}
.header-menu__item.parent .header-menu__link svg {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 6px;
  height: 4px;
  transform: translateY(-50%);
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header-menu__item.parent .header-menu__link svg {
    position: static;
    margin-left: 8px;
    transform: none;
  }
}
.header-menu__item.parent .header-menu__link.active::after {
  transform: rotate(180deg);
}
.header-menu__item.parent .header-menu__link:hover::after {
  transform: rotate(0);
}
.header-menu__item.parent:hover .header-menu__sub {
  display: block;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header-menu__item.parent:hover .header-menu__sub {
    display: none;
  }
}
.header-menu__item.parent:hover .header-menu__link svg {
  transform: rotate(180deg);
  filter: none;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header-menu__item.parent:hover .header-menu__link svg {
    transform: rotate(0deg);
  }
}
.header-menu__item.parent.open .header-menu__sub {
  display: block;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header-menu__item.parent.open .header-menu__sub {
    display: flex;
  }
}
.header-menu__item.parent.open .header-menu__link svg {
  transform: rotate(180deg);
  filter: none;
}
.header-menu__link {
  padding: 8px 12px;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  transition: color 0.3s ease;
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
.header-menu__link:hover {
  color: #d50b52;
  transition: color 0.3s ease;
}
@media (max-width: 1199.98px) {
  .header-menu__link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 8px 16px;
  }
}
.header-menu__sub {
  position: absolute;
  top: 36px;
  left: 0;
  display: none;
  min-width: 150px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px 0 rgba(1, 1, 1, 0.16);
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header-menu__sub {
    position: static;
    display: none;
    flex-flow: column wrap;
    gap: 4px;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: none;
  }
}
.header-menu__sub-item {
  list-style: none;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header-menu__sub-item {
    width: 100%;
  }
}
.header-menu__sub-link {
  display: block;
  padding: 8px 12px;
  color: #010101;
  letter-spacing: 0.02em;
  white-space: nowrap;
  text-transform: lowercase;
  transition: color 0.3s ease;
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
.header-menu__sub-link:hover {
  background-color: #f1f1f1;
  transition: color 0.3s ease;
}
@media (max-width: 1199.98px) {
  .header-menu__sub-link {
    padding: 8px 16px;
    white-space: normal;
  }
}
.header-menu__contact {
  display: flex;
  flex-flow: column wrap;
  gap: 12px;
  align-items: flex-start;
  padding: 16px 16px 0;
  color: #010101;
  border-top: 1px solid #d9d9d9;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.header-menu__contact a {
  color: #010101;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.header-menu__contact-item {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0;
}
.header-menu__contact-item svg {
  color: #010101;
  fill: currentcolor;
  stroke: currentcolor;
}
.header-menu__contact-item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}
.header-menu__contact-icon-phone {
  width: 12px;
  height: 17px;
}
.header-menu__contact-icon-mail {
  width: 18px;
  height: 14px;
}
.header-menu__contact-icon-time {
  width: 20px;
  height: 20px;
}
.header-menu__bottom {
  display: none;
  width: 100%;
  border-top: 1px solid #d9d9d9;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .header-menu__bottom {
    display: block;
  }
}

.footer {
  padding: 80px 0 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .footer {
    padding: 60px 0 20px;
  }
}
.footer__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .footer__content {
    flex-wrap: wrap;
    gap: 28px;
  }
}
.footer__logo {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 285px;
}
.footer__logo-slogan {
  font-weight: 300;
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
}
.footer__logo-slogan-text-1 {
  color: #d50b52;
}
.footer__logo-slogan.text-2 {
  color: #010101;
}
.footer__menu {
  display: flex;
  flex-flow: column wrap;
  gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  list-style: none;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .footer__menu {
    gap: 8px;
  }
}
.footer__menu li {
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.footer__menu li a {
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.footer__menu li.footer__menu-title {
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: none;
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
}
.footer__policy {
  padding: 0 0 20px;
  color: #010101;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .footer__policy {
    font-weight: 200;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    padding: 0 0 12px;
  }
}
.footer__policy a {
  color: #010101;
}
.footer__copyright {
  color: #010101;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .footer__copyright {
    font-weight: 200;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
  }
}
.footer__social {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0 0 32px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
  /* &-icon-tg {
    width: 15px;
    height: 13px;
  }

  &-icon-vk {
    width: 19px;
    height: 10px;
  }

  &-icon-in {
    width: 14px;
    height: 14px;
  }

  &-icon-you {
    width: 19px;
    height: 23px;
  } */
}
@media (max-width: 1199.98px) {
  .footer__social {
    padding: 0 0 20px;
  }
}
.footer__social-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 2px solid #010101;
  border-radius: 50%;
}
.footer__social-item svg {
  width: 28px;
  height: 28px;
  color: #010101;
  fill: currentcolor;
}

.overflow {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 150;
  display: none;
  width: 100%;
  height: 100dvh;
  background: rgba(1, 1, 1, 0.4);
  opacity: 0;
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  transition-delay: 0s, 0.3s;
  transition-duration: 0.3s, 0s;
  transition-property: opacity, display;
}
.overflow.active {
  display: block;
  opacity: 1;
}
.overflow.close {
  opacity: 0;
}
.overflow.active-mobile-basket {
  z-index: 98;
  display: block;
  opacity: 1;
}

.modal {
  /* position: fixed;
  top: -200%;
  left: 50%;
  z-index: 151;
  padding: 40px;
  background: v.$color-white;
  border-radius: 20px;
  transform: translateX(-50%) translateY(-50%);
  isolation: isolate; */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
  outline: 0;
}
.modal-window {
  /* position: fixed; */
  position: relative;
  /* top: -200%;
  left: 50%; */
  z-index: 151;
  width: 100%;
  max-width: 500px;
  margin: auto;
  padding: 40px;
  background: #fff;
  border-radius: 20px;
  /* transform: translateX(-50%) translateY(-50%); */
  isolation: isolate;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .modal-window {
    padding: 20px;
    border-radius: 12px;
  }
}
.modal-window.modal-2 {
  width: 100%;
  max-width: 1500px;
}
.modal-window.modal-2 .modal-content {
  width: 100%;
}
.modal-window.modal-2 .modal-content .leave-a-request {
  max-width: none;
}
.modal-window.modal-2 .modal-messages {
  margin: 0 auto;
  text-align: center;
}
.modal-window.modal-3 {
  min-width: 452px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
.modal-window.modal-3 .modal-content-title {
  text-align: center;
}
.modal-window.modal-3 .modal-content {
  width: 100%;
}
.modal-window.modal-3 .modal-content .leave-a-request {
  max-width: 100%;
}
@media (max-width: 1199.98px) {
  .modal-window.modal-3 {
    min-width: unset;
  }
  .modal-window.modal-3 .modal-content {
    max-width: 372px;
    margin: 0 auto;
  }
  .modal-window.modal-3 .modal-content .leave-a-request {
    width: 100%;
    max-width: 372px;
  }
}
.modal.active {
  display: flex;
}
.modal.active .modal-window {
  /* top: 50%; */
  display: flex;
  transition: 0.5s ease-out;
}
.modal.success {
  transition: 0.5s;
  /* .modal-content {
    position: absolute;
    max-height: 0;
    overflow: clip;
    opacity: 0;
  } */
}
.modal.success .modal-window {
  position: relative;
}
.modal.success .modal-messages {
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: 11;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  align-items: center;
  width: calc(100% - 80px);
  height: calc(100% - 80px);
  max-height: 100%;
  overflow: clip;
  background-color: #fff;
  opacity: 1;
  transition: 2s;
}
.modal.success .modal-messages .modal-messages-title {
  color: #010101;
  font-weight: 700;
  font-size: 32px;
  font-style: normal;
  line-height: 40px;
}
.modal.success .modal-messages p {
  margin: 0 0 16px;
}
.modal.success .modal-messages .btn-close {
  width: 100%;
}
.modal.close {
  top: -200%;
  transition: 0.5s;
}
.modal .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background-color: transparent;
  border: 0;
}
.modal .btn-close svg {
  width: 24px;
  height: 24px;
}
.modal .btn-collection {
  display: flex;
  gap: 24px;
  margin-top: 20px;
}
.modal .btn-collection:is(#find-error *, #opros-modal *) {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .modal .btn-collection:is(#find-error *, #opros-modal *) {
    flex-direction: column-reverse;
    gap: 8px;
  }
}
.modal .btn-collection a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.modal .btn-collection button:is(#find-error *, #opros-modal *) {
  display: flex;
  flex: 1 1 0;
  justify-content: center;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .modal .btn-collection button:is(#find-error *, #opros-modal *) {
    flex: unset;
    width: 100%;
  }
}
.modal .modal-messages {
  position: absolute;
  max-height: 0;
  overflow: clip;
  opacity: 0;
}
.modal .modal-messages .btn {
  display: flex;
  justify-content: center;
  width: 100%;
}
.modal .modal-content {
  position: relative;
  width: 100%;
  /* @include b.mobile {
    max-height: calc(100vh - 128px);
  } */
}
.modal .modal-content .modal-content-title {
  padding: 0 0 12px;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 24px;
  font-style: normal;
  line-height: 28px;
}
.modal .modal-content .modal-content-title:is(#find-error *, #opros-modal *) {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .modal .modal-content .modal-content-title:is(#find-error *, #opros-modal *) {
    font-weight: 700;
    font-size: 24px;
    font-style: normal;
    line-height: 28px;
  }
}
.modal .modal-content .city-selected {
  margin-top: 24px;
  color: rgb(139, 139, 139);
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
}
.modal .modal-content .city-selected span {
  color: #000;
}
.modal .modal-content form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  /* input {
    width: 100%;
    padding: 12px;
    border: 1px solid v.$border;
    border-radius: 4px;

    &::placeholder {
      color: v.$text-secondary;

      @include font.font-size(16px, 400, 24px);
    }
  }

  textarea {
    width: 100%;
    max-width: 100%;
    min-height: 154px;
    max-height: 254px;
    padding: 12px;
    border: 1px solid v.$border;
    border-radius: 4px;
    resize: vertical;

    @include font.font-size(16px, 400, 24px);

    &::placeholder {
      color: v.$text-secondary;
      font-family: v.$font-family;

      @include font.font-size(16px, 400, 24px);
    }
  } */
}
.modal .modal-content form p {
  margin: 0;
  color: rgb(35, 8, 86);
}
.modal .modal-content form p:not(.modal-disclamer) {
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
}
.modal .modal-content form .textarea-wrapper {
  position: relative;
}
.modal .modal-content form .textarea-wrapper .textarea-wrapper-text {
  position: absolute;
  top: 8px;
  left: 14px;
  color: rgb(104, 93, 126);
  font-weight: 600;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.modal .modal-content form .textarea-wrapper textarea {
  padding-top: 28px;
}
.modal .modal-content form .input-wrapper .input-file {
  position: absolute;
  width: 100%;
  visibility: hidden;
  opacity: 0;
}
.modal .modal-content form .input-wrapper .input-file-button {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px;
  border: 1px solid rgb(233, 233, 233);
  border-radius: 4px;
  cursor: pointer;
}
.modal .modal-content form .input-wrapper .input-file-button .input-file-icon-wrapper {
  width: 24px;
  height: 24px;
}
.modal .modal-content form .input-wrapper .input-file-button .input-file-button-text {
  background: linear-gradient(135deg, #9747ff 16%, #4563ec 90%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.modal .modal-content form .modal-disclamer {
  color: rgb(139, 139, 139);
}
.modal-disclamer {
  color: rgb(139, 139, 139);
}
.modal .error-message-form {
  color: #e50c30;
  letter-spacing: 0.02em;
  transition: 0.3s;
  font-weight: 300;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}

/* @media (max-width: (575.98px)) {
  @content;
} */
@media (max-width: 1199.98px) {
  .modal {
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 64px 12px;
    border-radius: 0;
  }
  .modal > .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: transparent;
    border: none;
  }
}
.social-fixed-button {
  position: fixed;
  right: 20px;
  bottom: 75px;
  z-index: 7;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.social-fixed-button img {
  max-width: 100%;
  max-height: 100%;
}

.surveyor-fixed-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 7;
  display: flex;
  gap: 8px;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 7px;
  background-color: #e50c7e;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 40px;
  transition: width 0.3s ease, border-radius 0.3s ease;
}
.surveyor-fixed-button__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}
.surveyor-fixed-button__image img {
  max-width: 100%;
  max-height: 100%;
}
.surveyor-fixed-button__text {
  position: absolute;
  width: 0;
  padding: 0;
  color: #fff;
  letter-spacing: 0.02em;
  text-align: left;
  opacity: 0;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}
.surveyor-fixed-button:hover {
  width: 225px;
  border-radius: 12px;
  transition: width 0.3s ease, border-radius 0.3s ease;
}
.surveyor-fixed-button:hover .surveyor-fixed-button__text {
  position: static;
  width: 160px;
  opacity: 1;
  transition: opacity 0.3s ease;
  transition-delay: 0.3s;
}

.cookie-message {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
  display: none;
  width: 400px;
  margin: 0;
  padding: 20px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  box-shadow: 0 4px 12px 0 rgba(1, 1, 1, 0.12);
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .cookie-message {
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 400px;
    padding: 10px;
    border-radius: 12px;
  }
}
.cookie-message .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 56px;
  height: 56px;
  background-color: #fff;
  border: none;
}
.cookie-message .container {
  padding: 0;
  color: #010101;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .cookie-message .container {
    font-weight: 200;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
  }
}
.cookie-message .container a {
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
  color: #e50c7e;
}
@media (max-width: 1199.98px) {
  .cookie-message .container a {
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
  }
}
.cookie-message .container button {
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.cookie-message__btn-block {
  padding: 20px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .cookie-message__btn-block {
    padding: 10px 0 0;
  }
}
.cookie-message__title {
  padding: 0 0 8px;
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .cookie-message__title {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
    padding: 0 0 4px;
  }
}

.btn-base {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 16px 20px;
  color: #fff;
  letter-spacing: 0.02em;
  white-space: nowrap;
  background-color: #e50c7e;
  border: 0;
  border-radius: 12px;
  aspect-ratio: 1;
  font-weight: 600;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .btn-base {
    height: 40px;
    padding: 12px 16px;
  }
}

.btn-base-send {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  padding: 12px 20px;
  overflow: hidden;
  color: #fff;
  letter-spacing: 0.02em;
  white-space: nowrap;
  text-transform: lowercase;
  background-color: #e50c7e;
  border: 0;
  border-radius: 40px;
  aspect-ratio: 1;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .btn-base-send {
    height: 40px;
    padding: 12px 16px;
  }
}
.btn-base-send.loading .btn-spinner-block {
  display: flex;
  background-color: #e50c7e;
}

.btn-border-white {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  padding: 12px 20px;
  color: #fff;
  letter-spacing: 0.02em;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 12px;
  aspect-ratio: 1;
  transition: background-color 0.3s ease;
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 28px;
}
.btn-border-white:hover {
  background: rgba(255, 255, 255, 0.12);
  transition: background-color 0.3s ease;
}

.btn-border-black {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 12px 40px;
  color: #010101;
  letter-spacing: 0.02em;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #010101;
  border-radius: 40px;
  aspect-ratio: 1;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  transition: all 0.3s ease;
}

.btn-white {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 52px;
  padding: 12px 40px;
  color: #010101;
  letter-spacing: 0.02em;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 12px;
  transition: all 0.3s ease;
  aspect-ratio: 1;
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 28px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .btn-white {
    height: 44px;
  }
}

.btn-svg {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 12px 5px;
  aspect-ratio: 1;
}
.btn-svg svg * {
  transition: 0.3s;
  stroke: currentcolor;
}

.btn-blue-on-white {
  color: rgb(35, 8, 86);
  background-color: #fff;
  border: 1px solid rgb(189, 189, 189);
  border-radius: 6px;
  outline: 2px solid transparent;
  transition: 0.3s;
}
@media (any-hover: hover) {
  .btn-blue-on-white:hover {
    border-color: rgb(231, 169, 164);
  }
}
.btn-blue-on-white:focus {
  border-color: rgb(231, 169, 164);
  border-radius: 6px;
  outline: 2px solid rgb(231, 169, 164);
}
.btn-blue-on-white:active {
  background-color: rgb(249, 245, 244);
  border-color: rgb(231, 169, 164);
}

.btn-blue-on-transparent {
  color: rgb(35, 8, 86);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  outline: 3px solid transparent;
  transition: 0.3s;
}
@media (any-hover: hover) {
  .btn-blue-on-transparent:hover {
    color: rgb(201, 65, 53);
    background-color: #fff;
    border-color: rgb(231, 169, 164);
  }
}
.btn-blue-on-transparent:focus {
  background-color: #fff;
  border-radius: 6px;
  outline: 3px solid rgb(231, 169, 164);
}
.btn-blue-on-transparent:active {
  color: rgb(201, 65, 53);
  background-color: rgb(249, 245, 244);
}

.btn-orange-on-transparent {
  color: rgb(242, 78, 64);
  background-color: transparent;
  border: 1px solid rgb(242, 78, 64);
  border-radius: 6px;
  outline: 3px solid transparent;
  transition: 0.3s;
}
@media (any-hover: hover) {
  .btn-orange-on-transparent:hover {
    border-color: rgb(201, 65, 53);
  }
}
.btn-orange-on-transparent:focus {
  background-color: #fff;
  border-radius: 6px;
  outline: 3px solid rgb(231, 169, 164);
}
.btn-orange-on-transparent:active {
  border-color: rgb(201, 65, 53);
}
.btn-orange-on-transparent svg * {
  stroke: currentcolor;
}

.btn-label-with-svg {
  width: max-content;
  height: auto;
  padding-right: 0;
  padding-left: 0;
}

.btn-close {
  color: rgb(104, 93, 126);
  stroke-width: 0;
}
.btn-close.btn-border {
  color: rgb(242, 78, 64);
}

.btn-white-on-gradient {
  display: block;
  justify-content: center;
  align-items: center;
  width: fit-content;
  color: #fff;
  font-family: "Unbounded", sans-serif;
  text-align: center;
  background: linear-gradient(135deg, #9747ff 16%, #4563ec 90%);
  border: none;
  border-radius: 6px;
}
.btn-white-on-gradient:hover {
  background: linear-gradient(135deg, #803cd6 0%, #3a53c6 100%);
  transition: 0.5s;
}
.btn-white-on-gradient:focus {
  background: linear-gradient(135deg, #9747ff 16%, #4563ec 90%);
  outline: 3px solid #9e91dc;
}
.btn-white-on-gradient:active {
  background: linear-gradient(135deg, #803cd6 0%, #3a53c6 100%);
}
.btn-white-on-gradient:disabled {
  color: #787878;
  background: linear-gradient(135deg, #803cd6 0%, #3a53c6 100%);
}

.btn-gradient-on-white {
  display: block;
  justify-content: center;
  align-items: center;
  width: fit-content;
  text-align: center;
  background-color: #fff;
  border-color: #fff;
  border-radius: 6px;
}
.btn-gradient-on-white span {
  background: linear-gradient(135deg, #9747ff 16%, #4563ec 90%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-gradient-on-white-with-border {
  position: relative;
  display: block;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 1px;
  background-color: #fff;
  border: 0 solid transparent;
  border-color: #fff;
  border-radius: 6px;
}
.btn-gradient-on-white-with-border span {
  background: linear-gradient(135deg, #9747ff 16%, #4563ec 90%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn-gradient-on-white-with-border::before {
  position: absolute;
  z-index: -1;
  background: linear-gradient(135deg, #9747ff 16%, #4563ec 90%);
  border-radius: 6px;
  content: "";
  inset: -1px;
}

.btn-chip {
  display: flex;
  gap: 0 8px;
  justify-content: space-between;
  align-items: center;
  padding: 7px 11px;
  color: rgb(35, 8, 86);
  background: transparent;
  border: 1px solid rgb(233, 233, 233);
  border-radius: 20px;
  transition-duration: 0.3s;
  transition-property: border-color, color, background-color;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
@media (any-hover: hover) {
  .btn-chip:hover {
    border-color: rgb(126, 83, 237);
  }
}
.btn-chip.active {
  color: #fff;
  background-color: rgb(126, 83, 237);
  border-color: rgb(126, 83, 237);
}
@media (any-hover: hover) {
  .btn-chip.active:hover {
    background-color: rgb(104, 93, 126);
    border-color: rgb(104, 93, 126);
  }
}
.btn-chip:focus {
  border-radius: 20px;
}

.btn-violet-on-transparent {
  color: rgb(151, 71, 255);
  background-color: transparent;
  border: none;
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
}

.btn-show-all {
  display: flex;
  gap: 0 12px;
  justify-content: space-between;
  align-items: center;
  margin-right: 0;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
  border-width: 0;
  transition: 0.3s;
}
.btn-show-all-off {
  display: none;
}
.btn-show-all.active .btn-show-all-on {
  display: none;
}
.btn-show-all.active .btn-show-all-off {
  display: unset;
}
.btn-show-all.active svg {
  transform: rotateZ(181deg);
}
.btn-show-all svg {
  transform: translate3d(0, 0, 0);
  transition: 0.3s;
}
.btn-show-all svg * {
  transition: 0.3s;
  fill: currentcolor;
}

.btn-on-transparent {
  background-color: transparent;
  border-color: transparent;
}

.btn-gray-on-transparent {
  color: rgb(189, 189, 189);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  outline: 3px solid transparent;
  transition: 0.3s;
}
@media (any-hover: hover) {
  .btn-gray-on-transparent:hover {
    color: rgb(201, 65, 53);
  }
}
.btn-gray-on-transparent:focus {
  outline-color: rgb(231, 169, 164);
}

/*
// Шаблоны
//
*/
.btn-gray-on-transparent {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
}
.btn-gray-on-transparent svg * {
  transition: fill;
  fill: currentcolor;
}

.btn-default-close,
.header .icons .btn-default-close {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 1px solid transparent;
  outline: 3px solid transparent;
  cursor: pointer;
}
.btn-default-close svg *,
.header .icons .btn-default-close svg * {
  transition: fill 0.3s;
}
@media (any-hover: hover) {
  .btn-default-close:hover svg *,
  .header .icons .btn-default-close:hover svg * {
    fill: rgb(201, 65, 53);
  }
}

.btn-secondary-gray {
  align-items: center;
  padding: 12px 28px;
  color: rgb(242, 78, 64);
  background-color: #fff;
  border: 1px solid rgb(214, 214, 214);
  border-radius: 6px;
  outline: 3px solid transparent;
  transition-duration: 0.3s;
  transition-property: outline-color, color, border-color, background-color;
}
.js-has-pseudo [csstools-has-1a-2q-38-32-19-37-2t-2r-33-32-2s-2p-36-3d-19-2v-36-2p-3d-1m-2w-2p-37-14-37-3a-2v-15]:not(does-not-exist) {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.btn-secondary-gray:has(svg) {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.btn-secondary-gray svg * {
  transition: stroke 0.3s;
  stroke: currentcolor;
}
@media (any-hover: hover) {
  .btn-secondary-gray:hover {
    border-color: rgb(231, 169, 164);
  }
}
.btn-secondary-gray:focus {
  border-color: transparent;
  outline-color: rgb(231, 169, 164);
}
.btn-secondary-gray:active {
  background-color: rgb(249, 245, 244);
  border-color: rgb(231, 169, 164);
}
.btn-secondary-gray:disabled, .btn-secondary-gray.disabled {
  cursor: default;
  filter: opacity(0.4);
  pointer-events: none;
}

.btn-white-on-blue-with-border {
  color: rgb(35, 8, 86);
  background-color: #fff;
  border: 1px solid rgb(126, 83, 237);
  transition-duration: 0.3s;
  transition-property: filter, color, background-color;
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
}
@media (any-hover: hover) {
  .btn-white-on-blue-with-border:hover {
    filter: brightness(0.9);
  }
}
.btn-white-on-blue-with-border.active {
  color: #fff;
  background-color: rgb(35, 8, 86);
  border-color: rgb(35, 8, 86);
}

.btn-spinner-block {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.btn-spinner {
  transform-origin: center; /* Вращение строго по центру */
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.custom-checkbox {
  position: relative;
  display: flex;
  min-height: 24px;
  margin: 12px 0 10px;
  background-color: transparent;
  border: none;
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
}
.js-has-pseudo .custom-checkbox:not([csstools-has-1m-2w-2p-37-14-2x-32-34-39-38-15]:not(does-not-exist)) {
  align-items: center;
  cursor: pointer;
}
.custom-checkbox:not(:has(input)) {
  align-items: center;
  cursor: pointer;
}
@media (any-hover: hover) {
  .js-has-pseudo .custom-checkbox:not([csstools-has-1m-2w-2p-37-14-2x-32-34-39-38-15]:not(does-not-exist)).active:hover svg .checkbox-border-rect {
    fill: rgb(121, 105, 152);
    stroke: rgb(121, 105, 152);
  }
  .custom-checkbox:not(:has(input)).active:hover svg .checkbox-border-rect {
    fill: rgb(121, 105, 152);
    stroke: rgb(121, 105, 152);
  }
  .js-has-pseudo .custom-checkbox:not([csstools-has-1m-2w-2p-37-14-2x-32-34-39-38-15]:not(does-not-exist)).active:hover svg .checkbox-checked-path {
    fill: #fff;
  }
  .custom-checkbox:not(:has(input)).active:hover svg .checkbox-checked-path {
    fill: #fff;
  }
}
.custom-checkbox label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.custom-checkbox svg {
  position: relative;
  flex-shrink: 0;
  margin: 0 18px 0 0;
  border-radius: 2px;
  outline: 3px solid transparent;
}
.custom-checkbox svg .checkbox-border-rect {
  transition: 0.3s;
  fill: #fff;
  stroke: rgb(214, 214, 214);
  stroke-width: 2px;
}
.custom-checkbox svg .checkbox-checked-path {
  transition: 0.3s;
  fill: transparent;
}
.custom-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: clip;
  opacity: 0;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2r-2w-2t-2r-2z-2q-33-3c-1m-2w-2p-37-14-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-w-37-3a-2v-w-1a-2r-2w-2t-2r-2z-2q-33-3c-19-2q-33-36-2s-2t-36-19-36-2t-2r-38]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist), .custom-checkbox.active svg .checkbox-border-rect {
  transition: 0.3s;
  fill: rgb(151, 71, 255);
  stroke: rgb(151, 71, 255);
}
.custom-checkbox:has(input:checked) svg .checkbox-border-rect, .custom-checkbox.active svg .checkbox-border-rect {
  transition: 0.3s;
  fill: rgb(151, 71, 255);
  stroke: rgb(151, 71, 255);
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2r-2w-2t-2r-2z-2q-33-3c-1m-2w-2p-37-14-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-w-37-3a-2v-w-1a-2r-2w-2t-2r-2z-2q-33-3c-19-2r-2w-2t-2r-2z-2t-2s-19-34-2p-38-2w]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist), .custom-checkbox.active svg .checkbox-checked-path {
  transition: 0.3s;
  fill: #fff;
}
.custom-checkbox:has(input:checked) svg .checkbox-checked-path, .custom-checkbox.active svg .checkbox-checked-path {
  transition: 0.3s;
  fill: #fff;
}
@media (any-hover: hover) {
  .js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2r-2w-2t-2r-2z-2q-33-3c-1m-2w-2p-37-14-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-w-30-2p-2q-2t-30-1m-2w-33-3a-2t-36-w-37-3a-2v-w-1a-2r-2w-2t-2r-2z-2q-33-3c-19-2q-33-36-2s-2t-36-19-36-2t-2r-38]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .custom-checkbox.active label:hover svg .checkbox-border-rect {
    fill: rgb(121, 105, 152);
    stroke: rgb(121, 105, 152);
  }
  .custom-checkbox:has(input:checked) label:hover svg .checkbox-border-rect, .custom-checkbox.active label:hover svg .checkbox-border-rect {
    fill: rgb(121, 105, 152);
    stroke: rgb(121, 105, 152);
  }
}
@media (any-hover: hover) {
  .custom-checkbox:hover svg .checkbox-border-rect {
    stroke: rgb(121, 105, 152);
  }
  .custom-checkbox:hover svg .checkbox-checked-path {
    fill: rgb(121, 105, 152);
  }
}
.custom-checkbox.checkbox-default {
  width: fit-content;
  margin: 0;
  padding: 0;
}
.custom-checkbox.checkbox-default svg {
  margin: 0;
}

.custom-itext {
  position: relative;
  /* input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
  }

  input[type="date"]::after {
    display: none;
  } */
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-1m-2w-2p-37-14-2x-32-34-39-38-2j-38-3d-34-2t-1p-38-2t-3c-38-2l-1m-32-33-38-14-1a-2w-2p-37-19-2t-36-36-33-36-15-1m-2u-33-2r-39-37-15-w-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-1m-2w-2p-37-14-2x-32-34-39-38-2j-38-3d-34-2t-1p-38-2t-30-2l-1m-32-33-38-14-1a-2w-2p-37-19-2t-36-36-33-36-15-1m-2u-33-2r-39-37-15-w-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-1m-2w-2p-37-14-2x-32-34-39-38-2j-38-3d-34-2t-1p-2s-2p-38-2t-2l-1m-32-33-38-14-1a-2w-2p-37-19-2t-36-36-33-36-15-1m-2u-33-2r-39-37-15-w-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-1m-2w-2p-37-14-2x-32-34-39-38-2j-38-3d-34-2t-1p-2t-31-2p-2x-30-2l-1m-32-33-38-14-1a-2w-2p-37-19-2t-36-36-33-36-15-1m-2u-33-2r-39-37-15-w-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-1m-2w-2p-37-14-2x-32-34-39-38-2j-38-3d-34-2t-1p-34-2p-37-37-3b-33-36-2s-2l-1m-32-33-38-14-1a-2w-2p-37-19-2t-36-36-33-36-15-1m-2u-33-2r-39-37-15-w-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  color: #010101;
}
.custom-itext:has(input[type=text]:not(.has-error):focus) .custom-placeholder, .custom-itext:has(input[type=tel]:not(.has-error):focus) .custom-placeholder, .custom-itext:has(input[type=date]:not(.has-error):focus) .custom-placeholder, .custom-itext:has(input[type=email]:not(.has-error):focus) .custom-placeholder, .custom-itext:has(input[type=password]:not(.has-error):focus) .custom-placeholder {
  color: #010101;
}
.custom-itext input[type=text],
.custom-itext input[type=number],
.custom-itext input[type=tel],
.custom-itext input[type=date],
.custom-itext input[type=email],
.custom-itext input[type=password] {
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  line-height: 1.25;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  outline: 1px solid transparent;
  transition: border 0.3s, outline 0.3s;
}
.custom-itext input[type=text]:focus, .custom-itext input[type=text]:focus-visible,
.custom-itext input[type=number]:focus,
.custom-itext input[type=number]:focus-visible,
.custom-itext input[type=tel]:focus,
.custom-itext input[type=tel]:focus-visible,
.custom-itext input[type=date]:focus,
.custom-itext input[type=date]:focus-visible,
.custom-itext input[type=email]:focus,
.custom-itext input[type=email]:focus-visible,
.custom-itext input[type=password]:focus,
.custom-itext input[type=password]:focus-visible {
  border: 1px solid #d9d9d9;
  outline-color: rgba(217, 217, 217, 0.5);
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-w-2x-32-34-39-38-2j-38-3d-34-2t-1p-38-2t-3c-38-2l-1m-2w-2p-37-14-3i-w-1a-2x-32-34-39-38-19-2p-2u-38-2t-36-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist),
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-w-2x-32-34-39-38-2j-38-3d-34-2t-1p-32-39-31-2q-2t-36-2l-1m-2w-2p-37-14-3i-w-1a-2x-32-34-39-38-19-2p-2u-38-2t-36-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist),
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-w-2x-32-34-39-38-2j-38-3d-34-2t-1p-38-2t-30-2l-1m-2w-2p-37-14-3i-w-1a-2x-32-34-39-38-19-2p-2u-38-2t-36-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist),
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-w-2x-32-34-39-38-2j-38-3d-34-2t-1p-2s-2p-38-2t-2l-1m-2w-2p-37-14-3i-w-1a-2x-32-34-39-38-19-2p-2u-38-2t-36-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist),
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-w-2x-32-34-39-38-2j-38-3d-34-2t-1p-2t-31-2p-2x-30-2l-1m-2w-2p-37-14-3i-w-1a-2x-32-34-39-38-19-2p-2u-38-2t-36-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist),
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-w-2x-32-34-39-38-2j-38-3d-34-2t-1p-34-2p-37-37-3b-33-36-2s-2l-1m-2w-2p-37-14-3i-w-1a-2x-32-34-39-38-19-2p-2u-38-2t-36-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  padding-right: 47px;
}
.custom-itext input[type=text]:has(~ .input-after),
.custom-itext input[type=number]:has(~ .input-after),
.custom-itext input[type=tel]:has(~ .input-after),
.custom-itext input[type=date]:has(~ .input-after),
.custom-itext input[type=email]:has(~ .input-after),
.custom-itext input[type=password]:has(~ .input-after) {
  padding-right: 47px;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-1m-2w-2p-37-14-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36-15-w-1a-2x-32-34-39-38-19-3b-36-2p-34-34-2t-36]:not(.does-not-exist):not(.does-not-exist) {
  position: relative;
}
.custom-itext:has(.custom-placeholder) .input-wrapper {
  position: relative;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-1m-2w-2p-37-14-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36-15-w-2x-32-34-39-38]:not(.does-not-exist):not(does-not-exist)::placeholder {
  color: transparent;
}
.custom-itext:has(.custom-placeholder) input::placeholder {
  color: transparent;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-1m-2w-2p-37-14-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36-15-1m-32-33-38-14-1m-2w-2p-37-14-2x-32-34-39-38-1m-34-30-2p-2r-2t-2w-33-30-2s-2t-36-19-37-2w-33-3b-32-15-15-w-2x-32-34-39-38]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) {
  padding-top: 19px;
  padding-bottom: 3px;
  padding-left: 16px;
}
.custom-itext:has(.custom-placeholder):not(:has(input:placeholder-shown)) input {
  padding-top: 19px;
  padding-bottom: 3px;
  padding-left: 16px;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-1m-2w-2p-37-14-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36-15-1m-32-33-38-14-1m-2w-2p-37-14-2x-32-34-39-38-1m-34-30-2p-2r-2t-2w-33-30-2s-2t-36-19-37-2w-33-3b-32-15-15-w-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  top: 12px;
  font-weight: 300;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.custom-itext:has(.custom-placeholder):not(:has(input:placeholder-shown)) .custom-placeholder {
  top: 12px;
  font-weight: 300;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.custom-itext .error-message {
  position: absolute;
  bottom: -16px;
  left: 0;
  /* display: grid;
  grid-template-rows: 0fr; */
  overflow: hidden;
  color: #e50c30;
  letter-spacing: 0.02em;
  transition: 0.3s;
  font-weight: 300;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-w-1a-2t-36-36-33-36-19-31-2t-37-37-2p-2v-2t-1m-2w-2p-37-14-1a-2p-2r-38-2x-3a-2t-15]:not(.does-not-exist):not(.does-not-exist) {
  grid-template-rows: 1fr;
}
.custom-itext .error-message:has(.active) {
  grid-template-rows: 1fr;
}
.custom-itext .error-message-wrapper {
  height: 100%;
  overflow: hidden;
}
.custom-itext .error-message p {
  margin: 0;
}
.custom-itext--white input[type=text],
.custom-itext--white input[type=number],
.custom-itext--white input[type=tel],
.custom-itext--white input[type=date],
.custom-itext--white input[type=email],
.custom-itext--white input[type=password] {
  border: 1px solid #fff;
}
.custom-itext--white input[type=text]:focus, .custom-itext--white input[type=text]:focus-visible,
.custom-itext--white input[type=number]:focus,
.custom-itext--white input[type=number]:focus-visible,
.custom-itext--white input[type=tel]:focus,
.custom-itext--white input[type=tel]:focus-visible,
.custom-itext--white input[type=date]:focus,
.custom-itext--white input[type=date]:focus-visible,
.custom-itext--white input[type=email]:focus,
.custom-itext--white input[type=email]:focus-visible,
.custom-itext--white input[type=password]:focus,
.custom-itext--white input[type=password]:focus-visible {
  border: 1px solid #fff;
  outline-width: 4px;
  outline-color: rgba(255, 255, 255, 0.32);
}
.custom-itext--white .error-message {
  color: #fff;
}

.agree-checkbox .error-message {
  position: absolute;
  bottom: -16px;
  left: 0;
  /* display: grid;
  grid-template-rows: 0fr; */
  overflow: hidden;
  color: #e50c30;
  letter-spacing: 0.02em;
  transition: 0.3s;
  font-weight: 300;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.js-has-pseudo [csstools-has-1a-2p-2v-36-2t-2t-19-2r-2w-2t-2r-2z-2q-33-3c-w-1a-2t-36-36-33-36-19-31-2t-37-37-2p-2v-2t-1m-2w-2p-37-14-1a-2p-2r-38-2x-3a-2t-15]:not(.does-not-exist):not(.does-not-exist) {
  grid-template-rows: 1fr;
}
.agree-checkbox .error-message:has(.active) {
  grid-template-rows: 1fr;
}
.agree-checkbox .error-message-wrapper {
  height: 100%;
  overflow: hidden;
}
.agree-checkbox .error-message p {
  margin: 0;
}

.custom-itext-textarea textarea {
  width: 100%;
  height: 124px;
  margin: 0;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  line-height: 1.25;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  outline: 1px solid transparent;
  transition: border 0.3s, outline 0.3s;
  resize: vertical;
}
.custom-itext-textarea textarea:focus, .custom-itext-textarea textarea:focus-visible {
  border: 1px solid #d9d9d9;
  outline-color: rgba(217, 217, 217, 0.5);
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-19-38-2t-3c-38-2p-36-2t-2p-w-38-2t-3c-38-2p-36-2t-2p-1m-2w-2p-37-14-3i-w-1a-2x-32-34-39-38-19-2p-2u-38-2t-36-15]:not(.does-not-exist):not(does-not-exist) {
  padding-right: 47px;
}
.custom-itext-textarea textarea:has(~ .input-after) {
  padding-right: 47px;
}
.custom-itext-textarea .custom-placeholder {
  top: 12px;
  transform: none;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-19-38-2t-3c-38-2p-36-2t-2p-1m-2w-2p-37-14-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36-15-w-1a-2x-32-34-39-38-19-3b-36-2p-34-34-2t-36]:not(.does-not-exist):not(.does-not-exist) {
  position: relative;
}
.custom-itext-textarea:has(.custom-placeholder) .input-wrapper {
  position: relative;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-19-38-2t-3c-38-2p-36-2t-2p-1m-2w-2p-37-14-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36-15-w-38-2t-3c-38-2p-36-2t-2p]:not(.does-not-exist):not(does-not-exist)::placeholder {
  color: transparent;
}
.custom-itext-textarea:has(.custom-placeholder) textarea::placeholder {
  color: transparent;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-19-38-2t-3c-38-2p-36-2t-2p-1m-2w-2p-37-14-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36-15-1m-32-33-38-14-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-1m-34-30-2p-2r-2t-2w-33-30-2s-2t-36-19-37-2w-33-3b-32-15-15-w-38-2t-3c-38-2p-36-2t-2p]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) {
  padding-top: 19px;
  padding-bottom: 3px;
  padding-left: 16px;
}
.custom-itext-textarea:has(.custom-placeholder):not(:has(textarea:placeholder-shown)) textarea {
  padding-top: 19px;
  padding-bottom: 3px;
  padding-left: 16px;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-19-38-2t-3c-38-2p-36-2t-2p-1m-2w-2p-37-14-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36-15-1m-32-33-38-14-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-1m-34-30-2p-2r-2t-2w-33-30-2s-2t-36-19-37-2w-33-3b-32-15-15-w-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  top: 3px;
  font-weight: 300;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.custom-itext-textarea:has(.custom-placeholder):not(:has(textarea:placeholder-shown)) .custom-placeholder {
  top: 3px;
  font-weight: 300;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-19-38-2t-3c-38-2p-36-2t-2p-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-1m-32-33-38-14-1a-2w-2p-37-19-2t-36-36-33-36-15-1m-2u-33-2r-39-37-15-w-1a-2r-39-37-38-33-31-19-34-30-2p-2r-2t-2w-33-30-2s-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  color: #010101;
}
.custom-itext-textarea:has(textarea:not(.has-error):focus) .custom-placeholder {
  color: #010101;
}
.custom-itext-textarea .error-message {
  position: absolute;
  bottom: -16px;
  left: 0;
  /* display: grid;
  grid-template-rows: 0fr; */
  overflow: hidden;
  color: #e50c30;
  letter-spacing: 0.02em;
  transition: 0.3s;
  font-weight: 300;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-2x-38-2t-3c-38-19-38-2t-3c-38-2p-36-2t-2p-w-1a-2t-36-36-33-36-19-31-2t-37-37-2p-2v-2t-1m-2w-2p-37-14-1a-2p-2r-38-2x-3a-2t-15]:not(.does-not-exist):not(.does-not-exist) {
  grid-template-rows: 1fr;
}
.custom-itext-textarea .error-message:has(.active) {
  grid-template-rows: 1fr;
}
.custom-itext-textarea .error-message-wrapper {
  height: 100%;
  overflow: hidden;
}
.custom-itext-textarea .error-message p {
  margin: 0;
}

.error-message-1 {
  display: grid;
  grid-template-rows: 0fr;
  margin-top: 4px;
  overflow: hidden;
  color: rgb(242, 77, 63);
  transition: 0.3s;
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.js-has-pseudo [csstools-has-1a-2t-36-36-33-36-19-31-2t-37-37-2p-2v-2t-19-1d-1m-2w-2p-37-14-1a-2p-2r-38-2x-3a-2t-15]:not(.does-not-exist) {
  grid-template-rows: 1fr;
}
.error-message-1:has(.active) {
  grid-template-rows: 1fr;
}
.error-message-1 p {
  margin: 0;
}
.error-message-1 .error-message-wrapper {
  height: 100%;
  overflow: hidden;
}

.custom-radiobutton {
  display: flex;
  gap: 16px;
  align-items: center;
}
.custom-radiobutton.form-radio {
  padding: 0;
}
.custom-radiobutton.form-radio label {
  width: 100%;
  padding: 8px 0;
}
.custom-radiobutton.form-radio label::before {
  content: unset;
}
.custom-radiobutton label {
  position: relative;
  display: flex;
  gap: 15px;
  align-items: center;
  min-height: 24px;
  margin: 0;
  color: #010101;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
@media (any-hover: hover) {
  .custom-radiobutton label:hover svg circle {
    stroke: #d9d9d9;
  }
}
.custom-radiobutton svg {
  overflow: clip;
  border-radius: 50%;
}
.custom-radiobutton svg circle {
  transition: 0.3s;
  fill: #fff;
  stroke: #d9d9d9;
  stroke-width: 4;
}
.custom-radiobutton input[type=radio] {
  display: none;
  width: 0;
  height: 0;
  overflow: clip;
  opacity: 0;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-36-2p-2s-2x-33-2q-39-38-38-33-32-1m-2w-2p-37-14-2x-32-34-39-38-2j-38-3d-34-2t-1p-36-2p-2s-2x-33-2l-1m-2r-2w-2t-2r-2z-2t-2s-15-w-37-3a-2v-w-2r-2x-36-2r-30-2t]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) {
  stroke-width: 12px;
  stroke: #e50c7e;
}
.custom-radiobutton:has(input[type=radio]:checked) svg circle {
  stroke-width: 12px;
  stroke: #e50c7e;
}

.custom-radiobutton-2 {
  display: inline-flex;
}
.custom-radiobutton-2 input[type=radio] {
  display: none;
  width: 0;
  height: 0;
  overflow: clip;
  opacity: 0;
}
.custom-radiobutton-2 .radiobutton-wrapper {
  padding: 12px 24px;
  color: rgb(35, 8, 86);
  text-align: center;
  background: #fff;
  border: 1px solid rgb(214, 214, 214);
  border-radius: 12px;
  transition: border-color 0.3s, filter 0.3s;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-36-2p-2s-2x-33-2q-39-38-38-33-32-19-1e-1m-2w-2p-37-14-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-w-1a-36-2p-2s-2x-33-2q-39-38-38-33-32-19-3b-36-2p-34-34-2t-36]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  border-color: rgb(126, 83, 237);
  cursor: unset;
}
.custom-radiobutton-2:has(input:checked) .radiobutton-wrapper {
  border-color: rgb(126, 83, 237);
  cursor: unset;
}
.js-has-pseudo .custom-radiobutton-2:not([csstools-has-1m-2w-2p-37-14-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(does-not-exist)) .radiobutton-wrapper {
  cursor: pointer;
}
.custom-radiobutton-2:not(:has(input:checked)) .radiobutton-wrapper {
  cursor: pointer;
}
.js-has-pseudo .custom-radiobutton-2:not([csstools-has-1m-2w-2p-37-14-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(does-not-exist)):hover .radiobutton-wrapper {
  filter: brightness(0.85);
}
.custom-radiobutton-2:not(:has(input:checked)):hover .radiobutton-wrapper {
  filter: brightness(0.85);
}

.custom-placeholder {
  position: absolute;
  top: 50%;
  left: 16px;
  color: #010101;
  font-family: "Open Sans", sans-serif;
  transform: translateY(-50%);
  opacity: 0.5;
  transition: 0.15s;
  pointer-events: none;
  font-weight: 300;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
}

.input-after {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  transition: 0.3s;
  pointer-events: none;
}
.input-after.success {
  background-position: center 150%, center 50%;
}
.input-after.warning {
  background-position: center 50%, center -150%;
}
.input-after.not-confirm {
  background: url("/src/assets/images/icon/not-confirm.svg") transparent;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}
.input-after.datepicker {
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.5'%20clip-path='url(%23clip0_5_1634)'%3e%3cpath%20d='M1.00003%2015.8571V5.14286C1.00003%204.57454%201.18967%204.02949%201.52724%203.62763C1.8648%203.22576%202.32264%203%202.80003%203H17.2C17.6774%203%2018.1353%203.22576%2018.4728%203.62763C18.8104%204.02949%2019%204.57454%2019%205.14286V15.8571C19%2016.4255%2018.8104%2016.9705%2018.4728%2017.3724C18.1353%2017.7742%2017.6774%2018%2017.2%2018H2.80003C2.32264%2018%201.8648%2017.7742%201.52724%2017.3724C1.18967%2016.9705%201.00003%2016.4255%201.00003%2015.8571Z'%20stroke='%23010101'%20stroke-width='1.5'/%3e%3cpath%20d='M1.00003%207H19'%20stroke='%23010101'%20stroke-width='1.5'/%3e%3cpath%20d='M5.00003%204.5V1'%20stroke='%23010101'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M15%204.5V1'%20stroke='%23010101'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5_1634'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") transparent;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}
.input-after.timepicker {
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.5'%3e%3ccircle%20cx='10'%20cy='9.99996'%20r='8.33333'%20stroke='%23010101'%20stroke-width='1.5'/%3e%3cpath%20d='M10%206.66663V10.8333L13.3333%2012.7578'%20stroke='%23010101'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e") transparent;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}
.input-after.show-password {
  background: url("/src/assets/images/icon/show-password.svg") transparent;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  pointer-events: all;
}

.custom-radiogroup-switcher-2 {
  width: fit-content;
  overflow: hidden;
  border-radius: 4px;
}
.custom-radiogroup-switcher-2 .custom-radiogroup-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-radiogroup-switcher-2 .custom-radiogroup-item {
  flex: 1 1 0;
  padding: 10px 12px;
  overflow: hidden;
  color: rgb(35, 8, 86);
  text-align: center;
  background-color: #fff;
  border: 1px solid rgb(214, 214, 214);
  cursor: pointer;
  transition: color 0.3s, border-color 0.3s, background-color 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.custom-radiogroup-switcher-2 .custom-radiogroup-item:first-child {
  border-radius: 4px 0 0 4px;
}
.custom-radiogroup-switcher-2 .custom-radiogroup-item:last-child {
  border-radius: 0 4px 4px 0;
}
.js-has-pseudo [csstools-has-1a-2r-39-37-38-33-31-19-36-2p-2s-2x-33-2v-36-33-39-34-19-37-3b-2x-38-2r-2w-2t-36-19-1e-w-1a-2r-39-37-38-33-31-19-36-2p-2s-2x-33-2v-36-33-39-34-19-2x-38-2t-31-1m-2w-2p-37-14-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  color: #fff;
  background-color: rgb(126, 83, 237);
  border-color: rgb(126, 83, 237);
}
.custom-radiogroup-switcher-2 .custom-radiogroup-item:has(input:checked) {
  color: #fff;
  background-color: rgb(126, 83, 237);
  border-color: rgb(126, 83, 237);
}

.custom-itext input[type=text].has-error,
.custom-itext input[type=number].has-error,
.custom-itext input[type=tel].has-error,
.custom-itext input[type=date].has-error,
.custom-itext input[type=email].has-error,
.custom-itext input[type=password].has-error, .custom-itext-textarea textarea.has-error {
  border: 1px solid rgb(242, 77, 63);
}
.custom-itext input[type=text].has-error:focus,
.custom-itext input[type=number].has-error:focus,
.custom-itext input[type=tel].has-error:focus,
.custom-itext input[type=date].has-error:focus,
.custom-itext input[type=email].has-error:focus,
.custom-itext input[type=password].has-error:focus, .custom-itext-textarea textarea.has-error:focus {
  outline-color: rgba(242, 77, 63, 0.2);
}

#modal-surveyor .modal-content-title {
  position: relative;
  z-index: 3;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  #modal-surveyor .modal-content-title {
    position: static;
  }
}

.form-surveyor__inputs {
  display: flex;
  margin: 0 -6px;
  padding-top: 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .form-surveyor__inputs {
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
  }
}
.form-surveyor__cols {
  display: flex;
  width: 42%;
  margin: 0 -6px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .form-surveyor__cols {
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
    margin: 0;
  }
}
.form-surveyor__col-times {
  width: 58%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .form-surveyor__col-times {
    width: 100%;
  }
}
.form-surveyor .input-wrapper-agree {
  padding: 20px 0;
}
.form-surveyor .btn-base-send {
  width: auto;
  width: 300px;
  margin: auto 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .form-surveyor .btn-base-send {
    width: 100%;
    margin: 0;
  }
}
.form-surveyor__col {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 6px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .form-surveyor__col {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.form-surveyor__datepicker {
  position: relative;
  width: 100%;
  margin-top: -40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .form-surveyor__datepicker {
    margin-top: 0;
  }
}
.form-surveyor__datepicker .qs-datepicker-container {
  position: static;
  width: 100%;
  overflow: visible;
  color: #010101;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.form-surveyor__datepicker .qs-squares {
  display: grid;
  grid-template: auto/repeat(7, 1fr);
  gap: 12px;
  padding: 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .form-surveyor__datepicker .qs-squares {
    gap: 6px;
  }
}
.form-surveyor__datepicker .qs-square {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  padding: 14px 0;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.form-surveyor__datepicker .qs-current {
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.form-surveyor__datepicker .qs-current::after {
  position: absolute;
  top: 6px;
  right: 6px;
  display: block;
  width: 12px;
  height: 12px;
  background-color: #e50c7e;
  border-radius: 100%;
  content: "";
}
.form-surveyor__datepicker .qs-disabled {
  background: #f1f1f1;
  border-color: #f1f1f1;
  opacity: 1;
}
.form-surveyor__datepicker .qs-square.qs-day {
  color: #010101;
  border: 0;
}
.form-surveyor__datepicker .qs-outside-current-month.qs-disabled {
  background: #f1f1f1;
  border-color: #f1f1f1;
  opacity: 0.3;
}
.form-surveyor__datepicker .qs-outside-current-month {
  opacity: 0.3;
}
.form-surveyor__datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: #fff;
  border-color: #e50c7e;
}
.form-surveyor__datepicker .qs-active {
  background: #fff;
  border-color: #e50c7e;
}
.form-surveyor__datepicker .qs-controls {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 315px;
  margin: 0 0 0 auto;
  padding-bottom: 40px;
  overflow: visible;
  background: transparent;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .form-surveyor__datepicker .qs-controls {
    width: 100%;
    max-width: 315px;
    margin: auto 0 0;
    padding-bottom: 15px;
  }
}
.form-surveyor__datepicker .qs-month-year {
  color: #010101;
  border: 0;
  font-weight: 200;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
}
.form-surveyor__datepicker .qs-datepicker {
  overflow: visible;
}
.form-surveyor__datepicker .qs-arrow {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 8px 0 rgba(30, 42, 82, 0.2);
}
.form-surveyor__datepicker .qs-arrow.qs-right::after {
  position: static;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2012H19'%20stroke='%23010101'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%2019L19%2012L12%205'%20stroke='%23010101'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  border: 0;
  transform: none;
}
.form-surveyor__datepicker .qs-arrow.qs-left::after {
  position: static;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19%2012L5%2012'%20stroke='%23010101'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%205L5%2012L12%2019'%20stroke='%23010101'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  border: 0;
  transform: none;
}
.form-surveyor__datepicker #form-surveyor-datepicker {
  display: none;
}
.form-surveyor .custom-radiobuttons-2 {
  display: flex;
  gap: 40px;
  max-width: 100%;
  height: 100%;
  padding: 0 0 0 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .form-surveyor .custom-radiobuttons-2 {
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
  }
  .form-surveyor .custom-radiobuttons-2 .custom-radiobutton {
    width: 100%;
  }
}

.form__field {
  padding: 0;
}
.form__field .custom-itext input[type=text],
.form__field .custom-itext input[type=number],
.form__field .custom-itext input[type=tel],
.form__field .custom-itext input[type=email],
.form__field .custom-itext input[type=password] {
  width: 100%;
  border: 1px solid #d9d9d9;
}

.star {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.00001 0.333252L9.06001 4.50659L13.6667 5.17992L10.3333 8.42659L11.12 13.0133L7.00001 10.8466L2.88001 13.0133L3.66668 8.42659L0.333344 5.17992L4.94001 4.50659L7.00001 0.333252Z" fill="%23F2C03F"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1;
}

.full-stretch {
  display: block;
  justify-content: center;
  width: 100%;
  padding: 12px 6px;
  text-align: center;
}

.btns-wrapper-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

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

.c-pointer {
  cursor: pointer;
}

.w-fc {
  width: fit-content;
}

.swiper-wrapper-external {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.section-description-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
  align-items: flex-end;
}

.section-description-2-title {
  font-weight: 700;
  font-size: 36px;
  font-style: normal;
  line-height: 48px;
}

.section-description-2-subtitle {
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  line-height: 30px;
  color: rgb(189, 189, 189);
}

.title-catalog {
  display: flex;
  align-items: end;
}
.title-catalog .section-description-2-subtitle {
  padding: 0 0 0 8px;
}

/* @media (max-width: (575.98px)) {
  @content;
} */
@media (max-width: 1199.98px) {
  .title-catalog {
    flex-flow: column wrap;
    align-items: flex-start;
  }
  .title-catalog .section-description-2-subtitle {
    padding: 8px 0 0;
  }
}
.mobile-basket-bar {
  position: relative;
  height: 20px;
  cursor: grab;
}
.mobile-basket-bar::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 4px;
  background: rgb(231, 231, 235);
  border-radius: 2px;
  transform: translate(-50%, -50%);
  content: "";
}

.ui-message-wrapper {
  color: rgb(35, 8, 86);
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
}

.ui-message-title {
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
  margin: 0 0 24px;
  color: rgb(35, 8, 86);
}

.ui-message-text {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.ui-message-text p {
  margin: 0;
}
.ui-message-text a {
  color: rgb(242, 78, 64);
  transition: color 0.3s;
}
.ui-message-text a:hover {
  color: rgb(201, 65, 53);
}

.card-disabled {
  padding: 16px;
  border: 1px solid rgb(214, 214, 214);
  border-radius: 12px;
}

.w-100 {
  width: 100%;
}

.w-50 {
  width: 50%;
}

.w-33 {
  width: 33.3333333333%;
}

.to-remove {
  animation-name: to-remove;
  animation-duration: 0.3s;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.notification-external {
  display: grid;
  grid-template-rows: 1fr;
  margin: 24px 0;
  overflow: hidden;
  color: rgb(35, 8, 86);
  background: rgb(239, 245, 254);
  border-radius: 12px;
  transition: grid-template-rows 0.3s;
}
.notification-external.to-remove {
  grid-template-rows: 0fr;
  animation-duration: 0.15s;
}
.notification-external a {
  color: rgb(242, 78, 64);
  transition: color 0.3s;
}
.notification-external a:hover {
  color: rgb(201, 65, 53);
}

.notification-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  max-height: 100%;
  padding: 0 24px;
  overflow: hidden;
}
.notification-inner .notification-title {
  margin: 24px 0 0;
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
}
.notification-inner .notification-text {
  margin: 0 0 24px;
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
}
.notification-inner .btn-default-close {
  top: 24px;
  right: 24px;
}

.searchbox-inputs-modal {
  position: absolute;
  top: 48px;
  z-index: 7;
  width: 100%;
  max-height: 300px;
  margin-top: 4px;
  padding: 8px 0;
  overflow-x: auto;
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 14px 25px 0 rgba(0, 0, 0, 0.05);
  scrollbar-gutter: stable;
}
@supports (-moz-user-select: none) {
  .searchbox-inputs-modal {
    scrollbar-color: rgb(215, 210, 225) transparent;
    scrollbar-width: thin;
  }
}
.searchbox-inputs-modal::-webkit-scrollbar {
  width: 4px;
}
.searchbox-inputs-modal::-webkit-scrollbar-track {
  background: transparent;
}
.searchbox-inputs-modal::-webkit-scrollbar-thumb {
  height: 4px;
  background: rgb(215, 210, 225);
  border-radius: 6px;
}

.searchbox-inputs-modal-items {
  padding: 8px 12px;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.searchbox-inputs-modal-items:hover {
  background: rgb(230, 238, 253);
}
.searchbox-inputs-modal-items .searchbox-modal-items-primary {
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  color: #010101;
}
.searchbox-inputs-modal-items .searchbox-modal-items-additional {
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  color: rgb(139, 139, 139);
}

.searchbox-inputs-modal-overlofw {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
  background: transparent;
}

.divider-80 {
  display: block;
  width: 80px;
  height: 80px;
}
.divider-64 {
  display: block;
  width: 64px;
  height: 64px;
}
.divider-54 {
  display: block;
  width: 54px;
  height: 54px;
}
.divider-54-reverse {
  display: block;
  margin: -54px 0 0;
}
.divider-48 {
  display: block;
  width: 48px;
  height: 48px;
}
.divider-40 {
  display: block;
  width: 40px;
  height: 40px;
}
.divider-32 {
  display: block;
  width: 32px;
  height: 32px;
}
.divider-24 {
  display: block;
  width: 24px;
  height: 24px;
}
.divider-16 {
  display: block;
  width: 16px;
  height: 16px;
}
.divider-8 {
  display: block;
  width: 8px;
  height: 8px;
}
.divider-0 {
  display: block;
  width: 0;
  height: 0;
}

body.draggable-is-dragging {
  cursor: grabbing;
}

.removed-class-3 {
  opacity: 0 !important;
  transition-duration: 0.3s;
  transition-property: opacity;
  pointer-events: none !important;
}

.breadcrumbs {
  padding: 8px 0;
}
.breadcrumbs .breadcrumb {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .breadcrumbs .breadcrumb {
    justify-content: flex-start;
    padding-bottom: 5px;
    overflow-x: auto;
  }
}
.breadcrumbs .breadcrumb-item {
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  padding-left: 10px;
  color: #010101;
  line-height: 143%;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.breadcrumbs .breadcrumb-item::before {
  display: inline-block;
  padding-right: 10px;
  color: #010101;
  content: "/";
}
.breadcrumbs .breadcrumb-item:first-child {
  padding: 0;
}
.breadcrumbs .breadcrumb-item:first-child::before {
  display: none;
}
.breadcrumbs .breadcrumb-item a {
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  color: #010101;
  line-height: 143%;
  letter-spacing: 0.02em;
}

.index-top {
  position: relative;
  height: 825px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-top {
    height: 702px;
  }
}
.index-top .container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.index-top__title {
  display: block;
  padding: 65px 0 0;
  color: #fff;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 64px;
  font-style: normal;
  line-height: 72px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-top__title {
    font-weight: 600;
    font-size: 23px;
    font-style: normal;
    line-height: 28px;
    display: block;
    padding: 64px 0 0;
  }
  .index-top__title br {
    display: none;
  }
}
.index-top__btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 65px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-top__btn-wrap {
    padding: 40px 0 0;
  }
}
.index-top__btn-callback {
  max-width: 327px;
  transition: all 0.3s ease;
}
.index-top__btn-callback:hover {
  color: #fff;
  background-color: #010101;
  transition: all 0.3s ease;
}
.index-top__logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-top__logo img {
  max-width: 100%;
  max-height: 100%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-top__logo img {
    max-height: 27px;
  }
}
.index-top__logo-pc {
  display: flex;
  justify-content: center;
  align-items: center;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-top__logo-pc {
    display: none;
  }
}
.index-top__logo-pc img {
  width: 750px;
  max-width: 100%;
}
.index-top__logo-mobile {
  display: none;
  justify-content: center;
  align-items: center;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-top__logo-mobile {
    display: flex;
  }
}
.index-top__logo-mobile img {
  max-width: 100%;
  max-height: 100%;
}
.index-top__content {
  width: 100%;
  /* padding: 270px 0 0; */
  padding: 130px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-top__content {
    /* padding: 150px 0 0; */
    padding: 140px 0 0;
  }
}
.index-top__list {
  width: 100%;
  padding: 0 0 40px;
  overflow: hidden;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-top__list {
    padding: 0 0 20px;
    overflow: visible;
  }
}
.index-top__list-title {
  padding: 0 0 7px;
  color: #fff;
  letter-spacing: 0.02em;
  font-weight: 600;
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-top__list-title {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}
.index-top__list-text {
  color: #fff;
  letter-spacing: 0.02em;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-top__list-text {
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
  }
}
.index-top__list .swiper-slide {
  align-items: stretch;
  box-sizing: border-box;
  height: auto;
  padding: 12px 16px;
  background: rgba(1, 1, 1, 0.6);
  border-radius: 12px;
}
.index-top__list .swiper-wrapper {
  display: flex;
  height: auto;
}
.index-top__list .swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-top__list .swiper {
    overflow: visible;
  }
}
.index-top video {
  position: absolute;
  display: inline-block;
  /* display: none; */
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-top video {
    display: none;
  }
}
.index-top .video-overlay {
  position: absolute;
  z-index: 1;
  display: none;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.62) 80.6111%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 100%), linear-gradient(269.58deg, rgba(255, 105, 11, 0.18) 0%, rgba(39, 59, 96, 0.25) 100%);
  inset: 0;
  mix-blend-mode: overlay;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-top .video-overlay {
    display: none;
  }
}

.sliders-pagination {
  position: absolute;
  bottom: 16px;
  left: 50%;
  z-index: 2;
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5px;
  transform: translateX(-50%);
}
.sliders-pagination .swiper-pagination-bullet {
  width: 32px;
  height: 2px;
  background: rgb(189, 189, 189);
  border-radius: 2px;
  cursor: pointer;
}
.sliders-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgb(151, 71, 255);
}

.slider-main {
  position: relative;
  margin-bottom: 24px;
  overflow: clip;
  border-radius: 16px;
}
.slider-main .swiper-button-disabled {
  display: flex !important;
}
.slider-main .slider-main-button-prev,
.slider-main .slider-main-button-next {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  box-shadow: 0 2px 8px 0 rgba(30, 42, 82, 0.2);
  transform: translateY(-50%);
  cursor: pointer;
}
.slider-main .slider-main-button-prev {
  left: 16px;
}
.slider-main .slider-main-button-next {
  right: 16px;
}
.slider-main .swiper-wrapper {
  border-radius: 16px;
}
.slider-main .swiper-wrapper .swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  height: 268px;
  overflow: clip;
  background: rgb(239, 245, 254);
  border-radius: 16px;
}
.slider-main .swiper-wrapper .swiper-slide picture {
  position: absolute;
  top: 0;
  z-index: 0;
  height: 100%;
}
.slider-main .swiper-wrapper .swiper-slide picture img {
  height: 100%;
  object-fit: cover;
}
.slider-main .swiper-wrapper .swiper-slide .content-slide {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding: 0 112px;
}
.slider-main .swiper-wrapper .swiper-slide .content-slide-title {
  margin: 0;
  padding: 0;
  color: #fff;
  font-weight: 700;
  font-size: 32px;
  font-style: normal;
  line-height: 40px;
}
.slider-main .swiper-wrapper .swiper-slide .content-slide .content-slide-text {
  width: 50%;
}
.slider-main .swiper-wrapper .swiper-slide .content-slide .content-slide-text h2 {
  color: #fff;
}
.slider-main .swiper-wrapper .swiper-slide .content-slide .content-slide-text p {
  margin: 16px 0 32px;
  color: #fff;
}
.slider-main .swiper-wrapper .swiper-slide .content-slide .logo-company {
  margin-left: auto;
}
.slider-main .swiper-wrapper .swiper-slide .content-slide .logo-company picture {
  position: relative;
  z-index: 1;
  opacity: 1;
}

/* @media (max-width: (575.98px)) {
  @content;
} */
@media (max-width: 1199.98px) {
  .m-none {
    padding: 0;
  }
  .slider-main {
    border-radius: 0;
  }
  .slider-main .swiper-wrapper .swiper-slide {
    height: 272px;
    border-radius: 0;
  }
  .slider-main .swiper-wrapper .swiper-slide a {
    width: calc(100% - 40px);
  }
  .slider-main .swiper-wrapper .swiper-slide a picture {
    height: -webkit-fill-available;
    height: -moz-available;
    height: stretch;
  }
  .slider-main .swiper-wrapper .swiper-slide .content-slide {
    flex-direction: column;
    padding: 32px 16px;
  }
  .slider-main .swiper-wrapper .swiper-slide .content-slide .content-slide-text {
    width: 100%;
  }
  .slider-main .swiper-wrapper .swiper-slide .content-slide .content-slide-text p {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .slider-main .btn-collect,
  .slider-main .slider-main-button-prev,
  .slider-main .slider-main-button-next {
    display: none;
  }
}
.index-form .font-header2 {
  margin: 60px 0 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-form .font-header2 {
    margin: 60px 0 28px;
  }
}
.index-form .container {
  display: block;
}
.index-form__container {
  position: relative;
  padding: 36px 32px;
  overflow: hidden;
  background-color: #010101;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-form__container {
    padding: 16px;
  }
}
.index-form__container .modal-messages {
  position: absolute;
  max-height: 0;
  overflow: clip;
  opacity: 0;
}
.index-form__container.success {
  transition: 0.5s;
}
.index-form__container.success .modal-messages {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  align-items: center;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  max-height: 100%;
  overflow: clip;
  background-color: #e50c7e;
  opacity: 1;
  transition: 2s;
}
.index-form__container.success .modal-messages .modal-messages-title {
  color: #fff;
  font-weight: 700;
  font-size: 32px;
  font-style: normal;
  line-height: 40px;
}
.index-form__container.success .modal-messages p {
  margin: 0 0 16px;
  color: #fff;
}
.index-form__container.success .modal-messages .btn-close {
  width: 100%;
}
.index-form__container form {
  display: flex;
  align-items: flex-start;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-form__container form {
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
  }
}
.index-form__inputs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  -ms-flex-preferred-size: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-form__inputs {
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
  }
}
.index-form__col {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding: 5px 16px 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-form__col {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.index-form__send {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  position: relative;
  padding: 0 16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-form__send {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.index-form__send .input-wrapper {
  padding-top: 5px;
}
.index-form__send .agree-checkbox {
  color: #fff;
}
.index-form__send .agree-checkbox .error-message {
  color: #fff;
}
.index-form .btn-border-white {
  position: relative;
  overflow: hidden;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-form .btn-border-white {
    max-width: 100%;
  }
}
.index-form .btn-border-white.loading .btn-spinner-block {
  display: flex;
  background-color: #010101;
}

.index-who-work {
  padding: 0 0 80px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
  /* &__row {
    display: flex;
    margin: 0 -20px;

    @include b.mobile {
      flex-wrap: wrap;
      gap: 40px;
      margin: 0;
    }
  }

  &__col {
    @include custom-flex.custom-flex-col(3);

    padding: 0 20px;

    @include b.mobile {
      @include custom-flex.custom-flex-col(12);

      padding: 0;
    }
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work {
    padding: 0 0 40px;
  }
}
.index-who-work .font-header2 {
  margin: 60px 0 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work .font-header2 {
    margin: 60px 0 28px;
  }
}
.index-who-work .container {
  display: block;
}
.index-who-work__slider {
  position: relative;
}
.index-who-work__slider .swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__slider .swiper {
    padding-bottom: 20px;
  }
}
.index-who-work__item {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
}
.index-who-work__item-content {
  padding: 20px 16px 84px;
}
.index-who-work__item-image {
  height: 230px;
  margin: -1px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__item-image {
    height: 220px;
  }
}
.index-who-work__item-title {
  padding: 0 0 24px;
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__item-title {
    font-weight: 600;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
    padding: 0 0 16px;
  }
}
.index-who-work__item-text {
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.index-who-work__item-link {
  position: absolute;
  bottom: 20px;
  left: 16px;
}
.index-who-work__item:hover .index-who-work__item-link {
  color: #fff;
  background-color: #e50c7e;
  border-color: #e50c7e;
  transition: all 0.3s ease;
}
.index-who-work .swiper-wrapper {
  display: flex;
  box-sizing: border-box;
  height: auto;
  padding-bottom: 1px;
}
.index-who-work .swiper-slide {
  align-items: stretch;
  height: auto;
}
.index-who-work .swiper-button-prev {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work .swiper-button-prev {
    display: none;
  }
}
.index-who-work .swiper-button-next {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work .swiper-button-next {
    display: none;
  }
}
.index-who-work__detail-row {
  display: flex;
  margin: 0 -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__detail-row {
    flex-wrap: wrap;
    margin: 0;
  }
}
.index-who-work__detail-images {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__detail-images {
    padding: 0 0 20px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.index-who-work__detail-content {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__detail-content {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.index-who-work__detail-btn {
  width: 227px;
  margin: 20px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__detail-btn {
    width: 100%;
  }
}
.index-who-work__detail-text {
  color: #010101;
  letter-spacing: 0.02em;
}
.index-who-work__detail-title-mobile {
  display: none;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__detail-title-mobile {
    display: block;
    padding: 0 0 20px;
    letter-spacing: 0.02em;
    font-weight: 600;
    font-size: 24px;
    font-style: normal;
    line-height: 28px;
  }
}
.index-who-work__detail-title {
  padding: 0 0 40px;
  font-weight: 600;
  font-size: 32px;
  font-style: normal;
  line-height: 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__detail-title {
    display: none;
  }
}
.index-who-work__detail-sub-title {
  font-weight: 400;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  padding: 0 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__detail-sub-title {
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
  }
}
.index-who-work__detail-param {
  padding: 0 0 20px;
}
.index-who-work__detail-param:last-child {
  padding-bottom: 0;
}
.index-who-work__detail-param-name {
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.index-who-work__detail-param-value {
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.index-who-work__detail-slider-wrap {
  position: relative;
  margin: 0 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
  /* .swiper-slide {
    a {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__detail-slider-wrap {
    margin: 0;
  }
}
.index-who-work__detail .swiper-button-next {
  right: 4px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__detail .swiper-button-next {
    display: none;
  }
}
.index-who-work__detail .swiper-button-prev {
  left: 4px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__detail .swiper-button-prev {
    display: none;
  }
}
.index-who-work__detail-slider-big .swiper-slide {
  height: 440px;
  overflow: hidden;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__detail-slider-big .swiper-slide {
    height: 214px;
  }
}
.index-who-work__detail-slider-big .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-who-work__detail-slider-big.swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__detail-slider-big.swiper {
    padding-bottom: 20px;
  }
}
.index-who-work__detail-slider-thumbs {
  position: relative;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-who-work__detail-slider-thumbs {
    display: none !important;
  }
}
.index-who-work__detail-slider-thumbs::after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  width: 40px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  content: "";
}
.index-who-work__detail-slider-thumbs .swiper-slide {
  height: 82px;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 8px;
}
.index-who-work__detail-slider-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-who-work__detail-slider-thumbs .swiper-slide.swiper-slide-thumb-active {
  border: 2px solid #e50c7e;
}

.index-technic {
  padding: 0 0 60px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-technic {
    padding: 0;
  }
}
.index-technic .container {
  display: block;
}
.index-technic__container {
  padding: 32px;
  background-color: #f1f1f1;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-technic__container {
    padding: 16px;
  }
}
.index-technic__row {
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-technic__row {
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
  }
}
.index-technic__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 16px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-technic__content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.index-technic__slider {
  position: relative;
  padding: 0 16px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-technic__slider {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.index-technic__slider .swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-technic__slider .swiper {
    padding-bottom: 20px;
  }
}
.index-technic__title {
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 64px;
  font-style: normal;
  line-height: 72px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-technic__title {
    font-weight: 600;
    font-size: 32px;
    font-style: normal;
    line-height: 36px;
  }
}
.index-technic__text {
  max-width: 430px;
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-technic__text {
    max-width: 100%;
    padding: 0 0 40px;
  }
}
.index-technic .btn-white {
  display: inline-flex;
  margin: 0 auto 0 0;
}
.index-technic .btn-base {
  display: inline-flex;
  width: auto;
  min-width: 200px;
  max-width: none;
  margin: 0 auto 0 0;
}
.index-technic__slide {
  display: block;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-technic__slide {
    border-radius: 12px;
  }
}
.index-technic__slide-image {
  display: block;
  height: 340px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-technic__slide-image {
    height: 220px;
    border-radius: 12px;
  }
}
.index-technic__slide-title {
  display: block;
  padding: 20px 16px;
  color: #010101;
  letter-spacing: 0.02em;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-technic__slide-title {
    font-weight: 600;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
  }
}
.index-technic .swiper-button-prev {
  left: -6px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-technic .swiper-button-prev {
    display: none;
  }
}
.index-technic .swiper-button-next {
  right: -6px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-technic .swiper-button-next {
    display: none;
  }
}
.index-technic .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.index-technic .swiper-slide {
  height: auto;
}

.index-brands {
  padding: 0 0 80px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-brands {
    padding: 0 0 60px;
  }
}
.index-brands .font-header2 {
  margin: 0 0 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-brands .font-header2 {
    margin: 60px 0 28px;
  }
}
.index-brands .container {
  display: block;
}
.index-brands__container {
  overflow: hidden;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-brands__container.swiper {
    padding-bottom: 20px;
  }
}
.index-brands__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
  row-gap: 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
.index-brands__row.swiper-wrapper {
  width: auto;
}
@media (max-width: 1199.98px) {
  .index-brands__row {
    flex-wrap: initial;
    margin: 0;
    row-gap: 0;
  }
  .index-brands__row.swiper-wrapper {
    width: 100%;
  }
}
.index-brands__col {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-brands__col {
    flex: none;
    max-width: none;
    padding: 0;
  }
}
.index-brands__item {
  display: block;
  height: 100%;
  padding: 20px;
  border: 1px solid #010101;
  border-radius: 20px;
  transition: all 0.3s ease;
}
.index-brands__item-image {
  position: relative;
  display: block;
  height: 320px;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  transition: all 0.3s ease;
}
.index-brands__item-logo {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transition: all 0.6s ease;
}
.index-brands__item-logo img {
  max-width: 100%;
  max-height: 100%;
}
.index-brands__item-title {
  display: block;
  padding: 28px 0 0;
  color: #010101;
  letter-spacing: 0.02em;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
}
.index-brands__item:hover {
  border: 1px solid #fff;
  transition: all 0.3s ease;
  /* .index-brands__item-image {
    border-radius: 50%;
  } */
}
.index-brands__item:hover .index-brands__item-logo {
  opacity: 1;
  transition: all 0.6s ease;
}
.index-brands .swiper-wrapper {
  box-sizing: border-box;
  padding-bottom: 1px;
}

.index-high {
  padding: 0 0 60px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-high {
    padding: 0;
  }
}
.index-high .container {
  display: block;
}
.index-high__container {
  padding: 32px;
  background-color: #f1f1f1;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-high__container {
    padding: 16px;
    border-radius: 12px;
  }
}
.index-high__row {
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-high__row {
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
  }
}
.index-high__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 16px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-high__content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.index-high__slider {
  position: relative;
  padding: 0 16px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-high__slider {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.index-high__slider .swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-high__slider .swiper {
    padding-bottom: 20px;
  }
}
.index-high__title {
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 64px;
  font-style: normal;
  line-height: 72px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-high__title {
    font-weight: 600;
    font-size: 32px;
    font-style: normal;
    line-height: 36px;
  }
}
.index-high__text {
  max-width: 415px;
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-high__text {
    max-width: 100%;
    padding: 0 0 40px;
  }
}
.index-high .btn-base {
  display: inline-flex;
  width: auto;
  max-width: none;
  margin: 0 auto 0 0;
}
.index-high__slide {
  display: block;
  height: 340px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-high__slide {
    border-radius: 12px;
  }
}
.index-high .swiper-button-prev {
  left: -6px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-high .swiper-button-prev {
    display: none;
  }
}
.index-high .swiper-button-next {
  right: -6px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-high .swiper-button-next {
    display: none;
  }
}

.index-kind {
  padding: 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-kind {
    padding: 0;
  }
}
.index-kind .font-header2 {
  margin: 0 0 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-kind .font-header2 {
    margin: 60px 0 28px;
  }
}
.index-kind .container {
  display: block;
}
.index-kind__slider {
  position: relative;
}
.index-kind__slider .swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-kind__slider .swiper {
    padding-bottom: 20px;
  }
}
.index-kind__item {
  display: block;
  padding: 20px;
  border: 1px solid #010101;
  border-radius: 20px;
  transition: all 0.3s ease;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-kind__item {
    border-radius: 12px;
  }
}
.index-kind__item-image {
  display: block;
  height: 320px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  transition: all 0.3s ease;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-kind__item-image {
    height: 214px;
  }
}
.index-kind__item-title {
  display: block;
  padding: 28px 0 24px;
  color: #010101;
  letter-spacing: 0.02em;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-kind__item-title {
    font-weight: 600;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
  }
}
.index-kind__item-text {
  display: block;
  max-height: 500px;
  color: #010101;
  letter-spacing: 0.02em;
  transition: all 0s ease;
  transition-delay: 0.3s;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-kind__item-text {
    max-height: none;
  }
}
.index-kind__item-text span {
  font-weight: 400;
}
.index-kind__item-text p {
  margin: 0;
  padding: 0 0 12px;
}
.index-kind__item-text p:last-child {
  padding: 0;
}
.index-kind__item:hover {
  border: 1px solid #fff;
  transition: all 0.3s ease;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-kind__item:hover {
    border: 1px solid #010101;
  }
}
.index-kind__item:hover .index-kind__item-image {
  height: 400px;
  border-radius: 100px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-kind__item:hover .index-kind__item-image {
    height: 214px;
    border-radius: 20px;
  }
}
.index-kind__item:hover .index-kind__item-text {
  max-height: 0;
  opacity: 0;
  transition: all 0s ease;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-kind__item:hover .index-kind__item-text {
    max-height: none;
    opacity: 1;
  }
}
.index-kind .swiper-wrapper {
  display: flex;
  align-items: stretch;
  box-sizing: border-box;
  height: auto;
  padding-bottom: 1px;
}
.index-kind .swiper-slide {
  align-items: stretch;
  height: auto;
}
.index-kind .swiper-slide .index-kind__item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.index-kind .swiper-button-prev {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-kind .swiper-button-prev {
    display: none;
  }
}
.index-kind .swiper-button-next {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-kind .swiper-button-next {
    display: none;
  }
}

.index-cases {
  padding: 0 0 80px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-cases {
    padding: 0;
  }
}
.index-cases .font-header2 {
  margin: 60px 0 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-cases .font-header2 {
    margin: 60px 0 28px;
  }
}
.index-cases .container {
  display: block;
}
.index-cases__slider {
  position: relative;
}
.index-cases__slider .swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-cases__slider .swiper {
    padding-bottom: 20px;
  }
}
.index-cases__item {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-cases__item {
    border-radius: 12px;
  }
}
.index-cases__item-content {
  padding: 20px 16px 84px;
}
.index-cases__item-image {
  height: 230px;
  margin: -1px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-cases__item-image {
    height: 220px;
    border-radius: 12px;
  }
}
.index-cases__item-title {
  padding: 0 0 24px;
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-cases__item-title {
    font-weight: 600;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
  }
}
.index-cases__item-text {
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.index-cases__item-text span {
  font-weight: 400;
}
.index-cases__item-text p {
  margin: 0;
  padding: 0 0 12px;
}
.index-cases__item-text p:last-child {
  padding: 0;
}
.index-cases__item-link {
  position: absolute;
  bottom: 20px;
  left: 16px;
}
.index-cases__item:hover .index-cases__item-link {
  color: #fff;
  background-color: #e50c7e;
  border-color: #e50c7e;
  transition: all 0.3s ease;
}
.index-cases .swiper-wrapper {
  display: flex;
  box-sizing: border-box;
  height: auto;
  padding-bottom: 1px;
}
.index-cases .swiper-slide {
  align-items: stretch;
  height: auto;
}
.index-cases .swiper-button-prev {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-cases .swiper-button-prev {
    display: none;
  }
}
.index-cases .swiper-button-next {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-cases .swiper-button-next {
    display: none;
  }
}

.index-faq {
  padding: 0 0 80px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-faq {
    padding: 0 0 60px;
  }
}
.index-faq .font-header2 {
  margin: 0 0 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-faq .font-header2 {
    margin: 60px 0 28px;
  }
}
.index-faq .container {
  display: block;
}
.index-faq__item {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  color: #010101;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 12px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-faq__item {
    margin-bottom: 12px;
  }
}
.index-faq__item:last-child {
  margin-bottom: 0;
}
.index-faq__item-name {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 68px;
  padding: 20px 130px 20px 16px;
  letter-spacing: 0.02em;
  cursor: pointer;
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-faq__item-name {
    padding: 12px 82px 12px 16px;
    font-weight: 600;
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
  }
}
.index-faq__item-content {
  display: none;
  padding: 0 16px 20px;
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.index-faq__item-btn {
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  width: 100px;
  height: 44px;
  border: 1px solid #010101;
  border-radius: 40px;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.3s ease;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-faq__item-btn {
    width: 56px;
    height: 32px;
  }
}
.index-faq__item-btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 0;
  border: 1px solid #010101;
  transform: translate(-50%, -50%);
  content: "";
  transition: all 0.3s ease;
}
.index-faq__item-btn::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 20px;
  border: 1px solid #010101;
  transform: translate(-50%, -50%);
  content: "";
  transition: all 0.3s ease;
}
.index-faq__item.active {
  background-color: #fff;
  border: 1px solid #010101;
}
.index-faq__item.active .index-faq__item-btn::after {
  display: none;
}
.index-faq__item.active .index-faq__item-content {
  display: block;
}
.index-faq__item:hover .index-faq__item-btn {
  background-color: #e50c7e;
  border-color: #fff;
  transition: all 0.3s ease;
}
.index-faq__item:hover .index-faq__item-btn::after, .index-faq__item:hover .index-faq__item-btn::before {
  border-color: #fff;
  transition: all 0.3s ease;
}

.index-contact {
  padding: 0;
}
.index-contact .container {
  display: block;
}
.index-contact__container {
  padding: 32px;
  background-color: #010101;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-contact__container {
    padding: 16px;
    border-radius: 12px;
  }
}
.index-contact__row {
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-contact__row {
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
  }
}
.index-contact__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 16px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-contact__content {
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
    padding: 0;
  }
}
.index-contact__map {
  position: relative;
  padding: 0 16px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-contact__map {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.index-contact__title {
  padding: 0 0 20px;
  color: #fff;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 64px;
  font-style: normal;
  line-height: 72px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-contact__title {
    font-weight: 600;
    font-size: 32px;
    font-style: normal;
    line-height: 36px;
  }
}
.index-contact__text {
  display: flex;
  flex-flow: column wrap;
  gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-contact__text {
    padding: 0 0 40px;
  }
}
.index-contact .btn-white {
  display: inline-flex;
  margin: 0 auto 0 0;
}
.index-contact__item {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 0;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.index-contact__item:first-child {
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
}
.index-contact__item a {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.index-contact__item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}
.index-contact__item-icon-phone {
  width: 12px;
  height: 17px;
}
.index-contact__item-icon-mail {
  width: 18px;
  height: 14px;
}
.index-contact__item-icon-time {
  width: 20px;
  height: 20px;
}
.index-contact__item-icon-location {
  width: 14px;
  height: 18px;
}
.index-contact__map-content {
  position: relative;
  height: 400px;
  overflow: hidden;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .index-contact__map-content {
    height: 310px;
    border-radius: 12px;
  }
}

.prod-space-top {
  padding: 12px 0 0;
}
.prod-space-top .index-who-work__detail-title {
  padding-bottom: 12px;
  text-transform: uppercase;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-top .index-who-work__detail-title {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
  }
}
.prod-space-top .index-who-work__detail-images {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-top .index-who-work__detail-images {
    order: 1;
  }
}
.prod-space-top .index-who-work__detail-content {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-top .index-who-work__detail-content {
    order: 0;
    padding-bottom: 40px;
  }
}
.prod-space-top .index-who-work__detail-sub-title {
  padding-bottom: 40px;
  text-transform: uppercase;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-top .index-who-work__detail-sub-title {
    padding-bottom: 32px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}
.prod-space-top .index-who-work__detail-param-name {
  padding-bottom: 8px;
}
.prod-space-top .index-who-work__detail-param-value p {
  margin: 0;
  padding: 0 0 8px;
}
.prod-space-top .index-who-work__detail-param-value p:last-child {
  padding-bottom: 0;
}
.prod-space-top .index-who-work__detail-btn {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-top .index-who-work__detail-btn {
    max-width: 227px;
  }
}

.prod-space-params {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-params {
    padding: 40px 0 0;
  }
}
.prod-space-params-row {
  display: flex;
  margin: 0 -20px;
  padding: 40px 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-params-row {
    flex-wrap: wrap;
    gap: 40px;
    padding: 28px 0 40px;
  }
}
.prod-space-params-col {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding: 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-params-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.prod-space-params-item {
  height: 100%;
  padding: 28px 20px;
  border: 1px solid #010101;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-params-item {
    padding: 20px 16px;
    border-radius: 12px;
  }
}
.prod-space-params-item ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.prod-space-params-item ul li {
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 0 18px;
  color: #010101;
  list-style: none;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-params-item ul li {
    margin: 0 0 16px;
  }
}
.prod-space-params-item ul li::before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #e50c7e;
  border-radius: 50%;
  content: "";
}
.prod-space-params-item ul li:last-child {
  margin-bottom: 0;
}
.prod-space-params-item ul.none-marker li {
  padding: 0;
}
.prod-space-params-item ul.none-marker li span {
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  padding: 0 4px 0 0;
  color: #e50c7e;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-params-item ul.none-marker li span {
    display: block;
  }
}
.prod-space-params-item ul.none-marker li::before {
  display: none;
}
.prod-space-params-item-title {
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  padding: 0 0 20px;
  color: #010101;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-params-item-title {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding: 0 0 16px;
  }
}
.prod-space-params-image {
  height: 300px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-params-image {
    height: 200px;
    border-radius: 12px;
  }
}

.prod-space-challenges {
  padding: 80px 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-challenges {
    padding: 60px 0 0;
  }
}
.prod-space-challenges .container {
  display: block;
}
.prod-space-challenges__container {
  padding: 32px;
  background-color: #f1f1f1;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-challenges__container {
    padding: 16px;
    border-radius: 12px;
  }
}
.prod-space-challenges__row {
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-challenges__row {
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
  }
}
.prod-space-challenges__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 16px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-challenges__content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.prod-space-challenges__info {
  padding: 0 16px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-challenges__info {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.prod-space-challenges__info-content {
  padding: 40px;
  background-color: #fff;
  border-radius: 16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-challenges__info-content {
    padding: 20px 16px;
    border-radius: 12px;
  }
}
.prod-space-challenges__info-title {
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  padding: 0 0 28px;
  color: #010101;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-challenges__info-title {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding: 0 0 16px;
  }
}
.prod-space-challenges__info-row {
  display: flex;
  margin: 0 -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-challenges__info-row {
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
  }
}
.prod-space-challenges__info-col {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-challenges__info-col {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.prod-space-challenges__info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.prod-space-challenges__info ul li {
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 0 18px;
  color: #010101;
  list-style: none;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-challenges__info ul li {
    margin: 0 0 16px;
  }
}
.prod-space-challenges__info ul li::before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #e50c7e;
  border-radius: 50%;
  content: "";
}
.prod-space-challenges__info ul li:last-child {
  margin-bottom: 0;
}
.prod-space-challenges__title {
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 40px;
  font-style: normal;
  line-height: 44px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-challenges__title {
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
  }
}
.prod-space-challenges__text {
  padding: 0;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-challenges__text {
    max-width: 100%;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}

.prod-space-what {
  padding: 80px 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-what {
    padding: 60px 0 0;
  }
}
.prod-space-what .container {
  display: block;
}
.prod-space-what__container {
  padding: 32px;
  background-color: #f1f1f1;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-what__container {
    padding: 16px;
  }
}
.prod-space-what__row {
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-what__row {
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
  }
}
.prod-space-what__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 16px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-what__content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.prod-space-what__info {
  padding: 0 16px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-what__info {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.prod-space-what__info-content {
  padding: 40px;
  background-color: #fff;
  border-radius: 16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-what__info-content {
    padding: 20px 16px;
    border-radius: 12px;
  }
}
.prod-space-what__info-title {
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  padding: 0 0 28px;
  color: #010101;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-what__info-title {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding: 0 0 28px;
  }
}
.prod-space-what__info-row {
  display: flex;
  margin: 0 -20px;
}
.prod-space-what__info-col {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 20px;
}
.prod-space-what__info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.prod-space-what__info ul li {
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 0 18px;
  color: #010101;
  list-style: none;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.prod-space-what__info ul li::before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #e50c7e;
  border-radius: 50%;
  content: "";
}
.prod-space-what__info ul li:last-child {
  margin-bottom: 0;
}
.prod-space-what__info ul li span {
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  padding: 0;
  color: #e50c7e;
}
.prod-space-what__title {
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 40px;
  font-style: normal;
  line-height: 44px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-what__title {
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
  }
}
.prod-space-what__text {
  padding: 0;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-what__text {
    max-width: 100%;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}

.prod-space-effect {
  padding: 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-effect {
    padding: 60px 0 0;
  }
}
.prod-space-effect .container {
  display: block;
}
.prod-space-effect__row {
  display: flex;
  margin: 0 -20px;
  padding: 40px 0 0;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-effect__row {
    flex-wrap: wrap;
    margin: 0;
    padding: 28px 0 0;
    border-radius: 12px;
  }
}
.prod-space-effect__col-1 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  padding: 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-effect__col-1 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0 40px;
  }
}
.prod-space-effect__col-2 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding: 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-effect__col-2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.prod-space-effect__image {
  height: 576px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-effect__image {
    height: 340px;
    border-radius: 12px;
  }
}
.prod-space-effect__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 40px;
  height: 100%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-effect__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
}
.prod-space-effect__item {
  padding: 28px 20px;
  border: 1px solid #010101;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-effect__item {
    padding: 20px 16px;
    border-radius: 12px;
  }
}
.prod-space-effect__item.first {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  background: #f1f1f1;
  border: 0;
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-effect__item.first {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}
.prod-space-effect__item-title {
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  text-align: center;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-effect__item-title {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding: 0 0 16px;
  }
}
.prod-space-effect__item-text {
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  position: relative;
  padding: 20px 0 0;
  color: #e50c7e;
  letter-spacing: 0.02em;
  text-align: center;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-effect__item-text {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding: 16px 0 0;
  }
}
.prod-space-effect__item-text::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 40px;
  height: 4px;
  background-color: #e50c7e;
  border-radius: 2px;
  transform: translateX(-50%);
  content: "";
}

.prod-space-technology {
  padding: 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-technology {
    padding: 60px 0 0;
  }
}
.prod-space-technology .container {
  display: block;
}
.prod-space-technology__container {
  margin: 40px 0 0;
  padding: 28px 20px;
  border: 1px solid #010101;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-technology__container {
    margin: 28px 0 0;
    padding: 20px 16px;
    border-radius: 12px;
  }
}
.prod-space-technology__row {
  display: flex;
  margin: 0 -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-technology__row {
    flex-wrap: wrap;
    gap: 40px;
    margin: 0;
  }
}
.prod-space-technology__col {
  padding: 0 20px;
  flex: 0 0 50%;
  max-width: 50%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-technology__col {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.prod-space-technology__content-title {
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  padding: 0 0 30px;
  color: #010101;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-technology__content-title {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding: 0 0 20px;
  }
}
.prod-space-technology__content-title-2 {
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  padding: 0 0 12px;
  color: #e50c7e;
}
.prod-space-technology__content-text {
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  margin-top: -6px;
  color: #010101;
}
.prod-space-technology__content ul {
  margin: 0;
  padding: 0 0 28px;
  list-style: none;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-technology__content ul {
    padding: 0 0 16px;
  }
}
.prod-space-technology__content ul li {
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 0 18px;
  color: #010101;
  list-style: none;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.prod-space-technology__content ul li::before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #e50c7e;
  border-radius: 50%;
  content: "";
}
.prod-space-technology__content ul li:last-child {
  margin-bottom: 0;
}
.prod-space-technology__image {
  height: 460px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-technology__image {
    height: 194px;
    border-radius: 12px;
  }
}

.prod-space-title {
  color: #010101;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 40px;
  font-style: normal;
  line-height: 44px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-title {
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
  }
}
.prod-space-title-sub {
  padding: 8px 0 0;
  color: #010101;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .prod-space-title-sub {
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}

.education-top {
  padding: 12px 0 0;
}
.education-top .index-who-work__detail-title {
  padding-bottom: 12px;
  text-transform: uppercase;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-top .index-who-work__detail-title {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
  }
}
.education-top .index-who-work__detail-images {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-top .index-who-work__detail-images {
    order: 1;
  }
}
.education-top .index-who-work__detail-content {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-top .index-who-work__detail-content {
    order: 0;
    padding-bottom: 40px;
  }
}
.education-top .index-who-work__detail-sub-title {
  padding-bottom: 40px;
  text-transform: uppercase;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-top .index-who-work__detail-sub-title {
    padding-bottom: 32px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}
.education-top .index-who-work__detail-param-name {
  padding-bottom: 8px;
}
.education-top .index-who-work__detail-param-value p {
  margin: 0;
  padding: 0 0 8px;
}
.education-top .index-who-work__detail-param-value p:last-child {
  padding-bottom: 0;
}
.education-top .index-who-work__detail-btn {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-top .index-who-work__detail-btn {
    max-width: 227px;
  }
}

.education-problem {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-problem {
    padding: 40px 0 0;
  }
}
.education-problem .container {
  display: block;
}
.education-problem__container {
  margin: 40px 0 0;
  padding: 28px 20px;
  border: 1px solid #010101;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-problem__container {
    margin: 28px 0 0;
    padding: 16px;
    border-radius: 12px;
  }
}
.education-problem__row {
  display: flex;
  margin: 0 -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-problem__row {
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
  }
}
.education-problem__col-1 {
  padding: 0 20px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-problem__col-1 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.education-problem__col-2 {
  padding: 0 20px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-problem__col-2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.education-problem__content-title {
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  padding: 0 0 30px;
  color: #010101;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-problem__content-title {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding: 0 0 20px;
  }
}
.education-problem__content-text {
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  margin-top: -6px;
  color: #010101;
}
.education-problem__content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-problem__content ul {
    padding: 0;
  }
}
.education-problem__content ul li {
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 0 18px;
  color: #e50c7e;
  list-style: none;
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.education-problem__content ul li::before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #e50c7e;
  border-radius: 50%;
  content: "";
}
.education-problem__content ul li:last-child {
  margin-bottom: 0;
}
.education-problem__image {
  height: 460px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-problem__image {
    height: 194px;
    border-radius: 12px;
  }
}
.education-problem__slider {
  position: relative;
}
.education-problem__slider .swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-problem__slider .swiper {
    padding-bottom: 20px;
  }
}
.education-problem__slide {
  display: block;
  height: 320px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-problem__slide {
    border-radius: 12px;
  }
}
.education-problem .swiper-button-prev {
  left: -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-problem .swiper-button-prev {
    display: none;
  }
}
.education-problem .swiper-button-next {
  right: -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-problem .swiper-button-next {
    display: none;
  }
}

.education-technology {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-technology {
    padding: 60px 0 0;
  }
}
.education-technology .container {
  display: block;
}
.education-technology__container {
  padding: 32px;
  background-color: #f1f1f1;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-technology__container {
    padding: 16px;
    border-radius: 12px;
  }
}
.education-technology__row {
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-technology__row {
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
  }
}
.education-technology__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 16px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-technology__content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.education-technology__info {
  padding: 0 16px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-technology__info {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.education-technology__info-content {
  padding: 40px;
  background-color: #fff;
  border-radius: 16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-technology__info-content {
    padding: 20px 16px;
    border-radius: 12px;
  }
}
.education-technology__info ul {
  display: flex;
  align-items: flex-start;
  margin: 0 -10px 20px;
  padding: 0;
  list-style: none;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-technology__info ul {
    flex-wrap: wrap;
  }
}
.education-technology__info ul li {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  position: relative;
  padding: 0 10px 0 28px;
  color: #010101;
  list-style: none;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-technology__info ul li {
    margin: 0 0 12px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.education-technology__info ul li::before {
  position: absolute;
  top: 6px;
  left: 10px;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #e50c7e;
  border-radius: 50%;
  content: "";
}
.education-technology__info ul li:last-child {
  margin-bottom: 0;
}
.education-technology__title {
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 40px;
  font-style: normal;
  line-height: 44px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-technology__title {
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
    padding: 0;
  }
}
.education-technology__slider {
  position: relative;
}
.education-technology__slider .swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-technology__slider .swiper {
    padding-bottom: 20px;
  }
}
.education-technology__slide {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 164px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
.education-technology__slide img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 1199.98px) {
  .education-technology__slide {
    border-radius: 12px;
  }
}
.education-technology .swiper-button-prev {
  left: -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-technology .swiper-button-prev {
    display: none;
  }
}
.education-technology .swiper-button-next {
  right: -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-technology .swiper-button-next {
    display: none;
  }
}

.education-advantages {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-advantages {
    padding: 60px 0 0;
  }
}
.education-advantages__row {
  display: flex;
  margin: 0 -20px;
  padding: 40px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-advantages__row {
    flex-wrap: wrap;
    gap: 20px;
    padding: 28px 0 0;
  }
}
.education-advantages__col {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding: 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-advantages__col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.education-advantages__item {
  height: 100%;
  padding: 28px 20px;
  border: 1px solid #010101;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-advantages__item {
    padding: 20px 16px;
    border-radius: 12px;
  }
}
.education-advantages__item-title {
  font-weight: 600;
  font-size: 30px;
  font-style: normal;
  line-height: 36px;
  padding: 0 0 16px;
  color: #e50c7e;
  text-align: center;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-advantages__item-title {
    font-weight: 600;
    font-size: 20px;
    font-style: normal;
    line-height: 28px;
    padding: 0 0 12px;
  }
}
.education-advantages__item-text {
  font-weight: 300;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  color: #010101;
  text-align: center;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-advantages__item-text {
    font-weight: 600;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
  }
}

.education-environment {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-environment {
    padding: 60px 0 0;
  }
}
.education-environment .container {
  display: block;
}
.education-environment__container {
  padding: 32px;
  background-color: #f1f1f1;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-environment__container {
    padding: 16px;
    border-radius: 12px;
  }
}
.education-environment__row {
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-environment__row {
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
  }
}
.education-environment__col-1 {
  padding: 0 20px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-environment__col-1 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.education-environment__col-2 {
  padding: 0 20px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-environment__col-2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.education-environment__title {
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 40px;
  font-style: normal;
  line-height: 44px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-environment__title {
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
  }
}
.education-environment__text {
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 400;
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
}
.education-environment__slider {
  position: relative;
}
.education-environment__slider .swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-environment__slider .swiper {
    padding-bottom: 20px;
  }
}
.education-environment__slide {
  display: block;
  height: 320px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-environment__slide {
    border-radius: 12px;
  }
}
.education-environment .swiper-button-prev {
  left: -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-environment .swiper-button-prev {
    display: none;
  }
}
.education-environment .swiper-button-next {
  right: -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-environment .swiper-button-next {
    display: none;
  }
}

.education-school {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-school {
    padding: 60px 0 0;
  }
}
.education-school .container {
  display: block;
}
.education-school__slider {
  position: relative;
}
.education-school__slider .swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-school__slider .swiper {
    padding-bottom: 20px;
  }
}
.education-school__slider-wrap {
  padding: 40px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-school__slider-wrap {
    padding: 28px 0 0;
  }
}
.education-school__slide {
  display: block;
  height: 394px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-school__slide {
    height: 266px;
    border-radius: 12px;
  }
}
.education-school .swiper-button-prev {
  left: -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-school .swiper-button-prev {
    display: none;
  }
}
.education-school .swiper-button-next {
  right: -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-school .swiper-button-next {
    display: none;
  }
}

.education-stages {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-stages {
    padding: 60px 0 0;
  }
}
.education-stages__container {
  margin: 40px 0 0;
  padding: 28px;
  overflow: hidden;
  border: 1px solid #010101;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-stages__container {
    margin: 28px 0 0;
    border-radius: 12px;
  }
}
.education-stages__row {
  display: flex;
  margin: 0 -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-stages__row {
    flex-wrap: wrap;
    gap: 40px;
  }
}
.education-stages__col {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-stages__col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.education-stages__col:last-child .education-stages__item::after {
  display: none;
}
.education-stages__item {
  position: relative;
  height: 100%;
}
.education-stages__item::after {
  position: absolute;
  top: 25px;
  left: 100%;
  display: block;
  width: 160px;
  height: 1px;
  border-top: 1px solid #010101;
  content: "";
  transform: translateX(-60px);
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-stages__item::after {
    display: none;
  }
}
.education-stages__item-number {
  font-weight: 600;
  font-size: 48px;
  font-style: normal;
  line-height: 48px;
  padding: 0 0 8px;
  color: #e50c7e;
  text-align: center;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-stages__item-number {
    font-weight: 600;
    font-size: 32px;
    font-style: normal;
    line-height: 32px;
    padding: 0 0 4px;
  }
}
.education-stages__item-title {
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  padding: 0 0 20px;
  color: #010101;
  text-align: center;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-stages__item-title {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding: 0 0 16px;
  }
}
.education-stages__item-text {
  font-weight: 300;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  color: #010101;
  text-align: center;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-stages__item-text {
    font-weight: 300;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
  }
}

.education-title {
  color: #010101;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 40px;
  font-style: normal;
  line-height: 44px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-title {
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
  }
}
.education-title-sub {
  padding: 8px 0 0;
  color: #010101;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .education-title-sub {
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}

.developer-top {
  padding: 12px 0 0;
}
.developer-top .index-who-work__detail-title {
  padding-bottom: 12px;
  text-transform: uppercase;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-top .index-who-work__detail-title {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
  }
}
.developer-top .index-who-work__detail-images {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-top .index-who-work__detail-images {
    order: 1;
  }
}
.developer-top .index-who-work__detail-content {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-top .index-who-work__detail-content {
    order: 0;
    padding-bottom: 40px;
  }
}
.developer-top .index-who-work__detail-sub-title {
  padding-bottom: 40px;
  text-transform: uppercase;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-top .index-who-work__detail-sub-title {
    padding-bottom: 32px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}
.developer-top .index-who-work__detail-param-name {
  padding-bottom: 8px;
}
.developer-top .index-who-work__detail-param-value p {
  margin: 0;
  padding: 0 0 8px;
}
.developer-top .index-who-work__detail-param-value p:last-child {
  padding-bottom: 0;
}
.developer-top .index-who-work__detail-btn {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-top .index-who-work__detail-btn {
    max-width: 227px;
  }
}

.developer-why {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-why {
    padding: 60px 0 0;
  }
}
.developer-why__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
  padding: 40px 0 0;
  row-gap: 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-why__row {
    flex-wrap: wrap;
    gap: 20px;
    padding: 28px 0 0;
  }
}
.developer-why__col {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding: 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-why__col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.developer-why__item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 32px 20px;
  color: #e50c7e;
  text-align: center;
  border: 1px solid #010101;
  border-radius: 20px;
  font-weight: 600;
  font-size: 30px;
  font-style: normal;
  line-height: 36px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-why__item {
    font-weight: 600;
    font-size: 20px;
    font-style: normal;
    line-height: 28px;
    padding: 20px 16px;
    border-radius: 12px;
  }
}

.developer-benefit {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-benefit {
    padding: 60px 0 0;
  }
}
.developer-benefit .container {
  display: block;
}
.developer-benefit__container {
  padding: 32px;
  background-color: #f1f1f1;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-benefit__container {
    padding: 16px;
    border-radius: 12px;
  }
}
.developer-benefit__row {
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-benefit__row {
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
  }
}
.developer-benefit ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.developer-benefit ul li {
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 0 18px;
  color: #010101;
  list-style: none;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-benefit ul li {
    margin: 0 0 12px;
  }
}
.developer-benefit ul li::before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #e50c7e;
  border-radius: 50%;
  content: "";
}
.developer-benefit ul li:last-child {
  margin-bottom: 0;
}
.developer-benefit__content {
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-benefit__content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.developer-benefit__info {
  padding: 0 16px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-benefit__info {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.developer-benefit__info-row {
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-benefit__info-row {
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
  }
}
.developer-benefit__info-col {
  padding: 0 16px;
  flex: 0 0 50%;
  max-width: 50%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-benefit__info-col {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.developer-benefit__info-item {
  height: 100%;
  padding: 40px;
  background: #fff;
  border-radius: 16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-benefit__info-item {
    padding: 20px 16px;
  }
}
.developer-benefit__info-title {
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-benefit__info-title {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}
.developer-benefit__info-title.c-pink {
  color: #e50c7e;
}
.developer-benefit__info-text {
  padding: 28px 0 0;
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-benefit__info-text {
    padding: 12px 0 0;
  }
}
.developer-benefit__title {
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 40px;
  font-style: normal;
  line-height: 44px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-benefit__title {
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
  }
}
.developer-benefit__text {
  padding: 0 0 40px;
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 400;
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-benefit__text {
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}

.developer-cases {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-cases {
    padding: 60px 0 0;
  }
}
.developer-cases__row {
  display: flex;
  margin: 0 -20px;
  padding: 40px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-cases__row {
    flex-wrap: wrap;
    gap: 20px;
    padding: 28px 0 0;
  }
}
.developer-cases__col {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding: 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-cases__col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.developer-cases__item {
  height: 100%;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-cases__item {
    border-radius: 12px;
  }
}
.developer-cases__item-content {
  padding: 32px 16px;
}
.developer-cases__item-title {
  padding: 0 0 12px;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 28px;
  font-style: normal;
  line-height: 32px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-cases__item-title {
    font-weight: 600;
    font-size: 20px;
    font-style: normal;
    line-height: 24px;
  }
}
.developer-cases__item-title-sub {
  padding: 0 0 24px;
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.developer-cases__item-text {
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.developer-cases__item-slider {
  margin: 0 -1px;
}
.developer-cases__slider {
  position: relative;
}
.developer-cases__slider .swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-cases__slider .swiper {
    padding-bottom: 20px;
  }
}
.developer-cases__slide {
  display: block;
  height: 380px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-cases__slide {
    height: 264px;
    border-radius: 12px;
  }
}
.developer-cases .slider-developer-cases {
  padding-bottom: 15px;
}
.developer-cases .swiper-pagination {
  padding: 0 16px;
}

.developer-ascent {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-ascent {
    padding: 60px 0 0;
  }
}
.developer-ascent .container {
  display: block;
}
.developer-ascent__container {
  margin-top: 40px;
  padding: 32px;
  background-color: #f1f1f1;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-ascent__container {
    margin-top: 28px;
    padding: 16px;
    border-radius: 12px;
  }
}
.developer-ascent__row {
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-ascent__row {
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
  }
}
.developer-ascent__content {
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-ascent__content {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.developer-ascent__info {
  padding: 0 16px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-ascent__info {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.developer-ascent__info-row {
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-ascent__info-row {
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
  }
}
.developer-ascent__info-col {
  padding: 0 16px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-ascent__info-col {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.developer-ascent__info-item {
  height: 100%;
  padding: 32px;
  background: #fff;
  border-radius: 16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-ascent__info-item {
    padding: 20px 16px;
    border-radius: 12px;
  }
}
.developer-ascent__info-title {
  color: #e50c7e;
  letter-spacing: 0.02em;
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-ascent__info-title {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}
.developer-ascent__info-text {
  padding: 20px 0 0;
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-ascent__info-text {
    padding: 12px 0 0;
  }
}
.developer-ascent__title {
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.developer-ascent__text {
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}

.developer-alternative {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative {
    padding: 40px 0 0;
  }
}
.developer-alternative .container {
  display: block;
}
.developer-alternative__container {
  padding: 28px 20px;
  border: 1px solid #010101;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__container {
    padding: 16px;
    border-radius: 12px;
  }
}
.developer-alternative__row {
  display: flex;
  margin: 0 -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__row {
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
  }
}
.developer-alternative__col-1 {
  padding: 0 20px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__col-1 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.developer-alternative__col-2 {
  padding: 0 20px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__col-2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.developer-alternative__content-title {
  padding: 0 0 12px;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 40px;
  font-style: normal;
  line-height: 44px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__content-title {
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
    padding: 0 0 8px;
  }
}
.developer-alternative__content-title-sub {
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 400;
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__content-title-sub {
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}
.developer-alternative__content-text {
  padding: 0 0 32px;
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__content-text {
    padding: 0 0 20px;
  }
}
.developer-alternative__content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__content ul {
    padding: 0;
  }
}
.developer-alternative__content ul li {
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 0 18px;
  color: #010101;
  list-style: none;
  font-weight: 600;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.developer-alternative__content ul li::before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #e50c7e;
  border-radius: 50%;
  content: "";
}
.developer-alternative__content ul li:last-child {
  margin-bottom: 0;
}
.developer-alternative__image {
  height: 460px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__image {
    height: 194px;
    border-radius: 12px;
  }
}
.developer-alternative__slider {
  position: relative;
}
.developer-alternative__slider .swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__slider .swiper {
    padding-bottom: 20px;
  }
}
.developer-alternative__slide {
  display: block;
  height: 320px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__slide {
    height: 300px;
    border-radius: 12px;
  }
}
.developer-alternative .swiper-button-prev {
  left: -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative .swiper-button-prev {
    display: none;
  }
}
.developer-alternative .swiper-button-next {
  right: -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative .swiper-button-next {
    display: none;
  }
}
.developer-alternative__floors {
  padding: 40px 0 0;
}
.developer-alternative__floors-row {
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__floors-row {
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
  }
}
.developer-alternative__floors-col {
  padding: 0 16px;
  flex: 0 0 20%;
  max-width: 20%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__floors-col {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.developer-alternative__floors-item {
  padding: 28px 20px;
  border: 1px solid #010101;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__floors-item {
    padding: 20px 16px;
    border-radius: 12px;
  }
}
.developer-alternative__floors-item-title {
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  text-align: center;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__floors-item-title {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding: 0 0 16px;
  }
}
.developer-alternative__floors-item-text {
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  position: relative;
  padding: 20px 0 0;
  color: #e50c7e;
  letter-spacing: 0.02em;
  text-align: center;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-alternative__floors-item-text {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding: 16px 0 0;
  }
}
.developer-alternative__floors-item-text::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 40px;
  height: 4px;
  background-color: #e50c7e;
  border-radius: 2px;
  transform: translateX(-50%);
  content: "";
}

.developer-how-work {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-how-work {
    padding: 40px 0 0;
  }
}
.developer-how-work .container {
  display: block;
}
.developer-how-work__container {
  margin: 40px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-how-work__container {
    margin: 28px 0 0;
  }
}
.developer-how-work__row {
  display: flex;
  margin: 0 -20px;
  padding: 0 0 40px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-how-work__row {
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
  }
}
.developer-how-work__col {
  padding: 0 16px;
  flex: 0 0 25%;
  max-width: 25%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-how-work__col {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.developer-how-work__item {
  display: flex;
  align-items: flex-start;
  height: 100%;
  padding: 28px 20px;
  background-color: #f1f1f1;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-how-work__item {
    padding: 20px 16px;
    border-radius: 12px;
  }
}
.developer-how-work__item-number {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  font-weight: 600;
  font-size: 80px;
  font-style: normal;
  line-height: 80px;
  width: 80px;
  color: #fff;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-how-work__item-number {
    width: 60px;
    font-weight: 600;
    font-size: 60px;
    font-style: normal;
    line-height: 60px;
  }
}
.developer-how-work__item-content {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  -ms-flex-preferred-size: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  padding: 0 0 0 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-how-work__item-content {
    padding: 0 0 0 16px;
  }
}
.developer-how-work__item-title {
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-how-work__item-title {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    padding: 0 0 16px;
  }
}
.developer-how-work__item-text {
  font-weight: 200;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  color: #010101;
  letter-spacing: 0.02em;
}
.developer-how-work__image {
  height: 300px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-how-work__image {
    display: none;
  }
}
.developer-how-work__image-mobile {
  display: none;
  height: 240px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 12px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-how-work__image-mobile {
    display: block;
  }
}

.developer-surfaces {
  padding: 80px 0 0;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-surfaces {
    padding: 60px 0 0;
  }
}
.developer-surfaces .container {
  display: block;
}
.developer-surfaces__container {
  padding: 32px;
  background-color: #f1f1f1;
  border-radius: 20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-surfaces__container {
    padding: 16px;
    border-radius: 12px;
  }
}
.developer-surfaces__row {
  display: flex;
  margin: 0 -16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-surfaces__row {
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
  }
}
.developer-surfaces__col-1 {
  padding: 0 20px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-surfaces__col-1 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.developer-surfaces__col-2 {
  padding: 0 20px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-surfaces__col-2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.developer-surfaces__title {
  padding: 0 0 20px;
  color: #010101;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 40px;
  font-style: normal;
  line-height: 44px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-surfaces__title {
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
  }
}
.developer-surfaces__text {
  color: #010101;
  letter-spacing: 0.02em;
  font-weight: 400;
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
}
.developer-surfaces__slider {
  position: relative;
}
.developer-surfaces__slider .swiper {
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-surfaces__slider .swiper {
    padding-bottom: 20px;
  }
}
.developer-surfaces__slide {
  display: block;
  height: 240px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 16px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-surfaces__slide {
    border-radius: 12px;
  }
}
.developer-surfaces .swiper-button-prev {
  left: -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-surfaces .swiper-button-prev {
    display: none;
  }
}
.developer-surfaces .swiper-button-next {
  right: -20px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-surfaces .swiper-button-next {
    display: none;
  }
}

.developer-title {
  color: #010101;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 40px;
  font-style: normal;
  line-height: 44px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-title {
    font-weight: 600;
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
  }
}
.developer-title-sub {
  padding: 8px 0 0;
  color: #010101;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  font-style: normal;
  line-height: 24px;
  /* @media (max-width: (575.98px)) {
    @content;
  } */
}
@media (max-width: 1199.98px) {
  .developer-title-sub {
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
  }
}

html {
  /* scrollbar-gutter: stable; */
  /* @include scrollbar.scrollbar(v.$brand-color-2); */
}

* {
  font-family: "Unbounded", sans-serif;
}

body {
  position: relative;
  font-family: "Unbounded", sans-serif;
  background: #fff;
}

@view-transition {
  navigation: auto;
}/**
 * Swiper 12.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 18, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }

/* CSS Mode */
.swiper-css-mode  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }
:is(.swiper-css-mode > .swiper-wrapper)::-webkit-scrollbar {
      display: none;
    }
.swiper-css-mode  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper {
      scroll-snap-type: none;
    }
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
.swiper-css-mode.swiper-centered  > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
.swiper-css-mode.swiper-centered  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

  .swiper-thumbs .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);-webkit-backdrop-filter:var(--f-button-backdrop-filter);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;-webkit-user-select:none;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);-webkit-backdrop-filter:var(--f-toolbar-backdrop-filter);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;-webkit-user-select:none;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);-webkit-user-select:none;user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid):not(.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html):not(.f-panzoom__wrapper):not(.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready):not(.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid):not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html):not(.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid):not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html):not(.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg);filter:var(--fancybox-backdrop-filter)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}
.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{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;width:calc(100% / 3);cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;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;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:after{content:"";border:.390625em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0)}.qs-month-year:not(.qs-disabled-year-overlay){cursor:pointer}.qs-month-year:not(.qs-disabled-year-overlay):hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;-webkit-text-decoration:underline;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}

/* End */


/* Start:/local/templates/art4walls-redesign/assets/css/catalog-redesign.css?179120924944827*/
.office-decoration.catalog-v2{max-width:1200px;margin:0 auto;padding:40px 15px}
.office-decoration h1,.catalog-page h1{font-family:Unbounded,sans-serif!important;font-weight:600;font-size:36px;line-height:1.2;color:#010101;margin-bottom:24px;display:block!important}
.breadcrumbs,.breadcrumb{font-family:Unbounded,sans-serif!important;font-size:12px!important;font-weight:300!important;opacity:.4;justify-content:flex-start!important;text-align:left!important;padding-left:0!important}
.breadcrumbs *,.breadcrumb *,.breadcrumb-item,.breadcrumb-item *{font-size:12px!important;font-weight:300!important}
.breadcrumb a{color:#010101!important;text-decoration:none}
.catalog-v2__tags-block{margin-bottom:32px}
.catalog-v2__tags{display:flex;flex-wrap:wrap;gap:8px 8px}
.catalog-v2__tags-item-link{display:inline-flex;padding:8px 20px;font-family:Unbounded,sans-serif;font-size:13px;font-weight:300;color:#010101;background:#fff;border:1px solid #010101;border-radius:20px;text-decoration:none;transition:.3s}
.catalog-v2__tags-item-link:hover{color:#fff;background:#e50c7e;border-color:#e50c7e}
.catalog-v2 hr,.catalog-v2__divider{border:none;border-top:1px solid #e50c7e;margin:24px 0 32px}
.catalog-v2 .section-title,.catalog-v2 h2{font-family:Unbounded,sans-serif!important;font-weight:600;font-size:28px;line-height:1.3;color:#010101;margin-bottom:20px}
.catalog-v2 .section-title a{color:#010101;text-decoration:none}
.catalog-v2__list.owl-carousel{display:flex!important;flex-wrap:wrap;gap:24px}
.catalog-v2__list.owl-carousel .owl-stage-outer,.catalog-v2__list.owl-carousel .owl-stage,.catalog-v2__list.owl-carousel .owl-item{display:contents}
.owl-nav,.owl-dots{display:none!important}
.catalog-v2__list-col{flex:0 0 calc(33.333% - 16px);max-width:calc(33.333% - 16px)}
.catalog-v2__list-item{display:flex;flex-direction:column;height:100%;border:1px solid #d9d9d9!important;border-radius:20px!important;overflow:hidden;text-decoration:none;color:#010101;transition:border-color .3s;background:#fff}
.catalog-v2__list-item:hover{border-color:#e50c7e!important}
.catalog-v2__list-image{border-radius:20px 20px 0 0;overflow:hidden;margin:-1px -1px 0}
.catalog-v2__list-image-layer-1{height:220px;overflow:hidden}
.catalog-v2__list-image-layer-2{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .4s}
.catalog-v2__list-item:hover .catalog-v2__list-image-layer-2{transform:scale(1.05)}
.catalog-v2__list-btn{display:none!important}
.catalog-v2__list-content{padding:20px 16px;flex:1;display:flex;flex-direction:column}
.catalog-v2__list-name{font-family:Unbounded,sans-serif!important;font-weight:600;font-size:16px;line-height:1.35;color:#010101;margin-bottom:8px}
.catalog-v2__list-text{font-family:Unbounded,sans-serif!important;font-weight:300;font-size:13px;line-height:1.6;color:#010101;opacity:.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.catalog-v2__list-bottom{display:flex;gap:8px;margin-top:auto}
.catalog-v2__list-price,.catalog-v2__list-square{font-family:Unbounded,sans-serif;font-size:12px;font-weight:400;padding:6px 14px;border-radius:20px;color:#fff!important;background:#e50c7e!important;display:inline-flex;border:none!important}
.catalog-v2 .office-decoration__text,.catalog-v2__text-top,.office-decoration p,.office-decoration li,.office-decoration ul{font-family:Unbounded,sans-serif!important;font-size:14px;font-weight:300;line-height:1.8;color:#010101}
.catalog-v2 h3,.office-decoration h3{font-family:Unbounded,sans-serif!important;font-weight:600;font-size:22px;color:#010101;margin:32px 0 16px}
.catalog-v2 table,.office-decoration table{width:100%;border-collapse:collapse;font-family:Unbounded,sans-serif!important;font-size:14px;font-weight:300;margin:24px 0}
.catalog-v2 table th,.office-decoration table th{text-align:left;font-weight:600;padding:12px 16px;border-bottom:2px solid #010101;font-family:Unbounded,sans-serif!important}
.catalog-v2 table td,.office-decoration table td{padding:12px 16px;border-bottom:1px solid #d9d9d9;font-family:Unbounded,sans-serif!important}
.news-detail__video{width:100%!important;max-width:100%!important;border-radius:20px;overflow:hidden;margin:32px 0}
.news-detail__video .bx_player_container,.news-detail__video video,.news-detail__video iframe,.news-detail__video>div{width:100%!important;max-width:100%!important;margin:0 auto}
.news-detail__video .bx_player_container{height:0!important;padding-bottom:56.25%!important;position:relative}
.news-detail__video .bx_player_container>*{position:absolute;top:0;left:0;width:100%!important;height:100%!important}
@media(max-width:1199px){.catalog-v2__list-col{flex:0 0 calc(50% - 12px);max-width:calc(50% - 12px)}.office-decoration h1,.catalog-page h1{font-size:28px}}
@media(max-width:767px){.catalog-v2__list-col{flex:0 0 100%;max-width:100%}.office-decoration h1,.catalog-page h1{font-size:22px}.catalog-v2 h2,.catalog-v2 .section-title{font-size:22px}.catalog-v2__list-image-layer-1{height:180px}}
.breadcrumbs{margin-bottom:0!important;padding:32px 0 0!important}
.breadcrumbs .container{max-width:1200px;padding:0 15px}
.breadcrumbs .breadcrumb{padding:0!important;margin:0!important;background:none!important;font-family:Unbounded,sans-serif!important;font-size:12px!important;font-weight:300!important;display:flex!important;flex-wrap:wrap!important;list-style:none!important}
.breadcrumbs .breadcrumb *{font-size:12px!important;font-weight:300!important}
.breadcrumbs .breadcrumb a{color:#010101!important;text-decoration:none;opacity:.8}
.breadcrumbs .breadcrumb .active{opacity:.8}
.office-decoration.catalog-v2{padding-top:12px!important}
@media(max-width:767px){
.breadcrumbs .breadcrumb,.breadcrumbs .breadcrumb *{font-size:10px!important}
.catalog-v2__tags{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px}
.catalog-v2__tags::-webkit-scrollbar{display:none}
.catalog-v2__tags-item{flex-shrink:0!important}
.catalog-v2__tags-item-link{white-space:nowrap;font-size:12px;padding:6px 14px}
}
.catalog-v2__form-call{background:#f5f5f5;border-radius:20px;padding:40px 32px;margin:40px 0}
.catalog-v2__form-call:after{display:none!important}
.call-form__title{font-family:Unbounded,sans-serif!important;font-weight:600;font-size:28px;color:#010101;margin-bottom:24px}
.form-v2 .form__row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0}
.form-v2 .form__col-6{flex:0 0 calc(50% - 6px);max-width:calc(50% - 6px)}
.form-v2 .form__col-12{width:100%}
.form-v2 .form__field{margin-bottom:12px}
.form-v2 input[type="text"],.form-v2 input[type="tel"],.form-v2 input[type="email"],.form-v2 textarea{width:100%;padding:12px 16px;border:1px solid #d9d9d9;border-radius:12px;font-family:Unbounded,sans-serif;font-size:14px;font-weight:300;background:#fff;outline:none;transition:border-color .3s;box-sizing:border-box}
.form-v2 input:focus,.form-v2 textarea:focus{border-color:#e50c7e}
.form-v2 textarea{min-height:120px;resize:vertical}
.form-v2 .form__submit{margin-top:16px}
.form-v2 button[type="submit"],.form-v2 .call-form__btn,.form-v2 input[type="submit"]{width:100%;max-width:300px;padding:14px 40px;background:#e50c7e;color:#fff;border:none;border-radius:12px;font-family:Unbounded,sans-serif;font-size:16px;font-weight:400;cursor:pointer;transition:opacity .3s}
.form-v2 button[type="submit"]:hover,.form-v2 .call-form__btn:hover{opacity:.85}
.form-v2 .form__policy{font-family:Unbounded,sans-serif;font-size:12px;font-weight:300;margin-top:12px;color:#010101;opacity:.6}
.form-v2 .form__policy a{color:#e50c7e}
.call-form__toggle{display:none!important}
.form-v2 .form__success{font-family:Unbounded,sans-serif;font-weight:600;color:#010101}
@media(max-width:767px){.catalog-v2__form-call{padding:24px 16px}.call-form__title{font-size:22px}.form-v2 .form__col-6{flex:0 0 100%;max-width:100%}}
.form-v2 .form__result{display:none!important}
.form-v2 .form__col-6 .form__checkbox{font-family:Unbounded,sans-serif;font-size:11px!important;font-weight:300!important;margin-bottom:12px}
.form-v2 .form__checkbox *{font-size:11px!important;font-weight:300!important}
.form-v2 .form__checkbox a{color:#e50c7e}
.form-v2 textarea{height:100%!important;min-height:100%!important}
.form-v2 .form__col-6:last-child .form__field{height:100%}
.form-v2 .form__col-6:last-child .form__field .form__input{height:100%}
.form-v2 .form__col-6:last-child .form__field .form__input textarea{height:100%!important}
.form-v2 .form__button{width:100%;padding:14px 40px;background:#e50c7e;color:#fff;border:none;border-radius:12px;font-family:Unbounded,sans-serif;font-size:16px;font-weight:400;cursor:pointer;transition:opacity .3s;margin-top:8px}
.form-v2 .form__button:hover{opacity:.85}
.form-v2 .form__bottom .form__col-12{width:100%}
.form-v2 .form__row:first-child .form__col-6:last-child{display:flex;flex-direction:column}
.form-v2 .form__row:first-child .form__col-6:last-child .form__field{flex:1;display:flex;flex-direction:column}
.form-v2 .form__row:first-child .form__col-6:last-child .form__input{flex:1;display:flex}
.form-v2 .form__row:first-child .form__col-6:last-child textarea{flex:1;min-height:200px!important}
@media(max-width:767px){.form-v2 .form__button{width:100%!important;max-width:100%!important}}
.form-v2 .form__bottom .form__checkbox{margin-top:8px;margin-bottom:16px}
.service__detail{max-width:1200px;margin:0 auto;padding:0 15px 40px}
.service__detail h1{font-family:Unbounded,sans-serif!important;font-weight:600;font-size:36px;color:#010101;margin-bottom:24px}
.service__detail-images{margin-bottom:32px}
.service__slider-for{margin-bottom:12px}
.service__slider-for-item img{width:100%;height:auto;border-radius:20px;display:block}
.service__slider-nav-wrap{margin-bottom:24px}
.service__slider-nav-item{height:80px;background-size:cover;background-position:center;border-radius:12px;cursor:pointer;border:2px solid transparent;transition:.3s}
.service__slider-nav-item:hover,.service__slider-nav-item.active{border-color:#e50c7e}
.service__detail-line{border:none;border-top:1px solid #d9d9d9;margin:24px 0}
.service__detail-text{font-family:Unbounded,sans-serif!important;font-size:14px;font-weight:300;line-height:1.8;color:#010101}
.service__detail-text h2,.service__detail-text h3{font-family:Unbounded,sans-serif!important;font-weight:600;color:#010101}
.service__detail-text h2{font-size:28px;margin:32px 0 16px}
.service__detail-text h3{font-size:22px;margin:24px 0 12px}
.service__detail-text p{margin-bottom:16px}
.service__detail-text ul{padding-left:20px;margin-bottom:16px}
.service__detail-text li{margin-bottom:8px}
.service__detail-price{margin:32px 0}
.service__detail-price-title{font-family:Unbounded,sans-serif!important;font-weight:600;font-size:22px;color:#010101;margin-bottom:16px}
.service__detail-price-table{width:100%;border-collapse:collapse;font-family:Unbounded,sans-serif!important;font-size:14px;font-weight:300}
.service__detail-price-table th{text-align:left;font-weight:600;padding:12px 16px;border-bottom:2px solid #010101}
.service__detail-price-table td{padding:12px 16px;border-bottom:1px solid #d9d9d9}
.service__content .service-list{margin:32px 0}
.service__content .service-list ul{list-style:none;padding:0}
.service__content .service-list li{margin-bottom:4px}
.service__content .service-list a{font-family:Unbounded,sans-serif;font-size:14px;font-weight:300;color:#e50c7e;text-decoration:none}
.service__content .service-list a:hover{text-decoration:underline}
@media(max-width:767px){.service__detail h1{font-size:22px}.service__detail-text h2{font-size:22px}.service__detail-text h3{font-size:18px}}
.service__content{max-width:1200px;margin:0 auto;padding:0 15px}
.service__sidebar{display:none!important}
.product-item-detail-short-card-fixed{display:none!important}
.product-item-detail-pay-block{display:none!important}
.product-item-detail-tabs-container{display:none!important}
.product-item-scu-container{display:none!important}
.service__detail-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}
.service__detail-gallery-item img{width:100%;height:250px;object-fit:cover;border-radius:12px;display:block}
@media(max-width:767px){.service__detail-gallery{grid-template-columns:repeat(2,1fr)}.service__detail-gallery-item img{height:180px}}
.service__detail-title{font-family:Unbounded,sans-serif!important;font-weight:600;font-size:36px;color:#010101;margin-bottom:24px}
@media(max-width:767px){.service__detail-title{font-size:22px}}
.service__detail-hero{margin-bottom:32px}
.service__detail-main-img{margin-bottom:12px}
.service__detail-main-img img{width:100%;max-height:500px;object-fit:cover;border-radius:20px;display:block}
.service__detail-thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.service__detail-thumbs::-webkit-scrollbar{display:none}
.service__detail-thumb{flex-shrink:0;width:100px;height:70px;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:.3s;opacity:.6}
.service__detail-thumb.active,.service__detail-thumb:hover{border-color:#e50c7e;opacity:1}
.service__detail-thumb img{width:100%;height:100%;object-fit:cover}
.service__detail-gallery{display:none!important}
@media(max-width:767px){.service__detail-main-img img{max-height:300px}.service__detail-thumb{width:70px;height:50px}}
.catalog-v2__list-item{height:auto!important}
.catalog-v2__list-content{flex:0!important}
.catalog-v2__list{margin-bottom:16px!important}
.catalog-v2 .section-title,.catalog-v2 h2{margin-top:8px!important;margin-bottom:16px!important}
.catalog-v2__list.owl-carousel{align-items:start!important}
.catalog-v2__list-col{height:auto!important}
.catalog-v2__tags-item{margin:0!important;padding:0!important}
.catalog-v2__tags-block{margin-bottom:16px!important}
@media(max-width:767px){.catalog-v2__tags{gap:6px!important}.catalog-v2__tags-block{margin-bottom:8px!important}.catalog-v2 .section-title,.catalog-v2 h2{margin-top:4px!important;margin-bottom:12px!important}.office-decoration.catalog-v2{padding:16px 15px!important}.catalog-v2__list{gap:16px!important;margin-bottom:12px!important}}
.catalog-sections{max-width:1200px;margin:0 auto;padding:0 15px 40px}
.catalog-sections__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.catalog-sections__item{display:flex;align-items:flex-end;height:280px;padding:20px;background-size:cover;background-position:center;border-radius:20px;text-decoration:none;position:relative;overflow:hidden}
.catalog-sections__item::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 60%);border-radius:20px}
.catalog-sections__name{position:relative;z-index:1;font-family:Unbounded,sans-serif;font-weight:600;font-size:18px;color:#fff;text-transform:uppercase}
@media(max-width:1199px){.catalog-sections__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.catalog-sections__grid{grid-template-columns:1fr}.catalog-sections__item{height:200px}}
.catalog-sections__title{font-family:Unbounded,sans-serif!important;font-weight:600;font-size:36px;color:#010101;margin-bottom:24px}
.catalog-sections{padding-top:16px!important}
@media(max-width:767px){.catalog-sections__title{font-size:22px}}
@media(max-width:1199.98px){.index-top video{display:inline-block!important}}
@media(max-width:1199.98px){.index-top .btn-base-send,.index-top .index-top__btn{display:none!important}}
@media(max-width:1199.98px){.index-top__btn-wrap{display:none!important}}

.news-detail__video .video-js.vjs-has-started .vjs-big-play-button{display:none!important}
.news-detail__video .video-js.vjs-has-started .vjs-poster{display:none!important}
.news-detail__video .video-js video{object-fit:cover}

.footer__requisites{font-size:14px;color:#010101;margin-top:6px;font-weight:200;font-style:normal;line-height:20px}@media(max-width:1199.98px){.footer__requisites{font-size:12px;font-weight:200;line-height:16px}}

.pavel-block{padding:48px 0;background:#f5f5f5}
.pavel-block__inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:50px;padding:0 20px}
.pavel-block__photo{flex:0 0 260px;position:relative}
.pavel-block__photo::after{content:'';position:absolute;bottom:-16px;left:-16px;width:120px;height:120px;background:#e50c7e;border-radius:50%;z-index:0;opacity:0.15}
.pavel-block__photo img{width:100%;height:auto;display:block;position:relative;z-index:1}
.pavel-block__text{flex:1}
.pavel-block__text p{margin:0 0 16px;font-size:15px;font-style:italic;line-height:1.6;color:#010101;font-weight:200}
.pavel-block__text p:first-child::before{content:'\201C';font-size:48px;color:#e50c7e;font-style:normal;line-height:0;vertical-align:-18px;margin-right:4px;font-family:Georgia,serif}
.pavel-block__sign{font-style:normal;font-weight:500;font-size:15px;color:#010101;padding-top:16px;border-top:2px solid #e50c7e;display:inline-block}
@media(max-width:768px){
.pavel-block{padding:48px 0}
.pavel-block__inner{flex-direction:column;gap:32px}
.pavel-block__photo{flex:0 0 auto;max-width:280px;margin:0 auto}
.pavel-block__text p{font-size:15px}
}

.index-kind__desc{font-size:16px;color:#010101;font-weight:200;line-height:1.6;margin:0 auto 32px;max-width:700px;text-align:center}

.index-top__subtitle{font-size:18px;color:#fff;font-weight:300;line-height:1.6;margin-top:16px;text-align:center;width:100%}@media(max-width:768px){.index-top__subtitle{font-size:14px;line-height:1.5}}

.page-404{text-align:center;padding:100px 20px;max-width:600px;margin:0 auto}
.page-404__code{font-size:120px;font-weight:700;color:#e50c7e;line-height:1;margin-bottom:16px;font-family:'Unbounded',sans-serif}
.page-404__title{font-size:28px;font-weight:500;color:#010101;margin-bottom:16px;font-family:'Unbounded',sans-serif}
.page-404__text{font-size:16px;color:#666;font-weight:200;line-height:1.6;margin-bottom:32px}
.page-404__btn{display:inline-block;padding:14px 32px;background:#e50c7e;color:#fff;border-radius:12px;text-decoration:none;font-size:16px;font-weight:400;transition:opacity .2s}
.page-404__btn:hover{opacity:0.85}
@media(max-width:768px){.page-404__code{font-size:80px}.page-404__title{font-size:22px}.page-404{padding:60px 20px}}

.news-redesign{max-width:1200px;margin:0 auto;padding:0 20px 60px}
.news-redesign__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-redesign__card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;text-decoration:none;color:#010101;transition:box-shadow .2s;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.news-redesign__card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}
.news-redesign__card-img{height:220px;background-size:cover;background-position:center;position:relative}
.news-redesign__card-date{position:absolute;top:12px;left:12px;background:#e50c7e;color:#fff;font-size:12px;padding:4px 10px;border-radius:8px;font-weight:400}
.news-redesign__card-body{padding:20px}
.news-redesign__card-title{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:8px}
.news-redesign__card-text{font-size:14px;font-weight:200;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-redesign__pager{margin-top:40px;text-align:center}
.news-detail-redesign{max-width:800px;margin:0 auto;padding:0 20px 60px}
.news-detail-redesign__hero{margin-bottom:24px;border-radius:20px;overflow:hidden}
.news-detail-redesign__hero img{width:100%;height:auto;display:block}
.news-detail-redesign__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.news-detail-redesign__date{font-size:14px;color:#999;font-weight:300}
.news-detail-redesign__back{font-size:14px;color:#e50c7e;text-decoration:none;font-weight:400}
.news-detail-redesign__back:hover{text-decoration:underline}
.news-detail-redesign__content{font-size:16px;line-height:1.7;color:#010101;font-weight:300}
.news-detail-redesign__content h2,.news-detail-redesign__content h3{font-weight:500;margin:32px 0 16px}
.news-detail-redesign__content p{margin:0 0 16px}
.news-detail-redesign__content img{max-width:100%;height:auto;border-radius:12px;margin:16px 0}
@media(max-width:768px){
.news-redesign__grid{grid-template-columns:1fr}
.news-redesign__card-img{height:200px}
}

.news-redesign-wrap{max-width:1200px;margin:0 auto;padding:20px 20px 60px}
.news-redesign-wrap .page-title{font-family:'Unbounded',sans-serif;font-size:36px;font-weight:600;color:#010101;margin:0 0 32px}
.news-redesign{padding:0}
.news-redesign__pager .bx-pagination{display:flex;justify-content:center;gap:8px;list-style:none;padding:0}
.news-redesign__pager .bx-pagination ul{display:flex;gap:4px;list-style:none;padding:0;margin:0}
.news-redesign__pager .bx-pagination li{display:inline-block}
.news-redesign__pager .bx-pagination li a,.news-redesign__pager .bx-pagination li span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:12px;font-size:14px;font-weight:400;color:#010101;text-decoration:none;border:1px solid #e0e0e0;transition:all .2s}
.news-redesign__pager .bx-pagination li a:hover{border-color:#e50c7e;color:#e50c7e}
.news-redesign__pager .bx-pagination li.bx-active span{background:#e50c7e;color:#fff;border-color:#e50c7e}
.news-detail-redesign__hero{max-height:500px;overflow:hidden}
.news-detail-redesign__hero img{width:100%;height:auto;display:block;object-fit:cover;max-height:500px}
@media(max-width:768px){.news-redesign-wrap .page-title{font-size:24px;margin:0 0 20px}.news-detail-redesign__hero{max-height:300px}.news-detail-redesign__hero img{max-height:300px}}

.news-redesign__pager{margin-top:40px;text-align:center;font-size:15px;color:#010101}
.news-redesign__pager font{display:block;margin-bottom:8px;font-weight:300}
.news-redesign__pager font a{color:#e50c7e;text-decoration:none;padding:2px 6px;border-radius:6px;transition:all .2s}
.news-redesign__pager font a:hover{background:#fce4ef}
.news-redesign__pager font b{background:#e50c7e;color:#fff;padding:2px 8px;border-radius:6px;font-weight:500}

.news-detail-redesign__title{font-family:'Unbounded',sans-serif;font-size:28px;font-weight:600;color:#010101;margin:0 0 24px;line-height:1.3}
.news-detail-redesign__bottom{margin-top:40px;padding-top:24px;border-top:1px solid #e0e0e0}
.news-detail-redesign__back-btn{display:inline-block;padding:12px 28px;background:#e50c7e;color:#fff;border-radius:12px;text-decoration:none;font-size:15px;font-weight:400;transition:opacity .2s}
.news-detail-redesign__back-btn:hover{opacity:0.85}
@media(max-width:768px){.news-detail-redesign__title{font-size:22px}}

.news-detail-redesign{padding-top:20px}
.news-detail-redesign__title{margin-top:0}
.news-detail-redesign__hero{max-height:450px}
.news-detail-redesign__hero img{max-height:450px;object-fit:cover}

.news-detail-redesign__gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;margin-bottom:32px}
.news-detail-redesign__gallery-item{border-radius:12px;overflow:hidden;display:block}
.news-detail-redesign__gallery-item img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .2s}
.news-detail-redesign__gallery-item:hover img{transform:scale(1.03)}
@media(max-width:768px){.news-detail-redesign__gallery{grid-template-columns:repeat(2,1fr)}.news-detail-redesign__gallery-item img{height:150px}}

.news-detail-redesign__content iframe{max-width:100%;border-radius:12px}
.news-detail-redesign__content .instagram-media,.news-detail-redesign__content blockquote[class*="instagram"]{max-width:100%!important;min-width:0!important;width:100%!important;margin:16px auto!important}
.news-detail-redesign__content iframe[src*="youtube"],.news-detail-redesign__content iframe[src*="youtu.be"],.news-detail-redesign__content iframe[src*="rutube"]{width:100%;aspect-ratio:16/9;height:auto}

.news-detail-redesign{overflow:hidden}
.news-detail-redesign__content{overflow:hidden;word-wrap:break-word}
.news-detail-redesign__content *{max-width:100%!important;box-sizing:border-box}
.news-detail-redesign__content img{height:auto!important;width:auto;max-width:100%!important}

.news-detail-redesign,.news-detail-redesign__content,.news-detail-redesign *{max-width:800px;box-sizing:border-box}
.news-detail-redesign__content blockquote{max-width:100%!important;width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
.news-detail-redesign__content iframe{max-width:100%!important;width:100%!important}

.news-detail-redesign__insta-link{display:inline-block;padding:12px 24px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-radius:12px;text-decoration:none;font-size:15px;font-weight:400}
.news-detail-redesign__insta-link:hover{opacity:0.9}

.news-detail-redesign__video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:20px 0;border-radius:12px}
.news-detail-redesign__video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

.news-lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.news-lightbox.active{display:flex;align-items:center;justify-content:center}
.news-lightbox__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9)}
.news-lightbox__content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}
.news-lightbox__img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;position:relative;z-index:1}
.news-lightbox__close{position:fixed;top:20px;right:20px;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;z-index:2;line-height:1}
.news-lightbox__prev,.news-lightbox__next{position:fixed;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);border:none;color:#fff;font-size:36px;cursor:pointer;z-index:2;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}
.news-lightbox__prev:hover,.news-lightbox__next:hover{background:rgba(255,255,255,.3)}
.news-lightbox__prev{left:20px}
.news-lightbox__next{right:20px}
.news-lightbox__counter{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;z-index:2}
.news-detail-redesign__gallery-item{cursor:pointer}

/* === About page redesign === */
.about-r{max-width:1200px;margin:0 auto;padding:20px 20px 60px}
.about-r__title{font-family:'Unbounded',sans-serif;font-size:36px;font-weight:600;color:#010101;margin:0 0 40px;line-height:1.3}
.about-r__section-title{font-family:'Unbounded',sans-serif;font-size:28px;font-weight:600;color:#010101;margin:0 0 32px}
.about-r__intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:48px}
.about-r__intro p{font-size:16px;line-height:1.7;color:#010101;font-weight:300;margin:0}
.about-r__indicators{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:56px}
.about-r__indicator{background:#f5f5f5;border-radius:20px;padding:32px;text-align:center}
.about-r__indicator-value{font-family:'Unbounded',sans-serif;font-size:48px;font-weight:700;color:#e50c7e;margin-bottom:8px}
.about-r__indicator-value--percent::after{content:'%'}
.about-r__indicator-label{font-size:15px;color:#666;font-weight:300;line-height:1.4}
.about-r__art-image{margin:0 0 56px;text-align:center}
.about-r__art-image img{max-width:100%;height:auto}
.about-r__story{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-bottom:56px}
.about-r__story h3{font-family:'Unbounded',sans-serif;font-size:22px;font-weight:500;color:#010101;margin:0 0 16px}
.about-r__story-text{font-size:16px;line-height:1.7;color:#010101;font-weight:300}
.about-r__story-img{border-radius:20px;overflow:hidden}
.about-r__story-img img{width:100%;height:auto;display:block}
.about-r__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:56px}
.about-r__tile{border-radius:20px;overflow:hidden;min-height:240px}
.about-r__tile--img{background-size:cover;background-position:center}
.about-r__tile--text{background:#f5f5f5;padding:28px}
.about-r__tile-title{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:500;color:#010101;margin-bottom:12px}
.about-r__tile-text{font-size:14px;line-height:1.6;color:#666;font-weight:300}
.about-r__clients{padding:56px 0;background:#f5f5f5;margin-bottom:56px}
.about-r__clients-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-items:center}
.about-r__clients-item{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:center;min-height:80px}
.about-r__clients-item img{max-width:100%;max-height:60px;object-fit:contain}
.about-r__advantages{padding:56px 0}
.about-r__advantages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.about-r__advantages-item{text-align:center;padding:24px}
.about-r__advantages-icon{margin-bottom:16px}
.about-r__advantages-icon img{height:48px}
.about-r__advantages-title{font-family:'Unbounded',sans-serif;font-size:14px;font-weight:500;color:#010101;margin-bottom:8px}
.about-r__advantages-text{font-size:13px;color:#666;font-weight:300;line-height:1.5}
.about-r__portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}
.about-r__portfolio-card{display:block;border-radius:20px;overflow:hidden;text-decoration:none;color:#010101;border:1px solid #e0e0e0;transition:box-shadow .2s}
.about-r__portfolio-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}
.about-r__portfolio-img{height:220px;background-size:cover;background-position:center}
.about-r__portfolio-name{padding:16px 20px;font-size:15px;font-weight:400}
.about-r__portfolio-more{text-align:center}
.about-r__btn{display:inline-block;padding:14px 32px;background:#e50c7e;color:#fff;border-radius:12px;text-decoration:none;font-size:15px;font-weight:400;transition:opacity .2s}
.about-r__btn:hover{opacity:0.85}
@media(max-width:991px){.about-r__intro{grid-template-columns:1fr}.about-r__story{grid-template-columns:1fr}.about-r__tiles{grid-template-columns:1fr 1fr}.about-r__indicators{grid-template-columns:1fr 1fr 1fr}.about-r__advantages-grid{grid-template-columns:1fr 1fr}.about-r__portfolio-grid{grid-template-columns:1fr 1fr}.about-r__clients-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.about-r__title{font-size:24px}.about-r__section-title{font-size:22px}.about-r__tiles{grid-template-columns:1fr}.about-r__indicators{grid-template-columns:1fr}.about-r__indicator-value{font-size:36px}.about-r__advantages-grid{grid-template-columns:1fr}.about-r__portfolio-grid{grid-template-columns:1fr}.about-r__clients-grid{grid-template-columns:repeat(2,1fr)}}

/* === Portfolio detail redesign === */
.portfolio-detail{max-width:800px;margin:0 auto;padding:20px 20px 60px}
.portfolio-detail__params{margin-bottom:32px;padding:24px;background:#f5f5f5;border-radius:20px}
.portfolio-detail__params-item{font-size:15px;line-height:1.8;font-weight:300;color:#010101}
.portfolio-detail__params-item span{font-weight:500}
.portfolio-detail__params-item a{color:#e50c7e;text-decoration:none}
.portfolio-detail__params-item a:hover{text-decoration:underline}
.portfolio-detail__content{font-size:16px;line-height:1.7;color:#010101;font-weight:300}
.portfolio-detail__content h2{font-family:'Unbounded',sans-serif;font-size:24px;font-weight:600;margin:32px 0 16px}
.portfolio-detail__part{margin-bottom:24px}
.portfolio-detail__part img{max-width:100%;height:auto;border-radius:12px;margin:12px 0}
.portfolio-detail__button{display:none}
.portfolio-detail__slider{margin-bottom:24px;border-radius:20px;overflow:hidden}
.portfolio-detail__slider img{width:100%;height:auto;display:block}
.portfolio-detail__gallery{margin-top:32px}
.portfolio-detail__gallery-item{margin-bottom:12px}
.portfolio-detail__gallery-link{display:block;height:200px;background-size:cover;background-position:center;border-radius:12px}
.portfolio-detail__gallery-link .zoom-icon{display:none}
@media(max-width:768px){.portfolio-detail__content h2{font-size:20px}}

.about-r__portfolio{padding-top:0}
.about-r__portfolio .container{padding-top:0}
.about-r__portfolio-grid{margin-top:0}

.about-r--no-pad-bottom{padding-bottom:0}
.about-r__clients{margin-bottom:0}
.about-r__advantages{padding-bottom:24px}

/* Portfolio list page */
.news-redesign-wrap .about-r__portfolio-grid{grid-template-columns:repeat(3,1fr);gap:24px}
.news-redesign-wrap .about-r__portfolio-card{border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.news-redesign-wrap .about-r__portfolio-img{height:220px}
@media(max-width:991px){.news-redesign-wrap .about-r__portfolio-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.news-redesign-wrap .about-r__portfolio-grid{grid-template-columns:1fr}.news-redesign-wrap .about-r__portfolio-img{height:200px}}

.portfolio-page-wrap{max-width:1200px;margin:0 auto;padding:20px 20px 60px}
.portfolio-page-wrap .page-title{font-family:'Unbounded',sans-serif;font-size:36px;font-weight:600;color:#010101;margin:0 0 32px}
.portfolio-page-wrap .about-r__portfolio-grid{grid-template-columns:repeat(3,1fr);gap:24px}
.portfolio-page-wrap .about-r__portfolio-img{height:220px}
.portfolio-page-wrap .about-r__portfolio-card{border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.04)}
@media(max-width:991px){.portfolio-page-wrap .about-r__portfolio-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.portfolio-page-wrap .page-title{font-size:24px}.portfolio-page-wrap .about-r__portfolio-grid{grid-template-columns:1fr}.portfolio-page-wrap .about-r__portfolio-img{height:200px}}

/* Video detail fix */
.news-detail-redesign .news-detail-redesign__video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:20px 0;border-radius:12px}
.news-detail-redesign .news-detail-redesign__video-wrap iframe,.news-detail-redesign .news-detail-redesign__video-wrap video,.news-detail-redesign .news-detail-redesign__video-wrap .bx_player_container{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;max-width:100%!important}
.news-detail-redesign .news-detail-redesign__video-wrap img{max-width:100%;height:auto}

.news-detail-redesign{overflow:hidden}
.news-detail-redesign *{max-width:100%!important;box-sizing:border-box}
.news-detail-redesign .news-detail-redesign__video-wrap *{width:100%!important;height:100%!important}

/* Privacy policy */
.article-detail__text{max-width:800px;margin:0 auto;padding:20px 20px 60px;font-size:16px;line-height:1.7;color:#010101;font-weight:300}
.article-detail__text p{margin:0 0 12px}
.article-detail__text strong{font-weight:600}
.article-detail__text a{color:#e50c7e;text-decoration:none}
.article-detail__text a:hover{text-decoration:underline}
.article-detail__text table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.article-detail__text table td,.article-detail__text table th{border:1px solid #e0e0e0;padding:12px;vertical-align:top}
.article-detail__text table strong{font-weight:500}

/* Search page */
.search{max-width:800px;margin:0 auto;padding:20px 20px 60px}
.search__search{margin-bottom:32px}
.search__search form{display:flex;gap:12px}
.search__search-input{flex:1;padding:14px 20px;border:1px solid #e0e0e0;border-radius:12px;font-size:16px;outline:none;font-weight:300}
.search__search-input:focus{border-color:#e50c7e}
.search__search-btn{background:#e50c7e;border:none;border-radius:12px;padding:14px 20px;cursor:pointer}
.search__search-btn svg{width:20px;height:20px;fill:#fff}
.search__item{display:block;padding:20px 0;border-bottom:1px solid #e0e0e0;text-decoration:none;color:#010101}
.search__item:hover{color:#e50c7e}
.search__item-title{font-size:18px;font-weight:500;margin-bottom:8px}
.search__item-text{font-size:14px;color:#666;font-weight:300;line-height:1.5}
.search__item-image{display:none}

.search__title{font-family:'Unbounded',sans-serif;font-size:36px;font-weight:600;color:#010101;margin:0 0 24px}
.search__count{font-size:14px;color:#999;font-weight:300;margin-bottom:24px}
.search__item{display:flex;gap:20px;padding:20px;border-radius:16px;text-decoration:none;color:#010101;transition:background .2s}
.search__item:hover{background:#f5f5f5}
.search__item-img{width:120px;min-width:120px;height:90px;border-radius:12px;background-size:cover;background-position:center}
.search__item-body{flex:1;min-width:0}
.search__item-title{font-size:17px;font-weight:500;margin-bottom:6px;line-height:1.4}
.search__item-text{font-size:14px;color:#666;font-weight:300;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search__empty{font-size:16px;color:#666;font-weight:300;padding:40px 0;text-align:center}
@media(max-width:768px){.search__title{font-size:24px}.search__item{flex-direction:column;gap:12px}.search__item-img{width:100%;height:160px}}

/* Contacts page */
.contacts{padding-bottom:60px}
.contacts .container{max-width:1200px;margin:0 auto;padding:0 20px}
.contacts__top{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:20px 0 40px}
.contacts__data-select{position:relative;margin-bottom:24px}
.contacts__data-select-current{padding:12px 20px;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;font-size:16px;font-weight:400;background:#fff;position:relative}
.contacts__data-select-current::after{content:'▾';position:absolute;right:16px;top:50%;transform:translateY(-50%)}
.contacts__data-select-current.active{border-color:#e50c7e}
.contacts__data-select-list{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-top:4px;z-index:10;overflow:hidden}
.contacts__data-select-item{padding:12px 20px;cursor:pointer;font-size:15px;transition:background .2s}
.contacts__data-select-item:hover{background:#f5f5f5}
.contacts__data-block{display:none}
.contacts__data-block.active{display:block}
.contacts__data-item{position:relative;padding:8px 0 8px 0;font-size:15px;line-height:1.6;font-weight:300;color:#010101}
.contacts__data-item-bold{font-weight:500}
.contacts__data-item a{color:#e50c7e;text-decoration:none}
.contacts__data-item a:hover{text-decoration:underline}
.contacts__data-item-icon{display:none}
.contacts__data-social{display:flex;gap:12px;margin:20px 0}
.contacts__data-social-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e0e0e0;border-radius:50%;transition:border-color .2s}
.contacts__data-social-item:hover{border-color:#e50c7e}
.contacts__data-social-item img{width:20px;height:20px}
.contacts__data-buttons{display:flex;gap:12px;margin-top:16px}
.contacts__data-btn-print,.contacts__data-btn-save{display:none}
.contacts__map{height:400px;border-radius:20px;overflow:hidden;margin:0 20px 40px}
.contacts__bottom{padding:0 20px}
.contacts__bottom .container{max-width:1200px}
.contacts__bottom-title{font-family:'Unbounded',sans-serif;font-size:22px;font-weight:500;color:#010101;margin-bottom:16px}
.contacts__bottom-data{font-size:15px;line-height:1.7;color:#666;font-weight:300}
.contacts__bottom-data p{margin:0 0 4px}
.feedback-form{background:#f5f5f5;border-radius:20px;padding:32px}
.feedback-form__title{font-family:'Unbounded',sans-serif;font-size:20px;font-weight:500;margin-bottom:24px}
.form__form form{display:flex;flex-direction:column;gap:16px}
.form__row{display:flex;gap:16px;flex-wrap:wrap}
.form__col-4{flex:1;min-width:200px}
.form__col-12{width:100%}
.form__label{display:block;font-size:13px;color:#666;font-weight:300;margin-bottom:4px}
.form__input{position:relative}
.form__input input,.form__input textarea{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:15px;outline:none;font-weight:300;box-sizing:border-box}
.form__input input:focus,.form__input textarea:focus{border-color:#e50c7e}
.form__input textarea{min-height:100px;resize:vertical}
.form__input svg{display:none}
.form__checkbox{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#666;font-weight:300}
.form__checkbox a{color:#e50c7e}
.form__button{display:inline-block;padding:14px 32px;background:#e50c7e;color:#fff;border:none;border-radius:12px;font-size:15px;cursor:pointer;transition:opacity .2s}
.form__button:hover{opacity:0.85}
.form__result{display:none}
.form__file-input{position:relative}
.form__file-field{opacity:0.01;position:absolute;width:100%;height:100%;cursor:pointer}
.form__file-name{padding:12px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:14px;color:#999;min-height:44px;box-sizing:border-box}
.form__icon-file{display:none}
@media(max-width:991px){.contacts__top{grid-template-columns:1fr}}
@media(max-width:768px){.contacts__map{height:300px;margin:0 0 40px;border-radius:12px}}

.contacts__title{font-family:'Unbounded',sans-serif;font-size:36px;font-weight:600;color:#010101;margin:0 0 32px;padding-top:20px}
@media(max-width:768px){.contacts__title{font-size:24px}}

/* Contacts redesign v2 */
.contacts__map{margin:0 auto 40px;max-width:1200px;height:450px;border-radius:20px;overflow:hidden}
.contacts__top{padding:0 0 40px}
.contacts__data-select{margin-bottom:28px}
.contacts__data-select-current{font-size:17px;font-weight:500;padding:14px 24px;border-radius:14px}
.contacts__data-block.active{display:flex;flex-direction:column;gap:4px}
.contacts__data-item{padding:10px 0;font-size:16px}
.contacts__data-social{margin:24px 0 0}
.contacts__data-social-item{width:44px;height:44px}
.contacts__data-social-item img{width:22px;height:22px}
.feedback-form{border-radius:24px;padding:36px}
.feedback-form__title{font-size:22px;margin-bottom:28px}
.form__input input,.form__input textarea{border-radius:14px;padding:14px 18px;font-size:16px}
.form__button{padding:16px 36px;border-radius:14px;font-size:16px;font-weight:500}
.contacts__bottom{max-width:1200px;margin:0 auto;padding:0 20px 60px}
.contacts__bottom-title{font-size:24px;margin-bottom:20px}
.contacts__bottom-data{font-size:16px}
@media(max-width:768px){.contacts__map{height:300px;border-radius:14px;margin:0 20px 32px}.contacts__bottom-title{font-size:20px}}

.form__result{display:none;text-align:center;padding:40px 20px}
.modal-form__result-title{font-family:'Unbounded',sans-serif;font-size:20px;font-weight:500;color:#010101;margin-bottom:16px}
.modal-form__result-text{font-size:15px;color:#666;font-weight:300}
.modal-form__result-line{display:none}
.form__error{color:#e50c7e;font-size:12px;margin-top:4px}

.form-v2{background:#f5f5f5;border-radius:20px;padding:40px}
.form-v2 .form__row:first-child{display:flex;align-items:stretch}
.form-v2 .form__row:first-child>.form__col-6:last-child{display:flex;flex-direction:column}
.form-v2 .form__row:first-child>.form__col-6:last-child .form__row,.form-v2 .form__row:first-child>.form__col-6:last-child .form__col-12,.form-v2 .form__row:first-child>.form__col-6:last-child .form__field,.form-v2 .form__row:first-child>.form__col-6:last-child .custom-itext,.form-v2 .form__row:first-child>.form__col-6:last-child .form__input,.form-v2 .form__row:first-child>.form__col-6:last-child .input-wrapper{display:flex;flex-direction:column;flex:1;width:100%}
.form-v2 .form__row:first-child>.form__col-6:last-child textarea{flex:1;min-height:100%!important;height:auto!important;resize:vertical}
@media(max-width:767px){.form-v2{padding:24px 16px}.form-v2 .form__row:first-child>.form__col-6:last-child textarea{min-height:140px!important}}
.form-v2 .form__row:first-child>.form__col-6:last-child .h-100{display:flex;flex-direction:column;flex:1;height:auto;width:100%}
.form-v2 .form__row:first-child>.form__col-6:last-child textarea.h-100,.form-v2 .form__row:first-child>.form__col-6:last-child textarea{flex:1;min-height:100%;height:auto!important;resize:vertical;box-sizing:border-box}
@media(max-width:767px){.form-v2 .form__row:first-child>.form__col-6:last-child textarea{min-height:140px!important;flex:none}}
.form-v2 .form__row:first-child>.form__col-6:last-child textarea{min-height:214px!important;height:214px!important;flex:none!important;resize:vertical}
@media(max-width:767px){.form-v2 .form__row:first-child>.form__col-6:last-child textarea{min-height:140px!important;height:140px!important}}
.form-v2 textarea[name="MESSAGE"],.form-v2 textarea[name="note"]{min-height:214px!important;height:214px!important;flex:none!important}
@media(max-width:767px){.form-v2 textarea[name="MESSAGE"],.form-v2 textarea[name="note"]{min-height:140px!important;height:140px!important}}
.service__detail-main-img a{display:block;cursor:pointer}
@media(min-width:1200px){
.index-who-work .swiper-button-prev,.index-who-work .swiper-button-next{top:150px;transform:none;margin-top:0}
}

/* End */
/* /local/templates/art4walls-redesign/assets/css/main.css?1781697138250099 */
/* /local/templates/art4walls-redesign/assets/css/catalog-redesign.css?179120924944827 */