/*============= ALIGNES ===============*/

.content>p,
.content>li,
.content>p>a{
	color:white;
	max-width: 1410px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.content>p>a{
	padding: 0 0;
}

.content>p,
.content>li {
	margin-top:var(--twenty);
	margin-bottom:var(--twenty);
}

body.single-services .stages-block,
body.single-services .gallery-block {
  padding-top: unset;
}

body.privacy-policy .content>* {
  overflow-wrap: anywhere;
}

body.privacy-policy h2,
body.privacy-policy h3,
body.privacy-policy h4,
body.privacy-policy h5,
body.privacy-policy h6 {
  margin-bottom: var(--thirty);
}

body.privacy-policy p,
body.privacy-policy li {
font-family: var(--font-family);
    font-weight: 400;
    font-size: var(--1614);
    line-height: 125%;
    color: var(--black);
}

.error-holder {
  display: flex;
  flex-direction: column;
  max-width: 690px;
  width: 100%;
  height: fit-content;
  margin-left: auto;
  margin-right: auto;
  gap: var(--thirty);
}

.error-text__holder {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-contentt;
}

.error-title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h2);
  line-height: 110%;
  text-align: center;
  color: var(--black);
  margin-bottom: var(--fifteen);
}

.error-subtitle {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  text-align: center;
  color: var(--black);
  margin-bottom: var(--fourty);
}

.error-btn {
  margin-left: auto;
  margin-right: auto;
}

.error-photo,
.error-photo>* {
  width: 100%;
  height: 100%;
  display: flex;
  max-width: 100vw;
  max-height: 100vw;
}

body.post-type-archive-pricelist #main,
body.post-type-archive-pricelist #primary,
body.post-type-archive-works #main,
body.post-type-archive-works #primary,
body.post-type-archive-galleryuniq #main,
body.post-type-archive-galleryuniq #primary,
body.post-type-archive-reviews #main,
body.post-type-archive-reviews #primary,
body.post-type-archive-stocks #main,
body.post-type-archive-stocks #primary,
body.error-page #main,
body.error-page #primary,
body.page-contacts #main,
body.page-contacts #primary,
body.page-id-3 #main,
body.page-id-3 #primary{
  padding-bottom: var(--100);
}


body.error404 .breadcrumbs {
  padding-bottom: var(--fourty) !important;
}

body.unique-page .content>*:first-child {
  padding-top: unset !important;
  margin-top: unset !important;
}

body.alternate.unique-page .content>*:first-child {
  background-color: var(--white) !important;
}

body.alternate-v2.unique-page .content>*:first-child {
  background-color: var(--background) !important;
}

.gap-80 {
  gap: var(--eighty) !important;
}

body.alternate,
body.alternate #main,
body.alternate #primary {
  background: var(--white);
}

body.alternate .breadcrumbs,
body.alternate .breadcrumbs span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray);
}

body.alternate .breadcrumbs {
  padding-top: var(--twenty);
  padding-bottom: 10px;
}

body.alternate .breadcrumbs span.current-item,
body.alternate .breadcrumbs span:hover {
  color: var(--black) !important;
}

body.alternate h1.page-title {
  color: var(--black);
}

body.alternate-v2,
body.alternate-v2 #main,
body.alternate-v2 #primary {
  background: var(--background);
}

body.alternate-v2 .breadcrumbs,
body.alternate-v2 .breadcrumbs span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray);
}

body.alternate-v2 .breadcrumbs span.current-item,
body.alternate-v2 .breadcrumbs span:hover {
  color: var(--black) !important;
}

body.alternate-v2 h1.page-title {
  color: var(--black);
}

body.alternate-v2 .breadcrumbs {
  padding-top: var(--twenty);
  padding-bottom: 10px;
}

table thead {
  border-bottom: unset !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}

table td,
table th {
  border: 1px solid var(--stroke) !important;
  padding: 15px 20px !important;
}

table td {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 145%;
  color: var(--black);
  background: var(--white);
}

/* Особые стили для столбца с ценой (3-й столбец) */
table td:nth-child(3),
table th:nth-child(3) {
  white-space: nowrap; /* Запрет переноса текста */
  text-align: left; /* Выравнивание цены по правому краю */
}

table th {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  padding: 20px !important;
  color: var(--primary);
  text-align: left;
}

/* Скрытие второго столбца на мобильных устройствах */
@media (max-width: 767px) {
  table td:nth-child(2),
  table th:nth-child(2) {
    display: none;
  }
  
  /* Уменьшение отступов на мобильных */
  table td,
  table th {
    padding: 10px 12px !important;
  }
}

/* Границы и скругления */
table td:last-child {
  border-right: unset !important;
}

table td:first-child {
  border-left: unset !important;
}

table thead {
  background: var(--txt);
}

table tr:first-child th:first-child {
  border-top-left-radius: 15px;
  border-left: unset !important;
}

table tr:first-child th:last-child {
  border-top-right-radius: 15px;
  border-right: unset !important;
}

table tr:first-child th {
  border-top: unset !important;
}

table tr:last-child td:first-child {
  border-bottom-left-radius: 15px;
  border-right: unset !important;
}

table tr:last-child td:last-child {
  border-bottom-right-radius: 15px;
  border-right: unset !important;
}

table tr:last-child td {
  border-bottom: unset !important;
}

.error-bread input[type="number"] {
  -moz-appearance: textfield;
}

::-webkit-outer-spin-button,
::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.compensate-for-scrollbar {
  margin: 0 auto !important;
}

html.with-fancybox body.hide-scrollbar {
  margin: 0 auto !important;
}

.fancybox__container * {
  transition: unset !important
}

.fancybox__container,
.fancybox__container>* {
  transform: unset !important;
  transition: unset !important
}

.fancybox-image {
  border-radius: 10px;
}

.fancybox__container iframe {
  width: 100%;
  height: 100%;
  min-width: 70vw;
  max-height: 90vh;
  aspect-ratio: 16 / 9;
}

.fancybox__content:has(iframe) {
  padding: 10px;
  background: transparent;
  width: 90%;
}

html.with-fancybox body.hide-scrollbar {
  overflow: hidden;
  /* Prevent scrolling */
}

.fancybox__container *:not(.fancybox__container .theme-modal *) {
  transition: unset;
  --fancybox-bg: rgba(29, 29, 31, 0.8)
}


/* HTML: <div class="loader"></div> */
.loader {
  width: 45px;
  aspect-ratio: 1;
  --c: no-repeat linear-gradient(90deg, var(--secondary) 0%, var(--secondary) 56.5%);
  background:
    var(--c) 0% 50%,
    var(--c) 50% 50%,
    var(--c) 100% 50%;
  background-size: 20% 100%;
  animation: l1 1s infinite linear;
  opacity: 0;
  position: fixed;
  pointer-events: none;
  left: 0;
  z-index: 11000;
  top: 0;
  bottom: 0;
  right: 0;
  margin: 0px auto;
  margin-top: auto;
  margin-bottom: auto;
}

.pseudo-bg {
  opacity: 0;
  position: fixed;
  pointer-events: none;
  left: 0;
  z-index: 10001;
  top: 0;
  bottom: 0;
  right: 0;
  margin: 0px auto;
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
  height: 100%;
  background: var(--white);
}

@keyframes l1 {
  0% {
    background-size: 20% 100%, 20% 100%, 20% 100%
  }

  33% {
    background-size: 20% 10%, 20% 100%, 20% 100%
  }

  50% {
    background-size: 20% 100%, 20% 10%, 20% 100%
  }

  66% {
    background-size: 20% 100%, 20% 100%, 20% 10%
  }

  100% {
    background-size: 20% 100%, 20% 100%, 20% 100%
  }
}

/* width */
::-webkit-scrollbar {
  width: 2px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--stroke);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--primary);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}

.archive-blocks {
  margin-top: var(--fourty);
}


.archive-blocks.archive-blocks__top {
  margin-top: 0px;
  margin-bottom: var(--100);
}

.archive-blocks.archive-blocks__bot {
  margin-top: var(--100);
  margin-bottom: 0px;
}

.archive-blocks>*:first-child {
  margin-top: 0px;
  padding-top: 0px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 60px #ffffff inset !important;
  -webkit-text-fill-color: #171717 !important;
}

img {
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE */
}

.alignwide {
  width: 100%;
}

.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 1920px;
}

@media only screen and (min-width: 1920px) {
  .alignfull {
    width: 100vw !important;
    max-width: unset;
    /*margin-left: calc(-1 * (1920px - 1170px) / 2) !important;*/
    /*margin-right: calc(-1 * (1920px - 1170px) / 2) !important;*/
  }
}

button {
  border: unset;
}

/* =========== BASE CONFIG =========== */

:root {
  --transition: all 0.4s ease-in-out;

  --ten: clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem);
  /* 10 - 8 */
  --fifteen: clamp(0.5rem, 0.4125rem + 0.4375vw, 0.9375rem);
  /* 15 - 8 */
  --eighteen: clamp(0.625rem, 0.525rem + 0.5vw, 1.125rem);
  /* 18 - 10 */
  --twenty: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
  /* 20 - 14 */
  --twentyFive: clamp(1rem, 0.8875rem + 0.5625vw, 1.5625rem);
  /* 25 - 16 */
  --thirty: clamp(0.75rem, 0.525rem + 1.125vw, 1.875rem);
  /* 30 - 12 */
  --thirtyFive: clamp(1.125rem, 0.9125rem + 1.0625vw, 2.1875rem);
  /* 35 - 18 */
  --fourty: clamp(1.125rem, 0.85rem + 1.375vw, 2.5rem);
  /* 40 - 18 */
  --fourtyFive: clamp(1.25rem, 0.9375rem + 1.5625vw, 2.8125rem);
  /* 45 - 20 */
  --fifty: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem);
  /* 50 - 20 */
  --fiftyFive: clamp(1.25rem, 0.8125rem + 2.1875vw, 3.4375rem);
  --sixty: clamp(1.375rem, 0.9rem + 2.375vw, 3.75rem);
  /* 60 - 22 */
  --sixtyFive: clamp(1.375rem, 0.8375rem + 2.6875vw, 4.0625rem);
  --seventy: clamp(1.375rem, 0.775rem + 3vw, 4.375rem);
  /* 70 - 22 */
  --eighty: clamp(1.5rem, 0.8rem + 3.5vw, 5rem);
  /* 80 - 24 */
  --eightyFive: clamp(1.375rem, 0.5875rem + 3.9375vw, 5.3125rem);
  --ninety: clamp(1.125rem, 0.225rem + 4.5vw, 5.625rem);
  /* 90 - 18 */
  --100: clamp(1.75rem, 0.85rem + 4.5vw, 6.25rem);
  /* 100 - 28 */
  --110: clamp(1.375rem, 0.275rem + 5.5vw, 6.875rem);
  /* 110 - 22 */
  --120: clamp(1.375rem, 0.15rem + 6.125vw, 7.5rem);
  /* 120 - 22 */
  --125: clamp(1.375rem, 0.0875rem + 6.4375vw, 7.8125rem);
  /* 125 - 22 */
  --150: clamp(0rem, -1.5625rem + 7.8125vw, 7.8125rem);
  --170: clamp(1.375rem, -0.475rem + 9.25vw, 10.625rem);

  --5040: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem);
  --2420: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
  --2418: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  --2018: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem);
  --2016: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  --2014: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
  --1816: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  --1614: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
  --14: 14px;


  --primary: #ffcd4f;
  --black: #1f1f1f;
  --txt: #3e3e3e;
  --gray: #757575;
  --stroke: #dadada;
  --background: #ecece9;
  --white: #fff;

  --font-family: "Roboto", sans-serif;
  --second-family: "Raleway", sans-serif;
  --third-family: "Avenir Next Cyr", sans-serif;

  --h1: clamp(1.5rem, 1rem + 2.5vw, 4rem);
  --h2: clamp(1.375rem, 1.05rem + 1.625vw, 3rem);
  --h3: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
  --h4: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem);
  --h5: 16px;
  --h6: 14px;
}

