/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none;
}

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

/* Links */

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

a:hover {
  text-decoration: none;
}

/* Common */

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

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
}

h1 {
  font-family: "Unbounded", serif;
  font-weight: 500;
  font-size: 40px;
  color: var(--color-black);
  line-height: 120%;
}

h1 span {
  color: var(--color-orange);
}

h2 {
  font-family: "Unbounded", serif;
  color: var(--color-black);
  font-weight: 500;
  font-size: 40px;
  line-height: 120%;
}

h2 span {
  color: var(--color-purple);
}

h3 {
  font-family: "Unbounded", serif;

  font-weight: 500;
  font-size: 34px;
  line-height: 120%;
}

h3 span {
  color: var(--color-purple);
}

ul,
ul li {
  list-style: none;
  list-style-type: none;
}

::marker {
  list-style-type: none;
}

img {
  vertical-align: top;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
}

/* Form */

input,
textarea,
button,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

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

button,
input[type="submit"] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  /* background: none; */
  cursor: pointer;
}

input:focus,
input:active,
button:focus,
button:active {
  outline: none;
}

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

label {
  cursor: pointer;
}

legend {
  display: block;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
}

@media (min-width: 375px) {
  .container {
    max-width: 375px;
  }
}

@media (min-width: 400px) {
  .container {
    max-width: 400px;
    padding: 0 5px;
  }
}

@media (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
    padding-right: 45px;
    padding-left: 45px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
    padding-right: 80px;
    padding-left: 80px;
  }
}

@media (min-width: 1366px) {
  .container {
    max-width: 1366px;
    padding-right: 75px;
    padding-left: 75px;
  }
}

@media (min-width: 1696px) {
  .container {
    max-width: 1696px;
    padding-right: 36px;
    padding-left: 36px;
  }
}

@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Unbounded:wght@200..900&display=swap");

/* Theme colors */
:root {
  --color-body: #f7f4fb;
  --color-menu: #9593a0;
  --color-primary: #25262b;
  --color-black: #272738;
  --color-white: #ffffff;
  --color-blue: #1178f2;
  --color-purple: #911f8f;
  --color-item: #a9a6b9;
  --color-under: #ebe9f5;
  --color-dark: #504e59;
  --color-quiz: #383838;

}

body {
  font-family: "Mulish", serif;
  background: var(--color-body);
}

body.top-menu-active {
  position: fixed;
  width: calc(100% - 10px);
}

body.top-menu-active::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  z-index: 90;
  top: 0;
}

body.top-menu-active .header_wrapper {
  background: white;
}

body.top-menu-active header {
  width: 100%;
  top: 0;
  position: fixed;
}

body.admin-bar.top-menu-active header {
  top: 32px;
}


header {
  position: relative;
  z-index: 99;
}

.header_wrapper {
  padding-top: 25px;
  padding-bottom: 0;
  border-radius: 20px;
  position: relative;
  font-size: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.logo_head {
  max-width: 252px;
}

.logo_footer {
  max-width: 225px !important;
}

.main-menu {
  width: 100%;
  display: block;
  /* Устанавливаем относительное позиционирование для родительского контейнера */
}

.main-menu {
  display: none;
}

.main-menu.showMenu {
  top: 130px;
  display: block;
  position: fixed;
  z-index: 1000;
}

.admin-bar .main-menu.showMenu {
  top: 160px;
}

.menu-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
  padding: 20px;
  border-radius: 20px;
}

.menu-title {
  padding: 0 25px;
  font-family: "Mulish";
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #a9a6b9;
  margin-bottom: 20px;
  display: none;
}

.category-link.menu-item:hover,
.category-link.menu-item {
  background-image: none;
}

.menu-item {
  padding: 9px 0;
  font-family: "Mulish";
  margin: 2px 0;
  display: flex;
  border-radius: 0;
  cursor: pointer;
  display: none;
  align-items: center;
  gap: 10px;
  color: #272738;
  border-right: 1px;
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

.with_child.menu-item {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' viewBox='0 0 10 16' fill='none' stroke='rgb(169, 166, 185)' ><path d='M1 1L8 8L1 15' /></svg>");
}

with_child.menu-item:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' viewBox='0 0 10 16' fill='none' stroke='rgb(0, 0, 0)' ><path d='M1 1L8 8L1 15' /></svg>");
}

.menu-item.level-3 {
  background-image: none;
}

.menu-item img {
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px;
}

.menu-item a {
  color: #272738;
}

.level-1 {
  display: flex;
  /* Всегда отображаем элементы первого уровня */
  grid-column: 1;
  align-self: start;
  /* Включаем вертикальную прокрутку */
}

.level-2 {
  grid-column: 2;
  align-self: start;
}

.level-3 {
  grid-column: 3;
  align-self: start;
}

.menu-level-1,
.menu-level-2,
.menu-level-3 {
  max-height: 70vh;
  /* 80% от высоты экрана */
  height: 100%;
  padding-bottom: 80px;

  /* Включаем вертикальную прокрутку */
  overflow-y: auto;
  overflow-x: hidden;
  /* Отключаем горизонтальную прокрутку */

  /* Стили для WebKit браузеров (Chrome, Safari, Edge) */
  &::-webkit-scrollbar {
    width: 8px;
  }

  &::-webkit-scrollbar-track {
    background: rgba(145, 31, 143, 0.1);
    border-radius: 4px;
  }

  &::-webkit-scrollbar-thumb {
    background: #911f8f;
    border-radius: 4px;
  }

  &::-webkit-scrollbar-thumb:hover {
    background: #7d1a7b;
  }

  /* Стили для Firefox */
  scrollbar-width: thin;
  scrollbar-color: #911f8f rgba(145, 31, 143, 0.1);
}

.menu-item:hover {
  background-color: #ddd;
}