h1 {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h1);
  line-height: 110%;
  color: var(--black);
}

h2 {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h2);
  line-height: 110%;
  color: var(--black);
}

h3 {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h3);
  line-height: 125%;
  color: var(--black);
}

h4 {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h4);
  line-height: 125%;
  color: var(--black);
}

h5 {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h5);
  line-height: 125%;
  color: var(--black);
}

h6 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: var(--h6);
  line-height: 140%;
  color: #1f1f1f;
}

html {
  box-sizing: border-box;

}

* {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  transition: var(--transition);
  font-weight: 400;
  box-sizing: inherit;
}

body {
  background: var(--black);
  /* max-width: 1920px; */
  overflow-x: hidden;
  margin: 0 auto;
  width: auto;
  /*-webkit-box-shadow: 0 0 20px 5px #747474;*/
  /*box-shadow: 0 0 20px 5px #747474;*/
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

a {
  text-decoration: none;
  color: #121212;
}


ul li {
  list-style-position: inside;
  color: #121212;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
}

#mobile-mnu ul li::marker {
  font-size: 16px;
}

ul li::marker {
  color: var(--primary);
  width: 10px;
  height: 10px;
}

ol li {
  list-style-position: inside;
  color: #121212;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
}

p {
  margin-bottom: 15px;
  color: #121212;
  font-size: 18px;
  line-height: 26px;
}

h1.page-title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h1);
  line-height: 110%;
  color: var(--white);
  margin-bottom: var(--fourty);
}

.page-title__holder {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: var(--twenty);
  flex-wrap: wrap;
  margin-bottom: var(--fourty);
}

.page-title__holder .page-title {
  margin-bottom: 0px;
}

main.foned {
  position: relative;
  overflow: hidden;
  z-index: 999;
}

main.foned:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.breadcrumbs {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: fit-content;
  width: fit-content;
  gap: 0px var(--fifteen);
  padding-top: var(--twenty);
  padding-bottom: var(--twenty);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--stroke);
  flex-wrap: wrap;
}

.bread-dep {
  background: var(--primary);
  border-radius: 1px;
  width: 10px;
  height: 4px;
  display: flex;
}

.breadcrumbs span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--stroke);
}

.breadcrumbs span.current-item,
.breadcrumbs span:hover,
.error-bread {
  color: var(--primary) !important;
}

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

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

.swiper-holder {
  width: 100%;
  overflow: clip;
  position: relative;
  display: flex;
  flex-direction: column;
}

.swiper-holder .swiper {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: -30px;
  margin-bottom: -30px;
}

/* .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1) !important;
} */

.swiper-slide {
  touch-action: pan-y;
  display: flex !important;
  height: auto !important;
  align-self: stretch !important;
}

.arrow.swiper-button-disabled {
  pointer-events: none !important;
  background: var(--stroke) !important;
  border: 1px solid var(--stroke) !important;
}

.arrow.swiper-button-disabled svg path {
  fill: var(--gray) !important;
}

.swiper-pagination__holder {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  height: fit-content;
}

.swiper-pagination-bullets {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  gap: 5px;
  width: fit-content !important;
  height: fit-content !important;
  flex-wrap: wrap;
}

.swiper-pagination-bullet {
  opacity: 1 !important;
  border-radius: 2px !important;
  width: 20px !important;
  height: 5px !important;
  background: var(--stroke) !important;
  margin: unset !important;
}

.swiper-pagination-bullet-active {
  background: var(--primary) !important;
}

#main,
#primary {
  min-height: 30vh;
  background: var(--black);
  flex-grow: 1;
  overflow: clip;
}

/* components start */

.photo-overlay__v2 {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  display: flex;
  align-items: center;
  place-content: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto auto;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
}

.photo-overlay__v2 svg {
  display: flex;
  margin: auto auto;
  max-width: 30px;
  max-height: 30px;
  width: fit-content;
  height: fit-content;
}

.link-holder {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}

.link-holder__text {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--1614);
  line-height: 125%;
  color: var(--black);
}

.link-holder svg {
  display: flex;
  max-width: 20px;
  max-height: 20px;
  height: fit-content;
  width: fit-content;
}

.link-holder:hover .link-holder__text {
  color: var(--gray);
}

.link-holder:hover svg path {
  fill: var(--gray);
}

.load-more__btn-ajax {
  margin-top: var(--thirty);
  margin-left: auto;
  margin-right: auto;
}

.play-btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  margin: auto auto;
  width: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem);
  height: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem);
  align-items: center;
  place-content: center;
  background: var(--primary);
  pointer-events: none;
  border-radius: 50%;
  transform: scale(1.01);
}

.play-btn svg {
  max-width: 24px;
  max-height: 24px;
  display: flex;
  margin: auto auto;
  width: fit-content;
  height: fit-content;
}

.tab-v1 {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  gap: 10px;
  background: var(--white);
  padding: 10px var(--twenty);
  align-items: center;
  position: absolute;
  bottom: var(--twenty);
  right: var(--twenty);
  margin-left: var(--twenty);
  border-radius: 10px;
  transition: all 0.6s;
}

.tab-v1 svg {
  max-width: 0px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.6s;
}

.tab-v1 svg path {
  fill: var(--primary);
}

.tab-v1__value {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  line-height: 125%;
  color: var(--black);
  transition: all 0.6s;
}

.tab-v1:hover svg {
  max-width: 20px;
  opacity: 1;
}

.tab-v1:hover {
  background: var(--black);
}

.tab-v1:hover .tab-v1__value {
  color: var(--primary);
}

.callback-widget {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: auto;
  align-self: stretch;
  gap: var(--twenty);
  align-items: center;
}

.callback-widget__text-holder {
  max-width: 187px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: fit-content;
}

.callback-widget__title-holder {
  display: flex;
  width: fit-content;
  height: fit-content;
  align-items: center;
  gap: 5px;
}

.callback-widget__title-holder svg {
  width: 8px;
  height: 8px;
  display: flex;
  margin: auto auto;
}

.callback-widget__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--white);
}

.callback-widget__phone {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
  line-height: 125%;
  color: var(--white);
}

.callback-widget__phone:hover {
  color: var(--primary);
}

.socials-holder__with-text {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  align-items: center;
  gap: var(--fifteen);
}

.socials-holder__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: right;
  color: var(--white);
  max-width: 121px;
  height: fit-content;
}

.socials-holder__icons-socials {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  align-items: center;
  gap: 10px;
}

.callback-widget__btn {
  height: 100% !important;
}

.logo-holder {
  display: flex;
  width: fit-content;
  height: fit-content;
  flex-direction: row;
  align-items: center;
  place-content: center;
  gap: var(--fifteen);
}

.logo-holder .logo-holder__logo,
.logo-holder .logo-holder__logo>* {
  max-width: 40px;
  max-height: 40px;
  display: flex;
  width: fit-content;
  height: fit-content;
  margin: auto auto;
}

.logo-holder__text-holder {
  display: flex;
  flex-direction: column;
  width: fit-content;
  height: fit-content;
  gap: 5px;
}

.logo-holder__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: var(--2016);
  line-height: 140%;
  color: var(--white);
}
.logo-holder__title span{
  font-size: 30px;
}
.logo-holder__subtitle {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: var(--white);
}

.logo-holder:hover .logo-holder__title,
.logo-holder:hover .logo-holder__subtitle {
  color: var(--primary);
}

.no-pointer {
  cursor: unset !important;
}

.socials-holder__v1 {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px var(--thirty);
}

.soc-link {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  align-items: center;
  place-content: center;
  cursor: pointer;
  outline: none;
  gap: 10px;
}

.soc-link svg {
  max-width: 20px;
  max-height: 20px;
  display: flex;
  width: fit-content;
  height: fit-content;
  margin: auto auto;
}

.soc-link__value {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--white);
}

.soc-link:hover:not(.no-pointer) .soc-link__value {
  color: var(--primary);
}

.soc-link:hover:not(.no-pointer) svg path {
  fill: var(--primary);
}

.btn {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  align-items: center;
  place-content: center;
  text-align: center;
  border: 1px solid var(--primary);
  outline: none;
  cursor: pointer;
  border-radius: 5px;
  padding: var(--twenty) var(--fourty);
  background: var(--primary);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: var(--1614);
  line-height: 125%;
  color: var(--black);
}

.btn:hover {
  background: var(--black);
  color: var(--primary);
  border: 1px solid var(--txt);
}

.btn.btn_border {
  border: 1px solid var(--black);
  background: transparent;
  color: var(--black);
}

.btn.btn_border:hover {
  border: 1px solid var(--txt);
  background: var(--black);
  color: var(--primary);
}

.btn.btn_border_white {
  border: 1px solid var(--white);
  background: transparent;
  color: var(--white);
}

.btn.btn_border_white:hover {
  background: var(--white);
  border: 1px solid var(--white);
  color: var(--black);
}

.catalog_btn {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  align-items: center;
  place-content: center;
  text-align: center;
  border: 1px solid var(--primary);
  outline: none;
  cursor: pointer;
  gap: 10px;
  padding: var(--twenty) var(--fourty);
  background: transparent;
  border: 1px solid var(--white);
  border-radius: 5px;
}

.catalog_btn .btn-text {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--1614);
  line-height: 125%;
  color: var(--white);
}

.catalog_btn::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33333 10.8334H16.6667C16.8877 10.8334 17.0996 10.7456 17.2559 10.5893C17.4122 10.4331 17.5 10.2211 17.5 10.0001C17.5 9.77907 17.4122 9.56711 17.2559 9.41083C17.0996 9.25455 16.8877 9.16675 16.6667 9.16675H3.33333C3.11232 9.16675 2.90036 9.25455 2.74408 9.41083C2.5878 9.56711 2.5 9.77907 2.5 10.0001C2.5 10.2211 2.5878 10.4331 2.74408 10.5893C2.90036 10.7456 3.11232 10.8334 3.33333 10.8334ZM16.6667 4.16675H3.33333C3.11232 4.16675 2.90036 4.25455 2.74408 4.41083C2.5878 4.56711 2.5 4.77907 2.5 5.00008C2.5 5.2211 2.5878 5.43306 2.74408 5.58934C2.90036 5.74562 3.11232 5.83341 3.33333 5.83341H16.6667C16.8877 5.83341 17.0996 5.74562 17.2559 5.58934C17.4122 5.43306 17.5 5.2211 17.5 5.00008C17.5 4.77907 17.4122 4.56711 17.2559 4.41083C17.0996 4.25455 16.8877 4.16675 16.6667 4.16675ZM3.33333 15.8334H16.6667C16.8877 15.8334 17.0996 15.7456 17.2559 15.5893C17.4122 15.4331 17.5 15.2211 17.5 15.0001C17.5 14.7791 17.4122 14.5671 17.2559 14.4108C17.0996 14.2545 16.8877 14.1667 16.6667 14.1667H3.33333C3.11232 14.1667 2.90036 14.2545 2.74408 14.4108C2.5878 14.5671 2.5 14.7791 2.5 15.0001C2.5 15.2211 2.5878 15.4331 2.74408 15.5893C2.90036 15.7456 3.11232 15.8334 3.33333 15.8334Z' fill='white' /%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.catalog_btn:hover {
  background: var(--white);
  border: 1px solid var(--white);
}

.catalog_btn:hover .btn-text {
  color: var(--black);
}

.soc-btn {
  border-radius: 10px;
  width: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem);
  height: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem);
  display: flex;
  align-items: center;
  place-content: center;
  cursor: pointer;
  background: var(--txt);
  border: 1px solid var(--txt);
}

.soc-btn>* {
  display: flex;
  max-width: 30px;
  max-height: 30px;
  width: 50%;
  height: 50%;
  margin: auto auto;
}

.soc-btn:hover {
  background: var(--black);
  border: 1px solid var(--txt);
}

.soc-btn:hover svg path {
  fill: var(--primary);
}

.soc-btn__long {
  background: var(--txt);
  border: 1px solid var(--txt);
  display: flex;
  border-radius: 10px;
  align-items: center;
  place-self: center;
  padding: 10px var(--twenty);
  cursor: pointer;
  width: fit-content;
  height: fit-content;
  gap: var(--fifteen);
}

.soc-btn__long svg {
  display: flex;
  max-width: 30px;
  max-height: 30px;
  width: fit-content;
  height: fit-content;
  margin: auto auto;
  flex-shrink: 0;
}

.soc-btn__long .soc-btn__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--white);
  max-width: 138px;
}

.soc-btn__long:hover {
  background: var(--black);
  border: 1px solid var(--txt);
}

.soc-btn__long:hover svg path {
  fill: var(--primary);
}

.soc-btn__long:hover .soc-btn__text {
  color: var(--primary);
}

.archive-tabs {
  margin-bottom: var(--fourty);
}

.tabs-holder {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

@media(max-width:700px) {
  .tabs-holder {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .tabs-holder>* {
    width: 100% !important;
    height: 100% !important;
  }
}

@media(max-width:450px) {
  .tabs-holder {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.tab {
  display: flex;
  width: fit-content;
  height: fit-content;
  align-items: center;
  place-content: center;
  text-align: center;
  cursor: pointer;
  outline: none;
  padding: 10px var(--twenty);
  border: 1px solid var(--black);
  border-radius: 5px;
  background: transparent;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--black);
}

.tab:hover,
.tab.active {
  background: var(--primary);
  border: 1px solid var(--primary);
  color: var(--black);
}

.tab.active {
  pointer-events: none;
}

.btn-full {
  width: 100%;
}

.arrow {
  border: 1px solid var(--black);
  border-radius: 5px;
  width: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem);
  height: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem);
  background: transparent;
  align-items: center;
  place-content: center;
  cursor: pointer;
  outline: none;
  display: flex;
}

.arrow>* {
  display: flex;
  max-width: 20px;
  max-height: 20px;
  width: fit-content;
  height: fit-content;
  margin: auto auto;
}

.arrow svg path {
  fill: var(--black);
}

.arrow:hover {
  background: var(--primary);
  border-color: var(--primary);
}

.navigation.pagination {
  height: fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--twenty);
  margin-top: var(--thirty);
}

.navigation.pagination .nav-links {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  justify-content: center;
}

.navigation.pagination .page-numbers {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  line-height: 125%;
  color: var(--black);
}

.navigation.pagination .nav-links .page-numbers {
  min-width: clamp(1.875rem, 1.725rem + 0.75vw, 2.625rem);
  min-height: clamp(1.875rem, 1.6875rem + 0.9375vw, 2.8125rem);
  display: flex;
  align-items: center;
  place-content: center;
  text-align: center;
  position: relative;
  z-index: 2;
  border-radius: 20px;
  background: transparent;
}

.navigation.pagination .page-numbers.current {
  pointer-events: none;
  background: var(--primary);
}

.navigation.pagination .page-numbers.disabled{
	pointer-events:none;
}

.navigation.pagination .nav-links .page-numbers:hover {
 color:var(--primary);
}

.swiper-nav {
  margin-top: var(--fourty);
  display: flex;
  width: 100%;
  height: fit-content;
  justify-content: space-between;
  align-items: center;
  gap: var(--twenty);
  flex-wrap: wrap;
  position: relative;
  z-index: 3;
}

.stocks-block .swiper-nav{
	margin-top:var(--thirty);
}

.swiper-nav:has(.swiper-pagination-bullets) {
  flex-wrap: nowrap !important;
}

.swiper-nav:has(.swiper-pagination-bullets) .swiper-pagination-bullets {
  flex-wrap: wrap !important;
}

.swiper-nav__arrows {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  gap: var(--twenty);
}

.swiper-nav__progressbar {
  position: relative;
  width: 100%;
  top: -2px;
}

.swiper-nav__pagination {
  flex-wrap: nowrap;
  gap: var(--thirty);
  position: relative;
  z-index: 4;
}

.swiper-pagination-progressbar {
  background: var(--stroke) !important;
  height: 2px !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--primary) !important;
  height: 2px !important;
}

.swiper-nav__pseudo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 15px;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.swiper-nav__pseudo * {
  pointer-events: all;
}

.swiper-nav__pseudo>* {
  padding: 10px;
  height: 100%;
  align-items: center;
  display: flex;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

.swiper-nav__pseudo .swiper-button-disabled {
  background: rgba(255, 255, 255, 0.2) !important;
  pointer-events: none !important;
}

.swiper-nav__pseudo>*:hover {
  background: var(--black);
}

.swiper-nav__pseudo>*:hover:not(.swiper-button-disabled) svg path {
  fill: var(--primary);
}

/* components end */


/* templates start */

.block-title__unique {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h2);
  line-height: 110%;
  color: var(--black);
  margin-bottom: var(--fourty);
}

.block-v2 {
  padding-top: var(--100);
  padding-bottom: var(--100);
  background-color: var(--black) !important;
  background-size: contain !important;
  background-position: right !important;
  background-repeat: no-repeat !important;
}

.block-v2 .block-title__unique {
  color: var(--white);
}

.block-v2__unique {
  background-position: left !important;
}

.block-v3 {
  padding-top: var(--100);
  padding-bottom: var(--100);
  background-color: var(--background) !important;
  background-size: contain !important;
  background-position: right !important;
  background-repeat: no-repeat !important;
}

.block-v3 .block-title__unique {
  color: var(--black);
}

.block-v4 {
  padding-top: var(--100);
  padding-bottom: var(--100);
  background-color: var(--white) !important;
  background-size: contain !important;
  background-position: right !important;
  background-repeat: no-repeat !important;
}

.block-v4 .block-title__unique {
  color: var(--black);
}

.block-v5 {
  padding-top: var(--100);
  padding-bottom: var(--100);
  background-color: var(--white) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.block-v5 .block-title__unique {
  color: var(--white);
}

.block-no__padding {
  padding-top: unset;
  padding-bottom: unset;
}

.block-no__padding-bot {
  padding-bottom: unset;
}

.block-subtitle {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
  line-height: 125%;
  color: var(--black);
}

.block-title__holder {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--twenty);
  margin-bottom: var(--fourty);
}

.block-title__holder>* {
  margin-bottom: unset;
}

.block-title__holder .block-title__unique {
  max-width: 690px;
}

.block-title__holder>div {
  max-width: 570px;
}

.columns-1 {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: var(--thirty);
}

.columns-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  gap: var(--thirty);
}

.columns-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  gap: var(--thirty);
}

.columns-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  gap: var(--thirty);
}

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

@media(max-width:900px) {
  .columns-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media(max-width:850px) {
  .columns-3 {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:550px) {
  .columns-4 {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:580px) {
  .columns-3 {
    grid-template-columns: 1fr;
  }
}

/* 
@media(max-width:550px) {
  .columns-4 {
    grid-template-columns: 1fr;
  }
} */


input,
textarea {
  border: 1px solid var(--gray);
  border-radius: 10px;
  padding: var(--twenty) var(--thirty);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 140%;
  color: var(--black);
  background: var(--white);
  display: flex;
  width: fit-content;
  height: fit-content;
  outline: none;
  resize: none;
  transition: var(--transition);
  padding-top: 30px;
  padding-bottom: 10px;
}

textarea {
  min-height: clamp(8.75rem, 8rem + 3.75vw, 12.5rem);
  padding: var(--twenty) var(--thirty);
  padding-top: 25px;
  padding-bottom: 15px;
}

input::placeholder,
textarea::placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 140%;
  color: var(--gray);
}

input:hover,
textarea:hover,
input:focus,
textarea:focus {
  border-color: var(--black);
  color: var(--black);
}

input.error,
textarea.error {
  border-color: red !important;
  color: red !important;
}

.form-input__holder:has(input.error) .input-placeholder,
.form-input__holder:has(textarea.error) .input-placeholder,
input.error::placeholder,
textarea.error::placeholder {
  color: red !important;
}

.form-input__holder {
  position: relative;
  width: fit-content;
  height: fit-content;
}

.form-input__holder input{
	max-height:60px;
}

.form-input__holder input::placeholder {
  opacity: 0;
  transition: var(--transition);
}

.form-input__holder input:hover::placeholder,
.form-input__holder input:focus::placeholder {
  opacity: 1;
}

.input-placeholder {
  position: absolute;
  /* left: var(--thirty); */
  /* right: var(--thirty); */
  /* top: var(--thirty); */
  /* bottom: var(--thirty); */
  left: var(--thirty);
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 140%;
  color: var(--gray);
  height: fit-content;
  pointer-events: none;
  transition: var(--transition);
}

.input-placeholder.active {
  top: -25px !important;
  font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem) !important;
}

.form-input__holder:hover .input-placeholder {
  top: -25px;
  font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
}


@media(max-width:1300px) {
  .form-input__holder:hover .input-placeholder {
    top: -25px;
    font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
  }

  .form-input__holder .input-placeholder.active {
    top: -25px !important;
    font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem) !important;
  }
}