@media (min-width: 768px) {
  .menu-container {
    background-color: #f8f8f8;
  }

  body.top-menu-active .menu-container,
  body.top-menu-active .header_wrapper {
    width: calc(100% + 50px);
    padding: 25px;
    margin-left: -25px;
  }

  body.top-menu-active .menu-container {
    padding-left: 0;
  }

  .menu-level-1,
  .menu-level-2 {
    border-right: 1px solid #EBE9F5;
  }

  .menu-item {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (max-width: 768px) {
  .top-menu-active {
    position: fixed;
  }

  body.top-menu-active::before {
    background-color: #F7F4FB;
    z-index: 90;
    opacity: 1;
  }

  .menu-container {
    grid-template-columns: 1fr;
    overflow: scroll;
    height: 70vh;
  }

  .main-menu.showMenu {
    top: 80px;
    height: 400px;
  }

  .main-menu.showMenu .container {
    overflow: hidden;
  }

  .menu-level-1,
  .menu-level-2,
  .menu-level-3 {
    grid-row: 1;
    grid-column: 1;
    display: none;
    transition: left 0.3s ease;

  }

  .menu-level-1 {
    z-index: 10;
  }

  .menu-level-2 {
    z-index: 20;
  }

  .menu-level-3 {
    z-index: 30;
    display: none;
  }

  .menu-level-1.active,
  .menu-level-2.active,
  .menu-level-3.active {
    display: block;
  }

  .back-arrow {
    padding-left: 25px;
    background-image: url('img/back-menu-arrow.svg');
    background-repeat: no-repeat;
    background-position: 0 50%;
  }
}

@media (max-width: 1368px) {
  nav {
    width: 40%;
  }
}

nav>ul {
  display: flex;
  gap: 90px;
}

nav>ul>li>a {
  color: var(--color-menu);
  transition: all 0.5s;
}

nav>ul>li>a:hover {
  text-decoration: underline;
}

.route {
  padding-right: 15px;
  gap: 10px;
  display: flex;
  position: relative;
  margin-left: auto;
  color: var(--color-primary);
  transition: all 0.5s;
}

.route:hover {
  text-decoration: underline;
}

.route::before {
  content: url(./img/location.svg);
}

.callback {
  color: var(--color-white);
  background: var(--color-primary);
  padding: 16px 25px;
  border-radius: 10px;
  transition: all 0.5s;
}

.callback:hover {
  transform: scale(1.05);
  /* background: var(--color-body);
      color: var(--color-black);
      border: 2px solid var(--color-black) */
}

.menu_btn {
  height: 60px;
  display: flex;
  gap: 15px;
  position: relative;
  color: var(--color-dark);
  padding: 10px 20px;
  background: var(--color-white);
  border-radius: 10px;
  font-size: 20px;
  justify-content: center;
  align-items: center;
}

.menu_btn::before {
  content: url(./img/humburger.svg);
  width: 12px;
}

.top-menu-active .menu_btn::before {
  top: 3px;
  content: url(./img/close-dialog.svg);
  position: relative;
  transform: scale(0.7);
}

.menu-search__wrapper {
  height: 70px;
  width: 54%;
  position: relative;
  border-radius: 13px;
  padding: 5px 20px 5px 5px;
  background: var(--color-under);
  display: flex;
  flex: 1;
  gap: 40px;
  align-items: center;
}

.menu-search__wrapper::after {
  margin-left: auto;
  content: url(./img/search_ico.svg);
}

.wishlist_wrapper {
  margin-left: auto;
  height: 70px;
  max-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 33px;
  width: 20px;
  background: var(--color-under);
  border-radius: 13px;
}

.wishlist_wrapper a {}

.wh-ico {
  content: url(./img/wishlist_ico.svg);
}

.header_btn {
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  height: 70px;
  font-size: 20px;
  color: var(--color-white);
  background: linear-gradient(212.15deg, #0084ff 0%, #911f8f 92.65%);
}

.baner {
  margin-top: 30px;
}

.background-video {
  width: 100%;
  filter: brightness(0.5);
  border-radius: 40px;
  /* position: absolute; */
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.content {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 100%;
  padding: 20px;
}

.content h1 {
  text-align: center;
  font-weight: 700;
  font-size: 40px;
  color: var(--color-white);
  max-width: 756px;
}

.posr {
  position: relative;
}

/* Footer */
footer {
  padding-top: 40px;
  margin-top: 30px;
  background: var(--color-under);
}

.footer_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer_wrapper__menu>ul>li {
  padding-bottom: 15px;
}

.footer_wrapper__menu>ul>li:first-child {
  padding-bottom: 20px;
  color: var(--color-primary);
  font-weight: 600;
  font-size: 20px;
}

.footer_wrapper__menu>ul>li {
  color: var(--color-menu);
  font-size: 18px;
}

.footer_wrapper__menu>ul>li>a {
  color: var(--color-menu);
  font-size: 18px;
}

.footer_form {
  margin-top: 40px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.footer_form span {
  margin-top: -10px;
  color: var(--color-menu);
  font-size: 14px;
}

.text-field__input {
  background: url("./img/input_ico.svg") no-repeat 10px center,
    linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255));
  border-radius: 10px;
  max-width: 430px;
  height: 60px;
}

.input-with-icon {
  padding-left: 35px;
}

input::placeholder {
  padding-left: 15px;
}

.form__btn {
  width: 45px;
  height: 45px;
  background: #b8995f;
  border-radius: 2px;
  position: absolute;
  top: 0;
  right: 12px;
  cursor: pointer;
  transition: 300ms;
}

/* input[type="submit"] {
  
} */
.form__btn {
  background: url("./img/send.svg") no-repeat 10px center !important;
}

.under_footer {
  padding: 20px;
  background: linear-gradient(90deg, #911f8f 0%, #0084ff 100%);
}

.under_footer__wrapper {
  gap: 35px;
  display: flex;
  align-items: center;
}

.under_footer,
.under_footer a {
  color: var(--color-white);
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
}

.under_footer__social {
  margin-left: auto;
  display: flex;
  gap: 25px;
}

.d-pc-none {
  display: none;
}

.footer_wrapper>div:last-child>ul>li:last-child {
  margin-top: 20px;
}

.footer-btn {
  margin-top: 10px;
  font-size: 20px !important;
  color: var(--color-white) !important;
  padding: 10px 20px;
  background: linear-gradient(212.15deg, #0084ff 0%, #911f8f 92.65%);
  border-radius: 15px;
}

@media (max-width: 1280px) {
  .footer_form {
    margin-top: 0;
  }

  .footer_wrapper__form {
    justify-content: space-between;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
  }

  .header_wrapper {
    font-size: 16px;
    gap: 10px;
  }

  .menu_btn,
  .header_btn {
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  .header_btn {
    padding: 0 10px;
  }

  .header_btn {
    letter-spacing: -0.5px;
    font-size: 13px;
  }

  .menu-search__wrapper {
    gap: 10px;
  }
}

@media (max-width: 768px) {
  .top-menu-active .menu_btn::before {
    top: 0px;
    right: -3px;
  }

  .footer_wrapper>div:last-child>ul>li:last-child {
    margin-bottom: 20px;
  }

  .d-pc-none {
    display: block;
  }

  .menu_btn {
    background: transparent;
  }

  .menu_btn span,
  .search span,
  .pc-phone {
    display: none;
  }

  .menu-search__wrapper,
  .wishlist_wrapper,
  .header_btn {
    background: transparent;
  }

  .header_wrapper {
    height: auto;
    gap: 15px;
    background: var(--color-white);
    border-radius: 51px;
    margin-top: 10px;
    padding: 7px 8px 3px;
    box-shadow: 0px 0px 7px 0px rgba(71, 85, 113, 0.26);
  }

  .mobile-phone {
    content: url(./img/header-phone_ico.svg);
  }

  .menu-search__wrapper {
    display: none;
  }

  .search_mob {
    margin-left: 30px;
  }

  .search_mob span {
    content: url(./img/search_ico.svg);
  }

  .menu_btn {
    padding-left: 25px;
    padding-right: 10px;
    height: auto;
  }

  .menu_btn::before {
    content: url(./img/humburger-phone.svg);
    width: 27px;
  }

  .wishlist_wrapper a {
    display: flex
  }

  .header_btn {
    height: auto;
    padding: 0 5px 0 0;
  }

  .search_mob {
    margin-left: auto;
  }

  .wishlist_wrapper {
    height: auto;
    padding: 0;
    margin-left: 0;
  }

  .baner {
    margin-top: 20px;
  }

  .baner h1 {
    font-size: 16px;
  }

  .background-video {
    border-radius: 20px;
  }
}

@media (max-width: 768px) {

  .footer_wrapper__menu>ul>li:first-child,
  .footer_wrapper__menu>ul>li>a {
    font-size: 16px;
  }

  .footer_wrapper__menu>ul>li:first-child {
    padding-bottom: 10px;
  }

  .footer_wrapper__menu>ul>li {
    padding-bottom: 7px;
  }

  .footer_wrapper__form {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 20px;
    flex-direction: column;
  }

  .footer_wrapper__menu {
    width: 50%;
  }

  .footer_wrapper>div:last-child {
    width: 100%;
    margin-top: 20px;
  }

  .footer_form {
    margin-top: 20px;
  }

  footer {
    padding-top: 10px;
  }

  .under_footer__wrapper {
    gap: 0;
    justify-content: center;
    flex-wrap: wrap;
  }

  .under_footer__social {
    order: 1;
    margin-left: 0;
  }

  .under_footer__wrapper>a {
    order: 3;
    text-align: center;
  }

  .under_footer,
  .under_footer a {
    text-align: center;
    width: 100%;
    letter-spacing: -0.34px;
    font-size: 12px;
  }

  .under_footer__wrapper>span {
    padding-top: 15px;
    padding-bottom: 7px;
    text-align: center;
    width: 100%;
    order: 2;
  }

  .under_footer {
    background: linear-gradient(212.15deg, #0084ff 0%, #911f8f 92.65%);
  }

  .footer-btn {
    font-size: 16px !important;
  }
}

.prazdniki_wrapper {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px 20px;
  grid-template-areas:
    "item1 item1 item2 item2 item3 item3"
    "item1 item1 item5 item5 item5 item4";
}

.item1 {
  grid-area: item1;
}

.item2 {
  grid-area: item2;
}

.item3 {
  grid-area: item3;
}

.item4 {
  grid-area: item4;
}

.item5 {
  grid-area: item5;
}

.item1,
.item2,
.item3,
.item4,
.item5 {
  display: flex;
  background: var(--color-under);
  border-radius: 40px;
  padding: 20px;
}

.item1 img,
.item2 img,
.item3 img,
.item4 img,
.item5 img {
  width: 100%;
}

/* Test Grid */
.prazdniki_wrapper-test {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 20px 20px;
  grid-auto-flow: row;
  grid-template-areas:
    "prazdnik1 prazdnik1 prazdnik1 prazdnik1 prazdnik2 prazdnik2 prazdnik2 prazdnik2 prazdnik3 prazdnik3 prazdnik3 prazdnik3"
    "prazdnik1 prazdnik1 prazdnik1 prazdnik1 pradnik4 pradnik4 pradnik4 pradnik4 pradnik4 pradnik4 prazdnik5 prazdnik5";
}
.prazdniki_wrapper-test picture img{
  border-radius: 15px;
}
.prazdnik1 {
  grid-area: prazdnik1;
}

.prazdnik2 {
  grid-area: prazdnik2;
}

.prazdnik3 {
  grid-area: prazdnik3;
}

.prazdnik5 {
  grid-area: prazdnik5;
}

.prazdnik4 {
  grid-area: pradnik4;
}

.prazdnik1,
.prazdnik2,
.prazdnik3,
.prazdnik4,
.prazdnik5 {
  position: relative;
  display: flex;
  /* background: var(--color-under); */
  border-radius: 33px;
  /* padding: 20px; */
}

.prazdnik1 img,
.prazdnik2 img,
.prazdnik3 img,
.prazdnik4 img,
.prazdnik5 img {
  /* max-height: 550px; */
  width: 100%;
}

.prazdnik4 img {
  height: 100%;
  border-radius: 30px;
}

.swiper-nav-wrapper .swiper-button-prev,
.swiper-nav-wrapper .swiper-button-next {
  border-radius: 50%;
  height: 60px;
  width: 60px;
  background: #e2dff0;
  top: var(--swiper-navigation-top-offset, 15%);
}

.swiper-nav-wrapper .swiper-button-next::after,
.swiper-nav-wrapper .swiper-button-prev::after {
  font-size: 14px !important;
  color: var(--color-purple);
}

.swiper-nav-wrapper .swiper-button-prev {
  left: 80% !important;
}

.category-img {
  width: auto !important;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 1696px) {

  .swiper-nav-wrapper .swiper-button-prev,
  .swiper-nav-wrapper .swiper-button-next {
    height: 45px;
    width: 45px;
    top: 40px;
  }
}

@media (max-width: 1280px) {
  .category-img {
    max-width: 50% !important;
  }
}

@media (max-width: 768px) {
  .category-img {
    max-width: 100% !important;
  }
}

.prazdniki {
  margin-top: 60px;
}

.prazdnik_ico {
  position: absolute;
  top: 15px;
  left: 28px;
  max-width: 55px;
}

.prazdnik_ico1 {
  position: absolute;
  top: 20px;
  left: 20px;
  max-width: 70px;
}

.dop_prazdnik {
  margin-top: 40px;
  display: flex;
  gap: 20px;
}

.dop_prazdnik__item {
  position: relative;
  width: 50%;
}

.dop_ico {
  position: absolute;
  right: 0;
  top: 0;
}

.bg-dop {
  width: 100%;
}

.dop_prazdnik span {
  line-height: 80%;
  font-weight: 800;
  color: var(--color-white);
  font-size: 40px;
}

.dop_prazdnik p {
  padding-top: 10px;
  color: var(--color-white);
  font-size: 24px;
}

.dop-descr {
  max-width: 366px;
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.prazdnik_txt {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: var(--color-white);
  background: var(--color-purple);
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 18px;
}

.category-sort-view__container {
  display: flex;
  gap: 10px;
}

.category-view__buttons {
  border-radius: 10px;
  background: var(--color-white);
  width: 90px;
  display: flex;
}

.feedback-socials__items img {
  border-radius: 10px !important;
}

.category-view__button.category-view__button-active {
  background-color: var(--color-purple);
  color: var(--color-white);
  transition: 1s all;
}

.category-view__button {
  width: 45px;
  height: 45px;
  background: var(--color-white);
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fw {
  width: 100%;
}

.presentation_btn {
  display: flex;
  align-items: center;
  position: relative;
  color: var(--color-purple) !important;
  font-weight: 600;
  font-size: 16px;
  padding-left: 25px;
}

.presentation_btn::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;

  background-image: url(/wp-content/uploads/2025/04/Download.svg);
  background-repeat: no-repeat;
}

@media (max-width: 1696px) {
  .prazdnik_txt-small {
    position: absolute;
    bottom: 35px;
    left: 28px;
  }

  .prazdnik_txt {
    font-size: 14px;
  }

  .dop_ico {
    max-height: 50px;
  }

  .prazdnik1 img,
  .prazdnik2 img,
  .prazdnik3 img,
  .prazdnik4 img,
  .prazdnik5 img {
    max-height: 400px;
  }

  .prazdnik1,
  .prazdnik2,
  .prazdnik3,
  .prazdnik4,
  .prazdnik5 {
    border-radius: 25px;
  }

  .prazdnik_ico,
  .prazdnik_ico1 {
    max-width: 50px;
  }

  .prazdnik_ico {
    top: 20px;
    left: 20px;
  }
}

@media (max-width: 1366px) {
  .prazdnik_txt {
    bottom: 25px;
    left: 25px;
  }

  .prazdnik_txt-small {
    position: absolute;

    left: 20px;
  }

  .prazdnik1 img,
  .prazdnik2 img,
  .prazdnik3 img,
  .prazdnik4 img,
  .prazdnik5 img {
    max-height: 350px;
  }

  .prazdnik_ico,
  .prazdnik_ico1 {
    max-width: 45px;
  }

  .swiper-nav-wrapper .swiper-button-prev {
    left: 77% !important;
  }

  .prazdnik_ico1 {
    top: 15px;
    left: 15px;
  }

  .prazdnik_ico {
    top: 15px;
    left: 21px;
  }
}

@media (max-width: 1280px) {
  .swiper-nav-wrapper .swiper-button-prev {
    left: 72% !important;
  }

  .prazdnik_txt {
    padding: 5px 10px;
    font-size: 14px;
  }

  .dop_prazdnik span {
    font-size: 28px;
  }

  .dop_ico {
    max-height: 40px;
  }

  .dop_prazdnik p {
    font-size: 18px;
  }

  .prazdnik_ico,
  .prazdnik_ico1 {
    max-width: 40px;
  }

  .prazdnik_ico1 {
    top: 17px;
    left: 10px;
  }

  .prazdnik_ico {
    top: 17px;
    left: 19px;
  }
}

@media (max-width: 1024px) {
  .dop_prazdnik {
    flex-wrap: wrap;
  }

  .dop_prazdnik__item {
    width: 100%;
  }

  .dop_ico {
    max-height: 48px;
  }

  .prazdniki_wrapper-test {
    display: flex;
    flex-direction: column;
  }

  .prazdnik1 img,
  .prazdnik2 img,
  .prazdnik3 img,
  .prazdnik4 img,
  .prazdnik5 img {
    max-height: 100%;
  }

  .prazdnik_ico,
  .prazdnik_ico1 {
    max-width: 65px;
  }

  .prazdnik_txt {
    font-size: 18px;
    padding: 10px 20px;
  }

  .blur {
    filter: blur(10px);
  }
}

@media (max-width: 768px) {
  .dop-descr {
    max-width: 233px;
    top: 30px;
  }

  .prazdniki {
    margin-top: 20px;
  }

  .prazdniki_wrapper-test {
    margin-top: 10px;
  }

  h2 {
    font-weight: 500;
    font-size: 24px;
  }
}

@media (max-width: 400px) {

  .prazdnik_ico,
  .prazdnik_ico1 {
    max-width: 60px;
  }
}

#catalog {
  margin-top: 40px;
}

.container-catalog {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 20px 20px;
  grid-auto-flow: row;
  grid-template-areas:
    "catalog1 catalog1 catalog1 catalog1 catalog2 catalog2 catalog3 catalog3 catalog4 catalog4"
    "catalog5 catalog5 catalog6 catalog6 catalog7 catalog7 catalog8 catalog8 catalog8 catalog8"
    "catalog5 catalog5 catalog9 catalog9 catalog9 catalog9 catalog10 catalog10 catalog11 catalog11";
}

.container-catalog img {
  border-radius: 20px;
}

.catalog1 {
  grid-area: catalog1;
  display: flex;
}

.catalog1::after,
.catalog2::after,
.catalog3::after,
.catalog4::after,
.catalog5::after,
.catalog6::after,
.catalog7::after,
.catalog8::after,
.catalog9::after,
.catalog10::after {
  border-radius: 20px;
  z-index: 2;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 30.5%,
      rgba(0, 0, 0, 0.6) 100%);
}

.catalog2 {
  grid-area: catalog2;
  display: flex;
}

.catalog3 {
  grid-area: catalog3;
  display: flex;
}

.catalog4 {
  grid-area: catalog4;
  display: flex;
}

.catalog5 {
  grid-area: catalog5;
  display: flex;
}

.catalog5::after {
  border-radius: 20px;
  z-index: 2;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 30.5%,
      rgba(0, 0, 0, 0.6) 100%);
}

.catalog6 {
  grid-area: catalog6;
  display: flex;
}

.catalog7 {
  grid-area: catalog7;
  display: flex;
}

.catalog8 {
  grid-area: catalog8;
  display: flex;
}

.catalog9 {
  grid-area: catalog9;
  display: flex;
}

.catalog10 {
  grid-area: catalog10;
  display: flex;
}

.catalog11 {
  grid-area: catalog11;
  display: flex;
}

.container-catalog span {
  z-index: 3;
  font-weight: 600;
  font-size: 18px;
  color: var(--color-white);
}

.container-catalog>div {
  position: relative;
}

.catalog_txt {
  position: absolute;
  left: 15px;
  bottom: 15px;
}

.container-catalog>div>a {
  width: 100%;
  display: flex;
}

.catalog11 {
  border-radius: 20px;
  background: linear-gradient(212.15deg, #0084ff 0%, #911f8f 92.65%);
}

.container-catalog img {
  width: 100%;
}

.catalog11::after {
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  content: url(./img/catalog-all_ico.svg);
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  justify-content: center;
}

.catalog_all-link {
  width: 100%;
  margin: auto;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  bottom: 80px;
  right: 0;
}

#quiz,
#our_works,
#about,
#contact_us,
#seo {
  margin-top: 60px;
}

#seo {
  margin-bottom: 60px;
}

#quiz .container {
  position: relative;
}

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

#quiz h2 {
  line-height: 110%;
}

.quiz_wrapper {
  background: var(--color-under);
  border-radius: 40px;
  min-height: 650px;
  display: flex;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 50px;
  padding-bottom: 250px;
  flex-direction: column;
  justify-content: center;
  display: none;
  opacity: 0;
  transform: opacity 0.5s ease;
}

.quiz_wrapper.active {
  display: flex;
  opacity: 1;
}

.quiz-controls__wrapper {
  display: flex;
  flex-wrap: wrap;
  width: max-content;
  justify-content: space-between;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
}

.subhead_quiz {
  margin-top: 5px;
  color: var(--color-quiz);
  font-weight: 500;
  font-size: 20px;
}

.one-more-request {
  display: block;
  text-decoration: underline !important;
  margin-top: 25px;
}

.one-more-request:hover {
  text-decoration: none !important;
}

.quiz-start_btn {
  margin-top: 28px;
  display: block;
  width: max-content;
  background: linear-gradient(212.15deg, #0084ff 0%, #911f8f 92.65%);
  font-size: 20px;
  color: var(--color-white);
  padding: 25px 50px;
  border-radius: 13px;
}

.quiz-send_btn {
  margin-top: 28px;
  display: none;
  width: 100%;
  background: linear-gradient(212.15deg, #0084ff 0%, #911f8f 92.65%);
  font-size: 20px;
  color: var(--color-white);
  padding: 25px 50px;
  border-radius: 13px;
  justify-content: center;
}

.bg_quiz {
  background: url(./img/quiz-start.png) 100% 100% / contain no-repeat,
    linear-gradient(var(--color-under), var(--color-under));
}

.progress-bar {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.progress-bar div {
  width: 70px;
  height: 5px;
  background-color: #eee;
  border-radius: 3px;
  background: white;
  border-radius: 50px;
}

.progress-bar .completed {
  background-color: #911f8f;
}

.podbor__buttons-block {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-family: "Montserrat";
  font-size: 16px;
  text-decoration: none;
}

#warning {
  display: none;
  color: red;
  margin-top: 10px;
}

.podbor__buttons-block button {
  text-transform: capitalize;
}

.podbor__buttons-block button.disabled_button {
  color: #a9a6b9;
}

#quiz[data-index="3"] .form_wrapper {
  max-width: 634px;
}

#quiz[data-index="7"] .quiz-controls {
  bottom: 160px;
}

#quiz[data-index="8"] .quiz-controls {
  bottom: 160px;
}

.quiz-controls {
  width: 100%;
  position: relative;
  bottom: 110px;
}

#quiz[data-index="0"] .quiz-controls {
  display: none;
}

#quiz[data-index="1"] .quiz-controls button {
  margin: 0 auto;
}

#quiz[data-index="3"] .quiz-controls,
#quiz[data-index="4"] .quiz-controls {
  bottom: 200px;
}

/* #quiz[data-index="7"] .quiz-send_btn {
  display: flex;
} */

.blue {
  color: var(--color-blue);
}

.purple {
  color: var(--color-purple);
}

.our_works__left img {
  width: 100%;
}

.our_works__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 42px;
}

.our_works__left,
.our_works__right {
  flex: 1;
}

.our_works__right h3 {
  padding-bottom: 10px;
  color: var(--color-black);
  font-weight: 700;
  font-size: 22px;
}

.our_works__descr {
  margin-top: 30px;
}

.our_works__descr span {
  color: var(--color-item);
  font-weight: 500;
  font-size: 16px;
}

.our_works__descr {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

.our_works__item {
  display: flex;
  gap: 20px;
}

.container-about {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 20px 20px;
  grid-auto-flow: row;
  grid-template-areas:
    "about1 about1 about1 about1"
    "about2 about3 about3 about4";
}

.about1 {
  grid-area: about1;
}

.about2 {
  grid-area: about2;
  position: relative;
}

.about2::before {
  /* left: 0;
  top: 0;
  position: absolute;
  content: url(./img/border.svg); */
}

.about3 {
  grid-area: about3;
}

.about4 {
  grid-area: about4;
}

.about1 {
  display: flex;
  gap: 20px;
  background: var(--color-under);
  border-radius: 32px;
  padding: 20px;
}

.about1_item {
  background: var(--color-white);
  border-radius: 22px;
  padding: 15px 20px;
  flex: 1;
}

.about1_item span {
  display: block;
  color: var(--color-purple);
  font-weight: 700;
  font-size: 55px;
}

.about_subheading {
  display: inline !important;
  font-size: 18px !important;
}

.about1_item p {
  color: var(--color-menu);
  font-size: 12px;
}

.about2 span {
  margin-bottom: 7px;
  color: var(--color-black);
  font-weight: 700;
  font-size: 55px;
}

.about2 p {
  font-size: 16px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: var(--color-menu);
}

.about3_raiting {
  padding: 7px 0;
  display: flex;
  gap: 5px;
}

.about3_link {
  font-size: 20px;
  text-decoration: underline !important;
  color: var(--color-black);
}

.about2 {
  display: flex;
  position: relative;
  /* margin: 10px; */
  /* background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='32' ry='32' stroke='purple' stroke-width='1' stroke-dasharray='15' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='32' ry='32' stroke='purple' stroke-width='1' stroke-dasharray='15' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='32' ry='32' stroke='purple' stroke-width='2' stroke-dasharray='10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); */
  border-radius: 32px;
}

.about2::before {
  border-radius: 32px;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='32' ry='32' stroke='purple' stroke-width='2' stroke-dasharray='14' vector-effect='non-scaling-stroke' preserveAspectRatio='none' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  /* background-image: url(./img/border-about.svg); */
}

.about2_inner {
  position: relative;
  width: 100%;
  padding: 20px 30px;
  border-radius: 32px;
  margin: 10px;
  background: var(--color-white);
}

.posa {
  position: absolute;
  width: 100%;
  height: 100%;
}

.footer_form input {
  border: none;

}

.footer_form input[type="submit"] {
  color: transparent;
}

.about3 {
  padding: 30px;
  border-radius: 32px;
  background: var(--color-black);
}

.tar {
  text-align: right;
}

.about3 p {
  padding-top: 17px;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-white);
}

.about3-heading {
  color: var(--color-white);

  font-family: "Unbounded", serif;
  font-weight: 500;
  font-size: 30px;
}

.about4 {
  position: relative;
  border-radius: 22px;
  background: linear-gradient(212.89deg, #0084ff 0%, #911f8f 105.96%);
}

.about4_btn {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.contact_us__wrapper {
  margin-top: 20px;
  display: flex;
  gap: 20px;
}

.contact_us__wrapper-left {
  padding: 25px;
  width: 35%;
  display: flex;
  flex-direction: column;
  background: var(--color-white);
  border-radius: 10px;
}

.contact_us__wrapper-right {
  position: relative;
  width: 64%;
}

.contact_us__wrapper-left span {
  font-size: 24px;
  font-weight: 500;
}

.phone-icon {
  margin: 10px 0;
  background: url(./img/phone_ico.svg) no-repeat left center;
}

.mail-icon {
  margin: 5px 0;
  background: url(./img/mail_ico.svg) no-repeat left center;
}

.contact_us-ico {
  font-weight: 600;
  display: block;
  color: var(--color-black);
  background-size: 16px;
  display: inline-block;
  vertical-align: bottom;
  padding-left: 35px;
}

.contact_us__wrapper-groupbtn {
  margin-top: 20px;
  display: flex;
  gap: 10px;
}

.contact_us__wrapper-right>iframe {
  border-radius: 10px;
  filter: grayscale(1);
}

.submit-btn {
  border-radius: 15px;
  padding: 16px;
  background: linear-gradient(212.15deg, #0084ff 0%, #911f8f 92.65%) !important;
  color: var(--color-white);
  font-size: 20px;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
}

.contact_us__wrapper-left input,
.contact_us__wrapper-left textarea {
  max-width: 100%;
  border-radius: 10px;
  border: 1px solid var(--color-under);
}

.contact_us__wrapper-left input:focus,
.contact_us__wrapper-left textarea:focus {
  border: 1px solid var(--color-black);
}

textarea {
  height: 7em !important;
}

.name_input {
  background: url(./img/input-name.svg) no-repeat 10px center,
    linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255));
  border-radius: 10px;
  max-width: 430px;
  height: 50px;
}

.email_input {
  background: url(./img/input-email.svg) no-repeat 10px center,
    linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255));
  border-radius: 10px;
  max-width: 430px;
  height: 50px;
}