@media(max-width:1300px) {
  .form-input__holder:hover .input-placeholder {
    top: -25px;
    font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
  }

  .form-input__holder .input-placeholder.active {
    top: -25px !important;
    font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem) !important;
  }
}

.has-childs {
  position: relative;
}

a:hover {
  color: var(--primary);
}

/*============ HEADER =================*/
#header {
  position: sticky;
  top: 0px;
  width: 100%;
  display: flex;
  z-index: 1000;
}

#header li.active>a {
  color: var(--primary);
}

.header-main {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
}

.header-main__top {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: fit-content;
  justify-content: space-between;
  align-items: center;
  background: var(--txt);
  max-height: 1000px;
}

.header-main__top-inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: fit-content;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--twenty);
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.header-main__top ul {
  display: flex;
  flex-direction: row;
  gap: 10px var(--thirty);
  align-items: center;
  width: fit-content;
  height: fit-content;
}

.header-main__top ul li {
  list-style: none;
  margin-bottom: 0px;
  width: fit-content;
  height: fit-content;
}

.header-main__top ul li a {
  display: block;
  width: fit-content;
  height: fit-content;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: var(--1614);
  line-height: 125%;
  color: var(--white);
}

.header-main__top ul li a:hover {
  color: var(--primary);
}

.header-main__bot {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: fit-content;
  justify-content: space-between;
  align-items: center;
  background: var(--black);
  border-bottom: 1px solid var(--txt);
}

.header-main__bot ul li {
  margin-bottom: 0px;
  list-style: none;
}

.header-main__bot-inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: fit-content;
  flex-wrap: wrap;
  gap: var(--twenty);
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.header-main__bot .has-childs {
  border: 1px solid var(--white);
  border-radius: 5px;
  background: transparent;
  padding: var(--twenty) var(--fourty);
  width: fit-content;
  height: fit-content;
  gap: 12px !important;
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: 100%;
  max-height: 60px;
}

.header-main__bot .has-childs:hover {
  background: var(--white);
  border-color: var(--white);
}

.header-main__bot .has-childs>a {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: var(--1614);
  color: var(--white) !important;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  padding: 20px 40px;
  margin: -20px -40px;
}

.header-main__bot .has-childs:hover>a {
  color: var(--black) !important;
}

.header-main__bot .has-childs:hover>a::before {
  filter: invert(1);
}

.header-main__bot .sub-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0px;
  width: 472px;
  height: fit-content;
  opacity: 0;
  transform: translate(55px);
  transition: all 0.2s ease;
  border-radius: 5px;
  transition-delay: 0.15s;
  visibility: hidden;
  z-index: -100;
  padding: var(--thirty) var(--fourty);
  background: var(--txt);
  border: 1px solid var(--black);
  top: 80px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--fifteen) var(--thirty);
}

.header-main__bot .sub-menu a {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--1614);
  line-height: 125%;
  color: var(--white);
}

.header-main__bot .sub-menu a:hover {
  color: var(--primary);
}

.header-main__bot .sub-menu.active {
  opacity: 1;
  transform: translate(0, 0);
  visibility: visible;
  z-index: 100;
}

.header-main__bot .has-childs>a::before {
  content: '';
  display: inline-block;
  /* Adjusts spacing */
  width: 20px;
  /* Set width */
  height: 20px;
  /* Set height */
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33333 10.8334H16.6667C16.8877 10.8334 17.0996 10.7456 17.2559 10.5893C17.4122 10.4331 17.5 10.2211 17.5 10.0001C17.5 9.77907 17.4122 9.56711 17.2559 9.41083C17.0996 9.25455 16.8877 9.16675 16.6667 9.16675H3.33333C3.11232 9.16675 2.90036 9.25455 2.74408 9.41083C2.5878 9.56711 2.5 9.77907 2.5 10.0001C2.5 10.2211 2.5878 10.4331 2.74408 10.5893C2.90036 10.7456 3.11232 10.8334 3.33333 10.8334ZM16.6667 4.16675H3.33333C3.11232 4.16675 2.90036 4.25455 2.74408 4.41083C2.5878 4.56711 2.5 4.77907 2.5 5.00008C2.5 5.2211 2.5878 5.43306 2.74408 5.58934C2.90036 5.74562 3.11232 5.83341 3.33333 5.83341H16.6667C16.8877 5.83341 17.0996 5.74562 17.2559 5.58934C17.4122 5.43306 17.5 5.2211 17.5 5.00008C17.5 4.77907 17.4122 4.56711 17.2559 4.41083C17.0996 4.25455 16.8877 4.16675 16.6667 4.16675ZM3.33333 15.8334H16.6667C16.8877 15.8334 17.0996 15.7456 17.2559 15.5893C17.4122 15.4331 17.5 15.2211 17.5 15.0001C17.5 14.7791 17.4122 14.5671 17.2559 14.4108C17.0996 14.2545 16.8877 14.1667 16.6667 14.1667H3.33333C3.11232 14.1667 2.90036 14.2545 2.74408 14.4108C2.5878 14.5671 2.5 14.7791 2.5 15.0001C2.5 15.2211 2.5878 15.4331 2.74408 15.5893C2.90036 15.7456 3.11232 15.8334 3.33333 15.8334Z' fill='white' /%3E%3C/svg%3E");
  background-size: contain;
  /* Ensures the SVG fits */
  background-repeat: no-repeat;
  /* Prevents repeating */
  transition: var(--transition);
}

@media(max-width:1250px) {
  .header-main__bot-socials {
    position: fixed;
    /* bottom: clamp(1.25rem, .8125rem + 2.1875vw, 3.4375rem); */
    bottom: var(--thirty);
    right: var(--thirty);
    z-index: 1000;
    opacity: 1;
    flex-direction: column;
    gap: 10px;
    justify-content: space-around;
  }

  .header-main__bot-socials .socials-holder__text {
    display: none;
  }

  .header-main__bot-socials .socials-holder__icons-socials {
    flex-direction: column;
  }

  .header-main__bot-inner ul {
    margin-right: auto;
  }

  #header.painted .header-main__top {
    max-height: 0px;
    overflow: hidden;
  }
}

@media(max-width:900px) {
  .header-main__bot .sub-menu {
    display: none;
  }

  #header .logo-holder__text-holder {
    display: none;
  }
}

@media(max-width:800px) {
  .header-main__top ul {
    display: none;
  }
}

@media(max-width:650px) {
  #header .callback-widget__text-holder {
    display: none;
  }
}

@media(max-width:600px) {
  .header-main__top-socials>* {
    display: none;
    /* Hide all items by default */
  }

  .header-main__top-socials>*:nth-child(-n+2) {
    display: flex;
    /* Show only the first two items */
  }
}

@media(max-width:500px) {
  .header-main__bot-inner ul {
    display: none;
  }

  #header .callback-widget {
    margin-right: auto;
  }
}

@media(max-width:380px) {
  .header-main__top-socials>* {
    display: none !important;
    /* Hide all items by default */
  }

  .header-main__top-socials>*:first-child {
    display: flex !important;
    /* Show only the first two items */
  }
}

/*================ MOBILE MNU =============*/
#header .burger.open_menu {
  display: none;
  flex-direction: column;
  background-color: transparent;
  height: 40px;
  width: 40px;
  justify-content: space-evenly;
  align-items: center;
  border-radius: 2px;
  flex-shrink: 0;
  cursor: pointer;
}

#header .burger.open_menu span {
  background-color: var(--primary);
  width: 30px;
  height: 4px;
  transition: all 0.3s ease-in;
}

#header .burger.open_menu.clicked {
  background-color: var(--primary);
}

#header .burger.open_menu.clicked span {
  background-color: #fff;
}

.mobile-socials {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  width: fit-content;
  height: fit-content;
}

#mobile-mnu .logo-holder {
  margin-bottom: 20px;
}

#mobile-mnu .logo-holder__text-holder {
  display: none;
}

#header #mobile-mnu {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 320px;
  background-color: var(--black);
  padding: 30px;
  transition: all 0.3s ease-in;
  transform: translateX(-350px);
  z-index: 9999;
  overflow-y: auto;
}

#header #mobile-mnu #close-mnu {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  display: block;
  color: var(--action);
}

#header #mobile-mnu #close-mnu svg path {
  fill: var(--white);
}

#header #mobile-mnu a {
  font-size: 16px;
  line-height: 1;
  color: var(--white);
  font-weight: 450;
}

#header #mobile-mnu a:hover {
  color: var(--primary);
}

#header #mobile-mnu .menuTop {
  list-style-type: none;
  margin-bottom: 10px;
}

#header #mobile-mnu .menuTop li {
  margin-bottom: 10px;
}

#header #mobile-mnu .menuTop li a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 16px;
  line-height: 170%;
  color: var(--white);
}

#header #mobile-mnu .nav-menu-element.has-childs .sub-menu {
  all: initial;
}

#header #mobile-mnu .menuTop>li.has-childs li {
  padding-left: 15px !important;
}

#header #mobile-mnu .menuTop>li.has-childs li::after {
  content: unset;
}

#header #mobile-mnu .menuTop>li.has-childs li a {
  font-size: 14px;
}

#header #mobile-mnu .menuTop li:first-child {
  padding-top: 10px !important;
}

#header #mobile-mnu .nav-menu-element.has-childs>a::before,
#header #mobile-mnu .nav-menu-element.has-childs>a::after {
  content: none;
}

#header #mobile-mnu .logo__holder {
  text-align: center;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

#header #mobile-mnu .logo__holder img {
  max-height: 60px;
}