.txt_input {
  background: url(./img/input-txt.svg) no-repeat 10px 10px,
    linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255));
  border-radius: 10px;
  max-width: 430px;
  /* height: 60px; */
}

.name_input,
.email_input,
.txt_input {
  display: flex;
  align-items: center;
  padding-left: 30px;
}

.name_input::placeholder,
.email_input::placeholder {
  position: absolute;
  top: 15px;
  line-height: 0;
  font-size: 16px;
  color: var(--color-item);
}

.txt_input::placeholder {
  padding-left: 15px;
  padding-top: 10px;
  font-size: 16px;
  color: var(--color-item);
}

.contact_us__wrapper-left form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.woocommerce-breadcrumb,
#breadcrumbs {
  width: 100%;
  margin-top: 31px;
  margin-bottom: 26px;
  font-family: Mulish;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #9593a0;
  letter-spacing: 0%;
}

.woocommerce-breadcrumb a {
  color: var(--color-menu);
}

.wrapper_contacts {
  display: flex;
  gap: 20px;
}

.contact_block {
  padding: 25px;
  background: var(--color-white);
  border-radius: 25px;
  flex: 1;
}

.contact_block p {
  font-weight: 500;
  font-size: 24px;
}

.contact_block span {
  display: block;
  font-weight: 600;
  font-size: 26px;
  color: var(--color-purple);
  margin-top: 20px;
}

.wrapper_contacts {
  margin-bottom: 50px;
  margin-top: 20px;
}

.woocommerce-page div.product div.images {
  float: left;
  width: 31%;
}

.woocommerce-page div.product div.summary {
  width: 65%;
  display: grid;
  grid-template-columns: 1fr auto;
  padding-right: 59px;
  grid-template-areas:
    "product_title product_fav"
    "product_price ."
    "variations variations"
    "description description"
    "additional_props additional_props"
    "callback_btn .";
}

.additional-services {
  grid-area: additional_props;
}

.woocommerce div.product .product_title {
  max-width: 80%;
  font-family: "Unbounded";
  font-weight: 500;
  font-size: 35px;
  line-height: 40px;
  letter-spacing: 0%;
  vertical-align: middle;
  grid-area: product_title;
}

.services-list {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin: 25px auto;
}

.services-list .tech_item {
  width: 31%;
}

.service-item input {
  visibility: hidden;
  opacity: 0;
}

.service-item label {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 9px;
  border: 2px solid gray;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  padding: 21px;
  text-align: center;
}

.service-item input:checked+label {
  border: 2px solid blue;
}

.service-item {
  position: relative;
  width: 162px;
  display: inline-block;
  background: white;
  height: 162px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  padding: 21px;
  text-align: center;
}

.service_ico {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-purple);
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 10px;
}

/* .tech_active>input:checked~.tech_ico {
  background: var(--color-blue);
} */

.tech_item.tech_active>input:checked~.tech-ico {
  background-color: var(--color-blue);
}


.service_ico img {
  max-width: 20px !important;
}

.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
  grid-area: product_fav;
}

.yith-wcwl-add-to-wishlist-button:is(button) {
  gap: 0;
  padding: 12px;
  font-size: 0.9rem;
  background: #911f8f;
  border-radius: 13px;
}

.yith-wcwl-add-to-wishlist-button svg,
.yith-wcwl-add-to-wishlist-button img.yith-wcwl-custom-icon {
  width: 24px;
  height: 24px;
}

.grd_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(212.15deg, #0084ff 0%, #911f8f 92.65%);
  border-radius: 13px;
  color: white;
}

.feedback-socials {
  grid-area: callback_btn;
  display: flex;
  gap: 10px;
  align-items: center;
}

.feedback-socials__items {
  display: flex;
  gap: 10px;
}

.woocommerce-Tabs-panel {
  grid-area: description;
  font-family: "Mulish";
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #a9a6b9;
  margin-bottom: 35px;
}

.woocommerce-variation-add-to-cart {
  grid-area: variations;
}

.callback_btn {
  font-size: 20px;
  line-height: 120%;
  padding: 0 25px;
}

.woocommerce-product-gallery__wrapper img {
  border-radius: 35px;
}

.about_goods__block {
  margin-top: 30px;
  width: 100%;
  display: flex;
  gap: 30px;
  background: var(--color-white);
  border-radius: 40px;
}

.p40 {
  padding: 40px;
}

.about_goods__item {
  flex: 1;
}

.about_goods__item p {
  font-weight: 300;
  color: var(--color-black);
  font-size: 20px;
  margin-top: 15px;
}

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

.about_goods__img img {
  border-radius: 40px;
}

.include_wrapper {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.include_item {
  height: 200px;
  position: relative;
  width: 32%;
  padding: 30px;
  /* background: var(--color-under); */
  /* background-image: url(./img/bg-include.svg);
  background-repeat: no-repeat;
  min-height: 200px; */
}

.include_item::after {
  background: var(--color-under);
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  clip-path: polygon(0% 10%,
      0% 10%,
      0.057% 8.378%,
      0.222% 6.839%,
      0.485% 5.404%,
      0.839% 4.094%,
      1.273% 2.929%,
      1.78% 1.929%,
      2.35% 1.116%,
      2.974% 0.51%,
      3.643% 0.131%,
      4.348% 0%,
      77.081% 0%,
      77.081% 0%,
      78.139% 0.196%,
      79.142% 0.765%,
      80.078% 1.674%,
      80.932% 2.894%,
      81.692% 4.393%,
      82.344% 6.141%,
      82.874% 8.107%,
      83.27% 10.259%,
      83.517% 12.567%,
      83.602% 15%,
      83.602% 19.771%,
      83.602% 19.771%,
      83.688% 22.204%,
      83.935% 24.512%,
      84.33% 26.664%,
      84.861% 28.63%,
      85.513% 30.377%,
      86.273% 31.877%,
      87.127% 33.097%,
      88.063% 34.006%,
      89.066% 34.575%,
      90.124% 34.771%,
      93.478% 34.771%,
      93.478% 34.771%,
      94.536% 34.967%,
      95.54% 35.536%,
      96.475% 36.445%,
      97.33% 37.665%,
      98.09% 39.164%,
      98.742% 40.912%,
      99.272% 42.877%,
      99.668% 45.03%,
      99.915% 47.338%,
      100% 49.771%,
      100% 90%,
      100% 90%,
      99.943% 91.622%,
      99.778% 93.161%,
      99.515% 94.596%,
      99.161% 95.906%,
      98.727% 97.071%,
      98.22% 98.071%,
      97.65% 98.884%,
      97.026% 99.49%,
      96.357% 99.869%,
      95.652% 100%,
      4.348% 100%,
      4.348% 100%,
      3.643% 99.869%,
      2.974% 99.49%,
      2.35% 98.884%,
      1.78% 98.071%,
      1.273% 97.071%,
      0.839% 95.906%,
      0.485% 94.596%,
      0.222% 93.161%,
      0.057% 91.622%,
      0% 90%,
      0% 10%);
}

.include_number {
  justify-content: center;
  display: flex;
  align-items: center;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  background: var(--color-under);
  border-radius: 50%;
  font-weight: 700;
  font-size: 30px;
  color: var(--color-purple);
}

.include_item h4 {
  font-family: "Unbounded", serif;
  color: var(--color-black);
  font-size: 28px;
  margin-bottom: 13px;
}

.include_item p {
  color: var(--color-item);
  font-size: 18;
}

.tech {
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.tech h3,
.other_goods h3 {
  width: 100%;
}

.tech_item {
  width: 280px;
  position: relative;
  padding: 20px;
  background: var(--color-white);
  border-radius: 30px;
}

.tech_item .tech-ico {
  display: flex;
  position: absolute;
  top: 20px;
  left: 20px;
  background: var(--color-purple);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.tech_item h4 {
  padding-top: 80px;
  font-weight: 500;
  color: var(--color-black);
  font-size: 24px;
}

.tech_item p {
  color: var(--color-item);
  font-size: 18px;
}

.other_goods {
  margin-top: 50px;
}

.other_goods h3 {
  margin-bottom: 20px;
}

.other_goods ul {
  gap: 20px;
  display: flex;
}

.other_goods__item {
  cursor: pointer;
  position: relative;
  position: relative;
  width: 23%;
  transition: all 0.5s;
}

.other_goods__item:hover {
  transform: scale(1.05);
}

.other_goods__item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 44.58%,
      rgba(11, 11, 11, 0.6) 100%);
  border-radius: 25px;
}

.other_goods-img {
  width: 100%;
  border-radius: 26px;
}

.other_goods__item h5 {
  color: var(--color-white);
  font-weight: 600;
  font-size: 20px;
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.other_cat {
  margin-top: 40px;
}

.other_cat h2 {
  margin-bottom: 20px;
}

.cat-items__wrapper {
  display: flex;
  gap: 20px;
}

/* .cat-items {
  flex: 1;
  position: relative;
  cursor: pointer;
} */
.cat-items {
  display: flex;
  flex: 1;
  position: relative;
  cursor: pointer;
  align-items: stretch;
  justify-content: space-between;
}

.mask-img_cat {
  height: 100% !important;
}

.tech-ico img {
  max-width: 23px !important;
}

.cat-items::after {
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: url(./img/cat-ico.svg) center / auto no-repeat,
    linear-gradient(var(--color-white), var(--color-white));
}

.cat-link {
  position: absolute;
  color: var(--color-white);
  background: var(--color-purple);
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 18px;
  top: 20px;
  left: 20px;
}

.test-img span {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-weight: 500;
  font-size: 20px;
  color: var(--color-white);
}

.w100 {
  width: 100%;
}

.button-zapros {
  display: block;
  width: max-content;
  color: var(--color-white);
  padding: 15px 25px;
  font-size: 20px;
  border-radius: 15px;
  background: linear-gradient(212.15deg, #0084ff 0%, #911f8f 92.65%);
}

.dialog {
  padding: 40px 50px;
  border-radius: 15px;
  width: calc(100% - 40px);
  max-width: 650px;
  border: none;
  inset: 0;
  position: fixed;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1111111;
  right: 0;
}

input,
textarea,
select {
  border-radius: 5px;
  border: 1px solid;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  min-height: 30px;
}

.product__first-screen-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 20px;
  background: var(--color-under);
  border-radius: 40px;
}

.product-template-default .price {
  margin-top: 32px;
  font-weight: 500;
  font-size: 35px;
  line-height: 100%;
  font-family: "Unbounded";
  grid-area: product_price;
}

.price {
  font-weight: 500;
  font-size: 35px !important;
}

.product-attributes__ul {
  margin-top: 23px;
  margin-bottom: 23px;
  display: flex;
  gap: 7px;
}

.product-attribute__item {
  font-family: "Montserrat";
  padding: 10px 16px;
  color: #b6b1ca;
  text-transform: capitalize;
  border: 1px solid #b6b1ca;
  border-radius: 40px;
  font-weight: 400;
  font-size: 16px;
  line-height: 110%;
  cursor: pointer;
}

.product-attribute__item.active {
  font-weight: 500;
  color: var(--color-purple);
  border: 1px solid var(--color-purple);
}

#currency-symbol,
.woocommerce-Price-currencySymbol {
  color: var(--color-purple);
}

/* .mask-img_cat {
  mask-image: url(/wp-content/uploads/2025/04/image-18.png);
    mask-repeat: no-repeat;
    mask-size: contain;
} */
.test-img {
  mask-image: url(/wp-content/uploads/2025/04/image-18.png);
  mask-repeat: no-repeat;
  mask-size: contain;
  position: relative;
  transition: all 1.5s;
}

.cat-items {
  transition: all 1.5s;
}

.cat-items:hover>* {
  opacity: 1;
}

.cat-items>*:hover {
  opacity: 1;
  transform: scale(1.03);
  transition-delay: 0ms, 0ms;
}

.test-img::before {
  position: absolute;
  content: "";
  background: linear-gradient(238.89deg,
      rgba(0, 0, 0, 0) 45.81%,
      #000000 80.38%);
  background: linear-gradient(179.7deg,
      rgba(0, 0, 0, 0) 56.36%,
      #000000 99.65%);

  width: 100%;
  height: 100%;
}

.feedback-socials__items a,
.button-zapros {
  transition: all 0.5s;
}

.feedback-socials__items a:hover,
.button-zapros:hover {
  transform: scale(1.05);
}

.quiz_item {
  display: none;
  align-items: center;
  justify-content: center;
}

.input-pole span {
  display: block;
}

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

.form_radio label {
  display: inline-block;
  cursor: pointer;
  color: var(--color-quiz);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0em;
  position: relative;
  padding-left: 10px;
  margin-right: 0;
  line-height: 18px;
  user-select: none;
}

.form_wrapper h2 {
  margin-bottom: 20px;
}

.form_wrapper .form {
  margin-top: 20px;
}

.form_radio {
  margin-bottom: 30px;
}

.inputGroup {
  background-color: transparent;
  display: block;
  margin: 10px 0;
  position: relative;
}

.inputGroup label {
  padding: 12px 10px 12px 50px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3c454c;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  order: 5;
}

.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background-color: var(--color-white);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}

.inputGroup label:after {
  width: 18px;
  height: 18px;
  content: "";
  border: 2px solid #a9a6b9;

  background-repeat: no-repeat;
  background-position: 0px 1px;
  border-radius: 50%;
  background-size: 18px;
  z-index: 2;
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}

.inputGroup input:checked~label {
  /* color: #fff; */
  border-radius: 10px;
}

.inputGroup input:checked~label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}

.inputGroup input:checked~label:after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-color: var(--color-purple);
  border-color: var(--color-purple);
  border-radius: 15px;
}

.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

.your_variant {
  position: relative;
  padding: 15px;
  min-height: 6rem;
  width: 100%;
  background: var(--color-white);
  border: none;
  margin-top: 9px;
}

.your_variant::placeholder {
  position: absolute;
  top: 10px;
  left: 0;
  display: flex;
  align-content: flex-start;
}

#your_variant_svyaz {
  position: relative;
  padding: 15px;
  min-height: auto;
  width: 100%;
  background: var(--color-white);
  border: none;
  margin-top: 9px;
}

.tab-section-wrapper {
  padding: 30px 0;
}

.grid-wrapper {
  display: flex;
  grid-gap: 30px;
  place-items: center;
  place-content: center;
  justify-content: flex-start;
}

.grid-col-auto {
  grid-auto-flow: column;
  grid-template-rows: auto;
}

/* ******************* Main Styeles : Radio Card */
label.radio-card {
  cursor: pointer;
}

label.radio-card .card-content-wrapper {
  width: 200px;
  position: relative;
  background: #fff;
  border-radius: 5px;
  max-width: 280px;

  padding: 25px 25px 0 25px;
  display: grid;
  box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04);
  transition: 200ms linear;
}

label.radio-card .check-icon {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  display: inline-block;
  border: solid 2px #e3e3e3;
  border-radius: 50%;
  transition: 200ms linear;
}

label.radio-card .check-icon:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center center;
  transform: scale(1.6);
  transition: 200ms linear;
  opacity: 0;
}

label.radio-card input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

label.radio-card input[type="radio"]:checked+.card-content-wrapper {
  box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5),
    0 0 0 2px var(--color-purple);
}

label.radio-card input[type="radio"]:checked+.card-content-wrapper .check-icon {
  background: var(--color-purple);
  border-color: var(--color-purple);
  transform: scale(1.2);
}

label.radio-card input[type="radio"]:checked+.card-content-wrapper .check-icon:before {
  transform: scale(1);
  opacity: 1;
}

label.radio-card input[type="radio"]:focus+.card-content-wrapper .check-icon {
  box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2);
  border-color: var(--color-purple);
}

#quiz[data-index="3"] .card-content-wrapper {
  height: 100%;
}

#quiz[data-index="3"] .card-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#quiz[data-index="3"] .card-content h4 {
  margin-top: 25px;
  font-size: 20px;
}

label.radio-card .card-content img {
  margin-bottom: 0;
}

label.radio-card .card-content h4 {
  font-size: 16px;
  letter-spacing: -0.24px;
  text-align: center;
  color: #1f2949;
  margin-bottom: 10px;
}

.grid-wrapper input {
  border: none;
}

input[name="checkbox-card"] {
  display: none;
}

.custom-checkbox {
  display: none;
}

input[name="checkbox-card"]+label {
  background-color: #fff;
  padding: 5px 5px 0;
  display: flex;
  border-radius: 25px;
  text-align: center;
  width: 170px;
  height: 205px;
  box-sizing: content-box;
  align-items: flex-end;
  justify-content: center;
  border: 2px solid white;
}

input[name="checkbox-card"]:checked+label {
  border: 2px solid #911f8f;
}

.cat_wrapper {
  background: var(--color-under);
  border-radius: 40px;
  min-height: 450px;
}

.woocommerce-result-count {
  font-family: "Unbounded", serif;
  font-weight: 700;
  font-size: 24px;
}

.cat_wrapper {
  position: relative;
  padding: 60px;
  margin-bottom: 30px;
}

.cat_descr {
  max-width: 650px;
}

.cat_descr p {
  font-weight: 300;
  font-size: 20px;
  color: var(--color-item);
  margin-top: 15px;
}

.products>li>.yith-add-to-wishlist-button-block {
  position: absolute;
  right: 15px;
  top: 15px;
}

.products>li>.yith-add-to-wishlist-button-block>.yith-wcwl-add-to-wishlist-button:is(button) {
  background: var(--color-purple);
  border-radius: 50%;
}

.woocommerce-loop-product__descr {
  padding-bottom: 10px;

  color: var(--color-item);
  font-size: 12px;
  grid-area: loop-descr;
}

.woocommerce-loop-product__price {
  color: var(--color-black);
  font-weight: 600;
  font-size: 20px;
  grid-area: loop-price;
}

.woocommerce-loop-product__hr {
  border-bottom: 1px solid var(--color-under);
  width: 100%;
  grid-area: loop-hr;
}

.woocommerce-loop-product__cat {
  margin: 10px 0;
  font-weight: 500;
  font-size: 14px;
  color: var(--color-purple);
  background: #ece1f9;
  padding: 6px 15px;
  border-radius: 30px;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-area: loop-cat;
}

.archive-category-wrapper {
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 21px;
}

.woocommerce-loop-category__title {
  font-size: 23px;
}

.archive-category-wrapper>li {
  position: relative;
  background: var(--color-white);
  padding: 10px;
  border-radius: 30px;
  width: 24%;
}

.woocommerce-loop-category__title {
  position: absolute;
  bottom: 25px;
  left: 20px;
  font-weight: 500;
  font-size: 14px;
  color: var(--color-purple);
  background: #ece1f9;
  padding: 6px 15px;
  border-radius: 30px;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.count {
  display: none;
}

.archive-category-wrapper>li>a>img {
  border-radius: 30px;
}

.product-category>a>img {
  width: 100%;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: var(--color-white);
  padding: 10px;
  border-radius: 30px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product>a>img {
  border-radius: 30px;
}

.entry-price {
  font-weight: 600;
  font-size: 20px;
  color: var(--color-black);
}

#archive-products-list .woocommerce-Price-currencySymbol {
  color: var(--color-black);
}

.swiper-slide {
  border-radius: 40px;
  overflow: hidden;
}



.dialog::backdrop {
  background-color: rgb(0 0 0 / 0.6);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.yith-wcwl-feedback-messages-container {
  display: none;
}

@media (max-width: 1696px) {
  .archive-category-wrapper {
    gap: 15px;
  }

  .woocommerce-loop-category__title {
    letter-spacing: -0.33px;

    font-size: 12px;

    padding: 6px 15px;
  }

  .quiz_wrapper {
    min-height: 650px;
  }
}

@media (max-width: 1366px) {
  .quiz_wrapper {
    min-height: 450px;
  }

  .archive-category-wrapper>li {
    width: 23%;
  }

  .woocommerce-loop-category__title {
    letter-spacing: -0.33px;
    font-size: 11px;
    padding: 6px 5px;
  }
}

@media (max-width: 1280px) {
  .archive-category-wrapper>li {
    width: 32%;
  }

  .quiz_wrapper {
    min-height: 350px;
  }
}

@media (max-width: 768px) {
  .quiz-controls {
    left: 4px;
  }

  .progress-bar {
    gap: 7px;
  }

  .progress-bar div {
    width: 33px;
    height: 3px;
  }

  .bg_quiz {
    background-position: 51% 94%;
    background-size: 235px;
  }

  .quiz-start_btn {
    font-size: 16px;
  }

  #quiz[data-index="0"] .quiz_wrapper h2 span {
    display: block;
    white-space: nowrap;
  }

  #quiz[data-index="3"] .grid-wrapper {
    flex-direction: column;
    gap: 10px;
  }

  #quiz[data-index="3"] input[name="checkbox-card"]+label {
    padding: 0 5px 0;
    display: flex;
    width: 95%;
    align-items: flex-end;
    justify-content: center;
    height: auto;
  }

  #quiz[data-index="3"] .card-content-wrapper {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: flex-end;
    justify-content: space-between;
  }

  #quiz[data-index="3"] .card-content {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 20px;
    flex-direction: row;
  }

  #quiz[data-index="3"] .card-content h4 {
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: auto;
  }

  #quiz[data-index="3"] .form_checkbox {
    width: 100%;
  }

  .cat58 article {
    width: 100%;
  }

  .cat58 .blog-img {
    max-height: max-content;
  }

  .cat_descr p {
    font-size: 12px;
  }

  .page-id-446 h1 {
    font-size: 20px;
  }

  .cat_wrapper {
    padding: 20px;
    margin-bottom: 30px;
  }

  .archive h1 {
    font-size: 20px;
  }

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

  .cat-items::after {
    padding: 25px;
  }

  .cat-link {
    font-size: 14px;
  }

  .wrapper_contacts,
  .contact_us__wrapper {
    gap: 10px;
    flex-direction: column;
  }

  .contact_us__wrapper-left,
  .contact_us__wrapper-right {
    width: 100%;
  }

  .contact_us__wrapper-left {
    order: 2;
  }

  .contact_us__wrapper-right {
    order: 1;
  }

  .wrapper_contacts {
    margin-bottom: 20px;
  }

  #quiz,
  #our_works,
  #about,
  #contact_us,
  #seo {
    margin-top: 20px;
  }

  .contact_block {
    padding: 15px;
  }

  .contact_block span,
  .contact_block p {
    font-size: 20px;
  }

  .contact_block span {
    margin-top: 10px;
  }
}