#header #mobile-mnu .menuTop {
  list-style-type: none;
  margin-bottom: 10px;
}

#header #mobile-mnu .menuTop li {
  margin-bottom: 10px;
  list-style: none;
}

#header #mobile-mnu .menuTop li a {
  font-size: 16px;
  line-height: 1;
  color: var(--white);
  font-weight: 450;
}

#header #mobile-mnu .menuTop li:hover>a {
  color: var(--primary);
}

#header #mobile-mnu .menuTop li.active>a {
  color: var(--primary);
}

#header #mobile-mnu .adresses__holder {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  gap: 10px;
}

#header #mobile-mnu .adresses__holder:before {
  position: absolute;
  top: 4px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  background-image: url("../images/map.svg");
  background-position: center center;
  background-repeat: no-repeat;
}

#mobile-mnu .contacts-item__outer {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
}

#header #mobile-mnu .adresses__holder p {
  font-size: 16px;
  line-height: 1;
  color: var(--white);
  font-weight: 450;
  margin-bottom: 0px;
}

#header #mobile-mnu .email__holder {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  gap: 10px;
}

#header #mobile-mnu .email__holder .email__item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 1;
  color: var(--white);
  font-weight: 450;
}

#header #mobile-mnu .email__holder .email__item:hover {
  color: var(--primary);
}

#header #mobile-mnu .email__holder .email__item svg {
  margin-right: 10px;
}

#header #mobile-mnu .phones__holder {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 20px;
}

#header #mobile-mnu .phones__holder .phone__item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 1;
  color: var(--white);
  font-weight: 450;
}

#header #mobile-mnu .phones__holder .phone__item:hover {
  color: var(--primary);
}

#header #mobile-mnu .phones__holder .phone__item svg {
  margin-right: 10px;
}

#header #mobile-mnu .soc__holder {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
}

#header #mobile-mnu .soc__holder .soc__item {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #3A899A;
  transition: background-color .3s ease-in;
}

#header #mobile-mnu .soc__holder .soc__item:hover {
  background-color: #609FA8;
}

#header #mobile-mnu.opened {
  transform: translateX(0);
}

#header #mobile-mnu .logo-holder__title,
#header #mobile-mnu .logo-holder__subtitle {
  color: var(--white);
}

@media(max-width:800px) {
  #header .burger.open_menu {
    display: flex !important;
  }
}

/*============ FOOTER ===============*/

#footer {
  background: var(--black);
  border-top: 1px solid var(--txt);
  width: 100%;
  height: fit-content;
}

.footer-top {
  padding-top: var(--sixty);
  padding-bottom: var(--sixty);
}

.footer-top__inner {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5625rem, 0.9375rem + 3.125vw, 4.6875rem);
  width: 100%;
  height: fit-content;
}

.footer-top__main-contacts {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 425px;
  height: fit-content;
  gap: var(--twenty);
}

.footer-main__phone {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: clamp(1rem, 0.75rem + 1.25vw, 2.25rem);
  line-height: 125%;
  color: var(--white);
  width: fit-content;
}

.footer-main__phone:hover {
  color: var(--primary);
}

#footer li {
  list-style: none;
  margin-bottom: 0px;
}

#footer a:hover {
  color: var(--primary);
}

#footer li.active>a {
  color: var(--primary);
}

#footer .footer-cat__menu li.active>a {
  color: var(--white);
}

#footer .footer-cat__menu li:hover>a {
  color: var(--white);
}

#footer .footer-cat__menu a:hover {
  color: var(--white);
}

.footer-long__socials {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: fit-content;
  height: fit-content;
}

.footer-top__navigation-holder {
  display: flex;
  flex-direction: row;
  max-width: 698px;
  width: 100%;
  gap: var(--sixty);
}

.footer-nav__menu {
  max-width: 172px;
  width: 100%;
  height: fit-content;
}

.footer-nav__menu li a {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--1614);
  line-height: 125%;
  color: var(--white);
}

.footer-nav__menu ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
  height: fit-content;
}

.footer-menu {
  display: flex;
  flex-direction: column;
  height: fit-content;
  gap: var(--fifteen);
}

.footer-menu__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--1614);
  line-height: 125%;
  color: var(--white);
}

.footer-cat__menu ul {
  display: grid;
  grid-template-columns: auto auto;
  gap: 10px var(--fourty);
}

.footer-cat__menu li a {
  width: fit-content;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--gray);
}

.footer-cat__menu li a:hover {
  color: var(--white);
}

.footer-btn {
  flex-shrink: 0;
}

@media(max-width:1200px) {
  .footer-cat__menu ul {
    grid-template-columns: 1fr;
  }
}

@media(max-width:1000px) {
  .footer-top__navigation-holder {
    order: 1;
    max-width: 100%;
  }

  .footer-top__navigation-holder>* {
    width: 100%;
  }

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

  .footer-nav__menu {
    max-width: 100%;
  }

}

.footer-bot {
  width: 100%;
  height: fit-content;
  padding-bottom: 20px;
}

.footer-bot__inner {
  border-top: 1px solid var(--txt);
  display: flex;
  flex-direction: row;
  width: 100%;
  height: fit-content;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  padding-top: 15px;
}

#footer .privacy,
#footer .privacy>* {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray);
}

#footer .dev {
  display: flex;
  flex-direction: row;
  gap: var(--twenty);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: var(--white);
}

#footer .dev svg path {
  fill: var(--white);
}

#footer .dev:hover {
  color: var(--primary);
}

#footer .dev:hover svg path {
  fill: var(--primary);
}

#footer .copyRight {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: right;
  color: var(--gray);
}

@media(max-width:750px) {
  .footer-bot__inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    place-content: center;
    gap: 12px;
  }
}

/* ============== MODAL ============= */
.wpcf7 .wpcf7-response-output,
.wpcf7 .wpcf7-not-valid-tip {
  display: none;
}

.wpcf7 .ajax-loader {
  display: none;
}

.wpcf7 .wpcf7-spinner {
  display: none;
}

.theme-modal {
  display: none;
  padding: var(--sixty) !important;
}

.theme-modal .form__holder {
  width: 100%
}

.theme-modal.fancybox__content {
  width: 770px;
  border-radius: 10px;
  background: var(--white);
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: unset;
}

/* .f-button {
  color: initial !important;
}

.f-button svg {
  stroke: initial;
} */

.theme-modal.fancybox__content>.f-button.is-close-btn {
  top: 20px !important;
  right: 20px !important;
  padding: 0;
  width: 20px;
  height: 20px;
  opacity: 1 !important;
  background: unset !important
}

.theme-modal.fancybox__content>.f-button.is-close-btn:hover svg path{
	fill:var(--primary);
}

.theme-modal .f-button svg {
  fill: unset !important;
  stroke: unset !important
}

@media(max-width: 1100px) {
  .theme-modal.fancybox__content>.f-button.is-close-btn {
    top: 20px !important;
    right: 20px !important
  }
}

@media(max-width: 500px) {
  .theme-modal.fancybox__content>.f-button.is-close-btn {
    top: 15px !important;
    right: 15px !important
  }
}

.theme-modal .form__holder {
  width: 100%;
  height: 100%;
  max-width: 500px;
}

.theme-modal .form-title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: var(--h3);
  line-height: 120%;
  color: var(--black);
  margin-bottom: 10px;
}

.theme-modal .form-subtitle {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 140%;
  color: var(--gray);
  margin-bottom: var(--fourty);
}

.theme-modal .form-input__holder,
.theme-modal input,
.theme-modal textarea {
  width: 100%;
  transition: var(--transition);
}

.theme-modal * {
  transition: var(--transition) !important;
}

.form-input__holder:has(textarea) .input-placeholder {
  margin-top: unset;
  margin-bottom: unset;
  top: 19px;
}

.form-input__holder:has(textarea):hover .input-placeholder {
  top: 4px !important;
  font-size: 14px !important;
}

.form-input__holder:has(textarea) .input-placeholder.active {
  top: 4px !important;
  font-size: 14px !important;
}

@media (max-width: 1300px) {

  .form-input__holder:has(textarea):hover .input-placeholder,
  .form-input__holder:has(textarea) .input-placeholder.active {
    top: 4px !important;
    font-size: 14px !important;
  }
}

.theme-modal .btn {
  width: 100%;
}

.theme-modal .privacy,
.theme-modal .privacy>* {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
  color: var(--light-text-2);
}

.theme-modal .form {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--fourty);
}

.theme-modal .form-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--thirty);
}

#modal-callback .form-row:first-child {
  flex-direction: row;
  gap: var(--twenty);
}

@media(max-width:600px) {
  #modal-callback .form-row:first-child {
    flex-direction: column;
  }
}

.theme-modal .form-row:last-child {
  gap: 10px;
}

.theme-modal input[type=file] {
  appearance: none;
  display: none;
}

.theme-modal .files,
.theme-modal .files label {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: fit-content;
}

.file-additional__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--black);
}

.theme-modal .files .file-label {
  cursor: pointer;
  border-radius: 10px;
  padding: var(--twenty) var(--twentyFive);
  background: #d3d3d3;
  display: flex;
  width: 100%;
  height: fit-content;
  place-content: center;
  align-items: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 140%;
  color: #8b8b8b;
}

.theme-modal .files .file-label:hover {
  background: var(--primary);
  color: var(--white);
}

.form-privacy,
.form-privacy>* {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--black);
}

.form-privacy>* {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}

#modal-error .form-subtitle,
#modal-success .form-subtitle {
  margin-bottom: 0px !important;
}

#modal-review .form-row:first-child {
  gap: var(--twenty) !important;
}

#modal-review .files {
  margin-top: var(--twenty);
}

/* blocks start */

.mainbanner-block {
  display: flex;
  min-height: clamp(21.875rem, 16rem + 29.375vw, 51.25rem);
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.mainbanner-pseudo {
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto;
  z-index: 1;
  background: linear-gradient(180deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 100%);
}

.mainbanner-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: fit-content;
  margin-top: auto;
  padding-top: clamp(1.5625rem, 0.5rem + 5.3125vw, 6.875rem);
  padding-bottom: clamp(1.5625rem, 0.5rem + 5.3125vw, 6.875rem);
  gap: var(--thirty);
  position: relative;
  z-index: 2;
  align-items: flex-end;
}

.mainbanner-content__main-holder {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--fourty);
  height: fit-content;
}

.mainbanner-content__main-holder__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  gap: var(--thirty);
}

.mainbanner-content__main-holder__content-title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h1);
  line-height: 110%;
  color: var(--white);
}

.mainbanner-content__main-holder__content-chars {
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.mainbanner-content__main-holder__content-chars__char {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  align-items: center;
  gap: 10px;
}

.mainbanner-content__main-holder__content-chars__char-icon {
  border-radius: 1px;
  width: 10px;
  height: 4px;
  background: var(--primary);
  display: block;
}

.mainbanner-content__main-holder__content-chars__char-value {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--white);
}

.mainbanner-content__main-holder__callback-section {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  gap: var(--thirty);
  align-items: center;
  flex-wrap: wrap;
}

.mainbanner-content__main-holder__callback-section svg {
  max-width: 30px;
  max-height: 30px;
  display: flex;
  width: fit-content;
  height: fit-content;
  margin: auto auto;
}

.mainbanner-content__main-holder__callback-section__additional {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  height: fit-content;
  gap: var(--fifteen);
}

.mainbanner-content__main-holder__callback-section__additional-text {
  max-width: 150px;
  width: 100%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--white);
}

.mainbanner-advantages {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--thirty);
  width: 100%;
  height: fit-content;
  max-width: 440px;
  flex-shrink: 0;
}

.mainbanner-advantage {
  width: 100%;
  height: fit-content;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: clamp(7.5rem, 7rem + 2.5vw, 10rem);
  background-position: center !important;
}

.mainbanner-advantage__text-holder {
  display: flex;
  flex-direction: column;
  width: fit-content;
  height: fit-content;
  padding-bottom: var(--sixty);
  max-width: 109px;
  text-align: center;
}

.mainbanner-advantage__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: clamp(1rem, 0.75rem + 1.25vw, 2.25rem);
  line-height: 125%;
  text-align: center;
  color: var(--white);
}

.mainbanner-advantage__subtitle {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
  line-height: 125%;
  text-align: center;
  color: var(--white);
}

@media(max-width:1000px) {
  .mainbanner-content {
    flex-direction: column;
  }

  .mainbanner-pseudo {
    background: linear-gradient(180deg, rgba(31, 31, 31, 0.55) 0%, #1f1f1f 100%);
  }
}

/* services-block start */

.service-card {
  width: 100%;
  height: auto;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--twenty);
}

.service-card__photo {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  align-self: stretch;
  overflow: hidden;
  position: relative;
  border-radius: 15px;
}

.service-card__photo img {
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: cover;
  aspect-ratio: 1 / 1.33335;
  transform: scale(1.01);
}

.service-card__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--2016);
  line-height: 125%;
  color: var(--white);
}

.services-btn {
  margin-top: var(--fourty);
}

.service-card:hover .service-card__photo img {
  transform: scale(1.05);
}

.service-card:hover .service-card__title {
  color: var(--primary);
}

.service-card:hover .service-card__tab svg {
  max-width: 20px;
  opacity: 1;
}

.service-card:hover .service-card__tab {
  background: var(--black);
}

.service-card:hover .service-card__tab .tab-v1__value {
  color: var(--primary);
}

.service-card__child img {
  aspect-ratio: 1.2 / .845;
}

@media(max-width:580px){
	.service-card__photo:not(.service-card__child .service-card__photo) img {
		aspect-ratio:1/1;
	}
}

/* services-block end */

/* pricelist-block start */

.pricelist-block .swiper-slide {
  max-width: 330px;
}

.pricelist-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  gap: var(--twenty);
  overflow-x: auto;
}

.pricelist-item__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h3);
  line-height: 125%;
  color: var(--black);
}

.pricelist-item__content {
  border-radius: 15px;
  border: 1px solid var(--stroke);
}

/* .pricelist-item th:first-child {
  width: 810px;
} */

.pricelist-item th:nth-child(2) {
  width: 240px;
}

.pricelist-item th:nth-child(3) {
  width: 360px;
}

@media(max-width:750px) {
  .pricelist-item th:first-child {
    width: auto;
  }

  .pricelist-item th:nth-child(2) {
    width: auto;
  }

  .pricelist-item th:nth-child(3) {
    width: auto;
  }
}

.pricelist-preview__item {
  width: 100%;
  height: 100%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--twenty);
  cursor: pointer;
}

.pricelist-preview__item-title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--2016);
  line-height: 125%;
  color: var(--txt);
}

.pricelist-preview__item-photo__holder {
  display: flex;
  position: relative;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
  align-self: stretch;
  border-radius: 15px;
}

.pricelist-preview__item-photo {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.pricelist-preview__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
  aspect-ratio: .82 / 1;
  transform: scale(1.01);
}

.pricelist-preview__item-btn {
  position: absolute;
  z-index: 2;
  width: auto;
  height: fit-content;
  bottom: var(--twenty);
  left: var(--thirty);
  right: var(--thirty);
  border-radius: 10px;
  padding: 10px var(--twenty);
  background: var(--black);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  justify-content: center;
  transform: translateY(100px);
  transition: all .4s;
}

.pricelist-preview__item-btn__value {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--1614);
  line-height: 125%;
  color: var(--primary);
}

.pricelist-preview__item-btn svg {
  max-width: 40px;
  max-height: 40px;
  display: flex;
  height: fit-content;
  width: fit-content;
}

.pricelist-preview__item-photo__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto auto;
  display: flex;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  opacity: 0;
}

.pricelist-preview__item:hover .pricelist-preview__item-btn {
  transform: translateY(0px);
}

.pricelist-preview__item:hover .pricelist-preview__item-photo__overlay {
  opacity: 1;
}

.pricelist-preview__item:hover .pricelist-preview__item-photo img {
  transform: scale(1.05);
}

.pricelist-preview__item:hover .pricelist-preview__item-title {
  color: var(--black);
}

@media(max-width:420px) {
  .pricelist-block .swiper-slide {
    max-width: 100%;
  }
}

/* pricelist-block end */

/* works-block start */

.works-block .swiper-slide.small {
  max-width: 210px;
}

.works-block .swiper-slide.big {
  max-width: 330px;
}

.work-card {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  place-content: center;
  justify-content: center;
  border: 1px solid var(--stroke);
  border-radius: 15px;
  background: var(--white);
  align-self: center;
  overflow: hidden;
}

.work-card.small {
  width: 210px;
  height: 90px;
}

.work-card.big {
  width: 330px;
  height: 140px;
}

.work-card img {
  max-width: 100%;
  max-height: 100%;
  height: fit-content;
  width: fit-content;
  object-fit: contain;
  display: flex;
  aspect-ratio: 2/1;
}

.work-card.small img {
  padding: 10px var(--twenty);
}

.work-card.small:hover {
  border-color: var(--primary);
  height: 80px;
}

.work-card.big:hover {
  border-color: var(--primary);
  height: 130px;
}

@media(max-width:390px) {
  .works-block .swiper-slide.big {
    max-width: 100%;
  }

  .works-block .work-card.big {
    width: 100%;
  }
}

/* works-block end */

/* gallery-block start */

.gallery-btn {
  margin-top: var(--fourty);
}

.gallery-item {
  width: 100%;
  height: 100%;
  align-self: stretch;
  display: flex;
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
}

.gallery-item__photo img {
  aspect-ratio: .825 / 1;
}

.gallery-item__video img {
  aspect-ratio: 1.725 / 1;
}

.gallery-item__video {
  grid-column: span 2;
}

.gallery-item .gallery-item__pseudo {
  display: flex;
  align-items: center;
  place-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
}

.gallery-item .gallery-item__pseudo svg {
  width: clamp(1.25rem, 0.3125rem + 3vw, 2rem);
  height: clamp(1.25rem, 0.3125rem + 3vw, 2rem);
  display: flex;
}

.gallery-item:hover .gallery-item__pseudo {
  opacity: 1;
}

.gallery-item:hover .play-btn {
  transform: scale(1.15);
}

@media(max-width:900px) {
  .gallery-item__video {
    grid-column: span 1;
  }

  .gallery-item__video img {
    aspect-ratio: .825 / 1;
  }
}

/* gallery-block end */

/* doneWorks-block start */

.doneWorks-block .swiper-slide {
  max-width: 690px;
}

.doneWork-card {
  width: 100%;
  height: 100%;
  align-self: stretch;
  overflow: hidden;
  background: var(--white);
  border-radius: 15px;
  display: flex;
}

.doneWork-card__inner {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto;
  align-self: stretch;
  gap: var(--thirty);
  padding: var(--twenty);
  padding-right: var(--thirty);
}

.doneWork-card__swiper-holder {
  height: auto;
  width: 100%;
  max-width: 220px;
  max-height: 330px;
  align-self: stretch;
  flex-shrink: 0;
  border-radius: 15px;
}

.doneWork-card__gal-item {
  border-radius: 15px;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  cursor: pointer;
}

.doneWork-card__gal-item img {
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: cover;
  aspect-ratio: .6666 / 1;
}

.doneWork-card__content-holder {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-self: stretch;
  gap: var(--twenty);
}

.doneWork-card__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h3);
  line-height: 125%;
  color: var(--black);
}

.doneWork-card__btn {
  margin-top: auto;
  width: auto;
}

.doneWork-card__text-holder {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  gap: 10px;
}

.doneWork-card__desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--txt);
}

.doneWork-card__tabs {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  gap: 10px;
  flex-wrap: wrap;
}

.doneWork-card__tab {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  gap: 10px;
  align-items: center;
  padding: 10px var(--fifteen);
  border: 1px solid var(--stroke);
  border-radius: 5px;
  background: var(--white);
}

.doneWork-card__tab-icon,
.doneWork-card__tab-icon>* {
  max-width: 20px;
  max-height: 20px;
  width: fit-content;
  height: fit-content;
  display: flex;
}

.doneWork-card__tab-value {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--1614);
  line-height: 125%;
  color: var(--black);
}

.doneWork-card .swiper-nav__pseudo {
  opacity: 0;
}

.doneWork-card .swiper-holder:hover .swiper-nav__pseudo {
  opacity: 1;
}

@media(max-width:900px) {
  .doneWork-card .swiper-nav__pseudo {
    opacity: 1;
  }
}

@media(max-width:600px) {
  .doneWork-card__inner {
    flex-direction: column;
  }

  .doneWork-card__swiper-holder {
    max-height: 100vw;
  }

  .doneWork-card__gal-item img {
/*     aspect-ratio: 1 / 1.1; */
	  aspect-ratio:1.5/1;
  }

  .doneWork-card__swiper-holder {
    max-width: 100%;
  }
}

/* doneWorks-block end */

/* about-block start */

.about-content__holder {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: fit-content;
  gap: var(--thirty);
}

.about-content__holder>* {
  width: 100%;
}

.about-text {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  gap: var(--fifteen);
}

.about-photo {
  height: auto;
  width: 100%;
  max-width: 570px;
  max-height: 720px;
  overflow: hidden;
  border-radius: 10px;
  align-self: stretch
}