@media (max-width: 1280px) {
  .about1_item span {
    font-size: 39px;
  }

  .about3_raiting img {
    max-width: 30px;
  }
}

@media (max-width: 1024px) {
  .services-list .tech_item {
    width: 48%;
  }

  .product__first-screen-wrapper {
    gap: 20px;
    padding: 0;
    background-color: transparent;
  }

  .our_works__wrapper {
    flex-direction: column;
  }

  .our_works__left {
    display: none;
  }

  .about3-heading {
    font-size: 22px;
  }

  .about1_item span {
    font-size: 19px;
  }

  h2 {
    font-size: 20px;
  }

  .subhead_quiz {
    font-size: 14px;
  }

.quiz-start_btn {
        margin-bottom: 15px;
        display: block;
        margin-top: auto;
        /* margin-top: 28px; */
    
        width: max-content;
        background: linear-gradient(212.15deg, #0084ff 0%, #911f8f 92.65%);
        font-size: 18px;
        color: var(--color-white);
        padding: 15px 36px;
        border-radius: 13px;
    }

  .container-catalog span {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  .test-img {
    mask-image: url(/wp-content/uploads/2025/04/image-19.png);
    mask-repeat: no-repeat;
    mask-size: contain;
    position: relative;
  }

  .other_goods__item {
    width: 50%;
  }

  .cat-items::after {
    padding: 20px;
  }

  .container-about {
    gap: 10px;
    display: flex;
    flex-direction: column;
  }

  .about1 {
    padding: 5px;
    gap: 5px;
    flex-wrap: wrap;
  }

  .about1_item {
    flex: auto;
    padding: 10px;
    width: 48%;
  }

  .about1_item span {
    margin-top: 5px;
    font-size: 35px;
  }

  .about1_item p {
    font-size: 11px;
  }

  h2 {
    font-size: 24px;
  }

  .about2 span {
    font-size: 35px;
  }

  .about2_inner {
    min-height: 172px;
    border-radius: 25px;
    padding: 10px;
  }

  .about2 p {
    font-size: 14px;
  }

  .about3_raiting img {
    max-width: 35px;
  }

  .about3_link {
    font-size: 14px;
  }

  .about3 p {
    padding-top: 17px;
    font-size: 12px;
  }

  .about4 {
    min-height: 172px;
  }

  .dop_prazdnik span {
    font-size: 25px;
  }

  .dop_prazdnik p {
    font-size: 16px;
  }

  .container-catalog {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(7, 1fr);
    gap: 5px 5px;
    grid-template-areas:
      "catalog1 catalog1"
      "catalog2 catalog3"
      "catalog4 catalog4"
      "catalog5 catalog6"
      "catalog5 catalog7"
      "catalog8 catalog9"
      "catalog10 catalog11";
  }

  .catalog1 {
    grid-area: catalog1;
  }

  .catalog2 {
    grid-area: catalog2;
  }

  .catalog3 {
    grid-area: catalog3;
  }

  .catalog8 {
    grid-area: catalog4;
  }

  .catalog5 {
    grid-area: catalog5;
  }

  .catalog6 {
    grid-area: catalog6;
  }

  .catalog7 {
    grid-area: catalog7;
  }

  .catalog4 {
    grid-area: catalog8;
  }

  .catalog9 {
    grid-area: catalog9;
  }

  .catalog10 {
    grid-area: catalog10;
  }

  .catalog11 {
    grid-area: catalog11;
  }

  #quiz[data-index="8"] .quiz_wrapper {
    min-height: 390px;
  }


  #quiz[data-index="8"] .quiz_wrapper {}

  .quiz_wrapper {
    border-radius: 25px;
    padding-top: 0;
    padding-left: 25px;
    padding-right: 25px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  #quiz h2 {
    margin-top: 20px;
    text-align: center;
  }

  .subhead_quiz {
    text-align: left;
  }

  .our_works__item {
    align-content: flex-start;
    align-items: flex-start;
    gap: 10px;
  }

  .our_works__item img {
    max-width: 40px;
  }

  .our_works__right h3 {
    padding-bottom: 3px;
    font-size: 16px;
  }

  .our_works__descr span {
    font-size: 12px;
  }

  .our_works__descr {
    gap: 10px;
    margin-top: 15px;
  }

  .footer-btn {
    display: none;
  }
}

dialog[open] [data-wpcf7-id="223"] {
  display: block;
}

[data-wpcf7-id="223"] {
  display: none;
}

.w-products {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.woocommerce-loop-product__title {
  color: var(--color-black);
  padding-bottom: 10px;
  font-family: Mulish;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0%;
  grid-area: loop-title;
}

.product-line-view .woocommerce-loop-product__title {
  max-width: 80%;
}

.product .woocommerce-loop-product__hr,
.product .woocommerce-loop-product__price {
  margin-bottom: 10px;
}

.product .woocommerce-loop-product__hr {
  margin-top: auto;
}

.woocommerce img,
.woocommerce-page img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 30px;
}

.single-product .product.type-product {
  display: block;
}

.woocommerce-wishlist .product.type-product {
  background: var(--color-white);
}

.product.type-product {
  display: flex;
  flex-direction: column;
  padding: 10px;

  position: relative;
  border-radius: 30px;
}

.product .yith-add-to-wishlist-button-block {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-purple);
  position: absolute;
  right: 24px;
  top: 18px;
  align-items: center;
  justify-content: center;
  z-index: 89;
}

.product .yith-wcwl-add-to-wishlist-button:is(button) {
  width: 18px;
  height: 18px;
  gap: 0;
  padding: 0;
  font-size: 0.9rem;
}

.product-line-view .w-products {
  grid-template-columns: repeat(2, 1fr);
}

#product-block-view {
  background-image: url("img/block-state-icon.svg");
}

#product-block-view.category-view__button-active {
  background-image: url("img/active-block-state-icon.svg");
}

#product-line-view {
  background-image: url("img/line-state-icon.svg");
}

#product-line-view.category-view__button-active {
  background-image: url("img/active-line-state-icon.svg");
}

.archive.product-line-view .product.type-product {
  background: var(--color-white);
  display: grid;
  grid-template-columns: 220px auto;
  gap: 0 40px;
  grid-template-areas:
    "loop-product-link loop-cat"
    "loop-product-link loop-title"
    "loop-product-link loop-descr"
    "loop-product-link loop-hr"
    "loop-product-link loop-price";
}

.product-line-view .woocommerce-LoopProduct-link {
  grid-area: loop-product-link;
}

.swiper-container {
  overflow: hidden;
}

.swiper-button-next {
  color: #fff;
  /* Изменение цвета стрелки на красный */
  /* Добавление полупрозрачного фона */
  /* Закругленные края */
  width: 30px;
  /* Ширина кнопки */
  height: 15px;
  /* Высота кнопки */
  display: flex;
  align-items: center;
  justify-content: center;
  right: 25px !important;
}

/* Изменение стиля кнопки "Prev" */
.swiper-button-prev {
  color: #fff;
  /* Изменение цвета стрелки на красный */
  /* Добавление полупрозрачного фона */
  border-radius: 50%;
  /* Закругленные края */
  width: 30px;
  /* Ширина кнопки */
  height: 15px;
  /* Высота кнопки */
  display: flex;
  align-items: center;
  justify-content: center;
  left: 25px !important;
}

/* Изменение размера иконок стрелок */
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 34px !important;
  color: #fff;
  /* Размер иконки */
}

/* Добавление эффектов при наведении */
.swiper-button-next:hover,
.swiper-button-prev:hover {
  /* Темнее фон при наведении */
}

.dialog__title {
  margin: 10px auto;
  font-family: "Unbounded";
  font-size: 30px;
}

.dialog__description {
  margin: 10px auto;
  font-size: 20px;
  font-family: "Mulish";
  font-weight: 300;
}

.label-name {
  position: relative;
}

.active .input-placeholder {
  display: none;
}

.input-placeholder {
  top: 2px;
  left: 50px;
  position: absolute;
  color: #a9a6b9;
}

.label-name span[data-name="your-name"] {
  position: relative;
  z-index: 5;
}

.label-name span[data-name="your-name"]:focus+span {
  visibility: hidden;
}

.label-name span[data-name="your-name"]:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(img/Profile.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 20px;
  top: 2px;
}

.label-name input[type="text"] {
  padding: 0 45px;
  border: 1px solid #ebe9f5;
  border-radius: 10px;
  height: 50px;
}

#contact-inputs input[type="text"],
#contact-inputs input[type="tel"],
#contact-inputs input[type="email"] {
  width: 100%;
  padding: 0 45px;
  border: 1px solid #ebe9f5;
  border-radius: 10px;
  height: 50px;
}

.feedback-type {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

.feedback-type-item {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 20px;
  border-radius: 10px;
}

.feedback-type-item input[type="radio"] {
  display: none;
  /* скрываем стандартный радио-баттон */
}

.feedback-type-item label {
  line-height: 120%;
  order: 10;
  position: relative;
  padding-left: 30px;
  /* отступ для кастомного радио-баттона */
  cursor: pointer;
  font-size: 16px;
  color: #333;
  /* цвет текста */
}

.feedback-type-item label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background-color: white;
  box-sizing: border-box;
}

.feedback-type-item input[type="radio"]:checked+label:before {
  background-color: #911f8f;
  border-color: #911f8f;
}

.feedback-type-item input[type="radio"]:checked+label:after {
  content: url(img/radio-checked-white.svg);
  position: absolute;
  left: 5px;
  top: 2px;
  transform: translateY(-50%);
  width: 8px;
  height: 6px;
}

.feedback-type-intro {
  margin: 15px 0;
  font-size: 20px;
  font-weight: 500;
  font-family: "Mulish";
}

.feedback-active {
  background-color: #ebe9f5;
}

.contact-input label {
  position: relative;
}

.contact-input-item-title {
  font-size: 20px;
  font-weight: 500;
  font-family: "Mulish";
  margin-bottom: 10px;
  display: block;
}

dialog .wpcf7-submit {
  width: 100%;
  margin-top: 30px;
  padding: 20px;
  font-size: 20px;
  font-weight: 500;
  font-family: "Mulish";
}

.close_dialog {
  background-image: url(img/close-dialog.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 47px;
  right: 40px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

@media (max-width: 579px) {
  .dialog {
    padding: 20px;
    margin-bottom: 30px;
    bottom: 0;
  }

  .dialog__title {
    font-size: 24px;
  }

  .feedback-type-intro,
  .dialog__description {
    font-size: 16px;
    line-height: 100%;

  }

  .feedback-type-item {
    padding-left: 0;
  }

  .close_dialog {
    top: 27px;
    right: 10px;
  }

  dialog .label-name input[type="text"] {
    width: 100%;
  }
}

.heading_catalog {
  margin-bottom: 20px;
}

.woocommerce-pagination {
  display: flex;
  margin: 40px auto;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.pag_prev {
  width: 40px;
  height: 40px;
  background: #911f8f;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("img/pagination-prev-active.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.pag_next {
  width: 40px;
  height: 40px;
  background: #911f8f;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("img/pagination-next-active.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.pag_prev.pag_disabled {
  background-image: url("img/pagination-prev.svg");
}

.pag_next.pag_disabled {
  background-image: url("img/pagination-next.svg");
}

.pag_prev.pag_disabled,
.pag_next.pag_disabled {
  background-color: #ebe9f5;
}

.pages {
  border: 40px;
  background: #ebe9f5;
  border-radius: 40px;
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 5px;
}

.pages span,
.pages a {
  width: 36px;
  height: 36px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pages a {
  color: #a9a6b9;
}

.pages span {
  color: white;
  background-color: #911f8f;
}

.g5 {
  gap: 5px;
}

@media (max-width: 1280px) {
  .w-products {
    grid-template-columns: 33% 33% 33%;
  }
}

@keyframes horizontal-shaking {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(5px);
  }

  50% {
    transform: translateX(-5px);
  }

  75% {
    transform: translateX(5px);
  }

  100% {
    transform: translateX(0);
  }
}

@media (max-width: 768px) {

  .archive-category-wrapper>li:nth-child(1),
  .archive-category-wrapper>li:nth-child(2) {
    animation: horizontal-shaking 3s 3;
  }

  .heading_catalog {
    font-size: 24px;
  }

  .prazdnik_ico,
  .prazdnik_ico1,
  .prazdnik_ico2 {
    max-width: 45px !important;
    top: 20px !important;
    left: 20px !important;
  }

  .archive-category-wrapper>li {
    width: 47%;
  }

  .woocommerce-loop-category__title {
    text-align: center;
    font-size: 12px;
    letter-spacing: -0.3px;
    width: 140px;
    left: 15px;
  }

  .archive-category-wrapper {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 5px;
  }

  .archive .product .yith-add-to-wishlist-button-block {
    width: 30px;
    height: 30px;

    right: 15px;
    top: 10px;
  }

  .archive-category-wrapper>li {
    min-width: 175px;
    border-radius: 5px;
    padding: 5px;
  }

  .archive-category-wrapper>li>a>img {
    border-radius: 5px;
  }

  .w-products {
    grid-template-columns: repeat(2, 50%);
    gap: 5px;
  }

  .woocommerce-loop-product__title {
    padding-top: 5px;
    line-height: 100%;
    padding-bottom: 5px;
    font-size: 14px;
  }

  .woocommerce-loop-product__cat {
    margin: 5px 0;
    font-size: 12px;
  }

  .woocommerce-loop-product__price {
    font-size: 16px;
  }

  .category-sort-view__container {
    margin-bottom: 10px;
    margin-left: 0 !important;
    width: 100% !important;
    justify-content: space-between;
  }

  .woocommerce .woocommerce-ordering,
  .woocommerce-page .woocommerce-ordering {
    width: 100%;
    float: right;
  }

  .woocommerce .woocommerce-ordering select {
    width: 100% !important;
  }

  .woocommerce img,
  .woocommerce-page img {
    border-radius: 10px;
  }

  .archive .product.type-product {
    border-radius: 10px;
  }

  .product-line-view .w-products {
    grid-template-columns: repeat(1, 100%);
  }

  .archive.product-line-view .product.type-product {
    display: flex;
  }
}

.pay_item {
  margin-top: 30px;
  display: flex;
  background: var(--color-under);
  border-radius: 20px;
  padding: 20px 20px 20px 40px;
}

.pay_item__left {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
}

.pay-heading {
  font-weight: 500;
  font-size: 32px;
  margin-bottom: 15px;
}

.pay-descr,
.pay_additional {
  font-size: 20px;
}

.pay_additional {
  margin-top: 30px;
}

.pay_method {
  margin-top: auto;
  display: flex;
  gap: 20px;
}

.pay_item__right {
  min-width: 20%;
  margin-left: auto;
}

.pay_item__right img {
  float: right;
}

.img-left .pay_item__right {
  min-width: max-content;
}

.img-left {
  gap: 40px;
}

.img-left {
  padding: 20px;
}

.img-left .pay_item__right {
  margin-left: 0;
}

.delivery_item {
  margin-top: 30px;
  justify-content: space-around;
  display: flex;
  gap: 20px;
  background: var(--color-under);
  padding: 20px;
  border-radius: 20px;
  flex-wrap: wrap;
}

.delivery-heading {
  font-weight: 500;
  font-size: 32px;
  margin-bottom: 0;
  margin-top: 20px;
}

.delivery_name {
  font-size: 24px;
}

.delivery_additional {
  font-size: 20px;
}

.delivery_item p span {
  color: var(--color-purple);
}

.other_delivery p:first-child {
  margin-bottom: 15px;
}

.delivery_name {
  width: 100%;
}

.delivery_subitem {
  display: flex;
  width: 49%;
  background: var(--color-white);
  border-radius: 20px;
  padding: 20px;
}

.delivery_info__wrapeer {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.delivery_img {
  margin-left: auto;
}

.delivery_subitem__car {
  font-weight: 500;
  font-size: 20px;
}

.delivery_subitem__price {
  font-weight: 500;
  font-size: 30px;
}

.delivery_subitem__price span {
  color: var(--color-purple);
}

.delivery_additional,
.other_delivery {
  width: 100%;
}

#montaj {
  margin-top: 60px;
}

.montaj_wrapper {
  margin-top: 30px;
  padding: 2%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  background: var(--color-under);
  border-radius: 15px;
}

.montaj_item {
  padding: 15px;
  background: var(--color-white);
  border-radius: 15px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.montaj_info {
  width: 100%;
}

.montaj_item p {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
}

.how-rent_wrapper {
  margin-top: 30px;
  display: flex;
  gap: 2%;
  flex-wrap: wrap;
}

.how-rent_item {
  padding: 30px;
  min-height: 370px;
  position: relative;
  flex: 1;
  background-image: url(/wp-content/uploads/2025/04/image-1.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  /* mask-image: url(/wp-content/uploads/2025/04/image-18.png); */
  /* mask-repeat: no-repeat; */
  /* mask-size: contain; */
  /* position: relative; */
}

.how-rent_heading {
  font-family: "Unbounded", serif;
  max-width: 85%;
  font-size: 28px;
}

.how-rent_item ul {
  margin-top: 60px;
  font-size: 18px;
}

.how-rent_item ul li {
  margin-bottom: 20px;
  list-style-type: disc;
}

.how-rent_item a {
  color: var(--color-purple);
  text-decoration: none;
}

.how-rent_additional__wrapper {
  display: flex;
  gap: 2%;
}

.how-rent_additional__item {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  background: var(--color-white);
  border-radius: 15px;
}

.how-rent_additional__item p {
  margin-top: auto;
  text-align: center;
}

#how-rent_additional h2 {
  font-family: "Mulish", serif;
  margin-top: 50px;
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 32px;
}

.page .woocommerce-breadcrumb {
  width: 100%;
}

.wrapper-404 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.catalog9 picture {
  width: 100%;
  height: 100%;
  display: flex;
}

.seo img {
  border-radius: 17px;
}

.seo_left__img {
  align-items: baseline;
  gap: 15px;
  display: flex;
}

.seo-img_wrapper {
  gap: 20px;
  display: flex;
}

.seo_left__img>div {
  width: 50%;
}

.seo-img_wrapper img {
  border-radius: 20px;
}

.seo-img_wrapper img {
  flex: 1
}

.seo_left__img img,
.seo_left__img p {
  flex: 1
}

.seo_left__img img {
  width: 100%;
}

.seo_left__img p,
.seo_left__right p,
.seo_left__right ul,
.seo_left__img ul {
  padding: 5px 0;
  font-size: 14px;
}

.seo_left__right ul li,
.seo_left__img ul li {
  padding-left: 5px;
  list-style-type: disc;
}

.seo_left__img h1,
.seo_left__img h2,
.seo_left__img h3,
.seo_left__img h4,
.seo_left__right h1,
.seo_left__right h2,
.seo_left__right h3,
.seo_left__right h4 {
  font-size: 18px;
  margin-bottom: 5px;
  margin-top: 10px;
}

.seo-img_wrapper {
  display: flex;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 20px 20px;
  grid-auto-flow: row;
  grid-template-areas:
    "pic1 pic2"
    "pic1 pic3";
}

.seo-img_wrapper div:first-child {
  grid-area: pic1;
}

.seo-img_wrapper div:nth-child(2) {
  grid-area: pic2;
}

.seo-img_wrapper div:last-child {
  grid-area: pic3;
}

.seo_left__right {
  flex-wrap: wrap;
  display: flex;
  gap: 20px;
}

.seo_left__right img {
  border-radius: 20px;
}

.seo_left__right>div {
  width: 48%;
  flex: 1
}

#seo>.container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.seo_category .seo_left__img:nth-child(odd) {
  flex-direction: row-reverse;
}

@media (max-width: 1696px) {
  .how-rent_heading {
    font-size: 22px;
  }

  .how-rent_item {
    min-height: auto;
  }

  .how-rent_item ul {
    margin-top: 20px;
    font-size: 16px;
  }

  .how-rent_item ul li {
    margin-bottom: 2px;
  }

  .include_number {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 1366px) {
  .about_goods__item h3 {
    font-size: 24px;
  }

  .include_item p {
    font-size: 15px;
  }

  .cat-items::after {
    padding: 20px;
  }

  .how-rent_item {
    padding: 20px;
  }

  .how-rent_item ul li {
    letter-spacing: -0.5px;
  }

  .how-rent_heading {
    line-height: 100%;
    font-size: 18px;
  }
}

@media (max-width: 1280px) {
  .woocommerce div.product .product_title {
    font-size: 26px;
    line-height: 100%;
  }

  .product-template-default .price {
    margin-top: 20px;
  }

  .woocommerce-Tabs-panel--description {
    margin-bottom: 15px;
  }

  .about_goods__item h3 {
    font-size: 20px;
  }

  .about_goods__item p {
    font-size: 16px;
  }

  .include_item {
    height: auto;
    width: 31%;
    padding: 10px;
  }

  .include_item h4 {
    font-size: 22px;
    margin-bottom: 5px;
  }

  .include_item p {
    font-size: 14px;
  }

  .woocommerce-Tabs-panel--description p {
    font-size: 14px;
  }

  .include_number {
    width: 40px;
    height: 40px;
  }

  .how-rent_item ul li {
    font-size: 13px;
  }

  .delivery_subitem {
    width: 47%;
  }

  .pay-descr,
  .pay_additional {
    font-size: 18px;
  }
}

@media (max-width: 1024px) {
  .woocommerce-page div.product div.images {
    float: unset;
    width: 100%;
    margin-bottom: 8px;
  }

  .woocommerce-page div.product div.summary {
    width: 100%;
    padding: 0;
  }

  .include_wrapper {
    flex-direction: column;
  }

  .include_item {
    width: 100%;
  }

  .include_item .include_number {
    width: 50px;
    height: 50px;
  }

  .include_item::after {
    border-radius: 15px;
    background: var(--color-under);
    content: "";
    position: absolute;
    z-index: -1;

    clip-path: unset;
  }

  .other_goods__item {
    width: 32%;
  }

  .cat-items::after {
    padding: 15px;
  }

  .how-rent_item {
    min-height: 511px;
    padding: 50px;
    min-height: 368px;
    position: relative;
    flex: 1;
    /* background-image: url(/wp-content/uploads/2025/04/image-1.svg); */
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(https://party.elements-sp.ru/wp-content/uploads/2025/04/image-2.svg);
  }

  .include_number {
    width: 100px;
    height: 100px;
  }

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

  .how-rent_item ul li {
    font-size: 26px;
  }

  .how-rent_heading {
    font-size: 42px;
  }

  .pay-descr,
  .pay_additional {
    font-size: 13px;
  }

  .pay-heading {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .pay_item__right {
    min-width: auto;
  }

  .pay_item__right img {
    max-width: max-content;
  }
}

.d-pc-none {
  display: none;
}

.d-mob-none {
  display: flex;
}

@media (max-width: 768px) {

  .tech_active {
    width: 100%;
  }

  .woocommerce-Tabs-panel p {
    margin-top: 10px;
  }

  .tech_item {
    min-width: 214px;
  }

  .woocommerce-breadcrumb,
  #breadcrumbs {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .product.type-product {
    padding: 0;
  }

  .woocommerce div.product .product_title {
    margin-top: 0 !important;
    max-width: 100%;
    width: 100%;
    font-size: 22px;
    line-height: 100%;
  }

  .price {
    font-size: 24px !important;
  }

  .product-template-default .price {
    margin-top: 15px;
  }

.product-attribute__item {
        display: flex
;
        padding: 10px 14px;
        letter-spacing: -0.3px;
        font-size: 13px;
        justify-content: center;
        align-content: center;
        align-items: center;
    }

  .button-zapros {
    height: 45px;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 12px;
    background: linear-gradient(212.15deg, #0084ff 0%, #911f8f 92.65%);
  }

  .about_goods__block {
    background: unset;
    flex-direction: column;
  }

  .p40 {
    padding: 0;
  }

  .about_goods__item p {
    font-size: 14px;
    margin-top: 10px;
  }

  .include_wrapper h3 {
    font-size: 24px;
  }

  .include_item h4 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .include_item::after {
    clip-path: polygon(0% 12.987%,
        0% 12.987%,
        0.074% 10.88%,
        0.287% 8.882%,
        0.629% 7.019%,
        1.087% 5.317%,
        1.65% 3.804%,
        2.307% 2.506%,
        3.045% 1.45%,
        3.853% 0.662%,
        4.72% 0.17%,
        5.634% 0%,
        77.972% 0%,
        77.972% 0%,
        79.195% 0.228%,
        80.356% 0.886%,
        81.438% 1.94%,
        82.426% 3.354%,
        83.304% 5.092%,
        84.058% 7.117%,
        84.671% 9.395%,
        85.129% 11.889%,
        85.414% 14.564%,
        85.513% 17.384%,
        85.513% 18.07%,
        85.513% 18.07%,
        85.608% 20.778%,
        85.882% 23.347%,
        86.321% 25.743%,
        86.911% 27.931%,
        87.635% 29.877%,
        88.479% 31.546%,
        89.428% 32.904%,
        90.467% 33.916%,
        91.582% 34.549%,
        92.757% 34.767%,
        92.757% 34.767%,
        93.932% 34.986%,
        95.046% 35.619%,
        96.085% 36.631%,
        97.034% 37.989%,
        97.878% 39.658%,
        98.602% 41.604%,
        99.191% 43.791%,
        99.631% 46.187%,
        99.905% 48.757%,
        100% 51.465%,
        100% 87.013%,
        100% 87.013%,
        99.926% 89.12%,
        99.713% 91.118%,
        99.371% 92.981%,
        98.913% 94.683%,
        98.35% 96.196%,
        97.693% 97.494%,
        96.955% 98.55%,
        96.147% 99.338%,
        95.28% 99.83%,
        94.366% 100%,
        5.634% 100%,
        5.634% 100%,
        4.72% 99.83%,
        3.853% 99.338%,
        3.045% 98.55%,
        2.307% 97.494%,
        1.65% 96.196%,
        1.087% 94.683%,
        0.629% 92.981%,
        0.287% 91.118%,
        0.074% 89.12%,
        0% 87.013%,
        0% 12.987%);
  }

  .include_item .include_number {
    width: 40px;
    height: 40px;
  }

  .include_item {
    padding: 20px;
    min-height: 139px;
  }

  .tech h3,
  .other_goods h3,
  .tech-mob,
  .additional-services h3 {
    width: 100%;
    font-size: 24px;
  }

  .tech-mob {
    margin-top: 40px;
  }

  .tech {
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    display: flex;

    gap: 10px;
  }

  .services-list {
    flex-wrap: wrap;
    gap: 10px;
    margin: 15px auto;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
  }

  .service-item {
    width: 48%;
  }

  .other_goods {
    margin-top: 40px;
  }

  .other_goods ul {
    gap: 5px;
    flex-wrap: wrap;
  }

  .cat-items::after {
    padding: 20px;
  }

  .contact_us__wrapper-groupbtn img {
    max-width: 45px;
  }

  .contact_us__wrapper-groupbtn {
    margin-top: 15px;

    gap: 5px;
  }

  .tax-product_cat .product.type-product {
    background: var(--color-white);
    padding: 5px;
  }

  .other_goods__item {
    width: 48%;
  }

  .other_goods__item::before {
    border-radius: 10px;
  }

  .other_goods__item h5 {
    font-size: 16px;
    left: 15px;
    bottom: 15px;
  }

  .tech_item .tech-ico {
    display: flex;
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--color-purple);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
  }

  .tech_item h4 {
    padding-top: 47px;
    font-size: 20px;
  }

  .tech_item p {
    font-size: 12px;
  }

  .feedback-socials__items img {
    max-height: 45px;
    border-radius: 10px !important;
  }

  .product-attributes__ul {
    margin-top: 15px;
    margin-bottom: 15px;
    gap: 5px;
  }

  .how-rent_heading {
    font-size: 20px;
  }

  .how-rent_item ul li {
    font-size: 14px;
  }

  .include_number {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }

  .how-rent_item {
    padding-right: 25px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-top: 20px;
    /* padding: 46px; */
    min-height: 190px;
  }

  .delivery_subitem {
    flex-direction: column;
    width: 48%;
  }

  .delivery_subitem__car {
    font-size: 14px;
  }

  .delivery_subitem__price {
    font-size: 18px;
  }

  .delivery_img {
    margin-top: auto;
    margin-left: 0;
  }

  .delivery_img img {
    transform: rotateY(180deg);
  }

  .montaj_info {
    font-size: 14px;
    text-align: center;
    width: 100%;
  }

  .montaj_wrapper {
    gap: 5px;
  }

  .delivery_item {
    gap: 5px;
    margin-top: 20px;
    padding: 0;
    background: transparent;
  }

  .delivery_name {
    font-size: 20px;
    font-weight: 600;
  }

  .delivery-heading {
    font-size: 24px;
  }

  .d-mob-none {
    display: none;
  }

  .d-pc-none {
    display: flex;
  }

  h1 {
    font-weight: 500;
    font-size: 24px;
  }

  .subheading {
    font-size: 14px;
  }

  .pay_item {
    flex-direction: column;
    padding: 20px;
    gap: 20px;
  }

  .pay_item__left {
    text-align: center;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .pay-descr,
  .pay_additional {
    font-size: 14px;
  }

  .pay_item__right img {
    float: unset;
  }

  .pay_item__right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 20%;
    margin-left: unset;
    align-items: center;
    justify-content: center;
  }

  .img-left {
    flex-direction: column-reverse;
    gap: 20px;
  }

  .pay-heading {
    margin-bottom: 0;
  }

  .how-rent_item ul {
    margin-top: 10px;
    padding-left: 17px;
  }

  .how-rent_wrapper {
    margin-top: 20px;
  }

  #how-rent_additional h2 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .how-rent_additional__item p {
    font-size: 15px;
  }

  .how-rent_additional__wrapper {
    gap: 10px;
    flex-wrap: wrap;
  }

  .how-rent_additional__wrapper .how-rent_additional__item:first-child {
    order: 3;
  }

  .how-rent_additional__wrapper .how-rent_additional__item:nth-child(2) {
    order: 1;
  }

  .how-rent_additional__wrapper .how-rent_additional__item:last-child {
    order: 2;
  }

  .swiper-nav-wrapper .swiper-button-prev {
    left: 68% !important;
  }

  .seo_left__img,
  .seo_left__right {
    align-items: baseline;
    gap: 15px;
    display: flex;
    flex-direction: column;
  }

  .seo_left__img>div,
  .seo_left__right>div {
    width: 100%;
  }

  .right-img {
    flex-direction: column-reverse;
  }

  .seo_category .seo_left__img:nth-child(odd),
  .seo_category .seo_left__img:nth-child(even) {
    flex-direction: column-reverse;
  }

  .seo_left__right ul,
  .seo_left__img ul {
    margin-left: 10px;

  }

  .quiz-controls__wrapper {
    width: 80%;
  }

  #warning {
    text-align: center;
  }
}

@media (max-width: 400px) {
  .how-rent_item ul li {
    font-size: 12px;
  }

  .dop_ico {
    max-height: 40px;
  }

  .montaj_item p {
    font-weight: 400;
    font-size: 13px;
  }
}

@media (min-width:1696px) {

  .prazdnik1 img,
  .prazdnik2 img,
  .prazdnik3 img,
  .prazdnik4 img,
  .prazdnik5 img {
    max-height: 550px;
    width: 100%;
  }
}

@media (max-width:768px) {
  .logo_head img {
    border-radius: 0 !important;
  }
}

@media (max-width: 400px) {
  .prazdnik4 .swiper-nav-wrapper .swiper-button-prev {
    left: 63% !important;
  }

  .tech h3,
  .other_goods h3,
  .tech-mob,
  .additional-services h3 {
    width: 100%;
    font-size: 20px;
  }
}

.logo_head img {
  border-radius: 15px !important;
}

.prazdniki_wrapper-test>div,
.container-catalog>div {
  cursor: pointer;
}

@media (max-width:1696px) {
  .category-img {

    width: 42% !important;

  }
}

@media (max-width:1366px) {
  .tech_item {
    width: 258px;
  }

  .category-img {

    width: 45% !important;

  }

  .cat_descr {
    max-width: 560px;
  }
}

@media (max-width:1280px) {
  .tech_item {
    width: 213px;
  }

  .category-img {

    width: 45% !important;

  }

  .cat_descr {
    max-width: 460px;
  }

  .cat_descr p {

    font-size: 17px;

  }

  .archive.product-line-view .product.type-product {

    gap: 0 15px;
  }

  .woocommerce-loop-product__title {

    font-size: 15px;
  }

  .product-line-view .yith-add-to-wishlist-button-block {
    left: 24px;
    right: auto;
  }
}


@media (max-width:1024px) {
  .tech_item {
    width: 48%;
  }

  .category-img {
    margin: 0 auto;
    display: flex;
    width: auto !important;
    position: relative;
    right: 0;
    bottom: 0;
  }

.cat_descr {
        display: flex
;
        min-height: inherit;
        height: 100%;
        max-width: 100%;
        flex-direction: column;
    }

}

@media (max-width: 768px) {
  .product-line-view .yith-add-to-wishlist-button-block {
    left: auto;

  }
}

#wpcf7-f1383-o1 form {
  max-width: 377px;
}

#wpcf7-f1383-o1 .wpcf7-not-valid-tip {
  display: none;
}

#archive-products-list>li {
  background: var(--color-white);
}

.product-category,
#archive-products-list li {
  transition: all .5s;
}

.product-category:hover,
#archive-products-list li:hover {
  transform: scale(1.05);
}

.logo_head img {
  border-radius: unset !important;
}