.about-photo img {
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: cover;
  aspect-ratio: 1 / 1.0875;
}

.about-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  justify-content: space-between;
  gap: var(--fourty);
}

.about-text__holder {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  gap: var(--thirty);
}

.about-text__holder p,
.about-text__holder li {
  margin-bottom: 0px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--txt);
}

.about-text__title {
  display: flex;
  flex-direction: column;
  width: fit-content;
  height: fit-content;
  gap: 5px;
}

.about-text__title p,
.about-text__title li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--gray);
}

.about-advantages {
  width: 100%;
  height: fit-content;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--thirty);
}

.about-advantage {
  display: flex;
  flex-direction: row;
  gap: var(--twenty);
  align-items: flex-start;
  width: 100%;
  height: fit-content;
}

.about-advantage__icon {
  width: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem);
  height: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem);
  display: flex;
  align-items: center;
  place-content: center;
  background: var(--black);
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
}

.about-advantage__icon>* {
  max-width: 30px;
  max-height: 30px;
  width: 80%;
  height: 80%;
  display: flex;
  margin: auto auto;
}

.about-advantage__value {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--txt);
  text-wrap: pretty;
}

.about-quote {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: var(--fourty);
  max-width: 770px;
  padding-left: var(--twenty);
  border-left: 1px solid var(--stroke);
}

.about-quote__icon,
.about-quote__icon>* {
  max-width: 20px;
  max-height: 20px;
  width: fit-content;
  height: fit-content;
  display: flex;
}

.about-quote__value {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  line-height: 125%;
  color: var(--black);
}

.another-about__block .about-photo img {
  aspect-ratio: 1/.93;
}

.another-about__block .about-advantages {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: var(--fourty);
}

.about-block .form {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 650px;
  gap: 10px;
}

.about-block .form-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: fit-content;
  gap: var(--twenty);
}

.about-block .form .btn {
  width: 100%;
  height: 60px;
}

.about-block .form-input__holder,
.about-block input {
  max-width: 270px;
  width: 100%;
  height: 60px;
}

@media(max-width:1300px) {
  .about-advantages {
    grid-template-columns: 1fr;
  }

  .about-block .form-input__holder,
  .about-block input {
    max-width: 100%;
  }

  .about-block .form-row {
    flex-direction: column;
  }
}

@media(max-width:1100px) {
  .another-about__block .about-advantages {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media(max-width:900px) {
  .about-content__holder {
    flex-direction: column;
  }

  .about-block .form {
    max-width: 100%;
  }

  .about-advantages {
    grid-template-columns: 1fr 1fr;
  }

  .another-about__block .about-advantages {
    grid-template-columns: 1fr 1fr;
  }

  .about-photo {
    max-width: 100%;
    max-height: 100%;
  }

  .about-block .form .btn,
  .about-block .form-input__holder,
  .about-block input {
    height: inherit;
  }
}

@media(max-width:600px) {
  .about-advantages {
    grid-template-columns: 1fr;
  }

  .another-about__block .about-advantages {
    grid-template-columns: 1fr;
  }

}

/* about-block end */

/* stages-block start */

.stage {
  background: var(--txt);
  border-radius: 15px;
  width: 100%;
  height: 100%;
  align-self: stretch;
  overflow: hidden;
  display: flex;
  min-height: clamp(9.375rem, 8rem + 6.875vw, 16.25rem);
}

.stage-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-self: stretch;
  padding: var(--thirty);
  padding-bottom: var(--twentyFive);
  gap: var(--twenty);
}

.stage-title {
  border-radius: 10px;
  padding: 10px var(--fifteen);
  display: flex;
  width: fit-content;
  height: fit-content;
  background: var(--black);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--white);
}

.stage-text {
  display: flex;
  flex-direction: column;
  gap: var(--fifteen);
  width: 100%;
  height: fit-content;
  padding-right: var(--fifty);
}

.stage-text p,
.stage-text li {
  margin-bottom: 0px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--white);
}

.stage-text * {
  color: var(--white);
}

.stage-text a {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h3);
  line-height: 125%;
  color: var(--primary);
}

.stage-text p:has(a) {
  margin-top: 5px;
}

.stage-last__item {
  background: var(--primary);
  border: 1px solid var(--primary);
  cursor: pointer;
}

.stage-last__item .stage-inner {
  justify-content: space-between;
}

.stage-last__item .stage-text,
.stage-last__item .stage-text * {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h3);
  line-height: 125%;
  color: var(--black);
}

.stage-btn {
  width: 100%;
}

.stage-last__item:hover {
  background: transparent;
  border-color: var(--primary);
}

.stage-last__item:hover .stage-text,
.stage-last__item:hover .stage-text * {
  color: var(--primary);
}

.stage-last__item:hover .stage-btn {
  border-color: var(--white);
  background: var(--white);
}

.stage-btn:hover {
  border-color: var(--white) !important;
  background: var(--white) !important;
  color: var(--black) !important;
}

/* stages-block end */

/* stocks-block start */

.stocks-block .swiper-slide {
  max-width: 690px;
}

.stock-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
  gap: var(--thirty);
  cursor: pointer;
}

.stock-card__photo {
  max-width: 210px;
  height: auto;
  max-height: 370px;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}

.stock-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
  aspect-ratio: 1/1;
  aspect-ratio: .6562 / 1;
}

.stock-card__content-holder {
  display: flex;
  flex-direction: column;
  gap: var(--twenty);
  justify-content: space-between;
  width: auto;
  height: auto;
  align-self: stretch;
  padding: var(--thirty);
  padding-right: unset;
}

.stock-card__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--fifteen);
}

.stock-card__title-holder {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  gap: 10px;
}

.stock-card__tab {
  display: flex;
  text-align: center;
  width: fit-content;
  height: fit-content;
  padding: 10px var(--fifteen);
  border-radius: 10px;
  background: var(--background);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray);
}

.stocks-block .stock-card__tab{
	background:transparent;
}

.stock-card__desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--txt);
}

@media(max-width:600px) {
  .stock-card {
    flex-direction: column-reverse;
  }

	.stock-card__photo img{
		aspect-ratio:1/1
	}
	
  .stock-card__content-holder {
    padding-top: unset;
    padding-right: var(--thirty);
  }

  .stock-card__photo {
    max-width: 100%;
    max-height: 100%;
  }
}

/* stocks-block end */

/* table-block start */

.table-block table {
  table-layout: fixed;
}

.table-block__table {
  overflow-x: auto;
}

/* table-block end */

/* reviews-block start */

.reviews-block .swiper-slide:has(.review-card__photo-item) {
  max-width: 330px;
}

.reviews-block .swiper-slide:has(.review-card__text-item) {
  max-width: 690px;
}

.review-card__text-item {
  width: 100%;
  height: 100%;
  align-self: stretch;
  display: flex;
  background: var(--background);
  border-radius: 10px;
  overflow: hidden;

}

.review-card__text-item .review-card__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  align-self: stretch;
  padding: var(--thirty) var(--fourty);
  gap: var(--twenty);
}

.review-card__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: fit-content;
  gap: 12px;
  flex-wrap: wrap;
}

.review-card__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--1614);
  line-height: 125%;
  color: var(--black);
}

.review-card__date {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray);
}

.review-card__text-holder {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  gap: 10px;
}

.review-card__text {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 10px;
  pointer-events: none;
  transition: unset;
}

.review-card__text p,
.review-card__text li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--txt);
  margin-bottom: 0px;
}

.review-card__gal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: fit-content;
  height: fit-content;
  gap: var(--fifteen) 10px;
  margin-top: auto;
}

.review-card__gal-item {
  position: relative;
  overflow: hidden;
  display: flex;
  width: 150px;
  height: 100px;
  border-radius: 10px;
  cursor: pointer;
}

.review-card__gal-item img {
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: cover;
  aspect-ratio: 1.5/1;
	transform:scale(1.01);
}

.review-card__gal-item:hover .photo-overlay__v2 {
  opacity: 1;
}

.review-card__gal-item:hover img{
	transform:scale(1.05);
}

.review-card .link-holder.opened svg {
  transform: rotate(180deg);
}

.review-card__photo-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  cursor: pointer;
  gap: var(--twenty);
}

.review-card__photo-holder {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-height: 450px;
}

.review-card__photo-holder img {
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: cover;
  aspect-ratio: 1 / 1.35;
  transform: scale(1.01);
}

.review-card__text-item {
  grid-column: span 2;
}

.review-card__tab {
  pointer-events: none;
  display: flex;
  width: fit-content;
  height: fit-content;
  text-align: center;
  border-radius: 10px;
  padding: 10px var(--fifteen);
  background: var(--white);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: right;
  color: var(--gray);
  position: absolute;
  top: var(--fifteen);
  right: var(--fifteen);
  z-index: 2;
}

.review-card__photo-item:hover .photo-overlay__v2 {
  opacity: 1;
}

.review-card__photo-item:hover img {
  transform: scale(1.05);
}

@media(max-width:1300px) {
  .post-type-archive-reviews .columns-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .review-card__text-item {
    grid-column: span 1;
  }

  .review-card__gal-item {
    width: 80px;
    height: 80px;
  }
}

@media(max-width:900px) {
  .post-type-archive-reviews .columns-4 {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width:600px) {
  .post-type-archive-reviews .columns-4 {
    grid-template-columns: 1fr;
  }
	.review-card__photo-holder{
		max-height:100vw;
	}
}

/* reviews-block end */

/* form-block start */

.form-block {
  position: relative;
}

.form-block .block-title__unique {
  max-width: 810px;
  width: 100%;
}

.form-block__pseudo {
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  display: flex;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 1;
  background: linear-gradient(270deg, rgba(31, 31, 31, 0) 0%, #1f1f1f 100%);
  position: absolute;
}

.form-block__holder {
  position: relative;
  z-index: 2;
}

.form-block__info-section {
  border: 1px solid var(--stroke);
  border-radius: 15px;
  background: var(--white);
  width: fit-content;
  height: fit-content;
  display: flex;
  overflow: hidden;
}

.form-block__info-section__inner {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  gap: var(--twenty);
  align-items: flex-start;
  padding-left: var(--fifteen);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: var(--twenty);
}

.form-block__info-section__photo {
  width: clamp(3.125rem, 3rem + 0.625vw, 3.75rem);
  height: clamp(3.125rem, 3rem + 0.625vw, 3.75rem);
  display: flex;
  align-items: center;
  place-content: center;
  border-radius: 60px;
  overflow: hidden;
  flex-shrink: 0;
}

.form-block__info-section__photo img {
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: cover;
}

.form-block__info-section__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  gap: 5px;
}

.form-block__info-section__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h4);
  line-height: 125%;
  color: var(--black);
}

.form-block__info-section__value-holder {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: fit-content;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.form-block__info-section__value-holder__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--1614);
  line-height: 125%;
  color: var(--black);
}

.form-block__info-section__value-holder__svgs {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  gap: 5px;
  align-items: centerr;
}

.form-block__info-section__value-holder__svgs>* {
  display: flex;
}

.form-block__info-section__value-holder__subtitle {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--black);
}

.form-block__info-section__text {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.form-block__info-section__text p,
.form-block__info-section__text li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--black);
  margin-bottom: 0px;
}

.form-block__additional-items {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  gap: var(--thirty);
  flex-wrap: wrap;
}

.form-block__additional-items>* {
  height: auto !important;
}

.form-block__socials-holder {
  display: flex;
  width: fit-content;
  height: fit-content;
  border: 1px solid var(--stroke);
  border-radius: 15px;
  background: var(--white);
  overflow: hidden;
}

.form-block__socials-holder__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-self: stretch;
  padding: 10px var(--fifteen);
  gap: 10px;
  justify-content: space-between;
}

.form-block__socials-holder__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h4);
  line-height: 125%;
  color: var(--black);
}

.form-block__socials-holder__socials {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-contentt;
  gap: 10px;
}

.form-block .form {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 410px;
  height: fit-content;
  gap: var(--twenty);
  margin-top: var(--fourty);
}

.form-block .form-row {
  flex-direction: column;
  display: flex;
  width: 100%;
  height: fit-content;
  gap: var(--twenty);
}

.form-block .form-input__holder,
.form-block input {
  width: 100%;
}

.form-block .form .btn {
  width: 100%;
}

.form-block .form-privacy,
.form-block .form-privacy>* {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--white);
  width: 86%;
}

.form-block .form-privacy>* {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}

@media(max-width:700px) {
  .form-block .form {
    max-width: 100%;
  }

  .form-block__pseudo {
    background: #00000099;
  }
}

/* form-block end */

/* contacts-block start */

.contacts-block__item {
  border-radius: 15px;
  background: var(--black);
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: Flex;
}

.contacts-block__item-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-self: stretch;
  padding: var(--thirty);
  gap: var(--fifteen);
  justify-content: space-between;
}

.contacts-block__item-head {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: fit-content;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contacts-block__item-title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h3);
  line-height: 125%;
  color: var(--white);
}

.contacts-block__item-icon {
  width: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem);
  height: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem);
  display: flex;
  overflow: hidden;
  align-items: center;
  place-content: center;
  border-radius: 5px;
  background: var(--primary);
  flex-shrink: 0;
}

.contacts-block__item-icon:not(..contacts-block__item-unique) svg path {
  fill: var(--black);
}

.contacts-block__item-items {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  gap: 10px;
}

.contacts-block__item-items__phones {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  gap: 10px;
}

.contacts-block__item-phone {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h4);
  line-height: 125%;
  color: var(--white);
}

.contacts-block__item-items__mini {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  gap: 5px;
}

.contacts-block__item-worktime {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--stroke);
}

.contacts-block__item-email {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--stroke);
}

.contacts-block .contacts-links a {
  width: fit-content;
}

.contacts-block__item-socials .contacts-block__item-items {
  flex-direction: row;
  gap: 10px;
  width: fit-content;
  height: fit-content;
  flex-wrap: wrap;
}

.contacts-block__item-unique .contacts-block__item-icon {
  background: var(--txt);
}

.contacts-block__item-info__section {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-contentt;
  gap: var(--fifteen);
  align-items: center;
}

.contacts-block__item-info__section-photo {
  width: clamp(3.125rem, 3rem + 0.625vw, 3.75rem);
  height: clamp(3.125rem, 3rem + 0.625vw, 3.75rem);
  display: flex;
  align-items: center;
  place-content: center;
  border-radius: 60px;
  overflow: hidden;
  flex-shrink: 0;
}

.contacts-block__item-info__section-photo img {
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: cover;
}

.contacts-block__item-info__section-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  gap: 5px;
}

.contacts-block__item-info__section-content__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h4);
  line-height: 125%;
  color: var(--white);
}

.contacts-block__item-info__section-content__value-holder {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: fit-content;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.contacts-block__item-info__section-content__value-holder__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--1614);
  line-height: 125%;
  color: var(--white);
}

.contacts-block__item-info__section-content__value-holder__svgs {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  gap: 5px;
  align-items: center;
}

.contacts-block__item-info__section-content__value-holder__svgs>* {
  display: flex;
}

.contacts-block__item-info__section-content__value-holder__subtitle {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--white);
}

.contacts-block__item-unique:hover {
  background: var(--primary);
}

.contacts-block__item-unique:hover * {
  color: var(--black) !important;
}

.contacts-block__item-unique:hover .contacts-block__item-info__section-content__value-holder__svgs svg path {
  fill: var(--black) !important;
}

/* contacts-block end */

/* secBanner-block start */

.secBanner-block__holder {
  background: var(--txt);
  width: 100%;
  height: fit-content;
  overflow: hidden;
  border-radius: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--thirty);
  padding-left: unset !important;
  padding-right: unset !important;
}

.secBanner-photo {
  width: 100%;
  height: auto;
  display: flex;
  max-width: 450px;
  overflow: hidden;
  border-radius: 15px;
}

.secBanner-photo img {
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: cover;
  aspect-ratio: 1.1565 / 1;
}

.secBanner-content__holder {
  width: 100%;
  height: auto;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  padding: var(--fourty);
  padding-right: unset;
  gap: var(--twenty);
}

.secBanner-title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h1);
  line-height: 110%;
  color: var(--white);
}

.secBanner-actions__holder {
  display: flex;
  flex-direction: column;
  max-width: 650px;
  height: fit-content;
  gap: var(--twenty);
}

.secBanner-chars {
  display: flex;
  flex-direction: column;
  width: fit-content;
  height: fit-content;
  gap: 10px;
}

.secBanner-char {
  display: flex;
  flex-direction: row;
  width: fit-content;
  height: fit-content;
  gap: 10px;
  align-items: center;
}

.secBanner-char__icon {
  display: flex;
  flex-shrink: 0;
  width: 10px;
  border-radius: 1px;
  height: 4px;
  background: var(--primary);
}

.secBanner-char__value {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--white);
  text-wrap: balance;
}

.secBanner-block .form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: fit-content;
  width: 100%;
  max-width: 650px;
}

.secBanner-block .form-row {
  width: 100%;
  height: fit-content;
  gap: var(--twenty);
  display: flex;
  flex-direction: row;
}

.secBanner-block .form-row>*{
	max-height:60px;
}

.secBanner-block .form .form-input__holder,
.secBanner-block .form .form-input__holder input {
  width: 100%;
  max-width: 270px;
}

.secBanner-block .form .btn {
  width: 100%;
}

.secBanner-block .form .form-privacy,
.secBanner-block .form .form-privacy>* {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--white);
}

.secBanner-block .form .form-privacy>* {
  text-decoration: underline;
  text-decoration-skip-ink: none;
}

.secBanner-block .form-row>* {
  height: auto !important;
}

@media(max-width:1500px) {
  .secBanner-block {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media(max-width:1200px) {
  .secBanner-block .form-row {
    flex-direction: column;
  }

  .secBanner-block .form .form-input__holder,
  .secBanner-block .form .form-input__holder input {
    width: 100%;
    max-width: 100%;
  }
}

@media(max-width:750px) {
  .secBanner-block__holder {
    flex-direction: column-reverse;
  }

  .secBanner-photo {
    max-width: 100%;
  }

  .secBanner-photo img {
    aspect-ratio: 16/9;
  }

  .secBanner-content__holder {
    padding-top: unset;
    padding-right: var(--fourty);
  }

  .secBanner-actions__holder,
  .secBanner-block .form {
    max-width: 100%;
  }
}

/* secBanner-block end */

/* seo-block start */

.seo-item {
  width: 100%;
  height: fit-content;
  background: var(--txt);
  border-radius: 15px;
  display: flex;
  flex-direction: row;
  gap: var(--fourty);
}

.seo-photo {
  border-radius: 15px;
  width: 100%;
  max-width: 570px;
  height: auto;
  display: flex;
  overflow: hidden;
}

.seo-photo img {
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: cover;
  aspect-ratio: 1/1;
}

.seo-content__holder {
  width: 100%;
  height: auto;
	justify-content:space-between;
  display: flex;
  flex-direction: column;
  gap: var(--fourty);
  padding: var(--fifty) var(--fourty);
  padding-left: unset;
}

.seo-invert .seo-content__holder {
  padding: var(--fifty) var(--fourty);
  padding-right: unset;
}

.seo-title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--h2);
  line-height: 110%;
  color: var(--white);
}

.seo-text {
  max-height: 372px;
  width: 100%;
  overflow-y: auto;
  padding-right: var(--sixty);
  counter-reset: li;
  /* Initialize the counter for list items */
}

.seo-text ul li {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.seo-text ul li::before {
  content: '';
  display: block;
  border-radius: 1px;
  width: 10px;
  height: 4px;
  background: var(--primary);
}

.seo-text ol li {
  list-style: none;
  /* Remove default list style */
  display: flex;
  /* Use flexbox for layout */
  flex-direction: row;
  /* Align items in a row */
  align-items: flex-start;
  /* Center items vertically */
  gap: 10px;
  /* Space between items */
}

.seo-text ol li::before {
  counter-increment: li;
  /* Increment the counter for each list item */
  content: counter(li) ". ";
  /* Use the custom counter as content */
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--white);
}

.seo-text p,
.seo-text li {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 145%;
  color: var(--white);
}

.seo-text p {
  margin-bottom: var(--fifteen);
}

.seo-text ul li {
  margin-bottom: 10px;
}

.seo-text ul li:last-child {
  margin-bottom: 0px;
}

.seo-text ol li {
  margin-bottom: 5px;
}

.seo-text ol li:last-child {
  margin-bottom: 0px;
}

.seo-text ul,
.seo-text ol {
  margin-bottom: var(--fifteen);
}

.seo-invert .seo-item {
  flex-direction: row-reverse;
}

@media(max-width:900px) {

  .seo-item,
  .seo-invert .seo-item {
    flex-direction: column;
  }

  .seo-content__holder {
    padding-top: unset;
    padding-left: var(--fourty);
  }

  .seo-invert .seo-content__holder {
    padding-right: var(--fourty);
    padding-top: unset;
  }

  .seo-photo {
    max-width: 100%;
  }

  .seo-photo img {
    aspect-ratio: 16/9;
  }
}

/* seo-block end */

/* blocks end */