/* @font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
} */
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/rilroyregular/gilroy-regular.eot');
  /* IE 9 Compatibility Mode */
  src: url('../fonts/rilroyregular/gilroy-regular.eot?#iefix') format('embedded-opentype'),
    /* IE < 9 */
    url('../fonts/rilroyregular/gilroy-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/rilroyregular/gilroy-regular.woff') format('woff'),
    /* Firefox >= 3.6, any other modern browser */
    url('../fonts/rilroyregular/gilroy-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/rilroyregular/gilroy-regular.svg#gilroy-regular') format('svg');
  /* Chrome < 4, Legacy iOS */
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  background: none;
  border: none;
  text-decoration: none;
  font-family: "Gilroy", sans-serif;
}

html {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  overflow-x: hidden;
  padding-top:107px!important;
}
body.admin-bar{
	padding-top:107px!important;
} 
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
  margin: 0;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background-color: #363547;
}

::-webkit-scrollbar-thumb {
  background-color: #352ca6;
  border-radius: 10px;
}

.wpcf7-spinner {
  display: none;
}

.added_to_cart.wc-forward {
  display: none !important;
}

/* HEADER START */
header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 50;
  border-bottom: 1px solid #e0e9ed;
  position: fixed;
  top: 0;
  left: 0;
  z-index:777;
}
.admin-bar header{
  top: 32px;
	
}

.header-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5vw 10vw;
  background: #ffffff;
}

.logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.logo img {
  width: 9.7vw;
  height: auto;
  object-fit: cover;
}

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

nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5vw;
}

.menu-li {
  display: flex;
  flex-direction: column;
  z-index: 21;
}

.dropdown-li {
  position: relative;
  height: fit-content;
}

.menu-link {
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 114.99999999999999%;
  letter-spacing: 0%;
  text-align: center;
  color: #505970;
  transition: all 0.3s linear;
  padding: 0.5vw;
  border-radius: 10px;
}

.menu-link:hover {
  color: #fff;
  background: #0061bb;
}

.dropdown-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5vw;
}

.dropdown-link::after {
  content: "";
  display: flex;
  transition: all 0.3s linear;
  height: 4px;
  width: 7px;
  line-height: 40%;
  align-items: center;
  justify-content: center;
  background: url(../img/arr-b.png) no-repeat 0 0/100%;
}

.menu-li:hover .dropdown-link::after {
  background: url(../img/arr-b-white.png) no-repeat 0 0/100%;
  height: 7px;
  width: 8px;
}

/* .menu-li:hover .dropdown-link::after {
  transform: rotate(180deg);
} */

.dd-menu-item {
  position: absolute;
  flex-shrink: 0;
  top: 0%;
  left: 0;
  display: none;
}

.dd-menu {
  width: 12vw;
  display: flex;
  flex-shrink: 0;
  top: 100%;
  flex-direction: column;
  gap: 1vw;
  padding: 1vw;
  background: #ffffff;

  box-shadow: 0px 9px 40px 0px #b9c4d673;
  border-radius: 8px;
  margin-top: 2vw;
}

.dd-li {
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
}

.dd-link {
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 114.99999999999999%;
  letter-spacing: 0%;
  text-align: center;
  color: #505970;
  transition: all 0.3s linear;
}

.dd-link:hover {
  color: #0061bb;
  text-decoration: underline;
}

/* .dropdown-li:hover .dd-menu-item {
  display: flex;
} */

.catalog-link {
  background: #505970;
  padding: 0.5vw 2.6vw;
}

.catalog-link {
  color: #ffffff !important;
}

.catalog-item {
  display: none;
  position: absolute;
  top: 3.5vw;
  left: 10%;
  width: 80%;
  transition: all 0.3s ease;
  z-index: 20;
}

.catalog-item-row {
  width: 100%;
  display: flex;
  background: #f3f8f9;
  padding: 2vw;
  box-shadow: 0px 9px 40px 0px #b9c4d673;
  margin-top: 2.6vw;
}

.menu-li.catalog-li:hover .catalog-item {
  display: flex;
}

.catalog-menu-right {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
}

.catalog-menu-right-right,
.catalog-menu-right-left {
  width: 46%;
  display: flex;
  flex-direction: column;
  gap: 3vw;
}

.catalog-box {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.catalog-box-tittle,
.catalog-box-tittle a {
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  color: #696969;
}

.catalog-box-link-group {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  padding-left: 1vw;
}

.catalog-box-link {
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 114.99999999999999%;
  letter-spacing: 0%;
  color: #505970;
  transition: all 0.3s linear;
}

.catalog-box-link:hover {
  color: #0061bb;
  text-decoration: underline;
}

.catalog-color-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.catalog-color-tittle,
.catalog-color-tittle a {
  font-weight: 700;
  font-style: Bold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  color: #696969;
}

.catalog-color-item {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.catalog-color-link {
  width: 2.1vw;
  height: 2.1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s linear;
  box-sizing: border-box;
}

.catalog-color-link img {
  border-radius: 50%;
  object-fit: cover;
}

.catalog-color-link:hover {
  /* border: 2px solid #4cd0d9; */
  transform: scale(1.2);
}

.catalog-color-link span {
  width: 1.6vw;
  height: 1.6vw;
  border-radius: 50%;
  display: block;
}

.white span {
  background-color: #ffffff;
}

.black span {
  background-color: #000000;
}

.gray span {
  background-color: #8d8d8d;
}

.brown span {
  background-color: #845600;
}

.violet span {
  background-color: #9400D3;
}

.beige span {
  background-color: #f5f5dc;
}

.pink-outline span {
  background-color: #ffa0a0;
}

.light-pink span {
  background-color: #ffa0a0;
}

.orange span {
  background-color: #ffa76c;
}

.yellow span {
  background-color: #ffda6b;
}

.mint span {
  background-color: #90d999;
}

.blue span {
  background-color: #4e6bde;
}

.purple span {
  background-color: #af40f0;
}

.neon-green span {
  background-color: #00ff1e;
}

.catalog-box-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 1.4vw;
  background: #ffffff;
  border-radius: 24px;
}

.catalog-box-info-open {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1vw;
  right: 1vw;
  cursor: pointer;
}

.catalog-box-info-open svg {
  width: 0.95vw;
  height: 0.95vw;
  transition: all 0.3s linear;
}

.catalog-box-info-open svg path {
  transition: all 0.3s linear;
}

.catalog-box-info-open:hover svg path {
  stroke: #0061bb;
}

.catalog-box-info-open:hover svg {
  transform: scale(1.5);
}

.catalog-box-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.catalog-box-text-tittle {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.catalog-box-text-p {
  width: 80%;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.catalog-menu-left {
  width: 50%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  /* gap: 0%; */
  justify-content: space-between;
}

.promo-card {
  width: 100%;
  height: fit-content;
  display: flex;
  position: relative;
  padding: 1.6vw 1vw;
  background: linear-gradient(180deg,
      #f99967 0%,
      #f8778b 29.08%,
      #e84295 89.9%);
  border-radius: 20px;
  align-items: flex-end;
  gap: 2vw;
  justify-content: space-between;
  margin-bottom: 4%;
}

.promo-bg-img {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.promo-top {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  height: fit-content;
}

.promo-title {
  color: #ffffff;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.promo-subtitle {
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  color: #ffffff;
}

.promo-tags {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.tag-btn1,
.tag-btn2 {
  display: flex;
  align-items: center;
  padding: 0.4vw 1vw;
  border: 2px solid #ffffff66;
  border-radius: 38px;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
  cursor: pointer;
}

.tag-btn1:hover,
.tag-btn2:hover {
  background: #0061bb;
}

.promo-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.7vw 2vw;
  gap: 0.3vw;
  background: #ffffff;
  border-radius: 18px;
  position: relative;
  transition: all 0.3s linear;

  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  color: #2f323a;
}

.promo-button:hover {
  background: #0061bb;
  color: #ffffff;
}

.promo-button svg {
  width: 1.9vw;
  height: auto;
}

.promo-button svg path {
  transition: all 0.3s linear;
}

.promo-button:hover svg path {
  stroke: #ffffff;
}

.price-card,
.help-card {
  width: 48%;
  /* height: fit-content; */
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  padding: 1.6vw 1.6vw 1vw 1vw;
  justify-content: space-between;
}

.help-card {
  background: #d6f1f2;
}

.price-card {
  background: linear-gradient(180deg, #6cabdf 12.98%, #2091ee 100%);
  backdrop-filter: blur(16.799999237060547px);
}

.help-title {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.help-subtitle {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
  margin-top: 0.5vw;
}

.help-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  padding: 1vw 2vw;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s linear;
  background: #505970;
  margin-top: 2vw;
}

.help-button:hover {
  background: #2091ee;
}

.price-card {
  display: flex;
  flex-direction: column;
}

.price-title {
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  color: #ffffff;
}

.price-subtitle {
  color: #ffffffb2;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
  margin-top: 0.5vw;
}

.price-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5vw;
  background: #ffffff;
  border-radius: 18px;
  position: relative;
  transition: all 0.3s linear;
  margin-top: 2vw;
  padding: 0.75vw 2vw;
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}

.price-button svg {
  width: 1.25vw;
  height: auto;
}

.price-button svg path {
  transition: all 0.3s linear;
}

.price-button:hover svg path {
  transition: all 0.3s linear;
  stroke: #fff;
}

.price-button:hover {
  background: #0061bb;
  color: #ffffff;
}

.catalog-box-info-popup {
  width: 100%;
  height: 100vh;
  display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -500%;
  top: 0;
  z-index: 999999999999;
  position: fixed;
  background: #000000ad;
  transition: all 0.3s linear;
}

.catalog-box-info-popup.active {
  left: 0;
  transition: all 0.3s linear;
}

.catalog-box-info-popup-item {
  width: 33vw;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 2vw;
  border-radius: 30px;
  padding: 2.5vw 1vw 2vw 2vw;
  background: #ffffff;
}

.catalog-popup-close {
  width: 1.6vw;
  height: 1.6vw;
  transition: all 0.3s linear;
  cursor: pointer;
  position: absolute;
  right: 1vw;
  top: 1vw;
}

.catalog-popup-close:hover {
  transform: scale(1.5);
}

.catalog-popup-list {
  display: flex;
  flex-direction: column;
  max-height: 20vw;
  overflow-x: hidden;
  overflow-y: auto;

  padding-right: 1vw;
}

.catalog-popup-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.catalog-popup-list::-webkit-scrollbar-track {
  background-color: #d0d1d3;
}

.catalog-popup-list::-webkit-scrollbar-thumb {
  background-color: #4cd0d9;
  border-radius: 10px;
}

.catalog-popup-list-item {
  display: flex;
  align-items: center;
  gap: 1vw;
  padding: 0.5vw;
  border-top: 1px solid #d0d1d3;
}

.catalog-color-code {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.catalog-color-p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.catalog-popup-tittle {
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.6vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  color: #2f323a;
}

.catalog-popup-p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.search-item {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 2vw;
}

.search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5vw;
  cursor: pointer;
  color: #898c90;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 114.99999999999999%;
  letter-spacing: 0%;
  text-align: center;
  transition: all 0.3s linear;
  border-left: 1px solid #d0d1d3;
  padding: 0.5vw 0 0 1vw;
}

.search-btn svg {
  width: 1.25vw;
  height: auto;
  transition: all 0.3s linear;
}

.search-btn:hover {
  color: #0061bb;
}

.search-btn:hover svg ellipse,
.search-btn:hover svg path {
  stroke: #0061bb;
}

.search-popup {
  width: 18vw;
  position: absolute;
  top: 150%;
  left: 0;
  background: #ffffff;
  z-index: 5;
  display: none;
  transition: all 0.3s linear;
}

.search-popup.active {
  display: flex;
}

.search-popup input {
  width: 100%;
  outline: none;
  border: 1px solid #d0d1d3;
  border-radius: 8px;
  padding: 0.7vw 1vw;
}

.search-popup input,
.search-popup input::placeholder {
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 114.99999999999999%;
  letter-spacing: 0%;
  color: #898c90;
}

.header-contack {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.header-tel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.header-tel span {
  color: #898c90;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.65vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.header-tel-link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  color: #505970;
  transition: all 0.3s linear;
}

.header-tel-link:hover {
  color: #0061bb;
  transform: scale(1.2);
}

.header-basket {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

.header-basket svg {
  width: 2vw;
  transition: all 0.3s linear;
  height: auto;
}

.header-basket svg path {
  transition: all 0.3s linear;
}

.header-basket:hover svg path {
  fill: #0061bb;
}

.basket-n {
  width: 1.1vw;
  height: 1.1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #505970;
  color: #ffffff;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.6vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s linear;
}

.header-basket:hover .basket-n {
  background-color: #0061bb;
}

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

.mobil-contack-box {
  display: none;
}

/* HEADER END */

/* BANNER START */

/* .banner-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
/*   background: url(../img/bannerbg.png); */
/*   background: url(../img/bannerbg_resize.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%; */
/* } */ 
.banner-container {
  position: relative;
/*   object-fit: cover; */
	width: 100%;
	display: flex;
  align-items: center;
  justify-content: center;
	background-size: 100% 100%;
}

.banner-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.banner-content {
  width: 100%;
  display: flex;
  /* justify-content: space-between; */
  gap: 7vw;
  padding: 4vw 0vw 3vw 11vw;
}

.banner-text-item {
  width: 50%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.banner-text {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.banner-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.71vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.banner-p {
  width: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0.85vw 1.05vw;
  background: #f7f8f880;
  box-shadow: 0px 0px 20px 0px #cfd7d899;
  border-radius: 0.65vw;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.banner-btn-box {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin-top: 2vw;
}

.banner-catalog-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  padding: 1.5vw 2.9vw;
  background: #505970;
  transition: all 0.3s linear;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.banner-catalog-link:hover {
  background: #0061bb;
}

.banner-form {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  transition: all 0.3s linear;
  color: #505970;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  text-decoration-thickness: 0%;
  text-decoration-skip-ink: auto;
  cursor: pointer;
}

.banner-form svg {
  width: 1.4vw;
  height: auto;
}

.banner-form svg path {
  transition: all 0.3s linear;
}

.banner-form:hover svg path {
  stroke: #0061bb;
}

.banner-form:hover {
  color: #0061bb;
}

.banner-service-box {
  display: flex;
  gap: 0.5vw;
  align-items: flex-end;
  margin-top: 5vw;
}

.banner-service-text {
  display: flex;
  flex-direction: column;
}

.banner-service-tittle {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.banner-service-list {
  display: flex;
  flex-direction: column;
  gap: 0.3vw;
  margin-top: 0.5vw;
}

.banner-service-p {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  color: #000000;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.banner-service-p span {
  width: 0.65vw;
  height: 0.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #4cd0d9;
  flex-shrink: 0;
}

.banner-service-info {
  width: fit-content;
  height: fit-content;
  display: flex;
  border: 2px solid #4cd0d9;
  padding: 0.75vw 1vw;
  border-radius: 18px;
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.banner-info-item {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  justify-content: space-between;
}

.info-block {
  width: 21.5vw;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  padding: 1.5vw 1.05vw;
}

.info-block h3 {
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.25vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.info-block p {
  color: #ffffffb2;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
  margin-top: 5px;
}

.btn-group {
  display: flex;
  gap: 0.5vw;
  margin-top: 2vw;
}

.btn-group span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4vw 1vw;
  border: 2px solid #ffffff66;
  border-radius: 38px;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.pink-block {
  background: linear-gradient(180deg,
      #f99967 0%,
      #f8778b 29.08%,
      #e84295 89.9%);
}

.blue-block {
  background: linear-gradient(180deg, #6cabdf 12.98%, #2091ee 100%);
  backdrop-filter: blur(16.799999237060547px);
}

.green-block {
  background: linear-gradient(180deg, #5bebc2 0%, #1bb0b2 100%);
  backdrop-filter: blur(16.799999237060547px);
}

/* BANNER END */

/* POWDER START */

.powder-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
}

.powder-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.powder-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.powder-title {
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  color: #2f323a;
}

.powder-subtitle {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.powder-card-item {
  width: 100%;
  display: flex;
  margin-top: 2vw;
  gap: 2%;
}

.powder-card {
  width: 32%;
  height: 22vw;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  padding: 3.5vw 1.6vw;
}

.blue-powder-card {
  background-color: #9edfff4d;
}

.purple-powder-card {
  background-color: #e97cff4d;
}

.orange-powder-card {
  background-color: #ffb97c4d;
}

.powder-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 30px;
}

.powder-label {
  width: fit-content;
  height: fit-content;
  display: flex;
  border-radius: 20px;
  background: #f7f8f8;
  box-shadow: 0px 0px 20px 0px #cfd7d899;
  padding: 0.5vw 0.85vw;
  position: relative;
  z-index: 2;
  color: black;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.arrow-circle {
  position: absolute;
  right: 2vw;
  bottom: 2vw;
  z-index: 1;
  cursor: pointer;
}

.arrow-circle svg {
  width: 5vw;
  height: auto;
  transition: all 0.3s linear;
}

.arrow-circle svg circle {
  transition: all 0.3s linear;
}

.arrow-circle svg path {
  transition: all 0.3s linear;
}

.arrow-circle:hover svg circle {
  fill: #0061bb;
}

.arrow-circle:hover svg path {
  stroke: #ffffff;
}

/* POWDER END */

/* COLOR FILTER START */

.color-filter-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
}

.color-filter-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.color-filter-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 3vw;
}

.color-filtre-text {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.color-ciltre-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.color-filtre-p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.color-filtre-box-info {
  width: fit-content;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  position: relative;
  padding: 1.4vw;
  background: #f4f4f4;
  border-radius: 24px;
}

.color-filtre-box-info-open {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1vw;
  right: 1vw;
  cursor: pointer;
}

.color-filtre-box-info-open svg {
  width: 0.95vw;
  height: 0.95vw;
  transition: all 0.3s linear;
}

.color-filtre-box-info-open svg path {
  transition: all 0.3s linear;
}

.color-filtre-box-info-open:hover svg path {
  stroke: #0061bb;
}

.color-filtre-box-info-open:hover svg {
  transform: scale(1.5);
}

.color-filtre-box-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.color-filtre-box-text-tittle {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.color-filtre-box-text-p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.color-filter-btn-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  margin-top: 1.5vw;
}

.color-filter-btn-p {
  color: #a4b1be;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.color-filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0.75vw 1.6vw;
  border-radius: 12px;
  border: 1px solid #505970;
  transition: all 0.3s linear;
  cursor: pointer;
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.color-filter-btn.active {
  background: #0061bb;
  color: #fff;
}

.color-filter-btn:hover {
  background: #0061bb;
  color: #fff;
  border-color: #fff;
}

.color-filter-row {
  width: 100%;
  display: flex;
  gap: 1vw;
  margin-top: 1vw;
  padding-top: 1vw;
  border-top: 1px solid #d0d1d3;
}

.filter-list-item {
  width: 17vw;
  display: flex;
  flex-direction: column;
  gap: 6vw;
  flex-shrink: 0;
}

.filter-container {
  width: 100%;
  background-color: #f3f8f9;
  padding: 1.6vw 1vw;
  border-radius: 20px;
}

.filter-mobil-btn {
  display: none;
}

/* Filter Section */
.filter-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5vw;
}

.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: 1vw;
}

.section-header i,
.section-header h3 {
  color: #696969;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  transition: transform 0.2s ease;
}

.section-header i.rotated {
  transform: rotate(180deg);
}

.section-content {
  display: none;
  flex-direction: column;
  gap: 1vw;
}

.section-content.open {
  display: flex;
}

/* Price Section */
.price-display {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 0.85vw 1vw;
  font-weight: 400;
  border-radius: 8px;
}

.price-display,
.price-display span {
  color: #2e2e2e;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.slider-container {
  position: relative;
}

.slider-track {
  position: relative;
  height: 2px;
  background-color: #e5e7eb;
  border-radius: 4px;
}

.slider-range {
  position: absolute;
  height: 2px;
  background-color: #4cd0d9;
  border-radius: 4px;
  transition: all 0.1s ease;
}

.slider {
  position: absolute;
  top: 0;
  width: 100%;
  height: 3px;
  background: transparent;
  appearance: none;
  cursor: pointer;
  pointer-events: none;
}

.slider::-webkit-slider-thumb {
  pointer-events: all;
  appearance: none;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background: #4cd0d9;
  cursor: pointer;
  position: relative;
}

.slider::-moz-range-thumb {
  pointer-events: all;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background: #4cd0d9;
  cursor: pointer;
  border: none;
}

.slider::-webkit-slider-track {
  background: transparent;
  border: none;
}

.slider::-moz-range-track {
  background: transparent;
  border: none;
}

.slider:focus {
  outline: none;
}

.min-slider {
  z-index: 2;
}

.max-slider {
  z-index: 1;
}

.min-slider::-webkit-slider-thumb {
  z-index: 2;
}

.max-slider::-webkit-slider-thumb {
  z-index: 1;
}

/* Checkbox Items */
.checkbox-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0.5vw;
}

.checkbox-item input[type="checkbox"] {
  width: 1vw;
  height: 1vw;
  accent-color: #0061bb;
  cursor: pointer;
  opacity: 0;
}

.checkbox-item input[type="checkbox"]+span {
  position: relative;
}

.checkbox-item input[type="checkbox"]+span:before {
  content: "";
  width: 19.6px;
  height: 19.6px;
  display: flex;
  background: url(../img/checkbox.png) no-repeat 0 0/100%;
  position: absolute;
  top: 0;
  left: -27.6px;
}

.checkbox-item input[type="checkbox"]:checked+span:before {
  content: "";
  width: 19.6px;
  height: 19.6px;
  display: flex;
  background: url(../img/checkbox-on.png) no-repeat 0 0/100%;
  position: absolute;
  top: 0;
  left: -27.6px;
}

.checkbox-item span {
  color: #696969;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: 0%;
}

.mobi {
  display: none;
}

/* Color Grid */
.color-grid {
  display: flex;
  gap: 0.5vw;
  flex-wrap: wrap;
}

.color-btn {
  width: 2vw;
  height: 2vw;
  border-radius: 50%;
  border: 2px solid #e5e7eb;
  cursor: pointer;
  transition: border-color 0.2s ease;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.color-btn span {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.color-btn:hover {
  border-color: #4cd0d9;
  padding: 2px;
}

.color-btn.selected {
  border-color: #4cd0d9;
}

/* Color Classes */
.color-black span {
  background-color: #000000;
}

.color-gray span {
  background-color: #8d8d8d;
}

.color-brown span {
  background-color: #845600;
}

.color-lightpink span {
  background-color: #ffa0a0;
}

.color-pink span {
  background-color: #ffa0a0;
}

.color-orange span {
  background-color: #ffa76c;
}

.color-yellow span {
  background-color: #ffda6b;
}

.color-green span {
  background-color: #90d999;
}

.color-blue span {
  background-color: #4e6bde;
}

.color-purple span {
  background-color: #af40f0;
}

.color-lime span {
  background-color: #00ff1e;
}

/* Clear Filters Button */
.clear-filters-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ecf1f7;
  padding: 0.75vw 1vw;
  border-radius: 10px;
  transition: all 0.3s linear;
  gap: 0.5vw;
  color: #0061bb;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
}

.clear-filters-btn svg {
  width: 1.25vw;
  height: 1.25vw;
}

.clear-filters-btn svg path {
  transition: all 0.3s linear;
}

.clear-filters-btn:hover {
  background-color: #0061bb;
  color: #fff;
}

.clear-filters-btn:hover svg path {
  stroke: #fff;
}

.paint-helper-box {
  display: flex;
  flex-direction: column;
  padding: 1.6vw 1.25vw;
  border-radius: 20px;
  background: #d6f1f2;
  gap: 1vw;
}

.paint-helper-box h3 {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.paint-helper-box p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.paint-helper-btn {
  width: 100%;
  background: #505970;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  padding: 1vw 2vw;
  cursor: pointer;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
}

.paint-helper-btn:hover {
  background-color: #0061bb;
}

.color-filter-product {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.color-filter-header-banner {
  width: 100%;
  display: flex;
  gap: 2vw;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  background: linear-gradient(180deg,
      #f99967 0%,
      #f8778b 29.08%,
      #e84295 89.9%);
  padding: 1.6vw 1.05vw;
  border-radius: 20px;
}

.color-filter-banner-left {
  display: flex;
  flex-direction: column;
  gap: 1.6vw;
}

.color-filter-banner-left-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.color-filter-banner-left-text p {
  color: #ffffff;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.color-filter-banner-left-text h3 {
  color: #ffffff;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.color-filter-banner-tags {
  display: flex;
  gap: 0.5vw;
}

.color-filter-tag {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.45vw 0.85vw;
  border-radius: 20px;
  border: 2px solid #ffffff66;
  border-radius: 38px;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.color-filter-view-positions-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  background: #ffffff;
  color: #333;
  padding: 0.75vw 2.1vw;
  border-radius: 16px;
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
  position: relative;
  z-index: 1;
}

.color-filter-view-positions-btn svg {
  width: 2vw;
  height: auto;
  transition: all 0.3s linear;
}

.color-filter-view-positions-btn svg path {
  transition: all 0.3s linear;
}

.color-filter-view-positions-btn:hover svg path {
  stroke: #ffffff;
}

.color-filter-view-positions-btn:hover {
  background: #0056b3;
  color: #ffffff;
}

.color-filter-header-banner-bg {
  height: 100%;
  width: auto;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
}

.color-filter-bar-mobil {
  display: none;
}

.color-filter-filter-bar {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin-top: 1vw;
}

.color-filter-filter-bar-left {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.color-filter-filter-bar-left span {
  color: #a4b1be;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.7vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.color-filter-filter-button {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  cursor: pointer;
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
}

.color-filter-filter-button svg {
  width: 0.65vw;
  height: 0.65vw;
}

.color-filter-filter-button svg rect {
  transition: all 0.3s linear;
}

.color-filter-filter-button:hover svg rect {
  stroke: #0056b3;
}

.color-filter-filter-button:hover {
  color: #0056b3;
}

.color-filter-bar-right {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.color-filter-bar-right button {
  color: #a4b1be;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  transition: all 0.3s linear;
}

.color-filter-bar-right button:hover {
  color: #0056b3;
}

.color-filter-products-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 2vw;
  gap: 1vw;
}

.color-filter-product-card {
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease;
  padding: 0.45vw 0.45vw 1vw 0.45vw;
  border: 1px solid #d6f1f2;
  border-radius: 20px;
}

.color-filter-product-card:hover {
  border: 1px solid rgba(76, 208, 217, 1);

}

.color-filter-product-card:hover .color-filter-product-title {
  color: rgba(0, 97, 187, 1);
}

.color-filter-product-image-link {
  display: block;
  text-decoration: none;
}

.color-filter-product-image {
  width: 100%;
  height: 8.5vw;
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
}

.color-filter-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.color-filter-product-info {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 1vw;
  gap: 1vw;
}

.color-filter-product-title {
  font-weight: 500;
  font-style: Medium;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  color: #2f323a;
}

.color-filter-product-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1vw;
}

.color-filter-price {
  display: flex;
  flex-shrink: 0;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2f323a;
}

.color-filter-cart-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ecf1f7;
  cursor: pointer;
  transition: all 0.3s linear;
  padding: 0.85vw 1.6vw;
  color: #0061bb;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  border-radius: 10px;
}

.color-filter-cart-btn img {
  display: none;
}

.color-filter-cart-btn:hover {
  background: #0056b3;
  color: #ffff;
}

.color-filter-show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2vw;
}

.color-filter-show-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 0.75vw 2vw;
  cursor: pointer;
  transition: all 0.3s linear;
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  border: 1px solid #505970;
}

.color-filter-show-more-btn:hover {
  background: #0056b3;
  color: #ffff;
}

.color-filter-pagination {
  display: flex;
  justify-content: center;
  gap: 0.5vw;
  margin-top: 1.5vw;
  align-items: center;
}

.color-filter-page-btn {
  width: 1.7vw;
  height: 1.7vw;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  /* font-family: Onest; */
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: CAP_HEIGHT;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  color: #505970;
}

.color-filter-page-btn:hover {
  background: #17a2b8;
  color: white;
}

.color-filter-page-btn svg {
  width: 100%;
  height: 100%;
}

.color-filter-page-btn.active {
  background: #17a2b8;
  color: white;
}

.color-filter-page-btn:hover svg rect,
.color-filter-page-btn:hover svg path {
  stroke: #ffffff;
}

.color-filter-newsletter {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2vw;
  background: linear-gradient(180deg, #6cabdf 12.98%, #2091ee 100%);
  padding: 1.5vw 1.5vw 1vw 1vw;
  border-radius: 20px;
  margin-top: 2vw;
}

.color-filter-newsletter-content {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.color-filter-newsletter-content h3 {
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.color-filter-newsletter-content p {
  color: #ffffffb2;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.color-filter-newsletter-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  justify-content: center;
  border-radius: 16px;
  padding: 0.75vw 2vw;
  background: #ffffff;
  transition: all 0.3s linear;
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
}

.color-filter-newsletter-btn svg {
  width: 1.25vw;
  height: 1.25vw;
}

.color-filter-newsletter-btn svg path {
  transition: all 0.3s linear;
}

.color-filter-newsletter-btn:hover svg path {
  stroke: #ffffff;
}

.color-filter-newsletter-btn:hover {
  background: #0056b3;
  color: #ffffff;
}

/* COLOR FILTER END */

/* APPS START */
.apps-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
}

.apps-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.apps-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.apps-item {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  margin-top: 2vw;
}

.apps-card {
  width: 23.5%;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.3s ease;
  background: #f3f8f9;
  border-radius: 20px;
  margin-bottom: 2%;
  overflow: hidden;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  cursor: pointer;
}

.apps-card:hover {
  /*  box-shadow: 0 12px 24px rgba(32, 145, 238, 0.3);
  border: 1px solid rgba(76, 208, 217, 1);
  z-index: 2; */
}

.apps-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1vw;
  background: #e5fdf9;
}

.apps-intro-text {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.apps-content-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  padding: 1vw;
}

.apps-card-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.25vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.apps-subtitle {
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.apps-image {
  width: 100%;
  height: 10.5vw;
}

.apps-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* APPS END */

/* FATURES START */
.features-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
}

.features-content {
  display: flex;
  justify-content: space-between;
  gap: 1vw;
  padding: 0 11vw;
}

.features-left {
  width: 23.2vw;
  display: flex;
  flex-direction: column;
  gap: 1vw;
  flex-shrink: 0;
  padding: 2vw 1.6vw;
}

.features-title {
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  color: #2f323a;
}

.features-desc {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.features-right {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.feature-card {
  width: 49%;
  height: 16vw;
  display: flex;
  flex-direction: column;
  margin-bottom: 2%;
  padding: 1.6vw;
  border-radius: 20px;
  gap: 3vw;
}

.feature-icon {
  width: 3.3vw;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.feature-info {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 1vw;
}

.feature-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.25vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.feature-text {
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

/* Backgrounds */
.feature-pink {
  background-color: #ffeff4;
}

.feature-blue {
  background-color: #e6f1fa;
  margin-top: 2vw;
}

.feature-mint {
  background-color: #e5fffd;
  margin-top: -2vw;
}

.feature-yellow {
  background-color: #fffbde;
}

/* FATURES END */

/* SERTIFICA  START */

.ser-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  background: #f3f8f9;
  margin-top: 5vw;
  padding: 3vw 0;
}

.ser-content {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.ser-top {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  padding: 0 11vw;
}

.ser-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.ser-p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.ser-slider {
  width: 100%;
  display: flex;
  margin-top: 2vw;
  padding-left: 11vw;
  position: relative;
}

.owl-carousel .owl-item img {
  height: 100%;
  object-fit: contain;
}

.ser-slide {
  width: 100%;
}

.ser-slide img {
  width: 100%;
  height: 17vw;
}

.ser-slider .owl-nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  position: absolute;
  top: 40%;
  padding-right: 19.5vw;
}

.ser-slider .owl-nav button.owl-prev,
.ser-slider .owl-nav button.owl-next {
  width: 3.3vw;
  height: 3.3vw;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.ser-slider .owl-nav button svg {
  width: 100%;
  height: 100%;
}

.ser-slider .owl-nav button:hover svg {
  stroke: #fff;
}

.ser-slider .owl-nav button:hover svg path {
  stroke: #fff;
}

.ser-slider .owl-nav button:hover svg circle {
  fill: #0056b3;
}

/* SERTIFICA END */

/*  CONTACK FORM START */

.contack-form-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
  padding: 0 11vw;
}

.contack-form-content {
  width: 100%;
  display: flex;
  background: url(../img/formbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 50px;
  padding: 2vw 2vw 0 2vw;
}

.contack-form-left {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: flex-end;
  align-items: flex-end;
}

.contack-form-text {
  width: 17vw;
  display: flex;
  flex-direction: column;
  gap: 1vw;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.contack-form-text h3 {
  color: #ffffff;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.contack-form-text p {
  color: #d6f1f2;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.contack-form-person {
  position: relative;
  height: 31vw;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 1vw;
}

.contack-form-person-img {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.contack-form-person-text {
  width: 12vw;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  margin-bottom: 2vw;
}

.contack-form-person-text h3 {
  color: #d6f1f2;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: right;
}

.contack-form-person-text p {
  color: #d6f1f2;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: right;
}

.contact-form {
  width: 23vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  background: #d3dcef99;
  backdrop-filter: blur(16.799999237060547px);
  padding: 1.6vw 1vw;
  border-radius: 30px;
  gap: 1vw;
}

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

.policy p {
  display: flex;
  gap: 6px;
  color: #676767;
  font-weight: 500;
  font-size: 14px;
}

.policy p input {
  cursor: pointer;
  width: 18px;
  height: 18px;
}

.policy a {
  color: #0061bb;
}

.policy .wpcf7-list-item {
  margin: 0;
}

.contact-form div.form-group:first-child {
  padding: 0.8vw 1.2vw;
}

.form-group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.7vw 1vw;
  background: #ffffff;
  border-radius: 20px;
}

.contact-form .form-group .flex-form-foot {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 20px;
}

.form-textarea {
  min-height: 3vw;
  display: flex;
  align-items: center;
  outline: none;
  overflow: hidden;
}

.form-input {
  outline: none;
  border: none;
}

.form-input,
.form-input::placeholder,
.form-textarea::placeholder,
.form-textarea {
  width: 90%;
  color: #8a8a8a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  resize: none;
}

.form-input.phone-mask {
  min-height: 2.3vw;
}

.form-group-label {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.form-label {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.form-icon {
  width: 1.25vw;
  height: 1.25vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.form-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  padding: 1.5vw 2vw;
  background: #505970;
  border: 2px solid #ffffff;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s linear;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.form-btn:hover {
  background: #0056b3;
}

.form-info {
  width: fit-content;
  display: flex;
  align-items: center;
  background: #4cd0d9;
  border: 2px solid #4cd0d9;
  padding: 0.7vw 1vw;
  border-radius: 38px;
  color: #ffffff;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

/*  CONTACK FORM END */

/* NEWS START */

.news-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
}

.news-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.news-top {
  display: flex;
  flex-direction: column;
}

.news-top-text {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.news-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.news-subtitle {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5vw;
  margin-top: 2vw;
}

.news-filter-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 8px 16px;
  border: 1px solid #505970;
  border-radius: 20px;
  background: #ffffff;

  cursor: pointer;
  transition: all 0.2s ease;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-filter-btn.active {
  background: #505970;
  color: white;
  border-color: #6c7b95;
}

.news-filter-btn:hover {
  background: #505970;
  color: #ffffff;
}

.news-grid {
  width: 100%;
  display: flex;
  margin-top: 2vw;
  gap: 1vw;
}

.news-main {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 0.5vw;
  border-bottom: 1px solid #d6f1f2;
}

.news-main-card {
  background: white;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
}

.news-main-image {
  width: 100%;
  height: 19.2vw;
  position: relative;
}

.news-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.news-main-content {
  display: flex;
  flex-direction: column;
  margin-top: 0.5vw;
  gap: 0.5vw;
}

.news-main-tag {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3vw 0.65vw;
  border: 1px solid #505970;
  border-radius: 20px;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-main-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.25vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.news-main-excerpt {
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.news-main-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1vw;
}

.news-main-meta span {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.65vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-main-views {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.news-main-views svg {
  width: 1.25vw;
  height: 1.25vw;
}

.news-sidebar {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  justify-content: space-between;
}

.news-side-item {
  display: flex;
  gap: 1vw;
  padding: 0 0.5vw 0.5vw 0;
  border-bottom: 1px solid #d6f1f2;
  transition: all 0.3s ease;
  background: #fff;
  border-radius: 8px;
}

.news-side-item:hover {
  background: #ffffff;
  box-shadow: 0 8px 16px rgba(32, 145, 238, 0.15);
  z-index: 1;
}

.news-side-image {
  width: 14vw;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.news-side-image img {
  width: 100%;
  height: 9vw;
  object-fit: cover;
  border-radius: 20px;
}

.news-side-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1vw;
  width: 100%;
}

.news-side-top {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.news-side-tag {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3vw 0.65vw;
  border: 1px solid #505970;
  border-radius: 20px;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-side-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.25vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.news-side-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.news-side-meta span {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.65vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-side-views {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.news-side-views svg {
  width: 1.25vw;
  height: 1.25vw;
}

.news-more-btn {
  display: block;
  width: fit-content;
  margin: 2vw auto 0;
  padding: 0.8vw 2.6vw;
  background: #505970;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  transition: all 0.3s ease;
  border-radius: 16px;
}

.news-more-btn:hover {
  background: #0056b3;
}

/* NEWS END */

/* FOOTER START */
footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
  background: linear-gradient(90deg,
      rgba(208, 155, 214, 0.5) 0%,
      rgba(144, 134, 207, 0.5) 29.02%,
      rgba(147, 181, 211, 0.5) 47.58%,
      rgba(159, 224, 220, 0.5) 62.77%,
      rgba(159, 229, 193, 0.5) 89.86%,
      rgba(181, 242, 181, 0.5) 100%),
    linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));

}

.footer-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 3vw 11vw 2vw 11vw;
}

.footer-top {
  display: flex;
  justify-content: space-between;
  gap: 2vw;
}

.footer-logo-item {
  width: 14vw;
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.footer-logo {
  width: fit-content;
  display: flex;
}

.footer-logo-icon {
  width: 100%;
}

.footer-logo-icon img {
  width: 100%;
  height: auto;
}

.footer-logo-text {
  font-size: 32px;
  font-weight: 600;
  color: #2c5530;
}

.footer-logo-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.footer-logo-tagline {
  display: flex;
  flex-direction: column;
  padding: 0.6vw 0.5vw;
  background: #f7f8f880;
  box-shadow: 0px 0px 20px 0px #cfd7d899;
  border-radius: 16px;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.footer-menu-item {
  display: flex;
  gap: 3vw;
  flex-shrink: 0;
}

.footer-menu-column {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.footer-menu-title {
  color: #697e93;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 115%;
  letter-spacing: 0%;
}

.footer-menu-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.9vw;
}

.footer-menu-list li {
  display: inline-flex;
}

.footer-menu-list a {
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 115%;
  letter-spacing: 0%;

  transition: color 0.2s ease;
}

.footer-menu-list a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer-contack {
  display: flex;
  gap: 1vw;
}

.footer-promo {
  width: 11vw;
  height: 17vw;
  display: flex;
  flex-direction: column;
  padding: 1vw;
  border-radius: 20px;
  background: linear-gradient(180deg,
      #f99967 0%,
      #f8778b 29.08%,
      #e84295 89.9%);
  position: relative;
  justify-content: space-between;
}

.footer-promo-top {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  position: relative;
  z-index: 1;
}

.footer-promo-label {
  color: #ffffff;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.footer-promo-title {
  color: #ffffff;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.25vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.footer-promo-img {
  width: 100%;
  height: auto;
  max-height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.footer-promo-bottom {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  z-index: 1;
}

.footer-promo-availability {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff66;
  padding: 0.45vw 1vw;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  border-radius: 38px;
}

.footer-map {
  width: 18vw;
  display: flex;
  flex-direction: column;
  gap: 1vw;
  padding: 0.5vw;
  border-radius: 20px;
  background: #ffffff;
}

.footer-map iframe {
  width: 100%;
  height: 9.5vw;
  border: none;
  border-radius: 20px;
}

.footer-contact-info {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.footer-contact-phone {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
}

.footer-contact-phone:hover {
  color: #0056b3;
}

.footer-contact-address {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  color: #2f323a;
  font-weight: 400;
  font-style: Bold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
}

.footer-contact-address:hover {
  color: #0056b3;
}

.footer-contact-phone svg,
.footer-contact-address svg,
.footer-contact-hours svg {
  width: 1.3vw;
  height: 1.3vw;
}

.footer-contact-phone svg path,
.footer-contact-address svg path,
.footer-contact-phone svg circle,
.footer-contact-address svg circle {
  transition: all 0.3s linear;
}

.footer-contact-phone:hover svg path,
.footer-contact-address:hover svg path,
.footer-contact-phone:hover svg circle,
.footer-contact-address:hover svg circle {
  stroke: #0056b3;
}

.footer-contact-hours {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  /* font-family: main font; */
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  color: #2f323a;
}

.foooter-bottom {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  color: #505970;
  font-weight: 400;
  font-style: Bold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
}

.foooter-bottom a {
  color: #505970;
  text-decoration: none;
}

.foooter-bottom a:hover {
  color: #0056b3;
}

/* FOOTER END */

/* POPUP FORM START */

.popup-form-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: -500%;
  background: #000000de;
  z-index: 5000000;
  transition: all 0.3s linear;
}

.popup-form-container.active {
  left: 0;
}

.popup-form-content {
  display: flex;
  position: relative;
  border-radius: 30px;
  background: #d6f1f2;
  overflow: hidden;
}

.popup-form-close {
  position: absolute;
  right: 1vw;
  top: 1vw;
  cursor: pointer;
}

.popup-form-close svg {
  width: 1.6vw;
  height: 1.6vw;
  transition: all 0.3s linear;
}

.popup-form-close svg path,
.popup-form-close svg circle {
  transition: all 0.3s linear;
}

.popup-form-close:hover svg path,
.popup-form-close:hover svg circle {
  stroke: #0056b3;
}

.popup-form-close:hover svg {
  transform: scale(1.2);
}

.popup-contact-form .popup-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.popup-contact-form {
  width: 26vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  gap: 1vw;
  background: #fff;
  padding: 1vw 2vw 1vw 1vw;
}

.popup-contack-form-text {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  margin-bottom: 1vw;
}

.popup-contack-form-text h3 {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.popup-contack-form-text p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.popup-form-group .flex-form-foot {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f3f8f9;
  border-radius: 20px;
  padding: 1.15vw 1vw;
}

/* .popup-form-group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.15vw 1vw;
  background: #f3f8f9;
  border-radius: 20px;
} */

.popup-form-textarea {
  min-height: 3vw;
  display: flex;
  align-items: center;
  outline: none;
}

.popup-form-input {
  outline: none;
  border: none;
}

.popup-form-input,
.popup-form-input::placeholder,
.popup-form-textarea::placeholder,
.popup-form-textarea {
  width: 95%;
  color: #8a8a8a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.popup-form-group-label {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.popup-form-label {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.popup-form-icon {
  width: 1.25vw;
  height: 1.25vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.popup-form-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  padding: 1.5vw 2vw;
  background: #505970;
  border: 2px solid #ffffff;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s linear;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.popup-form-btn:hover {
  background: #0056b3;
}

.popup-form-info {
  width: fit-content;
  display: flex;
  align-items: center;
  background: #4cd0d9;
  border: 2px solid #4cd0d9;
  padding: 0.7vw 1vw;
  border-radius: 38px;
  color: #ffffff;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.popup-form-person {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5vw;
  padding: 2vw;
  max-width: 250px;
}

.popup-form-person img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.popup-form-person-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.popup-form-person-text h3 {
  color: gray/70;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
}

.popup-form-person-text p {
  color: gray/70;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
}

/* POPUP FORM END */

/* POPUP FORM2 START */
.popup-form4-container,
.popup-form3-container,
.popup-form2-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: -500%;
  background: #000000de;
  z-index: 5000000;
  transition: all 0.3s linear;
}

.popup-form4-container.active,
.popup-form3-container.active,
.popup-form2-container.active {
  left: 0;
}

.popup-form4-content,
.popup-form3-content,
.popup-form2-content {
  display: flex;
  position: relative;
  border-radius: 30px;
  background: #d6f1f2;
  overflow: hidden;
}

.popup-form4-close,
.popup-form3-close,
.popup-form2-close {
  position: absolute;
  right: 1vw;
  top: 1vw;
  cursor: pointer;
}

.popup-form4-close svg,
.popup-form3-close svg,
.popup-form2-close svg {
  width: 1.6vw;
  height: 1.6vw;
  transition: all 0.3s linear;
}

.popup-form4-close svg path,
.popup-form4-close svg circle,
.popup-form3-close svg path,
.popup-form3-close svg circle,
.popup-form2-close svg path,
.popup-form2-close svg circle {
  transition: all 0.3s linear;
}

.popup-form4-close:hover svg path,
.popup-form4-close:hover svg circle,
.popup-form3-close:hover svg path,
.popup-form3-close:hover svg circle,
.popup-form2-close:hover svg path,
.popup-form2-close:hover svg circle {
  stroke: #0056b3;
}

.popup-form4-close:hover svg,
.popup-form3-close:hover svg,
.popup-form2-close:hover svg {
  transform: scale(1.2);
}

.popup-contack-form-text {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  margin-bottom: 1vw;
}

.popup-contack-form-text h3 {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.popup-contack-form-text p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.popup-form4-group,
.popup-form3-group,
.popup-form2-group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.15vw 1vw;
  background: #f3f8f9;

  border-radius: 20px;
}

.popup-form4-textarea,
.popup-form3-textarea,
.popup-form2-textarea {
  min-height: 3vw;
  display: flex;
  align-items: center;
  outline: none;
}

.popup-form4-input,
.popup-form3-input,
.popup-form2-input {
  outline: none;
  border: none;
}

.popup-form4-input,
.popup-form4-input::placeholder,
.popup-form4-textarea::placeholder,
.popup-form4-textarea,
.popup-form3-input,
.popup-form3-input::placeholder,
.popup-form3-textarea::placeholder,
.popup-form3-textarea,
.popup-form2-input,
.popup-form2-input::placeholder,
.popup-form2-textarea::placeholder,
.popup-form2-textarea {
  width: 95%;
  color: #8a8a8a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.popup-form4-group-label,
.popup-form3-group-label,
.popup-form2-group-label {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.popup-form4-label,
.popup-form3-label,
.popup-form2-label {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.popup-form4-icon,
.popup-form3-icon,
.popup-form2-icon {
  width: 1.25vw;
  height: 1.25vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.popup-form4-btn,
.popup-form3-btn,
.popup-form2-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  padding: 1.5vw 2vw;
  background: #505970;
  border: 2px solid #ffffff;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s linear;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.popup-form4-btn:hover,
.popup-form3-btn:hover,
.popup-form2-btn:hover {
  background: #0056b3;
}

.popup-form4-info,
.popup-form3-info,
.popup-form2-info {
  width: fit-content;
  display: flex;
  align-items: center;
  background: #4cd0d9;
  border: 2px solid #4cd0d9;
  padding: 0.7vw 1vw;
  border-radius: 38px;
  color: #ffffff;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.popup-form2-person {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5vw;
  padding: 2vw;
}

.popup-form2-person img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.popup-form2-person-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.popup-form2-person-text h3 {
  color: gray/70;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
}

.popup-form2-person-text p {
  color: gray/70;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
}

/* POPUP FORM2 END */

/* !CATALOG PAGE START */

/* PAGINATION  START*/
.pagination-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  position: relative;
  z-index: 3;
}

.pagination-content {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0px 11vw;
}

.pagination-p,
.pagination-link {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  color: #a4b1be;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;

  transition: 0.3s linear;
}

.pagination-link::after {
  content: "|";
  display: inline-block;
  font-family: Fontawesome;
  margin-right: 0.5vw;
  color: #a4b1be;
}

.pagination-link:hover {
  color: #0056b3;
}

/* PAGINATION  END*/

/* CATALOG FILTER START */
.catalog-filtre-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2vw;
}

.catalog-filtre-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.catalog-filter-top {
  display: flex;
  align-items: center;
  gap: 11vw;
}

.mobil-catalog-helper-box {
  display: none;
}

.catalog-filter-tittle {
  display: flex;
  flex-shrink: 0;
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.catalog-filter-info {
  width: 100%;
  display: flex;
  gap: 2%;
}

.catalog-filter-info-box {
  width: 32%;
  display: flex;
  gap: 0.5vw;
  padding: 0.85vw 1.05vw;
  border-radius: 20px;
}

.catalog-filter-info-box img {
  width: 2.2vw;
  height: 2.2vw;
}

.catalog-filter-info-box:nth-child(1) {
  background: #ffeff4;
}

.catalog-filter-info-box:nth-child(2) {
  background: #e6f1fa;
}

.catalog-filter-info-box:nth-child(3) {
  background: #e5fffd;
}

.info-content {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.info-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.info-subtitle {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.catalog-filters-btn {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  margin-top: 2vw;
}

.catalog-filter-group {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.catalog-filter-label {
  color: #a4b1be;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.catalog-filter-options {
  display: flex;
  flex-wrap: wrap;
  gap: 1vw;
}

.catalog-filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.7vw 1.6vw;
  border: 1px solid #505970;
  border-radius: 0.65vw;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.catalog-filter-btn:hover {
  color: #ffffff;
  background: #0056b3;
}

.catalog-filter-btn.active {
  color: #ffffff;
  background: #0056b3;
}

.catalog-filter-row {
  width: 100%;
  display: flex;
  gap: 1vw;
  margin-top: 1vw;
  padding-top: 1vw;
  border-top: 1px solid #d0d1d3;
}

.catalog-color-filtre-box-info {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  position: relative;
  padding: 1.4vw;
  background: #f4f4f4;
  border-radius: 24px;
}

.catalog-color-filtre-box-info-open {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1vw;
  right: 1vw;
  cursor: pointer;
}

.catalog-color-filtre-box-info-open svg {
  width: 0.95vw;
  height: 0.95vw;
  transition: all 0.3s linear;
}

.catalog-color-filtre-box-info-open svg path {
  transition: all 0.3s linear;
}

.catalog-color-filtre-box-info-open:hover svg path {
  stroke: #0061bb;
}

.catalog-color-filtre-box-info-open:hover svg {
  transform: scale(1.5);
}

.catalog-color-filtre-box-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.catalog-color-filtre-box-text-tittle {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.catalog-color-filtre-box-text-p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.catalog-list-item {
  width: 17vw;
  display: flex;
  flex-direction: column;
  gap: 6vw;
  flex-shrink: 0;
}

.catalog-filter-mobil-btn {
  display: none;
}

.catalog-container {
  width: 100%;
  background-color: #f3f8f9;
  padding: 1.6vw 1vw;
  border-radius: 20px;
}

.catalog-mobil-btn {
  display: none;
}

/* Filter Section */
.catalog-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5vw;
}

.catalog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: 1vw;
}

.catalog-header i,
.catalog-header h3 {
  color: #696969;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  transition: transform 0.2s ease;
}

.catalog-header i.rotated {
  transform: rotate(180deg);
}

.catalog-content {
  display: none;
  flex-direction: column;
  gap: 1vw;
}

.catalog-content.open {
  display: flex;
}

/* Price Section */
.catalog-price-display {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 0.85vw 1vw;
  font-weight: 400;
  border-radius: 8px;
}

.catalog-price-display span {
  color: #2e2e2e;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 20px;
  letter-spacing: 0%;
}

.catalog-slider-container {
  position: relative;
}

.catalog-slider-track {
  position: relative;
  height: 2px;
  background-color: #e5e7eb;
  border-radius: 4px;
}

.catalog-slider-range {
  position: absolute;
  height: 2px;
  background-color: #4cd0d9;
  border-radius: 4px;
  transition: all 0.1s ease;
}

.catalog-slider {
  position: absolute;
  top: 0;
  width: 100%;
  height: 3px;
  background: transparent;
  appearance: none;
  cursor: pointer;
  pointer-events: none;
}

.catalog-slider::-webkit-slider-thumb {
  pointer-events: all;
  appearance: none;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background: #4cd0d9;
  cursor: pointer;
  position: relative;
}

.catalog-slider::-moz-range-thumb {
  pointer-events: all;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background: #4cd0d9;
  cursor: pointer;
  border: none;
}

.catalog-slider::-webkit-slider-track {
  background: transparent;
  border: none;
}

.catalog-slider::-moz-range-track {
  background: transparent;
  border: none;
}

.catalog-slider:focus {
  outline: none;
}

.catalog-min-slider {
  z-index: 2;
}

.catalog-max-slider {
  z-index: 1;
}

.catalog-min-slider::-webkit-slider-thumb {
  z-index: 2;
}

.catalog-max-slider::-webkit-slider-thumb {
  z-index: 1;
}

/* Checkbox Items */
.catalog-checkbox-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0.5vw;
}

.catalog-checkbox-item input[type="checkbox"] {
  width: 1vw;
  height: 1vw;
  accent-color: #0061bb;
  cursor: pointer;
}

.catalog-checkbox-item span {
  color: #696969;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: 0%;
}

/* Color Grid */
.catalog-color-grid {
  display: flex;
  gap: 0.5vw;
  flex-wrap: wrap;
}

.catalog-color-btn {
  width: 2.6vw;
  height: 2.6vw;
  border-radius: 50%;
  border: 2px solid #e5e7eb;
  cursor: pointer;
  transition: border-color 0.2s ease;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.catalog-color-btn span {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.catalog-color-btn:hover {
  border-color: #4cd0d9;
  padding: 2px;
}

.catalog-color-btn.selected {
  border-color: #4cd0d9;
}

/* Color Classes */
.catalog-color-black span,
.catalog-color-chernyj span {
  background-color: #000000;
}

.catalog-color-gray span {
  background-color: #8d8d8d;
}

.catalog-color-brown span,
.catalog-color-korichnevyj span {
  background-color: #845600;
}

.catalog-color-lightpink span {
  background-color: #ffa0a0;
}

.catalog-color-pink span {
  background-color: #ffa0a0;
}

.catalog-color-orange span {
  background-color: #ffa76c;
}

.catalog-color-yellow span,
.catalog-color-zheltyj span {
  background-color: #ffda6b;
}

.catalog-color-green span,
.catalog-color-zelenyj span {
  background-color: #90d999;
}

.catalog-color-blue span {
  background-color: #4e6bde;
}

.catalog-color-purple span,
.catalog-color-fioletovyj span {
  background-color: #af40f0;
}

.catalog-color-lime span {
  background-color: #00ff1e;
}

/* Clear Filters Button */
.catalog-clear-filters-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ecf1f7;
  padding: 0.75vw 1vw;
  border-radius: 10px;
  transition: all 0.3s linear;
  gap: 0.5vw;
  color: #0061bb;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
}

.catalog-clear-filters-btn svg {
  width: 1.25vw;
  height: 1.25vw;
}

.catalog-clear-filters-btn svg path {
  transition: all 0.3s linear;
}

.catalog-clear-filters-btn:hover {
  background-color: #0061bb;
  color: #fff;
}

.catalog-clear-filters-btn:hover svg path {
  stroke: #fff;
}

.catalog-helper-box {
  display: flex;
  flex-direction: column;
  padding: 1.6vw 1.25vw;
  border-radius: 20px;
  background: #d6f1f2;
  gap: 1vw;
}

.catalog-helper-box h3 {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.catalog-helper-box p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.catalog-helper-btn {
  width: 100%;
  background: #505970;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  padding: 1vw 2vw;
  cursor: pointer;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
}

.catalog-helper-btn:hover {
  background-color: #0061bb;
}

.cart-kg-attribute-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cart-kg-attribute-label {
  font-size: 16px;
  font-weight: 600;
  color: #898c90;
}

.catalog-filter-product {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.catalog-filter-header-banner {
  width: 100%;
  display: flex;
  gap: 2vw;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  background: linear-gradient(180deg,
      #f99967 0%,
      #f8778b 29.08%,
      #e84295 89.9%);
  padding: 1.6vw 1.05vw;
  border-radius: 20px;
  overflow: hidden;
}

.catalog-filter-banner-left {
  display: flex;
  flex-direction: column;
  gap: 1.6vw;
}

.catalog-filter-banner-left-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.catalog-filter-banner-left-text p {
  color: #ffffff;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.catalog-filter-banner-left-text h3 {
  color: #ffffff;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.catalog-filter-banner-tags {
  display: flex;
  gap: 0.5vw;
}

.catalog-filter-tag {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.45vw 0.85vw;
  border-radius: 20px;
  border: 2px solid #ffffff66;
  border-radius: 38px;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.catalog-filter-view-positions-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  background: #ffffff;
  color: #333;
  padding: 0.75vw 2.1vw;
  border-radius: 16px;
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
  position: relative;
  z-index: 1;
}

.catalog-filter-view-positions-btn svg {
  width: 2vw;
  height: auto;
  transition: all 0.3s linear;
}

.catalog-filter-view-positions-btn svg path {
  transition: all 0.3s linear;
}

.catalog-filter-view-positions-btn:hover svg path {
  stroke: #ffffff;
}

.catalog-filter-view-positions-btn:hover {
  background: #0056b3;
  color: #ffffff;
}

.catalog-filter-header-banner-bg {
  height: 100%;
  width: auto;
  object-fit: cover;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.catalog-filter-bar-mobil {
  display: none;
}

.catalog-filter-filter-bar {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin-top: 1vw;
}

.catalog-filter-filter-bar-left {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.catalog-filter-filter-bar-left span {
  color: #a4b1be;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.7vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.catalog-filter-filter-button .woocommerce-ordering {
  margin: 0;
}

.catalog-filter-filter-button {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  cursor: pointer;
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
}

.catalog-filter-filter-button svg {
  width: 0.65vw;
  height: 0.65vw;
}

.catalog-filter-filter-button svg rect {
  transition: all 0.3s linear;
}

.catalog-filter-filter-button:hover svg rect {
  stroke: #0056b3;
}

.catalog-filter-filter-button:hover {
  color: #0056b3;
}

.catalog-filter-bar-right {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.catalog-filter-bar-right button {
  color: #a4b1be;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  transition: all 0.3s linear;
}

.catalog-filter-bar-right button:hover {
  color: #0056b3;
}

.catalog-filter-products-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 2vw;
  gap: 1vw;
}

.catalog-filter-product-card {
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease;
  padding: 0.45vw 0.45vw 1vw 0.45vw;
  border: 1px solid #d6f1f2;
  border-radius: 20px;
}

.catalog-filter-product-card:hover {

  border: 1px solid rgba(76, 208, 217, 1);
}

.catalog-filter-product-image-link {
  display: block;
  text-decoration: none;
}

.catalog-filter-product-image {
  width: 100%;
  height: 8.5vw;
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
}

.catalog-filter-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.catalog-filter-product-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 1vw!important;
  gap: 1vw;
  padding: 0 10px;

}

.catalog-filter-product-title {
  font-weight: 500;
  font-style: Medium;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  color: #2f323a;
}

.catalog-filter-product-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1vw;
}

.catalog-filter-price {
  display: flex;
  flex-shrink: 0;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2f323a;
  gap: 5px;
}

.catalog-filter-cart-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ecf1f7;
  cursor: pointer;
  transition: all 0.3s linear;
  padding: 0.85vw 1.6vw;
  color: #0061bb;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  border-radius: 10px;
}

.catalog-filter-cart-btn img {
  display: none !important;
}

.catalog-filter-cart-btn:hover {
  background: #0056b3;
  color: #ffff;
}

.catalog-filter-show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2vw;
}

.catalog-filter-show-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 0.75vw 2vw;
  cursor: pointer;
  transition: all 0.3s linear;
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  border: 1px solid #505970;
}

.catalog-filter-show-more-btn:hover {
  background: #0056b3;
  color: #ffff;
}

.catalog-filter-pagination {
  display: flex;
  justify-content: center;
  gap: 0.5vw;
  margin-top: 1.5vw;
  align-items: center;
}

.catalog-filter-page-btn {
  width: 1.7vw;
  height: 1.7vw;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  /* font-family: Onest; */
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: CAP_HEIGHT;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  color: #505970;
}

.catalog-filter-page-btn:hover {
  background: #17a2b8;
  color: white;
}

.catalog-filter-page-btn svg {
  width: 100%;
  height: 100%;
}

.catalog-filter-page-btn.active {
  background: rgba(76, 208, 217, 1);
  color: white;
}

.catalog-filter-page-btn:hover svg rect,
.catalog-filter-page-btn:hover svg path {
  stroke: #ffffff;
}

.catalog-filter-newsletter {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2vw;
  background: linear-gradient(180deg, #6cabdf 12.98%, #2091ee 100%);
  padding: 1.5vw 1.5vw 1vw 1vw;
  border-radius: 20px;
  margin-top: 2vw;
}

.catalog-filter-newsletter-content {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.catalog-filter-newsletter-content h3 {
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.catalog-filter-newsletter-content p {
  color: #ffffffb2;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.catalog-filter-newsletter-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  justify-content: center;
  border-radius: 16px;
  padding: 0.75vw 2vw;
  background: #ffffff;
  transition: all 0.3s linear;
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  cursor: pointer;
}

.catalog-filter-newsletter-btn svg {
  width: 1.25vw;
  height: 1.25vw;
}

.catalog-filter-newsletter-btn svg path {
  transition: all 0.3s linear;
}

.catalog-filter-newsletter-btn:hover svg path {
  stroke: #ffffff;
}

.catalog-filter-newsletter-btn:hover {
  background: #0056b3;
  color: #ffffff;
}

.catalog-filter-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1vw;
  margin-top: 2vw;
}

.catalog-filter-text p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 160%;
  letter-spacing: 0%;
}

/* CATALOG FILTER END */
/* !CATALOG PAGE END */

/* !CATEGORY PAGE START */

.category-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2vw;
}

.category-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.category-top {
  display: flex;
  align-items: center;
  gap: 8vw;
}

.category-tittle {
  display: flex;
  flex-shrink: 0;
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.category-info {
  width: 100%;
  display: flex;
  gap: 2%;
}

.category-info-box {
  width: 32%;
  display: flex;
  gap: 0.5vw;
  padding: 0.85vw 1.05vw;
  border-radius: 20px;
}

.category-info-box img {
  width: 2.2vw;
  height: 2.2vw;
}

.category-info-box:nth-child(1) {
  background: #ffeff4;
}

.category-info-box:nth-child(2) {
  background: #e6f1fa;
}

.category-info-box:nth-child(3) {
  background: #e5fffd;
}

.category-info-content {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.category-info-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.category-info-subtitle {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.category-powder-card-item {
  width: 100%;
  display: flex;
  margin-top: 3vw;
  gap: 12px;
  flex-wrap: wrap;
}

.category-powder-card {
  width: 32%;
  height: 22vw;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  padding: 3.5vw 1.6vw;
}

.blue-category-powder-card {
  background-color: #9edfff4d;
}

.purple-category-powder-card {
  background-color: #e97cff4d;
}

.orange-category-powder-card {
  background-color: #ffb97c4d;
}

.category-powder-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 30px;
}

.category-powder-label {
  width: fit-content;
  height: fit-content;
  display: flex;
  border-radius: 20px;
  background: #f7f8f8;
  box-shadow: 0px 0px 20px 0px #cfd7d899;
  padding: 0.5vw 0.85vw;
  position: relative;
  z-index: 2;
  color: black;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.category-arrow-circle {
  position: absolute;
  right: 2vw;
  bottom: 2vw;
  z-index: 1;
  cursor: pointer;
}

.category-arrow-circle svg {
  width: 5vw;
  height: auto;
  transition: all 0.3s linear;
}

.category-arrow-circle svg circle {
  transition: all 0.3s linear;
}

.category-arrow-circle svg path {
  transition: all 0.3s linear;
}

.category-arrow-circle:hover svg circle {
  fill: #0061bb;
}

.category-arrow-circle:hover svg path {
  stroke: #ffffff;
}

.category-info-row {
  width: 100%;
  display: flex;
  gap: 2%;
  margin-top: 5vw;
}

.category-info-item {
  width: 32%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.6vw;
}

.category-color-filtre-box-info {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  position: relative;
  padding: 1.4vw;
  background: #f4f4f4;
  border-radius: 24px;
  gap: 2vw;
  justify-content: space-between;
}

.category-color-filtre-box-info-open {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}

.category-color-filtre-box-info-open svg {
  width: 2.5vw;
  height: 2.5vw;
  transition: all 0.3s linear;
}

.category-color-filtre-box-info-open svg path {
  transition: all 0.3s linear;
}

.category-color-filtre-box-info-open:hover svg path {
  stroke: #0061bb;
}

.category-color-filtre-box-info-open:hover svg {
  transform: scale(1.3);
}

.category-color-filtre-box-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.category-color-filtre-box-text-tittle {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-decoration: underline;
}

.category-color-filtre-box-text-p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.category-doc-box {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  position: relative;
  padding: 1.4vw;
  background: #f4f4f4;
  border-radius: 24px;
  gap: 2vw;
  justify-content: space-between;
}

.category-doc-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.category-doc-text h3 {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.category-doc-text p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.category-doc-link {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}

.category-doc-link svg {
  width: 2.5vw;
  height: 2.5vw;
  transition: all 0.3s linear;
}

.category-doc-link svg path {
  transition: all 0.3s linear;
}

.category-doc-link:hover svg path {
  stroke: #0061bb;
}

.category-doc-link:hover svg {
  transform: scale(1.3);
}

.select-paint-box {
  width: 23%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2vw;
  border-radius: 20px;
  padding: 1.6vw 1.3vw 1.05vw 1.3vw;
  background: #d6f1f2;
}

.select-paint-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.select-paint-text h3 {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.select-paint-text p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.select-paint-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.85vw 2vw;
  background: #505970;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.3s linear;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  color: #ffffff;
}

.select-paint-btn:hover {
  background: #0056b3;
}

.category-prome-card {
  width: 41%;
  display: flex;
  position: relative;
  padding: 1.6vw 1vw;
  background: linear-gradient(180deg,
      #f99967 0%,
      #f8778b 29.08%,
      #e84295 89.9%);
  border-radius: 20px;
  gap: 2vw;
  justify-content: space-between;
}

.category-prome-bg-img {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.category-prome-top {
  display: flex;
  flex-direction: column;
  height: fit-content;
  gap: 0.5vw;
}

.category-prome-title {
  color: #ffffff;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.category-prome-subtitle {
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  color: #ffffff;
}

.category-prome-tags {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  margin-top: 1vw;
}

.category-prome-tag-btn1,
.category-prome-tag-btn2 {
  display: flex;
  align-items: center;
  padding: 0.4vw 1vw;
  border: 2px solid #ffffff66;
  border-radius: 38px;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
  cursor: pointer;
}

.category-prome-tag-btn1:hover,
.category-prome-tag-btn2:hover {
  background: #0061bb;
}

.category-prome-button {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.7vw 2vw;
  gap: 0.3vw;
  background: #ffffff;
  border-radius: 18px;
  transition: all 0.3s linear;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  color: #2f323a;
  position: absolute;
  right: 1vw;
  bottom: 1vw;
  z-index: 1;
}

.category-prome-button:hover {
  background: #0061bb;
  color: #ffffff;
}

.category-prome-button svg {
  width: 1.9vw;
  height: auto;
}

.category-prome-button svg path {
  transition: all 0.3s linear;
}

.category-prome-button:hover svg path {
  stroke: #ffffff;
}

/* !CATEGORY PAGE END */

/* !CATAGORY2 PAGE START */
/* SEPARATE FILTER START */
.separate-filtre-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2vw;
}

.separate-filtre-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.separete-paint-banner {
  width: 100%;
  height: 22vw;
  display: flex;
  position: relative;
  padding: 2.1vw 1.6vw;
  background: #fdefe3;
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 30px;
}

.separete-paint-text {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  position: relative;
  z-index: 2;
}

.separete-paint-text h3,
.separete-paint-text h1 {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.separete-text-info {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.separete-info1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #4cd0d9;
  padding: 1vw;
  border-radius: 20px;
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.separete-paint-text p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.separete-info2 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7f8f880;
  border-radius: 20px;
  padding: 0.85vw 1vw;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  box-shadow: 0px 0px 20px 0px rgba(207, 215, 216, 0.6);
}

.separete-info-img {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.separate-filter-top {
  display: flex;
  align-items: center;
  margin-top: 3vw;
}

.separate-filter-info {
  width: 100%;
  display: flex;
  gap: 2%;
}

.separate-filter-info-box {
  width: 32%;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  padding: 0.85vw 1.05vw;
  border-radius: 20px;
}

.separate-filter-info-box img {
  width: 2.2vw;
  height: 2.2vw;
}

.separate-filter-info-box:nth-child(1) {
  background: #ffeff4;
}

.separate-filter-info-box:nth-child(2) {
  background: #e6f1fa;
}

.separate-filter-info-box:nth-child(3) {
  background: #fffbde;
}

.separate-filter-info-box:nth-child(4) {
  background: #505970;
}

.separate-info-content {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.separate-info-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.separate-info-subtitle {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.info-title-doc {
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  text-decoration: underline;
}

.separate-info-doc-p {
  color: #ffffff;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.separate-filters-btn {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  margin-top: 2vw;
}

.separate-filter-group {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.separate-filter-label {
  color: #a4b1be;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.separate-filter-options {
  display: flex;
  flex-wrap: wrap;
  gap: 1vw;
}

.separate-filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.7vw 1.6vw;
  border: 1px solid #505970;
  border-radius: 0.65vw;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.separate-filter-btn:hover {
  color: #ffffff;
  background: #0056b3;
}

.separate-filter-btn.active {
  color: #ffffff;
  background: #0056b3;
}

.separate-filter-row {
  width: 100%;
  display: flex;
  gap: 1vw;
  margin-top: 1vw;
  padding-top: 1vw;
  border-top: 1px solid #d0d1d3;
}

.separate-color-filtre-box-info {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  position: relative;
  padding: 1.4vw;
  background: #f4f4f4;
  border-radius: 24px;
}

.separate-color-filtre-box-info-open {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1vw;
  right: 1vw;
  cursor: pointer;
}

.separate-color-filtre-box-info-open svg {
  width: 0.95vw;
  height: 0.95vw;
  transition: all 0.3s linear;
}

.separate-color-filtre-box-info-open svg path {
  transition: all 0.3s linear;
}

.separate-color-filtre-box-info-open:hover svg path {
  stroke: #0061bb;
}

.separate-color-filtre-box-info-open:hover svg {
  transform: scale(1.5);
}

.separate-color-filtre-box-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.separate-color-filtre-box-text-tittle {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.separate-color-filtre-box-text-p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.separate-list-item {
  width: 17vw;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  flex-shrink: 0;
}

.separate-filter-mobil-btn {
  display: none;
}

.eparate-filter-mobil-btn {
  display: none;
}

.separate-container {
  width: 100%;
  background-color: #f3f8f9;
  padding: 1.6vw 1vw;
  border-radius: 20px;
}

.separate-mobil-btn {
  display: none;
}

/* Filter Section */
.separate-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5vw;
}

.separate-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: 1vw;
}

.separate-header i,
.separate-header h3 {
  color: #696969;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  transition: transform 0.2s ease;
}

.separate-header i.separate-rotated {
  transform: rotate(180deg);
}

.separate-content {
  display: none;
  flex-direction: column;
  gap: 1vw;
}

.separate-content.open {
  display: flex;
}

/* Price Section */
.separate-price-display {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 0.85vw 1vw;
  font-weight: 400;
  border-radius: 8px;
}

.separate-price-display span {
  color: #2e2e2e;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 20px;
  letter-spacing: 0%;
}

.separate-slider-container {
  position: relative;
}

.separate-slider-track {
  position: relative;
  height: 2px;
  background-color: #e5e7eb;
  border-radius: 4px;
}

.separate-slider-range {
  position: absolute;
  height: 2px;
  background-color: #4cd0d9;
  border-radius: 4px;
  transition: all 0.1s ease;
}

.separate-slider {
  position: absolute;
  top: 0;
  width: 100%;
  height: 3px;
  background: transparent;
  appearance: none;
  cursor: pointer;
  pointer-events: none;
}

.separate-slider::-webkit-slider-thumb {
  pointer-events: all;
  appearance: none;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background: #4cd0d9;
  cursor: pointer;
  position: relative;
}

.separate-slider::-moz-range-thumb {
  pointer-events: all;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background: #4cd0d9;
  cursor: pointer;
  border: none;
}

.separate-slider::-webkit-slider-track {
  background: transparent;
  border: none;
}

.separate-slider::-moz-range-track {
  background: transparent;
  border: none;
}

.separate-slider:focus {
  outline: none;
}

.separate-min-slider {
  z-index: 2;
}

.separate-max-slider {
  z-index: 1;
}

.separate-min-slider::-webkit-slider-thumb {
  z-index: 2;
}

.separate-max-slider::-webkit-slider-thumb {
  z-index: 1;
}

/* Checkbox Items */
.separate-checkbox-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0.5vw;
}

.separate-checkbox-item input[type="checkbox"] {
  width: 1vw;
  height: 1vw;
  accent-color: #0061bb;
  cursor: pointer;
}

.separate-checkbox-item span {
  color: #696969;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: 0%;
}

/* Color Grid */
.separate-color-grid {
  display: flex;
  gap: 0.5vw;
  flex-wrap: wrap;
}

.separate-color-btn {
  width: 2vw;
  height: 2vw;
  border-radius: 50%;
  border: 2px solid #e5e7eb;
  cursor: pointer;
  transition: border-color 0.2s ease;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.separate-color-btn span {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.separate-color-btn:hover {
  border-color: #4cd0d9;
  padding: 2px;
}

.separate-color-btn.separate-selected {
  border-color: #4cd0d9;
}

/* Color Classes */
.separate-color-black span {
  background-color: #000000;
}

.separate-color-gray span {
  background-color: #8d8d8d;
}

.separate-color-brown span {
  background-color: #845600;
}

.separate-color-lightpink span {
  background-color: #ffa0a0;
}

.separate-color-pink span {
  background-color: #ffa0a0;
}

.separate-color-orange span {
  background-color: #ffa76c;
}

.separate-color-yellow span {
  background-color: #ffda6b;
}

.separate-color-green span {
  background-color: #90d999;
}

.separate-color-blue span {
  background-color: #4e6bde;
}

.separate-color-purple span {
  background-color: #af40f0;
}

.separate-color-lime span {
  background-color: #00ff1e;
}

.separate-color-white span {
  background-color: #ffffff;
}

/* Clear Filters Button */
.separate-clear-filters-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ecf1f7;
  padding: 0.75vw 1vw;
  border-radius: 10px;
  transition: all 0.3s linear;
  gap: 0.5vw;
  color: #0061bb;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
}

.separate-clear-filters-btn svg {
  width: 1.25vw;
  height: 1.25vw;
}

.separate-clear-filters-btn svg path {
  transition: all 0.3s linear;
}

.separate-clear-filters-btn:hover {
  background-color: #0061bb;
  color: #fff;
}

.separate-clear-filters-btn:hover svg path {
  stroke: #fff;
}

.separate-helper-box {
  display: flex;
  flex-direction: column;
  padding: 1.6vw 1.25vw;
  border-radius: 20px;
  background: #d6f1f2;
  gap: 1vw;
}

.separate-helper-box h3 {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.separate-helper-box p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.separate-helper-btn {
  width: 100%;
  background: #505970;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  padding: 1vw 2vw;
  cursor: pointer;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
}

.separate-helper-btn:hover {
  background-color: #0061bb;
}

.separate-filter-product {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.separate-filter-bar-mobil {
  display: none;
}

.separate-filter-filter-bar {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin-top: 1vw;
}

.separate-filter-filter-bar-left {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.separate-filter-filter-bar-left span {
  color: #a4b1be;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.7vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.separate-filter-filter-button {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  cursor: pointer;
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
}

.separate-filter-filter-button svg {
  width: 0.65vw;
  height: 0.65vw;
}

.separate-filter-filter-button svg rect {
  transition: all 0.3s linear;
}

.separate-filter-filter-button:hover svg rect {
  stroke: #0056b3;
}

.separate-filter-filter-button:hover {
  color: #0056b3;
}

.separate-filter-bar-right {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.separate-filter-bar-right button {
  color: #a4b1be;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
  transition: all 0.3s linear;
}

.separate-filter-bar-right button:hover {
  color: #0056b3;
}

.separate-filter-products-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 2vw;
  gap: 1vw;
}

.separate-filter-product-card {
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease;
  padding: 0.45vw 0.45vw 1vw 0.45vw;
  border: 1px solid #d6f1f2;
  border-radius: 20px;
  position: relative;
}

.separate-filter-product-card:hover {
  transform: translateY(-5px);
}

.separate-filter-product-image-link {
  display: block;
  text-decoration: none;
}

.separate-filter-product-image {
  width: 100%;
  height: 8.5vw;
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
}

.separate-filter-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.separate-filter-product-info {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 1vw;
  gap: 1vw;
}

.separate-filter-product-title {
  font-weight: 500;
  font-style: Medium;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  color: #2f323a;
}

.separate-filter-product-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1vw;
}

.separate-filter-price {
  display: flex;
  flex-shrink: 0;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2f323a;
}

.separate-filter-cart-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ecf1f7;
  cursor: pointer;
  transition: all 0.3s linear;
  padding: 0.85vw 1.6vw;
  color: #0061bb;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  border-radius: 10px;
}

.separate-filter-cart-btn img {
  display: none !important;
}

.separate-filter-cart-btn:hover {
  background: #0056b3;
  color: #ffff;
}

.separate-card-info-box {
  width: fit-content;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5vw;
  position: absolute;
  top: 1vw;
  left: 1vw;
}

.separate-card-info-box span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.65vw;
  leading-trim: NONE;
  line-height: 80%;
  letter-spacing: 0%;
  padding: 0.35vw 0.65vw;
  border-radius: 38px;
}

.separate-card-dis {
  background: linear-gradient(0deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0)),
    linear-gradient(180deg, #5bebc2 0%, #1bb0b2 100%);
}

.separate-card-new {
  background: linear-gradient(0deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0)),
    linear-gradient(180deg, #6cabdf 12.98%, #2091ee 100%);
}

.separate-card-hit {
  background: linear-gradient(0deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0)),
    linear-gradient(180deg, #f99967 0%, #f8778b 29.08%, #e84295 89.9%);
}

.separate-filter-show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2vw;
}

.separate-filter-show-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 0.75vw 2vw;
  cursor: pointer;
  transition: all 0.3s linear;
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  border: 1px solid #505970;
}

.separate-filter-show-more-btn:hover {
  background: #0056b3;
  color: #ffff;
}

.separate-filter-pagination {
  display: flex;
  justify-content: center;
  gap: 0.5vw;
  margin-top: 1.5vw;
  align-items: center;
}

.separate-filter-page-btn {
  width: 1.7vw;
  height: 1.7vw;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: CAP_HEIGHT;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  color: #505970;
}

.separate-filter-page-btn:hover {
  background: #17a2b8;
  color: white;
}

.separate-filter-page-btn svg {
  width: 100%;
  height: 100%;
}

.separate-filter-page-btn.active {
  background: #17a2b8;
  color: white;
}

.separate-filter-page-btn:hover svg rect,
.separate-filter-page-btn:hover svg path {
  stroke: #ffffff;
}

.separate-filter-newsletter {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2vw;
  background: linear-gradient(180deg, #6cabdf 12.98%, #2091ee 100%);
  padding: 1.5vw 1.5vw 1vw 1vw;
  border-radius: 20px;
  margin-top: 2vw;
}

.separate-filter-newsletter-content {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.separate-filter-newsletter-content h3 {
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.separate-filter-newsletter-content p {
  color: #ffffffb2;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.separate-filter-newsletter-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  justify-content: center;
  border-radius: 16px;
  padding: 0.75vw 2vw;
  background: #ffffff;
  transition: all 0.3s linear;
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
}

.separate-filter-newsletter-btn svg {
  width: 1.25vw;
  height: 1.25vw;
}

.separate-filter-newsletter-btn svg path {
  transition: all 0.3s linear;
}

.separate-filter-newsletter-btn:hover svg path {
  stroke: #ffffff;
}

.separate-filter-newsletter-btn:hover {
  background: #0056b3;
  color: #ffffff;
}

.separate-filter-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1vw;
  margin-top: 2vw;
}

.separate-filter-text p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 160%;
  letter-spacing: 0%;
}

/* SEPARATE FILTER END */
/* !CATAGORY2 PAGE END */

/* !CART PAGE START */

/* CART START */
.cart-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2vw;
}

.cart-content {
  width: 100%;
  display: flex;
  gap: 2vw;
  padding: 0 11vw;
}

.cart-slider-row {
  width: 43%;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper2 {
  height: 25vw;
  width: 100%;
}

.mySwiper {
  height: fit-content;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}

.mySwiper .swiper-slide {
  width: 106px;
  height: 4vw;
  display: block;
  opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  display: block;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}

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

.mySwiper .swiper-wrapper {
  display: flex;
  width: 100%;
  height: fit-content;
}

.swiper-button-prev,
.swiper-button-next {
  width: 3.5vw;
  height: 3.5vw;
}

.swiper-button-prev svg circle,
.swiper-button-next svg circle,
.swiper-button-prev svg path,
.swiper-button-next svg path {
  transition: all 0.5s linear;
}

.swiper-button-prev:hover svg circle,
.swiper-button-next:hover svg circle {
  fill: #0056b3;
}

.swiper-button-prev:hover svg path,
.swiper-button-next:hover svg path {
  stroke: #fff;
}

.cart-detaail-row {
  width: 57%;
  display: flex;
  flex-direction: column;
  background: #f3f8f9;
  border-radius: 20px;
}

.cart-detail-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: linear-gradient(0deg, #f3f8f9, #f3f8f9),
    linear-gradient(0deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.94));
  box-shadow: 0px 9px 40px 0px #b9c4d673;
  padding: 1vw 1.6vw;
  border-radius: 20px;
}

.cart-detail-info {
  display: flex;
  position: relative;
  flex-direction: column;
}

.cart-detail-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  margin-top: 0.7vw;
}

.cart-article {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.cart-article span {
  color: #898c90;
}

.cart-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.cart-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.45vw 1vw;
  border-radius: 38px;
  position: absolute;
  right: 0;
  top: 0;
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  background: #ffffff;
  border: 1px solid #4cd0d9;
}

.cart-specs-item {
  display: flex;
  gap: 2vw;
  margin-top: 1.5vw;
}

.cart-detail-box {
  display: flex;
  flex-direction: column;
  gap: 0.2vw;
  border-right: 1px solid #d0d1d3;
  padding-right: 2vw;
}

.cart-detail-box:last-child {
  border: none;
}

.cart-spec-label {
  color: #898c90;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  vertical-align: middle;
}

.cart-spec-value {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  vertical-align: middle;
}

.cart-detail-bottom {
  display: flex;
  flex-direction: column;
  padding: 2.1vw 1.6vw 1vw 1.6vw;
}

/* RAL dropdown — стилизация под кнопки */
.cart-kg-dropdown.js-attr-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  width: 100%;
  max-width: 260px;
  /* можно убрать, если нужен на всю ширину */
  height: 44px;
  /* подгоните под высоту ваших кнопок */
  padding: 0 44px 0 16px;

  border: 2px solid #4cd0d9;
  /* под цвет ваших бордеров */
  border-radius: 14px;

  font-size: 14px;
  font-weight: 600;
  color: #2A2A2A;

  cursor: pointer;
  outline: none;

  /* стрелка */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%232A2A2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 18px 18px;

  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

/* hover как у кнопок */
.cart-kg-dropdown.js-attr-select:hover {
  border-color: #BFD2E6;
}

/* focus как активное состояние */
.cart-kg-dropdown.js-attr-select:focus {
  box-shadow: 0 0 0 3px rgba(97, 182, 255, 0.25);
}

/* disabled */
.cart-kg-dropdown.js-attr-select:disabled {
  opacity: .55;
  cursor: not-allowed;
  background-color: #F6F8FB;
}

.cart-kg-dropdown.js-attr-select option:disabled {
  color: #A4B1BE;
}

.cart-kg-row {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cart-kg-item {
  display: flex;
  flex-direction: column;
}

.cart-kg-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cart-quantity,
.cat-kg-span {
  color: #898c90;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  vertical-align: middle;
}

.cart-kg-select {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.cart-kg-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #d0d1d3;
  padding: 0.65vw 1.3vw;
  border-radius: 10px;
  transition: all 0.3s linear;
  cursor: pointer;
  color: #505970;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.cart-kg-btn.active {
  border: 2px solid #4cd0d9;
  color: #2f323a;
}

.cart-stok-info {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  color: #69d548;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  vertical-align: middle;
}

.cart-stok-p {
  font-weight: 400;
}

.cart-poz-neg-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5vw;
}

.cart-quantity-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vw;
  border: 2px solid #d6f1f2;
  padding: 0.65vw 1.3vw;
  border-radius: 10px;
  background: #ffffff;
}

.cart-quantity-no {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.cart-quantity-box button {
  cursor: pointer;
  color: #c6c6c6;
  font-size: 25px;
  text-align: center;
  display: flex;
  align-items: center;
}

.cart-quantity-box button svg {
  width: 0.65vw;
  height: auto;
  transition: all 0.3s linear;
}

.cart-quantity-box button svg path {
  transition: all 0.3s linear;
}

.cart-quantity-box button:hover svg path {
  fill: #2f323a;
}

.woocommerce div.product form.cart {
  margin-bottom: 0 !important;
}

.cart-kg-hidden-inputs {
  display: none;
}

.cart-price-info {
  display: flex;
  gap: 3vw;
  align-items: flex-end;
}

.cart-price-info-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.cart-price-title {
  color: #898c90;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  vertical-align: middle;
}

.cart-price-box {
  display: flex;
  gap: 0.5vw;
  align-items: flex-end;
}

.cart-price-now {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  vertical-align: middle;
}

.cart-price-old {
  color: #a4b1be;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-decoration: line-through;
}

.cart-discount-btn {
  display: flex;
  height: fit-content;
  align-items: center;
  justify-content: center;
  padding: 0.45vw 1.05vw;
  border-radius: 38px;
  background: #4cd0d9;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.cart-buttons-row {
  display: flex;
  gap: 1vw;
  margin-top: 12px;
}

.cart-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 3.6vw;
  padding: 1.5vw 2vw;
  border-radius: 16px;
  font-size: 0.75vw;
  font-weight: 500;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  transition: all 0.3s linear;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.cart-btn:hover {
  background: #0056b3;
  color: #fff;
}

.cart-add-btn {
  background-color: #505970;
  color: white;
}

.cart-oneclick-btn {
  background-color: #a4b1be;
  color: #ffffff;
}

.cart-ozon-btn {
  color: #505970;
  border: 1px solid #898c90;
  text-decoration: none;
}

.ozon-icon {
  width: 2.1vw;
  height: auto;
}

/* CART END */

/* CART INFO START */

.cart-info-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3vw;
}

.cart-info-content {
  width: 100%;
  display: flex;
  padding: 0 11vw;
  gap: 2%;
}

.cart-info-item {
  width: 32%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.6vw;
  flex-shrink: 0;
}

.cart-color-filtre-box-info {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  position: relative;
  padding: 1.4vw;
  background: #f4f4f4;
  border-radius: 24px;
  gap: 2vw;
  justify-content: space-between;
}

.cart-color-filtre-box-info-open {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}

.cart-color-filtre-box-info-open svg {
  width: 2.5vw;
  height: 2.5vw;
  transition: all 0.3s linear;
}

.cart-color-filtre-box-info-open svg path {
  transition: all 0.3s linear;
}

.cart-color-filtre-box-info-open:hover svg path {
  stroke: #0061bb;
}

.cart-color-filtre-box-info-open:hover svg {
  transform: scale(1.3);
}

.cart-color-filtre-box-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.cart-color-filtre-box-text-tittle {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-decoration: underline;
}

.cart-color-filtre-box-text-p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.cart-doc-box {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  position: relative;
  padding: 1.4vw;
  background: #f4f4f4;
  border-radius: 24px;
  gap: 2vw;
  justify-content: space-between;
}

.cart-doc-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.cart-doc-text h3 {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.cart-doc-text p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.cart-doc-link {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}

.cart-doc-link svg {
  width: 2.5vw;
  height: 2.5vw;
  transition: all 0.3s linear;
}

.cart-doc-link svg path {
  transition: all 0.3s linear;
}

.cart-doc-link:hover svg path {
  stroke: #0061bb;
}

.cart-doc-link:hover svg {
  transform: scale(1.3);
}

.cart-select-paint-box {
  width: 23%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2vw;
  border-radius: 20px;
  padding: 1.6vw 1.3vw 1.05vw 1.3vw;
  background: #d6f1f2;
  flex-shrink: 0;
}

.cart-select-paint-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.cart-select-paint-text h3 {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.cart-select-paint-text p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.cart-select-paint-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.85vw 2vw;
  background: #505970;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.3s linear;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  color: #ffffff;
}

.cart-select-paint-btn:hover {
  background: #0056b3;
}

.cart-info {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
}

.cart-info-box {
  display: flex;
  gap: 0.5vw;
  padding: 0.85vw 1.05vw;
  border-radius: 20px;
}

.cart-info-box img {
  width: 2.2vw;
  height: 2.2vw;
}

.cart-info-box:nth-child(1) {
  width: 48%;
  flex-direction: column;

  background: #ffeff4;
  gap: 1.6vw;
  justify-content: space-between;
  margin-bottom: 4%;
}

.cart-info-box:nth-child(2) {
  width: 48%;
  flex-direction: column;
  background: #e6f1fa;
  gap: 1.6vw;
  justify-content: space-between;
  margin-bottom: 4%;
}

.cart-info-box:nth-child(3) {
  width: 100%;
  background: #e5fffd;
}

.cart-info-con {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.cart-info-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.cart-info-subtitle {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

/* CART INFO END */

/* CART DESC START */
.cart-desc-container {
  width: 100%;
  display: flex;
  margin-top: 3vw;
}

.cart-desc-content {
  width: 70%;
  display: flex;
  flex-direction: column;
  padding-left: 11vw;
}

.cart-desc-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  margin-bottom: 0.5vw;
}

.cart-desc-text-item {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  margin-top: 1vw;
}

.cart-desc-subtitle {
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  color: #2f323a;
}

.cart-desc-text {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

/* CART DESC  END */

/* CART INFO START */

.cart-block-container {
  width: 100%;
  display: flex;
  margin-top: 5vw;
}

.cart-block-content {
  width: 70%;
  display: flex;
  flex-direction: column;
  padding-left: 11vw;
}

.cart-block-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.cart-block-item {
  display: flex;
  flex-direction: column;
  margin-top: 2vw;
  gap: 1vw;
}

.cart-info-row {
  display: flex;
}

.cart-block-title {
  width: 15.5vw;
  display: flex;
  flex-shrink: 0;
  color: #898c90;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.cart-block-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.cart-text-line {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5vw;
}

.cart-text-strong {
  color: #000000;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.cart-text-desc {
  color: #2f323a;
  font-weight: 400;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.cart-header-banner {
  width: 100%;
  display: flex;
  gap: 2vw;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  background: linear-gradient(180deg,
      #f99967 0%,
      #f8778b 29.08%,
      #e84295 89.9%);
  padding: 1.6vw 1.05vw;
  border-radius: 20px;
  margin-top: 2vw;
}

.cart-banner-left {
  display: flex;
  flex-direction: column;
  gap: 1.6vw;
}

.cart-banner-left-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.cart-banner-left-text p {
  color: #ffffff;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.cart-banner-left-text h3 {
  color: #ffffff;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.cart-banner-tags {
  display: flex;
  gap: 0.5vw;
}

.cart-tag {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.45vw 0.85vw;
  border-radius: 20px;
  border: 2px solid #ffffff66;
  border-radius: 38px;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.cart-view-positions-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  background: #ffffff;
  color: #333;
  padding: 0.75vw 2.1vw;
  border-radius: 16px;
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
  position: relative;
  z-index: 1;
}

.cart-view-positions-btn svg {
  width: 2vw;
  height: auto;
  transition: all 0.3s linear;
}

.cart-view-positions-btn svg path {
  transition: all 0.3s linear;
}

.cart-view-positions-btn:hover svg path {
  stroke: #ffffff;
}

.cart-view-positions-btn:hover {
  background: #0056b3;
  color: #ffffff;
}

.cart-header-banner-bg {
  height: 100%;
  width: auto;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
}

/* CART INFO END */

/* PRO SLIDER START */

.pro-slider-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
}

.pro-slider-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.pro-slider-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.pro-slider {
  width: 100%;
  display: flex;
  position: relative;
  margin-top: 2vw;
}

.pro-slider .owl-nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  position: absolute;
  top: 40%;
}

.pro-slider .owl-nav button.owl-prev,
.pro-slider .owl-nav button.owl-next {
  width: 3.3vw;
  height: 3.3vw;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0px 10px 20px 0px #b9c4d647;

  border-radius: 50%;
}

.pro-slider .owl-nav button.owl-prev {
  margin-left: -1.5vw;
}

.pro-slider .owl-nav button.owl-next {
  margin-right: -1.5vw;
}

.pro-slider .owl-nav button svg {
  width: 100%;
  height: 100%;
}

.pro-slider .owl-nav button:hover svg {
  stroke: #fff;
}

.pro-slider .owl-nav button:hover svg path {
  stroke: #fff;
}

.pro-slider .owl-nav button:hover svg circle {
  fill: #0056b3;
}

.pro-slider-product-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease;
  padding: 0.45vw 0.45vw 1vw 0.45vw;
  border: 1px solid #d6f1f2;
  border-radius: 20px;
}

.pro-slider-product-card:hover {
  transform: translateY(-5px);
}

.pro-slider-product-image-link {
  display: block;
  text-decoration: none;
}

.pro-slider-product-image {
  width: 100%;
  height: 8.5vw;
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
}

.pro-slider-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.pro-slider-product-info {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 1vw;
  gap: 1vw;
}

.pro-slider-product-title {
  font-weight: 500;
  font-style: normal;
  font-size: 0.95vw;
  line-height: 1.2;
  letter-spacing: 0;
  color: #2f323a;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pro-slider-product-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1vw;
}

.pro-slider-price {
  display: flex;
  flex-shrink: 0;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2f323a;
}

.pro-slider-cart-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ecf1f7;
  cursor: pointer;
  transition: all 0.3s linear;
  padding: 0.85vw 1.6vw;
  color: #0061bb;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  border-radius: 10px;
}

.pro-slider-cart-btn img {
  display: none !important;
}

.pro-slider-cart-btn:hover {
  background: #0056b3;
  color: #ffff;
}

/* PRO SLIDER END */

/* !CART PAGE END */

/* !BASKET PAGE START */

/* BASKET START */

.basket-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
}

.basket-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.basket-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2vw;
}

.basket-tittle {
  display: flex;
  flex-shrink: 0;
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.basket-info {
  width: 58%;
  display: flex;
  gap: 2%;
}

.basket-info-box {
  width: 32%;
  display: flex;
  flex-direction: column;

  gap: 0.5vw;
  padding: 0.85vw 1.05vw;
  border-radius: 20px;
}

.basket-info-box img {
  width: 2.2vw;
  height: 2.2vw;
}

.basket-info-box:nth-child(1) {
  background: #ffeff4;
}

.basket-info-box:nth-child(2) {
  background: #e6f1fa;
}

.basket-info-box:nth-child(3) {
  background: #e5fffd;
}

.basket-info-content {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.basket-info-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.basket-info-subtitle {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.basket-row {
  width: 100%;
  display: flex;
  margin-top: 1.6vw;
  gap: 2vw;
}

.basket-item-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* gap: 1vw; */
}

.basket-item {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2vw;
  border-top: 1px solid #d6f1f2;
  border-bottom: 1px solid #d6f1f2;
  padding: 1vw 1vw 1vw 0.4vw;
}

.basket-pro-info {
  display: flex;
  align-items: center;
  gap: 1.6vw;
  width: 100%;
}

.basket-image {
  width: 6.7vw;
  height: 4.7vw;
}

.basket-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.basket-title {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.basket-center-item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 1vw;
  width: 100%;
  max-width: 230px;
}

.basket-quantity-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vw;
  padding: 0.75vw 0.65vw;
  background: #f3f8f9;
  border: 1px solid #d6f1f2;
  border-radius: 10px;
  width: 130px;
}

.basket-quantity-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  cursor: pointer;
  color: #a4b1be;
  font-weight: 500;
  font-style: Semibold;
  font-size: 1.2vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.basket-quantity-btn:hover {
  color: #000000;
}

.basket-quantity-input {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.basket-prices {
  display: flex;
  flex-direction: column;
  gap: 0.3vw;
  align-items: flex-start;
  white-space: nowrap;
}

.basket-old-price {
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-decoration: line-through;
  color: #a4b1be;
}

.basket-new-price {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.basket-remove-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
}

.basket-remove-btn svg {
  width: 1.7vw;
  height: 1.7vw;
}

.basket-remove-btn svg path,
.basket-remove-btn svg rect {
  transition: all 0.3s linear;
}

.basket-remove-btn:hover svg rect {
  fill: #0056b3;
}

.basket-remove-btn:hover svg path {
  stroke: #ffffff;
}

.basket-summary {
  width: 17vw;
  display: flex;
  height: fit-content;
  flex-direction: column;
  flex-shrink: 0;
  background: linear-gradient(180deg, #ffffff 0%, #f3f8f9 100%);
  box-shadow: 0px 9px 40px 0px #b9c4d673;
  padding: 2.1vw 1.6vw;
  border-radius: 20px;
}

.basket-summary-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  margin-bottom: 0.5vw;
}

.basket-summary-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1vw;
  gap: 1vw;
}

.basket-summary-label {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.basket-summary-value {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.basket-discount-tag {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #4cd0d9;
  color: #fff;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: CAP_HEIGHT;
  line-height: 120%;
  letter-spacing: 0%;
  padding: 0.45vw 0.7vw;
  border-radius: 8px;
}

.basket-summary-value {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: right;
}

.basket-summary-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1vw;
  margin-top: 1vw;
}

.basket-summary-label2 {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: uppercase;
}

.basket-summary-price {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.basket-summary-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.4vw 2vw;
  border-radius: 16px;
  border: none;
  background: #3b4453;
  transition: all 0.3s linear;
  cursor: pointer;
  margin-top: 2vw;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.basket-summary-btn:hover {
  background: #0056b3;
  color: #ffffff;
}

/* BASKET END */
/* !BASKET PAGE END */

/* ! ORDER PAGE START */

.order-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  margin-bottom: 2vw;
  padding: 0 11vw;
}

.order-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  position: relative;
}

.order-top {
  width: 100%;
  display: flex;
  gap: 1vw;
  justify-content: space-between;
}

.order-tittle {
  display: flex;
  flex-shrink: 0;
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.order-basket {
  width: 18.5vw;
  display: flex;
  position: relative;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0px 9px 40px 0px #b9c4d673;
  padding: 1vw;
  border-radius: 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}

.order-basket-top {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 1vw;
}

.order-basket-img {
  width: 1.7vw;
  height: 1.7vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.order-basket-img svg {
  width: 100%;
  height: 100%;
}

.order-basket-price-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.order-basket-price {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.order-basket-t {
  color: #000000;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-basket-price-no {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.order-basket-no {
  color: #a4b1be;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.order-basket-list-open {
  width: 0.85vw;
  height: 0.85vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s linear;
  cursor: pointer;
}

.order-basket-list-open img {
  width: 100%;
}

.order-basket-list-open.rotated {
  transform: rotate(180deg);
}

.order-basket-list {
  width: 100%;
  display: none;
  flex-direction: column;
  overflow: hidden;
  transition: all 0.3s linear;

  margin-top: 1vw;
  border-top: 1px solid #d6f1f2;
}

.order-basket-list.active {
  display: flex;
}

.order-basket-pro-list {
  display: flex;
  max-height: 30vw;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 1vw;
}

.order-list-item {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.5vw;
  border-top: 1px solid #d6f1f2;
  border-bottom: 1px solid #d6f1f2;
  padding: 0.5vw 0;
}

.order-list-pro-info {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.order-list-image {
  width: 3.6vw;
  height: 2.6vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.order-list-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.order-list-title {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.order-list-center-item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 1vw;
}

.order-list-quantity-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vw;
  padding: 0.5vw 1vw;
  background: #f3f8f9;
  border: 1px solid #d6f1f2;
  border-radius: 10px;
}

.order-list-quantity-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  cursor: pointer;
  color: #a4b1be;
  font-weight: 500;
  font-style: Semibold;
  font-size: 1.2vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.order-list-quantity-btn:hover {
  color: #000000;
}

.order-list-quantity-input {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.order-list-prices {
  display: flex;
  flex-direction: column;
  gap: 0.3vw;
  align-items: flex-start;
}

.order-list-old-price {
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-decoration: line-through;
  color: #a4b1be;
}

.order-list-new-price {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.4vw 1vw;
  border-radius: 16px;
  background: #505970;
  cursor: pointer;
  transition: all 0.3s linear;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 2vw;
}

.order-button:hover {
  background: #0056b3;
}

.order-buy-item-row {
  width: 100%;
  display: flex;
  gap: 1vw;
  margin-top: 3vw;
}

.order-buy-item {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.order-info {
  width: 100%;
  display: flex;
  gap: 2%;
}

.order-info-box {
  width: 32%;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  padding: 0.85vw 1.05vw;
  border-radius: 20px;
}

.order-info-box img {
  width: 2.2vw;
  height: 2.2vw;
}

.order-info-box:nth-child(1) {
  background: #ffeff4;
}

.order-info-box:nth-child(2) {
  background: #e6f1fa;
}

.order-info-box:nth-child(3) {
  background: #fffbde;
}

.order-info-content {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.order-info-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.order-info-subtitle {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.order-buy-help {
  width: 18.5vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 1.7vw 1.3vw 1vw 1.3vw;
  border-radius: 16px;
  background: #d6f1f2;
  flex-shrink: 0;
}

.order-buy-help h3 {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.order-buy-help p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
  margin-top: 1vw;
}

.order-help-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 1vw 2vw;
  cursor: pointer;
  transition: all 0.3s linear;
  color: #ffffff;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  background: #505970;
  margin-top: 2vw;
}

.order-help-btn:hover {
  background: #0056b3;
}

.order-form-container {
  max-width: 75%;
  display: flex;
  flex-direction: column;
}

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

.order-form-section {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 2vw;
}

.order-form-section-header {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  border-bottom: 1px solid #a4b1be;
  padding-bottom: 1vw;
}

.order-form-section-number {
  width: 1.6vw;
  height: 1.6vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #a4b1be;
  color: #ffffff;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.95vw;
  leading-trim: CAP_HEIGHT;
  line-height: 120%;
  letter-spacing: 0%;
}

.order-form-section-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.order-form-group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.5vw;
  border-radius: 20px;
  padding: 1.2vw 1.05vw;
  background: #f3f8f9;
}

.order-form-row {
  width: 100%;
  display: flex;
  gap: 1.5vw;
}

.order-form-row .order-form-group {
  width: 50%;
}

.order-form-input-wrapper {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}

.order-form-input-wrapper svg {
  width: 1.3vw;
  height: 1.3vw;
}

.order-form-control {
  width: 100% !important;
  border: none !important;
  appearance: none;
  background: none;
  background: #f3f8f9 !important;
}

.woocommerce form .form-row {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}

.order-form-control:focus {
  outline: none !important;
  background: none !important;
}

.order-form-textarea,
.order-form-control,
.order-form-control::placeholder {
  color: #8a8a8a !important;
  font-weight: 400 !important;
  font-style: Regular !important;
  font-size: 0.95vw !important;
  leading-trim: NONE !important;
  line-height: 100% !important;
  letter-spacing: 0%;
}

.order-form-textarea {
  min-height: 3.5vw;
  resize: vertical;
}

/* Custom Dropdown Styles */
.order-form-dropdown {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.order-form-dropdown-toggle {
  width: 100%;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8a8a8a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-form-dropdown-arrow {
  width: 0.85vw;
  height: 0.85vw;
  transition: transform 0.2s;
  flex-shrink: 0;
}

.order-form-dropdown.active .order-form-dropdown-arrow {
  transform: rotate(180deg);
}

.order-form-dropdown-menu {
  width: 100%;
  position: absolute;
  top: 2.2vw;
  left: 0;
  right: 0;
  background: #f3f8f9;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);

  max-height: 15vw;
  overflow-y: auto;
  z-index: 1000;
  display: none;
  padding: 0 1vw;
}

.order-form-dropdown-menu::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.order-form-dropdown-menu::-webkit-scrollbar-track {
  background-color: transparent;
}

.order-form-dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #0056b3;
  border-radius: 10px;
}

.order-form-dropdown.active .order-form-dropdown-menu {
  display: block;
}

.order-form-dropdown-item {
  padding: 0.75vw 1vw;
  cursor: pointer;
  border-bottom: 1px solid #a4b1be;
  color: #8a8a8a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-form-dropdown-item:hover {
  background: #0056b3;
  color: #ffffff;
}

.order-form-dropdown-item:last-child {
  border-bottom: none;
}

.order-form-payment-methods {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1vw;
  margin-top: 1vw;
}

.order-form-payment-option {
  width: fit-content;
  height: fit-content;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #505970;
  cursor: pointer;
  transition: all 0.3s linear;
  padding: 0.75vw 2.1vw;
  gap: 0.5vw;
  border-radius: 10px;
}

.order-form-payment-option:hover {
  background-color: #0056b3;
  border-color: #ffffff;
}

.order-form-payment-option.order-form-payment-active {
  background-color: #0056b3;
  border-color: #ffffff;
}

.order-form-payment-option.order-form-payment-active .order-form-payment-text {
  color: #ffffff;
}

.order-form-payment-option.order-form-payment-active .order-form-payment-icon {
  stroke: #ffffff;
}

.order-form-payment-option.order-form-payment-active .order-form-payment-icon path {
  fill: #ffffff;
}

.order-form-payment-option:hover .order-form-payment-text {
  color: #ffffff;
}

.order-form-payment-option:hover .order-form-payment-icon {
  stroke: #ffffff;
}

.order-form-payment-option:hover .order-form-payment-icon path {
  fill: #ffffff;
}

.order-form-payment-icon {
  width: 1.6vw;
  height: 1.6vw;
  flex-shrink: 0;
}

.order-form-payment-text {
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-form-footer {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 2vw;
  gap: 1.5vw;
}

.order-form-btn-secondary {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  cursor: pointer;
  transition: all 0.3s linear;
  color: #505970;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  text-decoration-thickness: 0%;
  text-decoration-skip-ink: auto;
}

.order-form-btn-secondary:hover {
  color: #0056b3;
}

.order-form-btn-secondary svg {
  width: 1.3vw;
  height: 1.3vw;
}

.order-form-btn-secondary svg path {
  transition: all 0.3s linear;
}

.order-form-btn-secondary:hover svg path {
  stroke: #0056b3;
}

.order-form-btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  padding: 1.5vw 2.6vw;
  background: #505970;
  cursor: pointer;
  transition: all 0.3s linear;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.order-form-btn-primary:hover {
  background: #0056b3;
}

/* QR Code specific styling */
.order-form-qr-icon {
  width: 24px;
  height: 24px;
  color: #6b7280;
}

.order-form-qr-grid {
  stroke-width: 2;
  fill: none;
  stroke: currentColor;
}

/* ! ORDER PAGE END */

/* !ABOUT PAGE START */

/* ABOUT START */

.about-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
}

.about-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.about-top {
  width: 100%;
  display: flex;
  gap: 2vw;
}

.about-text {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.about-text h3 {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.75vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.about-text p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.about-img {
  width: 50%;
}

.about-img img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.about-bottom {
  width: 100%;
  height: 18vw;
  display: flex;
  gap: 2%;
  margin-top: 2%;
}

.about-box3,
.about-box1 {
  width: 21.36%;
  height: 100%;
  display: flex;
}

.about-box3 img,
.about-box1 img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.about-box2 {
  width: 36.91%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  padding: 2vw;
  background: #e5fdf9;
}

.about-box2 p {
  font-weight: 400;
  font-style: Regular;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  color: #2f323a;
}

.about-box4 {
  width: 21.36%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.about-box4 img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.about-box4 p {
  display: flex;
  flex-shrink: 0;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  color: #2f323a;
}

/* ABOUT END */

/* TEAM START */

.team-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
}

.team-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.team-top {
  width: 70%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.team-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.team-p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.team-item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  margin-top: 2vw;
}

.team-card {
  width: 23.5%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 0.35vw 0.35vw 0.8vw 0.35vw;
  gap: 0.5vw;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px #cfd7d899;
  margin-bottom: 2%;
}

.team-card img {
  width: 100%;
  height: 11.6vw;
  border-radius: 20px;
}

.team-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  padding: 0.5vw;
}

.team-text h3 {
  color: #2e2e2e;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.team-text p {
  color: #5a5e64;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

/* TEAM END */

/* CAMPANY MAP START */
.company-map-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.company-map-content {
  width: 100%;
  display: flex;
  position: relative;
  padding-left: 11vw;
  align-items: center;
}

.company-map-text {
  width: 34%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  flex-shrink: 0;
}

.company-map-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.company-map-desc {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.company-map-visual {
  position: relative;
  width: 100%;
}

.company-map-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  user-select: none;
  pointer-events: none;
}

.map-tag {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  padding: 0.45vw 0.7vw;
  background: #ffffff8c;
  border: 1px solid #a4b1be;
  backdrop-filter: blur(5px);
  box-shadow: 0px 0px 20px 0px #cfd7d899;
  border-radius: 20px;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.65vw;
  leading-trim: CAP_HEIGHT;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: right;
}

.map-tag:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(25, 33, 61, 0.12),
    0 16px 28px rgba(25, 33, 61, 0.12);
}

.tag-russia {
  left: 33.89%;
  top: 41.62%;
  padding: 0.45vw 0.9vw;
  border: 1.51px solid #a4b1be;
  box-shadow: 0px 0px 30.18px 0px #cfd7d899;
  background: #ffffff8c;
  font-size: 0.95vw;
}

.tag-belarus {
  left: 12.38%;
  top: 34.82%;
}

.tag-moldova {
  left: 4%;
  top: 41%;
}

.tag-armenia {
  left: 13%;
  top: 66%;
}

.tag-azer {
  left: 14%;
  top: 74%;
}

.tag-kazakh {
  left: 29%;
  top: 64%;
}

.tag-uzbek {
  left: 28%;
  top: 72%;
}

.tag-kyrgyz {
  left: 38%;
  top: 81%;
}

.tag-tajik {
  left: 34%;
  top: 89%;
}

/* CAMPANY MAP END */

/* COOP START */
.coop-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
  padding: 0 11vw;
}

.coop-content {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 30px;
  background: url(../img/bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 1.6vw 2vw;
  gap: 3vw;
}

.coop-left {
  width: 38%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  flex-shrink: 0;
}

.coop-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.coop-sub {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.coop-right {
  width: 62%;
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
}

.coop-card {
  width: 32.66%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2vw;
  border-radius: 20px;
  padding: 1vw;
  transition: all 0.3s linear;
  background: #f5f5f5e5;
  backdrop-filter: blur(16.799999237060547px);
  box-shadow: 0px 0px 20px 0px #50597036;
  margin-bottom: 1%;
}

/* .coop-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(30, 45, 70, 0.09),
    0 26px 50px rgba(30, 45, 70, 0.1);
  background: #ffffff;
} */

.coop-card-icon {
  width: 3.4vw;
  height: 3.4vw;
}

.coop-card-title {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

/* COOP END */

/* !ABOUT PAGE  END */

/* !PRODUCTIOAN PAGE START */

/* PROD ABOUT START */
.prod-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
}

.prod-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

/* ---------- ÜST SIRA ---------- */
.prod-top {
  width: 100%;
  display: flex;
  gap: 2%;
  /* 2 boşluk = toplam %4 */
}

/* Sol metin kartı (48%) */
.prod-text {
  flex: 0 0 calc((100% - 4%) * 0.5);
  /* 48% */
  display: flex;
  flex-direction: column;
  gap: 2vw;
  background: #e5fdf9;
  border-radius: 30px;
  padding: 2vw;
}

/* Sağ iki görsel (24% + 24%) */
.img-a,
.img-b {
  flex: 0 0 calc((100% - 4%) * 0.25);
  /* 24% */
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 3 / 4;
  background: #f5f7fa;
  border-radius: 20px;
  overflow: hidden;
}

.img-a img,
.img-b img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ---------- ALT SIRA ---------- */
.prod-bottom {
  display: flex;
  gap: 2%;
  /* 2 boşluk = toplam %4 */
  margin-top: 2%;
}

/* 43/24/33 oranlarını gap’e göre normalize ettik */
.img-wide {
  flex: 0 0 calc((100% - 4%) * 0.43);
  /* 41.28% gerçek pay */
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 9;
  background: #f5f7fa;
  border-radius: 20px;
  overflow: hidden;
}

.img-square {
  flex: 0 0 calc((100% - 4%) * 0.24);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  background: #f5f7fa;
  border-radius: 20px;
  overflow: hidden;
}

.img-wide img,
.img-square img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.prod-stat {
  flex: 0 0 calc((100% - 4%) * 0.33);
  /* 31.68% */
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  padding: 1.6vw;
  background: transparent;
}

.prod-stat-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  z-index: 0;
}

.prod-stat-text {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 20px;
  padding: 2.5vw 1vw 1.5vw 1vw;
  box-shadow: 0 8px 24px rgba(35, 39, 52, 0.08);
}

.prod-stat-top-text {
  display: flex;
  gap: 0.5vw;
  align-items: flex-end;
}

.prod-stat-big-text {
  display: flex;
  flex-direction: column;
}

.prod-stat-num {
  color: #2f323a;
  font-weight: 600;
  /* Semibold */
  font-size: 0.95vw;
  line-height: 1.2;
  letter-spacing: 0;
}

.prod-stat-big {
  color: #2f323a;
  font-weight: 900;
  /* Black */
  font-size: 5.22vw;
  line-height: 0.8;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 0;
}

.prod-stat-p1 {
  color: #2f323a;
  font-weight: 600;
  /* Semibold */
  font-size: 1.3vw;
  line-height: 1.2;
  letter-spacing: 0;
  margin: 0 0 0.4vw 0;
}

.prod-stat-p2 {
  color: #2f323a;
  font-weight: 400;
  font-size: 0.95vw;
  line-height: 1.6;
  letter-spacing: 0;
  margin: 0.6vw 0 0 0;
}

/* Başlık & paragraf (temiz) */
.prod-title {
  color: #2f323a;
  font-weight: 600;
  font-size: 2.7vw;
  line-height: 1.16;
  margin: 0;
}

.prod-p {
  color: #2f323a;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 1.4;
  margin: 0;
}

/* PROD ABOUT END */

/* HISTORY PAGE START */
.history-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
  padding: 0 11vw;
}

.history-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 2.6vw 2vw 1.6vw 2vw;
  background: #f3f8f9;
  border-radius: 30px;
}

.history-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.history-nav {
  display: flex;
  align-items: center;
  margin-top: 1vw;
  gap: 0.5vw;
  overflow: hidden;
  overflow-x: auto;

  scrollbar-width: none;
  -ms-overflow-style: none;
}

.history-nav::-webkit-scrollbar {
  display: none;
}

.history-year-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  border-radius: 30px;
  padding: 0.65vw 1vw;
  background: #d6f1f2;
  transition: all 0.3s linear;
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 80%;
  letter-spacing: 0%;
  cursor: pointer;
}

.history-year-btn:hover {
  background: rgba(80, 89, 112, 1);
  color: #fff;
}

.history-year-btn.active {
  background: rgba(80, 89, 112, 1);
  color: #fff;
}

.history-sections {
  width: 100%;
  display: flex;
  margin-top: 2vw;
  position: relative;
}

.history-section {
  display: none;
  gap: 1vw;
  align-items: flex-end;
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.history-section.active {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}

.history-image {
  width: 35%;
  height: auto;
  border-radius: 20px;
  display: flex;
  flex-shrink: 0;
}

.history-text-block {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.history-text {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.history-year-large {
  font-weight: 500;
  font-style: Medium;
  font-size: 8.5vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #d6f1f2;
}

/* HISTORY PAGE END */

/* PRO BANNER START */

.pro-banner-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
}

.pro-banner-content {
  width: 100%;
  height: 18vw;

  display: flex;
  padding: 0 11vw;
  gap: 1vw;
}

.pro-banner-stat {
  width: 45%;
  height: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  padding: 1.6vw;
  background: transparent;
  flex-shrink: 0;
}

.pro-banner-stat-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  z-index: 0;
}

.pro-banner-stat-text {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 20px;
  padding: 2.5vw 1vw 1.5vw 1vw;
  box-shadow: 0 8px 24px rgba(35, 39, 52, 0.08);
}

.pro-banner-stat-top-text {
  display: flex;
  gap: 0.5vw;
  align-items: flex-end;
}

.pro-banner-stat-big-text {
  display: flex;
  flex-direction: column;
}

.pro-banner-stat-num {
  color: #2f323a;
  font-weight: 600;
  font-size: 0.95vw;
  line-height: 1.2;
  letter-spacing: 0;
}

.pro-banner-stat-big {
  color: #2f323a;
  font-weight: 900;
  font-size: 5.22vw;
  line-height: 0.8;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 0;
}

.pro-banner-stat-p1 {
  color: #2f323a;
  font-weight: 600;
  font-size: 1.3vw;
  line-height: 1.2;
  letter-spacing: 0;
  margin: 0 0 0.4vw 0;
}

.pro-banner-stat-p2 {
  color: #2f323a;
  font-weight: 400;
  font-size: 0.95vw;
  line-height: 1.6;
  letter-spacing: 0;
  margin: 0.6vw 0 0 0;
}

.pro-banner-box {
  width: 55%;
  height: 100%;
  display: flex;
  align-items: center;
}

.pro-banner-box img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

/* PRO BANNER  END */

/* EGUIP START */

.eguip-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
}

.eguip-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.eguip-top {
  display: flex;
  align-items: center;
  gap: 5vw;
}

.eguip-tittle {
  display: flex;
  flex-shrink: 0;
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.eguip-p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.eguip-item {
  width: 100%;
  height: 31vw;
  display: flex;
  margin-top: 2vw;
  gap: 1vw;
}

.eguip-left {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.eguip-text-box1 {
  display: flex;
  width: 100%;
  height: 45%;
  gap: 1vw;
}

.eguip-text {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  padding: 1.6vw 1.3vw;
  border-radius: 20px;
  background: #f3f8f9;
}

.eguip-text h3,
.eguip-text2 h3 {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.eguip-text p,
.eguip-text2 p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.eguip-img-box1 {
  height: 100%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eguip-img-box1 img {
  width: 100%;
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
}

.eguip-big-img1 {
  width: 100%;
  height: 55%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.eguip-big-img1 img {
  width: 100%;
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
}

.eguip-right {
  width: 50%;
  height: 100%;
  display: flex;
  gap: 1vw;
}

.eguip-text-box2 {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.eguip-text2 {
  width: 100%;
  height: 55%;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  padding: 1.6vw 1.3vw;
  border-radius: 20px;
  background: #f3f8f9;
  flex-shrink: 0;
}

.eguip-img-box2 {
  width: 100%;
  height: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eguip-img-box2 img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}

.eguip-big-img2 {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eguip-big-img2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;

  border-radius: 20px;
}

/* EGUIP END */

/* LABORATORY START */

.laboratory-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}

.laboratory-content {
  width: 100%;
  display: flex;
  padding: 0 11vw;
  gap: 1vw;
}

.laboratory-left,
.laboratory-right {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.laboratory-text-box {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.lab-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.lab-lead {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.laboratory-left-item {
  display: flex;
  gap: 1vw;
  margin-top: 2vw;
  align-items: flex-end;
}

.lab-caption {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.lab-caption-head {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.lab-caption-tittle {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.6vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.lab-caption-desc {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.lab-note {
  display: flex;
  flex-direction: column;
  background: #f4f4f4;
  padding: 1.4vw;
  border-radius: 24px;
  margin-top: 1.5vw;
}

.lab-note-lead {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.lab-checklist {
  display: flex;
  flex-direction: column;
  margin-top: 1vw;
  gap: 1vw;
}

.lab-check-box {
  display: flex;
  align-items: flex-start;
  gap: 0.5vw;
  color: #505970;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  text-decoration-thickness: 0%;
  text-decoration-skip-ink: auto;
}

.icon-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.95vwvw;
  height: 0.95vwvw;
  flex-shrink: 0;
}

.lab-photo {
  width: 50%;
  height: 100%;
}

.lab-photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.laboratory-right {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.lab-hero {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lab-hero-img {
  width: 100%;

  border-radius: 20px;
}

.lab-hero-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  padding: 1.7vw 1.3vw;
  flex-shrink: 0;
}

.lab-hero-text h4 {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.lab-hero-text p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

/* LABORATORY END  */

/* QUALITY SYSTEM START */

.quality-system-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}

.quality-system-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.quality-system-top {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.quality-system-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.quality-system-p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.quality-system-item {
  width: 100%;
  height: 34vw;
  display: flex;
  gap: 1vw;
  margin-top: 2vw;
}

.quality-system-box {
  width: 50%;
  display: grid;
  gap: 1vw;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.quality-system-text {
  grid-row-start: 1;
  grid-column-start: 1;

  grid-row-end: 2;
  grid-column-end: 2;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.quality-system-text h3 {
  color: #000000;
  font-weight: 500;
  font-style: Medium;
  font-size: 1.9vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.quality-system-text p {
  color: #000000;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 160%;
  letter-spacing: 0%;
  margin-top: 1vw;
}

.quality-t-box {
  display: flex;
  align-items: flex-start;
  gap: 0.5vw;
  margin-top: 0.5vw;
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 160%;
  letter-spacing: 0%;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  text-decoration-thickness: 0%;
  text-decoration-skip-ink: auto;
}

.quality-t-box img {
  width: 1.5vw;
  height: 1.5vw;
  display: flex;
  flex-shrink: 0;
}

.quality-system-lt-img {
  grid-row-start: 2;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-column-end: 2;
}

.quality-system-lt-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.quality-system-big-img {
  display: flex;
  grid-row-start: 1;
  grid-column-start: 2;
  grid-row-end: 3;
  grid-column-end: 3;
}

.quality-system-big-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

/* QUALITY SYSTEM END */

/* !PRODUCTIOAN PAGE END */

/* !DELIVEY PAY PAGE START */

/* DELIVERY START */

.delivery-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
}

.delivery-content {
  width: 100%;
  display: flex;
  padding: 0 11vw;
  gap: 10vw;
}

.delivery-text {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.delivery-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.delivery-p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.delivery-question-box {
  display: flex;
  height: fit-content;
  flex-direction: column;
  flex-shrink: 0;
  border-radius: 20px;
  padding: 1.7vw 1.3vw;
  background: #d6f1f2;
  gap: 2vw;
}

.delivery-question-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.delivery-question-tittle {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.delivery-question-p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.delivery-question-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s linear;
  background: #505970;
  padding: 1vw 2vw;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
}

.delivery-question-btn:hover {
  background: #0056b3;
}

/* DELIVERY END */

/* SHIPING START */

.shiping-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3vw 11vw;
  margin-top: 3vw;
  background: #f3f8f9;
}

.shiping-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.shiping-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.shiping-top {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.shiping-box-text {
  width: 24%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.shiping-box-text h3 {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.shiping-box-text p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.shiping-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.6vw 0.85vw;
  border-radius: 20px;
  gap: 1vw;
}

.shiping-box img {
  width: 1.7vw;
  height: 1.7vw;
  object-fit: cover;
}

.shiping-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.shiping-text h3 {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.shiping-text p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.shiping-box-pink {
  width: 28%;
  background: #ffeff4;
}

.shiping-box-blue {
  width: 20%;
  background: #e6f1fa;
}

.shiping-box-green {
  width: 28%;
  background: #e5fffd;
}

.shiping-bottom {
  width: 100%;
  display: flex;
  gap: 1vw;
}

.shiping-bottom-box {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  padding: 1.6vw;
  gap: 0.5vw;
  background: #ffffff;
}

.shiping-bottom-big-box {
  width: 50%;
}

.shiping-bottom-lit-box {
  width: 25%;
}

.shiping-bottom-box h3 {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.shiping-bottom-box p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: 0%;
}

/* SHIPING END */

/* PAYMENT START */

.payment-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
}

.payment-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.payment-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.payment-item {
  width: 100%;
  display: flex;
  gap: 2%;
  margin-top: 2vw;
}

.payment-left {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.payment-left-text-box {
  width: 49%;
  display: flex;
  align-items: center;
}

.payment-left-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.payment-left-box {
  width: 49%;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  border-radius: 20px;
  padding: 1.6vw 0.85vw 1.6vw 1.6vw;
  margin-bottom: 1%;
}

.payment-pink {
  background: #ffeff4;
}

.payment-blue {
  background: #e6f1fa;
}

.payment-green {
  background: #e5fffd;
}

.payment-card-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.payment-card-text {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.payment-right {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 3vw;
  padding: 1.6vw 1.05vw;
  background: linear-gradient(180deg,
      #f99967 0%,
      #f8778b 29.08%,
      #e84295 89.9%);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.payment-right-text {
  width: 85%;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.payment-special-title {
  font-weight: 700;
  font-style: Bold;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  color: #ffffff;
}

.payment-special-lead {
  color: #ffffff;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.payment-right-box-row {
  display: flex;
  gap: 1vw;
  z-index: 1;
}

.payment-right-box {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5vw;
}

.payment-dis-box {
  width: 8.5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5vw;
  padding: 0.5vw 1vw;
  border-radius: 10px;
  border: 1px solid #ffffff;
}

.payment-discount-label {
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 80%;
  letter-spacing: 0%;
  text-align: center;
}

.payment-discount-value {
  color: #ffffff;
  font-weight: 800;
  font-style: Extrabold;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 80%;
  letter-spacing: 0%;
  text-align: center;
}

.payment-special-note {
  color: #ffffff;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
  text-align: center;
}

.payment-bg {
  height: 75%;
  position: absolute;
  right: 0;
}

/* PAYMENT END */

/* !DELIVEY PAY PAGE END */

/* !DOCUMENT PAGE START */

/* DOCUMENT START */

.document-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
}

.document-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.document-top {
  display: flex;
  align-items: flex-end;
  gap: 5vw;
  justify-content: space-between;
}

.document-top-text {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.document-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.document-p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.document-top-info {
  width: 44%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  background: #f3f8f9;
  border-radius: 30px;
  gap: 0.5vw;
}

.document-top-info img {
  width: auto;
  height: 9vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 20px;
}

.document-info-p {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  text-align: center;
}

.document-item {
  width: 100%;
  display: flex;
  gap: 2%;
  flex-wrap: wrap;
  margin-top: 2vw;
}

.document-card {
  width: 23.5%;
  display: flex;
  flex-direction: column;
  padding: 0.45vw 0.45vw 0.5vw 0.45vw;
  background: #f3f8f9;
  border-radius: 20px;
  margin-bottom: 2%;
}

.document-card-image {
  width: 100%;
  height: 12vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.ducument-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s linear;
}

.document-card-image svg {
  width: 1.3vw;
  height: 1.3vw;
  position: absolute;
  bottom: 0.5vw;
  left: 0.5vw;
  z-index: 1;
  transition: all 0.3s linear;
}

.document-card-image:hover .ducument-card-img {
  transform: scale(1.05);
}

.document-card-meta {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  padding: 0 0.65vw;
  margin-top: 1vw;
}

.document-card-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.document-card-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1vw;
}

.doc-btn {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  cursor: pointer;
  color: #a4b1be;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 160%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
}

.doc-btn svg {
  width: 1.3vw;
  height: 1.3vw;
  transition: all 0.3s linear;
}

.doc-btn:hover {
  color: #0056b3;
}

.doc-btn-download:hover svg path {
  stroke: #0056b3;
}

.doc-btn-print:hover svg path {
  fill: #0056b3;
  stroke: #0056b3;
}

/* DOCUMENT END */

/* !DOCUMENT PAGE END */

/* !SUPPORT PAGE START */

/* SUP-BANNER START */
.sup-banner-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -2vw;
  padding: 3vw 11vw;
  position: relative;
  background: linear-gradient(180deg,
      #eef0f0 0%,
      #eff0f2 55.11%,
      #e5ebec 85.88%,
      #e4e9ec 100%);
}

.sup-bg-vector {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.sup-banner-content {
  width: 100%;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-end;
  gap: 5vw;
}

.sup-banner-item {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.sup-banner-text {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.sup-banner-tittle {
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  color: #2f323a;
}

.sup-banner-p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.sup-banner-info {
  width: 100%;
  display: flex;
  gap: 2vw;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 2vw;
}

.sup-baner-info-list {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.sup-banner-list-p {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  color: #000000;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.sup-banner-list-p span {
  width: 0.65vw;
  height: 0.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background: #4cd0d9;
}

.sup-banner-free {
  display: flex;
  padding: 1vw 1.05vw;
  border: 2px solid #4cd0d9;
  border-radius: 18px;
}

.sup-banner-free-p {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.sup-banner-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  padding: 1.4vw 2.5vw;
  background: #505970;
  cursor: pointer;
  transition: all 0.3s linear;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 2vw;
}

.sup-banner-btn:hover {
  background: #0056b3;
}

.sup-banner-img {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sup-banner-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 30px;
}

/* SUP-BANNER END */

/* SUP ABOUT START */

.sup-about-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}

.sup-about-content {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 3vw;
  padding: 0 11vw;
}

.sup-about-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  display: flex;
  flex-shrink: 0;
}

.sup-about-p {
  color: #000000;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.sup-about-img {
  border-radius: 20px;
  width: 26%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  object-fit: cover;
}

/* SUP ABOUT END */

/* FULL SERVICES START */

.full-services-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}

.full-services-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.full-services-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  display: flex;
  flex-shrink: 0;
}

.full-services-item {
  width: 100%;
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1vw;
  height: 100%;
  margin-top: 2vw;
}

.full-services-box {
  display: flex;
  flex-direction: column;
  padding: 1.6vw 1.05vw;
  border-radius: 30px;
  height: fit-content;
}

.full-services-box.is-mint {
  background: #e5fffd;
  grid-row-start: 1;
  grid-column-start: 1;

  grid-row-end: 2;
  grid-column-end: 3;
}

.full-services-box.is-pink {
  background: #ffeff4;
  grid-row-start: 1;
  grid-column-start: 3;

  grid-row-end: 3;
  grid-column-end: 4;
}

.full-services-box.is-blue {
  background: #e6f1fa;
  grid-row-start: 2;
  grid-column-start: 1;

  grid-row-end: 3;
  grid-column-end: 3;
}

.full-services-title {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  margin-bottom: 1vw;
}

.full-services-grid {
  display: flex;
  gap: 1vw;
}

.full-services-stack {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.full-services-card {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 0.5vw;
  background: #ffffff;
  border-radius: 20px;
  padding: 1.05vw;
}

.full-services-card-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.full-services-list {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  margin-top: 1vw;
}

.full-services-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.5vw;
  color: #000000;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.full-services-list li::before {
  content: "";
  width: 0.45vw;
  height: 0.45vw;
  display: flex;
  flex-shrink: 0;
  border-radius: 50%;
  background: #4cd0d9;
  margin-top: 0.3vw;
}

/* FULL SERVICES END */

/* SERVICES MAP START */

.services-map-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.services-map-content {
  width: 100%;
  display: flex;
  position: relative;
  padding-left: 11vw;
  align-items: center;
}

.services-map-left {
  width: 34%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  flex-shrink: 0;
}

.services-map-text {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.services-map-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.services-map-desc {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.services-map-info {
  display: flex;
  gap: 1vw;
}

.services-map-info-box {
  width: 12vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1vw;
  padding: 1vw 0.85vw 0.5vw 0.5vw;
  border-radius: 20px;
}

.services-map-info-box-blue {
  background: #e6f1fa;
}

.services-map-info-box-green {
  background: #e5fffd;
}

.services-map-visual {
  position: relative;
  width: 100%;
}

.services-map-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  user-select: none;
  pointer-events: none;
}

.map-services {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  padding: 0.45vw 0.7vw;
  background: #ffffff8c;
  border: 1px solid #a4b1be;
  backdrop-filter: blur(5px);
  box-shadow: 0px 0px 20px 0px #cfd7d899;
  border-radius: 20px;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.65vw;
  leading-trim: CAP_HEIGHT;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: right;
}

.map-services:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(25, 33, 61, 0.12),
    0 16px 28px rgba(25, 33, 61, 0.12);
}

.services-russia {
  left: 33.89%;
  top: 41.62%;
  padding: 0.45vw 0.9vw;
  border: 1.51px solid #a4b1be;
  box-shadow: 0px 0px 30.18px 0px #cfd7d899;
  background: #ffffff8c;
  font-size: 0.95vw;
}

.services-belarus {
  left: 12.38%;
  top: 34.82%;
}

.services-moldova {
  left: 4%;
  top: 41%;
}

.services-armenia {
  left: 13%;
  top: 66%;
}

.services-azer {
  left: 14%;
  top: 74%;
}

.services-kazakh {
  left: 29%;
  top: 64%;
}

.services-uzbek {
  left: 28%;
  top: 72%;
}

.services-kyrgyz {
  left: 38%;
  top: 81%;
}

.services-tajik {
  left: 34%;
  top: 89%;
}

.services-map-info-box img {
  width: 2.5vw;
  height: 2.5vw;
}

.services-map-info-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.services-map-info-text h4 {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.services-map-info-text p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

/* SERVICES MAP END */

/* SERVICES COST START */

.services-cost-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4vw;
}

.services-cost-content {
  width: 100%;
  display: flex;
  padding: 0 11vw;
  gap: 1vw;
}

.services-cost-left {
  display: flex;
  gap: 1vw;
  background: #f3f8f9;
  padding: 2.1vw;
  border-radius: 20px;
}

.services-cost-text {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.services-cost-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.5vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.services-cost-desc {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.services-cost-info {
  display: flex;
  gap: 1vw;
  flex-shrink: 0;
}

.services-cost-info-box {
  width: 14vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 20px;
  padding: 1.6vw 0.16vw 1.05vw 1.05vw;
  gap: 1vw;
}

.services-cost-info-pink {
  background: linear-gradient(180deg,
      #f99967 0%,
      #f8778b 29.08%,
      #e84295 89.9%);
}

.services-cost-info-blue {
  background: linear-gradient(180deg, #6cabdf 12.98%, #2091ee 100%);
}

.services-cost-question-box {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  border-radius: 20px;
  padding: 1.7vw 1.3vw;
  background: #d6f1f2;
  gap: 2vw;
  justify-content: space-between;
}

.services-cost-question-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.services-cost-question-tittle {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.services-cost-question-p {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 135%;
  letter-spacing: 0%;
}

.services-cost-question-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s linear;
  background: #505970;
  padding: 1vw 2vw;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
}

.services-cost-question-btn:hover {
  background: #0056b3;
}

.services-cost-info-box img {
  width: auto;
  height: 2.4vw;
}

.services-cost-info-text {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.services-cost-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff;
  padding: 0.5vw 1.05vw;
  border-radius: 12px;
  color: #ffffff;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.services-cost-info-text p {
  color: #ffffff;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

/* SERVICES COST END */

/* !SUPPORT PAGE END */
/* !NEWS PAGE START */

/* NEWS BLOCK START */

.news-blog-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
}

.news-blog-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.news-blog-top {
  display: flex;
  flex-direction: column;
  gap: 2vw;
  border-bottom: 1px solid rgba(208, 209, 211, 1);
  padding-bottom: 35px;
}

.news-blog-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.news-blog-p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.news-blog-buttons {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5vw;
  overflow: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.news-blog-buttons::-webkit-scrollbar {
  display: none;
}

.news-blog-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 20px;
  border: 1px solid #505970;
  padding: 0.5vw 1.05vw;
  transition: all 0.3s linear;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  cursor: pointer;
}

.news-blog-btn:hover {
  color: #ffffff;
  background: #505970;
}

.news-blog-btn.active {
  color: #ffffff;
  background: #505970;
}

.news-blog-item {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 1vw;
  row-gap: 1vw;
  grid-auto-rows: 0.5vw;
  grid-auto-flow: dense;
  margin-top: 2vw;
}

.kucuk-kart {
  grid-column: span 1;
  grid-row: span 16;
  background: red;
}

.buyuk-kart {
  grid-column: span 2;
  grid-row: span 22;
  background: red;
}

.news-blog-card {
  grid-column: span 1;
  grid-row: span 18;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #cfd6e6;
  border-bottom: 1px solid transparent;
  border-image-source: linear-gradient(90deg,
      #d09bd6 0%,
      #9086cf 29.02%,
      #93b5d3 47.58%,
      #9fe0dc 62.77%,
      #9fe5c1 89.86%,
      #b5f2b5 100%);
  border-image-slice: 1;
  border-radius: 20px;
  overflow: hidden;
  transition: transform 0.15s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.news-blog-card:hover {
  /*   transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25); */
}

.news-blog-card--wide {
  grid-column: span 2;
  grid-row: span 23;
}

.news-blog-media img {
  display: block;
  width: 100%;
  height: 10vw;
  object-fit: cover;
  border-radius: 20px;
  flex-shrink: 0;
}

.news-blog-media--wide img {
  height: 19.5vw;
  border-radius: 20px;
}

.news-blog-body {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 0.5vw;
  padding: 0.5vw;
  margin-top: 1vw;
}

.news-blog-card-text {
  display: flex;
  flex-direction: column;
}

.news-blog-pill {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.35vw 0.65vw;
  border: 1px solid #505970;
  border-radius: 20px;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-blog-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  margin-top: 0.5vw;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-blog-excerpt {
  color: #505970;
  font-weight: 500;
  font-size: 0.85vw;
  line-height: 125%;
  letter-spacing: 0;
  margin-top: 1vw;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-blog-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1vw;
}

.news-blog-date {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.65vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-blog-views {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.news-blog-views-icon {
  width: 1.3vw;
  height: 1.3vw;
}

.news-blog-views-num {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.65vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-blog-more {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2vw auto 0 auto;
  cursor: pointer;
  border: 1px solid #505970;
  padding: 0.75vw 2vw;
  border-radius: 10px;
  transition: all 0.3s linear;
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
}

.news-blog-more:hover {
  color: #ffffff;
  background: #0056b3;
}

.news-blog-pagination {
  display: flex;
  justify-content: center;
  gap: 0.5vw;
  margin-top: 1.5vw;
  align-items: center;
}

.news-blog-page-btn {
  width: 1.7vw;
  height: 1.7vw;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  /* font-family: Onest; */
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: CAP_HEIGHT;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: center;
  color: #505970;
}

.news-blog-page-btn:hover {
  background: #17a2b8;
  color: white;
}

.news-blog-page-btn svg {
  width: 100%;
  height: 100%;
}

.news-blog-page-btn.active {
  background: #17a2b8;
  color: white;
}

.news-blog-page-btn:hover svg rect,
.news-blog-page-btn:hover svg path {
  stroke: #ffffff;
}

/* NEWS BLOCK END */

/* !NEWS PAGE END */

/* !NEWS DETAIL PAGE START */

/* NEWS DETAIL START */
.news-detail-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
}

.news-detail-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.news-dtail-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  border-radius: 30px;
  padding: 3.1vw 1.6vw 2.1vw 2.1vw;
  background: #f3f8f9;
}

.news-detail-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.news-detail-bottom {
  display: flex;
  align-items: center;
  gap: 2vw;
  justify-content: space-between;
}

.news-detail-links {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.news-detail-link {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  border-radius: 20px;
  padding: 0.35vw 0.65vw;
  border: 1px solid #505970;
  color: #505970;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-detail-link:hover {
  color: #fff;
  background: #0056b3;
  border-color: #fff;
}

.news-detail-info {
  display: flex;
  align-items: center;
  gap: 2vw;
}

.news-detail-date,
.news-detail-time,
.news-detail-info-date {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.news-detail-date,
.news-detail-date-p,
.news-detail-time,
.news-detail-p {
  color: #a4b1be;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.6vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
}

.news-detail-time img {
  width: 0.85vw;
  height: 0.85vw;
}

.news-detail-item {
  width: 100%;
  display: flex;
  gap: 1vw;
  /* position: relative; */
  margin-top: 2vw;
  justify-content: space-between;
  align-items: flex-start;
}

.news-detail {
  width: 77%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  /* flex-shrink: 0; */
}

.news-detail__header {
  width: 100%;
}

.news-detail__image {
  width: 100%;
  border-radius: 20px;
}

.news-detail__intro {
  color: #2f323a;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-detail__section {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.news-detail__subtitle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-detail__text {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.news-detail__list {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  padding-left: 1.5vw;
}

.news-detail__list li {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  list-style: disc;
}

.news-detail-promo-card {
  width: 100%;
  height: fit-content;
  display: flex;
  position: relative;
  padding: 1.6vw 1vw;
  background: linear-gradient(180deg,
      #f99967 0%,
      #f8778b 29.08%,
      #e84295 89.9%);
  border-radius: 20px;
  align-items: flex-end;
  gap: 2vw;
  justify-content: space-between;
  margin-bottom: 4%;
  overflow: hidden;
}

.news-detail-promo-bg-img {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.news-detail-promo-top {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  height: fit-content;
}

.news-detail-promo-title {
  color: #ffffff;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.news-detail-promo-subtitle {
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  color: #ffffff;
}

.news-detail-promo-tags {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.news-detail-promo-tag-btn1,
.news-detail-promo-tag-btn2 {
  display: flex;
  align-items: center;
  padding: 0.4vw 1vw;
  border: 2px solid #ffffff66;
  border-radius: 38px;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
  cursor: pointer;
}

.news-detail-promo-tag-btn1:hover,
.news-detail-promo-tag-btn2:hover {
  background: #0061bb;
}

.news-detail-promo-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.7vw 2vw;
  gap: 0.3vw;
  background: #ffffff;
  border-radius: 18px;
  position: relative;
  transition: all 0.3s linear;

  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
  color: #2f323a;
}

.news-detail-promo-button:hover {
  background: #0061bb;
  color: #ffffff;
}

.news-detail-promo-button svg {
  width: 1.9vw;
  height: auto;
}

.news-detail-promo-button svg path {
  transition: all 0.3s linear;
}

.news-detail-promo-button:hover svg path {
  stroke: #ffffff;
}

.news-detail__conclusion {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.news-detail__social {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.news-detail__social__p {
  color: gray/70;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.news-detail__social__link {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.news-detail__social-btn {
  display: flex;
}

.news-detail__social-btn svg {
  width: 2.1vw;
  height: 2.1vw;
}

.news-detail__social-btn:hover {
  transform: translateY(-3px);
}

.news-detail-right {
  width: 23%;
  flex: 0 0 23%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: sticky;
  top: 2vw;
}

.news-detail-right__inner {
  display: flex;
  flex-direction: column;
  gap: 2vw;
  position: sticky;
  position: -webkit-sticky;
  top: 2vw;
  height: max-content;
}

.news-detail-right-top {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.news-detail-right-tittle {
  color: #a4b1be;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.05vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-detail-right-links {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.news-detail-right-link {
  transition: all 0.3s linear;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  text-decoration-thickness: 0%;
  text-decoration-skip-ink: auto;
}

.news-detail-right-link:hover {
  color: #0056b3;
}

.news-detail-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #cfd6e6;
  border-bottom: 1px solid transparent;
  border-image-source: linear-gradient(90deg,
      #d09bd6 0%,
      #9086cf 29.02%,
      #93b5d3 47.58%,
      #9fe0dc 62.77%,
      #9fe5c1 89.86%,
      #b5f2b5 100%);
  border-image-slice: 1;
  border-radius: 20px;
  overflow: hidden;
  transition: transform 0.15s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.news-detail-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
}

.news-detail-card--wide {
  grid-column: span 2;
  grid-row: span 22;
}

.news-detail-media img {
  display: block;
  width: 100%;
  height: 10vw;
  object-fit: cover;
  border-radius: 20px;
  flex-shrink: 0;
}

.news-detail-media--wide img {
  height: 19.5vw;
  border-radius: 20px;
}

.news-detail-body {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 0.5vw;
  padding: 0.5vw;
  margin-top: 1vw;
}

.news-detail-card-text {
  display: flex;
  flex-direction: column;
}

.news-detail-pill {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.35vw 0.65vw;
  border: 1px solid #505970;
  border-radius: 20px;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-detail-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  margin-top: 0.5vw;
}

.news-detail-excerpt {
  color: #505970;
  font-weight: 500;
  font-size: 0.85vw;
  line-height: 125%;
  letter-spacing: 0;
  margin-top: 1vw;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-detail-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1vw;
}

.news-detail-date {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.65vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.news-detail-views {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.news-detail-views-icon {
  width: 1.3vw;
  height: 1.3vw;
}

.news-detail-views-num {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.65vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

/* NEWS DETAIL END */

/* CONTINUE READING START  */

.continue-reading-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}

.continue-reading-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.continue-reading-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

/* CONTINUE READING END */

/* !NEWS DETAIL PAGE END */

/* !CONTACK PAGE START */

/* CONTACK START */

.contack-container {
  width: 100%;
  display: flex;
  margin-top: 1.5vw;
  align-items: center;
  justify-content: center;
}

.contack-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
  gap: 2vw;
}

.contack-top {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.contack-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.contack-p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.contack-item {
  display: flex;
  gap: 1vw;
  justify-content: space-between;
}

.contack-tel-box {
  width: 33.333%;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
  padding: 1.6vw 1.3vw;
  border-radius: 20px;
  background: #d6f1f2;
  justify-content: space-between;
  gap: 2vw;
}

.contack-tel-icon {
  width: 2.1vw;
  height: 2.1vw;
  position: absolute;
  right: 1vw;
  top: 1vw;
}

.contack-time-text,
.contack-tel-text {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.contack-mail-box p,
.contack-tg-wp-box p,
.contack-time-p,
.contack-tel-p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.contack-tel-text a {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
}

.contack-tel-text a:hover {
  color: #0056b3;
  transform: scale(1.05);
}

.contack-tel-btn {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  cursor: pointer;
  background: #505970;
  border-radius: 10px;
  padding: 1vw 2vw;
  color: #ffffff;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 70%;
  letter-spacing: 0%;
}

.contack-tel-btn:hover {
  background: #0056b3;
}

.contack-time-box {
  width: 33.333%;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
  padding: 1.6vw 1.3vw;
  border-radius: 20px;
  background: #d6f1f2;
  justify-content: space-between;
  gap: 2vw;
}

.contack-time-icon {
  width: 2.1vw;
  height: 2.1vw;
  position: absolute;
  right: 1vw;
  top: 1vw;
}

.contack-time-span {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.contack-time-text2 {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.contack-time {
  display: flex;
  align-items: center;
}

.contack-time span {
  color: #505970;
  font-weight: 700;
  font-style: Bold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 160%;
  letter-spacing: -3%;
  margin-right: 10px;
}

.contack-time p {
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: -3%;
}

.contack-contack-box {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  gap: 1vw;
}

.contack-tg-wp-box {
  display: flex;
  gap: 2vw;
  /* align-items: flex-start; */
  padding: 1.6vw 1.3vw;
  border-radius: 20px;
  background: #d6f1f2;
  align-items: center;
  height: 100%;
}

.contack-tg-wp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1vw;
}

.contack-tg-wp a {
  display: flex;
  align-items: center;
  gap: 1vw;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
}

.contack-tg-wp a img {
  width: 1.9vw;
  height: 1.9vw;
  display: flex;
  flex-shrink: 0;
  transition: all 0.3s linear;
}

.contack-tg-wp a:hover {
  color: #0056b3;
  transform: scale(1.05);
}

.contack-mail-box {
  display: flex;
  gap: 2vw;
  align-items: center;
  padding: 1.6vw 1.3vw;
  border-radius: 20px;
  background: #d6f1f2;
  height: 100%;
}

.contack-mail-box a {
  color: #505970;
  font-weight: 700;
  font-style: Regular;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  transition: all 0.3s linear;
}

.contack-mail-box a:hover {
  color: #0056b3;
  transform: scale(1.05);
}

.contack-map-item {
  display: flex;
  gap: 1vw;
}

.contack-map-text {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  gap: 1vw;
  padding-left: 2vw;
}

.contack-map-text p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.contack-map-text a {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.contack-map-text a:hover {
  color: #0056b3;
}

.contack-map {
  width: 66.666%;
  height: 23vw;
  border-radius: 20px;
  overflow: hidden;
}

.contack-map iframe {
  width: 100%;
  height: 100%;
}

/* CONTACK END */

/* !CONTACK PAGE END */

/* !ERROR PAGE START */

/* ERROR START */

.error-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5vw;
}

.error-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 11vw;
}

.error-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 30px;
  padding: 3vw 3vw 10vw 2vw;
  background: url(../img/errorbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.error-top-text {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.error-title {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.error-p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.error-home-page-link {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  transition: all 0.3s linear;
  background: #505970;
  padding: 1.5vw 2.5vw;
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  margin-top: 7vw;
}

.error-home-page-link:hover {
  background: #0056b3;
}

.error-bottom {
  width: 100%;
  display: flex;
  gap: 0.5vw;
  padding: 0 2vw;
  justify-content: space-between;
  margin-top: -7.5vw;
}

.error-link-box {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  padding: 1.6vw 1.6vw 1.05vw 1.05vw;
  border-radius: 20px;
  gap: 2vw;
}

.error-link-box-pink {
  background: linear-gradient(180deg,
      #f99967 0%,
      #f8778b 29.08%,
      #e84295 89.9%);
}

.error-link-box-blue {
  background: linear-gradient(180deg, #6cabdf 12.98%, #2091ee 100%);
}

.error-link-box-gren {
  background: linear-gradient(180deg, #5bebc2 0%, #1bb0b2 100%);
}

.error-link-box h3 {
  color: #ffffff;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.3vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.error-link-list {
  display: flex;
  flex-direction: column;
  gap: .5vw;
}

.eror-link {
  transition: all 0.3s linear;
  color: #ffffff;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.95vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.eror-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.error-link-list-blue {
  display: flex;
  gap: 0.5vw;
  flex-wrap: wrap;
}

.eror-link-blue {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s linear;
  border-radius: 20px;
  padding: 0.45vw 0.85vw;
  border: 1px solid #d6f1f2;
  color: #ffffff;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.65vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.eror-link-blue:hover {
  background: #0056b3;
}

/* ERROR END */

/* !ERROR PAGE END */

/* !THANSK PAGE START */

/* THANKS START */

.thanks-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5vw;
}

.thanks-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.thanks-top {
  display: flex;
  gap: 1vw;
  justify-content: space-between;
  align-items: center;
  padding: 0 11vw;
}

.thanks-text {
  width: 42%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.6vw;
  flex-shrink: 0;
}

.thanks-tittle {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 2.7vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.thanks-p {
  color: #2f323a;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
}

.thanks-box-item {
  width: 100%;

  display: flex;
  gap: 0.5vw;
  justify-content: space-between;
}

.thanks-box {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  padding: 0.85vw;
  border-radius: 20px;
}

.thanks-box-pink {
  background: #ffeff4;
}

.thanks-box-blue {
  background: #e6f1fa;
}

.thanks-box-green {
  background: #e5fffd;
}

.thanks-box img {
  width: 1.3vw;
  height: auto;
}

.thanks-box h3 {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.thanks-news-item-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
  margin-top: 3vw;
  padding: 3vw 11vw;
  background: #f3f8f9;
}

.thanks-news-p {
  color: #2f323a;
  font-weight: 500;
  font-style: Medium;
  font-size: 1.5vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.thans-grid {
  width: 100%;
  display: flex;
  gap: 1vw;
}

.thans-main {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 0.5vw;
  border-bottom: 1px solid #d6f1f2;
}

.thans-main-card {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
}

.thans-main-image {
  width: 100%;
  height: 19.2vw;
  position: relative;
}

.thans-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.thans-main-content {
  display: flex;
  flex-direction: column;
  margin-top: 0.5vw;
  gap: 0.5vw;
}

.thans-main-tag {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3vw 0.65vw;
  border: 1px solid #505970;
  border-radius: 20px;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.thans-main-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.25vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
}

.thans-main-excerpt {
  color: #505970;
  font-weight: 500;
  font-style: Medium;
  font-size: 0.85vw;
  leading-trim: NONE;
  line-height: 125%;
  letter-spacing: 0%;
}

.thans-main-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1vw;
}

.thans-main-meta span {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.65vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.thans-main-views {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.thans-main-views svg {
  width: 1.25vw;
  height: 1.25vw;
}

.thans-sidebar {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  justify-content: space-between;
}

.thans-side-item {
  display: flex;
  gap: 1vw;
  padding: 0 0.5vw 0.5vw 0;
  border-bottom: 1px solid #d6f1f2;
  transition: all 0.3s ease;
  border-radius: 8px;
}

.thans-side-item:hover {
  box-shadow: 0 8px 16px rgba(32, 145, 238, 0.15);
  z-index: 1;
  background: #fff;
}

.thans-side-image {
  width: 14vw;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.thans-side-image img {
  width: 100%;
  height: 9vw;
  object-fit: cover;
  border-radius: 20px;
}

.thans-side-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1vw;
}

.thans-side-top {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.thans-side-tag {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3vw 0.65vw;
  border: 1px solid #505970;
  border-radius: 20px;
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.75vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.thans-side-title {
  color: #2f323a;
  font-weight: 600;
  font-style: Semibold;
  font-size: 1.25vw;
  leading-trim: NONE;
  line-height: 116%;
  letter-spacing: 0%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thans-side-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.thans-side-meta span {
  color: #505970;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.65vw;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
}

.thans-side-views {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.thans-side-views svg {
  width: 1.25vw;
  height: 1.25vw;
}

/* THANKS END */

/* !THANSK PAGE END */
/* !MEDIA START */

@media only screen and (max-width: 1440px) {

  /* HEADER START */
  .banner-container {
    background-size: 110% 100%;
  }

  .form-input.phone-mask {
    min-height: 2.6vw;
  }

  .contact-form div.form-group:first-child {
    padding: 0.85vw 1.2vw;
  }

  .header-content {
    padding: 1vw 6vw;
  }

  .logo img {
    width: 10.64vw;
  }

  nav {
    gap: 1.8vw;
  }

  .menu-link {
    font-size: 1.1vw;
    padding: 0.6vw;
  }

  .dropdown-link {
    gap: 0.6vw;
  }

  .dd-menu {
    width: 14.4vw;
    gap: 1.2vw;
    padding: 1.2vw;
    margin-top: 2.4vw;
  }

  .dd-link {
    font-size: 1.1vw;
  }

  .catalog-link {
    padding: 0.6vw 3.12vw;
  }

  .catalog-item {
    top: 1.2vw;
    left: 5%;
    width: 90%;
  }

  .catalog-item-row {
    padding: 2.4vw;
    margin-top: 3.12vw;
  }

  .catalog-menu-right-right,
  .catalog-menu-right-left {
    gap: 3.6vw;
  }

  .catalog-box {
    gap: 1.2vw;
  }

  .catalog-box-tittle,
  .catalog-box-tittle a {
    font-size: 1.2vw;
  }

  .catalog-box-link-group {
    gap: 1.2vw;
    padding-left: 1.2vw;
  }

  .catalog-box-link {
    font-size: 1.1vw;
  }

  .catalog-color-box {
    gap: 16px;
  }

  .catalog-color-tittle,
  .catalog-color-tittle a {
    font-size: 1.14vw;
  }

  .catalog-color-item {
    gap: 16px;
  }

  .catalog-color-link {
    width: 2.52vw;
    height: 2.52vw;
  }

  .catalog-color-link span {
    width: 1.92vw;
    height: 1.92vw;
  }

  .catalog-box-info {
    padding: 1.68vw;
  }

  .catalog-box-info-open {
    top: 1.2vw;
    right: 1.2vw;
  }

  .catalog-box-info-open svg {
    width: 1.14vw;
    height: 1.14vw;
  }

  .catalog-box-text {
    gap: 0.6vw;
  }

  .catalog-box-text-tittle {
    font-size: 1.2vw;
  }

  .catalog-box-text-p {
    font-size: 1.1vw;
  }

  .promo-card {
    padding: 1.92vw 1.2vw;
    gap: 2.4vw;
  }

  .promo-top {
    gap: 0.6vw;
  }

  .promo-title {
    font-size: 1.2vw;
  }

  .promo-subtitle {
    font-size: 1.26vw;
  }

  .promo-tags {
    gap: 0.6vw;
  }

  .tag-btn1,
  .tag-btn2 {
    padding: 0.48vw 1.2vw;
    font-size: 1.2vw;
  }

  .promo-button {
    padding: 0.84vw 2.4vw;
    gap: 0.36vw;
    font-size: 1.1vw;
  }

  .promo-button svg {
    width: 2.28vw;
  }

  .price-card,
  .help-card {
    padding: 1.92vw 1.92vw 1.2vw 1.2vw;
  }

  .help-title {
    font-size: 1.26vw;
  }

  .help-subtitle {
    font-size: 1.1vw;
    margin-top: 0.6vw;
  }

  .help-button {
    padding: 1.2vw 2.4vw;
    font-size: 1.1vw;
    margin-top: 2.4vw;
  }

  .price-title {
    font-size: 1.26vw;
  }

  .price-subtitle {
    font-size: 1.1vw;
    margin-top: 0.6vw;
  }

  .price-button {
    gap: 0.6vw;
    margin-top: 2.4vw;
    padding: 0.9vw 2.4vw;
    font-size: 1.1vw;
  }

  .price-button svg {
    width: 1.5vw;
  }

  .catalog-box-info-popup-item {
    width: 46.6vw;
    gap: 2.4vw;
    padding: 3vw 1.2vw 2.4vw 2.4vw;
  }

  .catalog-popup-close {
    width: 1.92vw;
    height: 1.92vw;
    right: 1.2vw;
    top: 1.2vw;
  }

  .catalog-popup-list {
    max-height: 24vw;
    padding-right: 1.2vw;
  }

  .catalog-popup-list-item {
    gap: 1.2vw;
    padding: 0.6vw;
  }

  .catalog-color-code {
    font-size: 1.2vw;
  }

  .catalog-color-p {
    font-size: 1.2vw;
  }

  .catalog-popup-tittle {
    font-size: 1.92vw;
  }

  .catalog-popup-p {
    font-size: 1.14vw;
  }

  .search-item {
    margin-left: 1.4vw;
  }

  .search-btn {
    gap: 0.6vw;
    font-size: 1.1vw;
    padding: 0 0 0 1.2vw;
  }

  .search-btn svg {
    width: 1.5vw;
  }

  .search-popup {
    width: 21.6vw;
  }

  .search-popup input {
    padding: 0.84vw 1.2vw;
  }

  .search-popup input,
  .search-popup input::placeholder {
    font-size: 1.1vw;
  }

  .header-contack {
    gap: 1.2vw;
  }

  .header-tel span {
    font-size: 1vw;
  }

  .header-tel-link {
    font-size: 1.2vw;
  }

  .header-basket svg {
    width: 2.4vw;
  }

  .basket-n {
    width: 1.32vw;
    height: 1.32vw;
    font-size: 0.72vw;
  }

  /* HEADER END */

  /* BANNER START */

  .banner-content {
    gap: 10vw;
    padding: 4.8vw 0vw 3.6vw 7vw;
  }

  .banner-text {
    gap: 1.2vw;
  }

  .banner-tittle {
    font-size: 3.252vw;
  }

  .banner-p {
    padding: 1.8vw 3.48vw;
    font-size: 1.14vw;
  }

  .banner-btn-box {
    gap: 1.2vw;
    margin-top: 2.4vw;
  }

  .banner-catalog-link {
    padding: 1.8vw 3.48vw;
    font-size: 1.14vw;
  }

  .banner-form {
    gap: 0.6vw;
    font-size: 1.14vw;
  }

  .banner-form svg {
    width: 1.68vw;
  }

  .banner-service-box {
    gap: 1.6vw;
    margin-top: 6vw;
  }

  .banner-service-tittle {
    font-size: 2.04vw;
  }

  .banner-service-list {
    gap: 0.36vw;
    margin-top: 0.6vw;
  }

  .banner-service-p {
    gap: 0.6vw;
    font-size: 1.2vw;
  }

  .banner-service-p span {
    width: 0.78vw;
    height: 0.78vw;
  }

  .banner-service-info {
    padding: 0.9vw 1.2vw;
    font-size: 1.2vw;
  }

  .banner-info-item {
    gap: 0.6vw;
  }

  .info-block {
    width: 25.8vw;
    padding: 1.8vw 1.26vw;
  }

  .info-block h3 {
    font-size: 1.5vw;
  }

  .info-block p {
    font-size: 1.2vw;
  }

  .btn-group {
    gap: 0.6vw;
    margin-top: 2.4vw;
  }

  .btn-group span {
    padding: 0.48vw 1.2vw;
    font-size: 1.2vw;
  }

  /*  BANNER END */

  /* POWDER START */

  .powder-container {
    margin-top: 6vw;
  }

  .powder-content {
    padding: 0 7vw;
  }

  .powder-top {
    gap: 1.2vw;
  }

  .powder-title {
    font-size: 2.76vw;
  }

  .powder-subtitle {
    font-size: 1.14vw;
  }

  .powder-card-item {
    margin-top: 2.4vw;
  }

  .powder-card {
    height: 26.4vw;
    padding: 4.2vw 1.92vw;
  }

  .powder-label {
    padding: 0.6vw 1.02vw;
    font-size: 2.04vw;
  }

  .arrow-circle {
    right: 2.4vw;
    bottom: 2.4vw;
  }

  .arrow-circle svg {
    width: 6vw;
  }

  /* POWDER END */

  /* COLOR FILTER START */

  .color-filter-container {
    margin-top: 6vw;
  }

  .color-filter-content {
    padding: 0 7vw;
  }

  .color-filter-top {
    gap: 3.6vw;
  }

  .color-filtre-text {
    gap: 1.2vw;
  }

  .color-ciltre-tittle {
    font-size: 2.76vw;
  }

  .color-filtre-p {
    font-size: 1.14vw;
  }

  .color-filtre-box-info {
    padding: 1.68vw;
  }

  .color-filtre-box-info-open {
    top: 1.2vw;
    right: 1.2vw;
  }

  .color-filtre-box-info-open svg {
    width: 1.8vw;
    height: 1.8vw;
  }

  .color-filtre-box-text {
    gap: 0.6vw;
  }

  .color-filtre-box-text-tittle {
    font-size: 1.2vw;
  }

  .color-filtre-box-text-p {
    font-size: 1.1vw;
  }

  .color-filter-btn-item {
    gap: 0.6vw;
    margin-top: 1.8vw;
  }

  .color-filter-btn-p {
    font-size: 1.2vw;
  }

  .color-filter-btn {
    padding: 0.9vw 1.92vw;
    font-size: 1.2vw;
  }

  .color-filter-row {
    gap: 1.2vw;
    margin-top: 1.2vw;
    padding-top: 1.2vw;
  }

  .filter-list-item {
    width: 20.4vw;
    gap: 7.2vw;
  }

  .filter-container {
    padding: 1.92vw 1.2vw;
  }

  .filter-section {
    margin-bottom: 1.8vw;
  }

  .section-header {
    margin-bottom: 1.2vw;
  }

  .section-header i,
  .section-header h3 {
    font-size: 1.1vw;
  }

  .section-content {
    gap: 1.2vw;
  }

  .price-display {
    padding: 1.02vw 1.2vw;
  }

  .price-display,
  .price-display span {
    font-size: 1.1vw;
  }

  .checkbox-item {
    gap: 0.6vw;
  }

  .checkbox-item input[type="checkbox"] {
    width: 1.2vw;
    height: 1.2vw;
  }

  .checkbox-item span {
    font-size: 1.1vw;
  }

  .color-grid {
    gap: 0.6vw;
  }

  .color-btn {
    width: 2.4vw;
    height: 2.4vw;
  }

  .clear-filters-btn {
    padding: 0.9vw 1.2vw;
    gap: 0.6vw;
    font-size: 1.1vw;
  }

  .clear-filters-btn svg {
    width: 1.5vw;
    height: 1.5vw;
  }

  .paint-helper-box {
    padding: 1.92vw 1.5vw;
    gap: 1.2vw;
  }

  .paint-helper-box h3 {
    font-size: 1.26vw;
  }

  .paint-helper-box p {
    font-size: 1.1vw;
  }

  .paint-helper-btn {
    padding: 1.2vw 2.4vw;
    font-size: 1.1vw;
  }

  .color-filter-header-banner {
    gap: 2.4vw;
    padding: 1.92vw 1.26vw;
  }

  .color-filter-banner-left {
    gap: 1.92vw;
  }

  .color-filter-banner-left-text {
    gap: 0.6vw;
  }

  .color-filter-banner-left-text p {
    font-size: 1.2vw;
  }

  .color-filter-banner-left-text h3 {
    font-size: 1.8vw;
  }

  .color-filter-banner-tags {
    gap: 0.6vw;
  }

  .color-filter-tag {
    padding: 0.54vw 1.02vw;
    font-size: 1.2vw;
  }

  .color-filter-view-positions-btn {
    gap: 0.6vw;
    padding: 0.9vw 2.52vw;
    font-size: 1.1vw;
  }

  .color-filter-view-positions-btn svg {
    width: 2.4vw;
  }

  .color-filter-filter-bar {
    gap: 1.2vw;
    margin-top: 1.2vw;
  }

  .color-filter-filter-bar-left {
    gap: 1.2vw;
  }

  .color-filter-filter-bar-left span {
    font-size: 0.84vw;
  }

  .color-filter-filter-button {
    gap: 0.6vw;
    font-size: 1.1vw;
  }

  .color-filter-filter-button svg {
    width: 0.78vw;
    height: 0.78vw;
  }

  .color-filter-bar-right {
    gap: 1.2vw;
  }

  .color-filter-bar-right button {
    font-size: 1.1vw;
  }

  .color-filter-products-grid {
    margin-top: 2.4vw;
    gap: 1.2vw;
  }

  .color-filter-product-card {
    padding: 0.54vw 0.54vw 1.2vw 0.54vw;
  }

  .color-filter-product-image {
    height: 10.2vw;
  }

  .color-filter-product-info {
    margin-top: 1.2vw;
    gap: 1.2vw;
  }

  .color-filter-product-title {
    font-size: 1.14vw;
  }

  .color-filter-product-price {
    gap: 1.2vw;
  }

  .color-filter-price {
    font-size: 1.26vw;
  }

  .color-filter-cart-btn {
    padding: 1.02vw 1.92vw;
    font-size: 1.1vw;
  }

  .color-filter-show-more {
    margin-top: 2.4vw;
  }

  .color-filter-show-more-btn {
    padding: 0.9vw 2.4vw;
    font-size: 1.1vw;
  }

  .color-filter-pagination {
    gap: 0.6vw;
    margin-top: 1.8vw;
  }

  .color-filter-page-btn {
    width: 2.04vw;
    height: 2.04vw;
    font-size: 1.1vw;
  }

  .color-filter-newsletter {
    gap: 2.4vw;
    padding: 1.8vw 1.8vw 1.2vw 1.2vw;
    margin-top: 2.4vw;
  }

  .color-filter-newsletter-content {
    gap: 0.6vw;
  }

  .color-filter-newsletter-content h3 {
    font-size: 1.56vw;
  }

  .color-filter-newsletter-content p {
    font-size: 1.2vw;
  }

  .color-filter-newsletter-btn {
    gap: 0.6vw;
    padding: 0.9vw 2.4vw;
    font-size: 1.1vw;
  }

  .color-filter-newsletter-btn svg {
    width: 1.5vw;
    height: 1.5vw;
  }

  /* COLOR FILTER END */

  /* APPS START */

  .apps-container {
    margin-top: 6vw;
  }

  .apps-content {
    padding: 0 7vw;
  }

  .apps-title {
    font-size: 2.76vw;
  }

  .apps-item {
    margin-top: 2.4vw;
  }

  .apps-intro {
    padding: 1.2vw;
  }

  .apps-intro-text {
    font-size: 1.14vw;
  }

  .apps-content-box {
    gap: 0.6vw;
    padding: 1.2vw;
  }

  .apps-card-title {
    font-size: 1.5vw;
  }

  .apps-subtitle {
    font-size: 1.2vw;
  }

  .apps-image {
    height: 12.6vw;
  }

  /* APPS END */

  /* FATURES START */

  .features-container {
    margin-top: 6vw;
  }

  .features-content {
    gap: 1.2vw;
    padding: 0 7vw;
  }

  .features-left {
    width: 27.84vw;
    gap: 1.2vw;
    padding: 2.4vw 1.92vw;
  }

  .features-title {
    font-size: 2.76vw;
  }

  .features-desc {
    font-size: 1.14vw;
  }

  .feature-card {
    height: 19.2vw;
    padding: 1.92vw;
    gap: 3.6vw;
  }

  .feature-icon {
    width: 3.96vw;
  }

  .feature-info {
    gap: 1.2vw;
  }

  .feature-title {
    font-size: 1.5vw;
  }

  .feature-text {
    font-size: 1.2vw;
  }

  .feature-blue {
    margin-top: 2.4vw;
  }

  .feature-mint {
    margin-top: -2.4vw;
  }

  /* FATURES END */

  /* SERTIFICA  START */

  .ser-container {
    margin-top: 6vw;
    padding: 3.6vw 0;
  }

  .ser-top {
    gap: 1.2vw;
    padding: 0 7vw;
  }

  .ser-title {
    font-size: 2.76vw;
  }

  .ser-p {
    font-size: 1.14vw;
  }

  .ser-slider {
    margin-top: 2.4vw;
    padding-left: 7vw;
  }

  .ser-slide img {
    height: 22.4vw;
  }

  .ser-slider .owl-nav {
    padding-right: 14vw;
  }

  .ser-slider .owl-nav button.owl-prev,
  .ser-slider .owl-nav button.owl-next {
    width: 3.96vw;
    height: 3.96vw;
  }

  /* SERTIFICA END */

  /*  CONTACK FORM START */

  .contack-form-container {
    margin-top: 6vw;
    padding: 0 7vw;
  }

  .contack-form-content {
    padding: 2.4vw 2.4vw 0 2.4vw;
  }

  .contack-form-text {
    width: 20.4vw;
    gap: 1.2vw;
  }

  .contack-form-text h3 {
    font-size: 2.76vw;
  }

  .contack-form-text p {
    font-size: 1.14vw;
  }

  .contack-form-person {
    height: 37.2vw;
    gap: 1.2vw;
  }

  .contack-form-person-text {
    width: 14.4vw;
    gap: 0.6vw;
    margin-bottom: 2.4vw;
  }

  .contack-form-person-text h3 {
    font-size: 1.26vw;
  }

  .contack-form-person-text p {
    font-size: 1.14vw;
  }

  .contact-form {
    width: 27.6vw;
    padding: 1.92vw 1.2vw;
    gap: 1.2vw;
  }

  .form-group {
    padding: 1.38vw 1.2vw;
  }

  .form-textarea {
    min-height: 3.6vw;
  }

  .form-input,
  .form-input::placeholder,
  .form-textarea::placeholder,
  .form-textarea {
    font-size: 1.14vw;
  }

  .form-label {
    font-size: 1.14vw;
  }

  .form-icon {
    width: 1.5vw;
    height: 1.5vw;
  }

  .form-btn {
    margin-top: 1.2vw;
    padding: 1.8vw 2.4vw;
    font-size: 1.14vw;
  }

  .form-info {
    padding: 0.84vw 1.2vw;
    font-size: 1.2vw;
  }

  /*  CONTACK FORM END */

  /* NEWS START */

  .news-container {
    margin-top: 6vw;
  }

  .news-content {
    padding: 0 7vw;
  }

  .news-top-text {
    gap: 1.2vw;
  }

  .news-title {
    font-size: 2.76vw;
  }

  .news-subtitle {
    font-size: 1.14vw;
  }

  .news-filters {
    gap: 0.6vw;
    margin-top: 2.4vw;
  }

  .news-filter-btn {
    font-size: 1.1vw;
  }

  .news-grid {
    margin-top: 2.4vw;
    gap: 1.2vw;
  }

  .news-main {
    padding-bottom: 0.6vw;
  }

  .news-main-image {
    height: 23.04vw;
  }

  .news-main-content {
    margin-top: 0.6vw;
    gap: 0.6vw;
  }

  .news-main-tag {
    padding: 0.36vw 0.78vw;
    font-size: 1.1vw;
  }

  .news-main-title {
    font-size: 1.5vw;
  }

  .news-main-excerpt {
    font-size: 1.2vw;
  }

  .news-main-meta {
    margin-top: 1.2vw;
  }

  .news-main-meta span {
    font-size: 1vw;
  }

  .news-main-views {
    gap: 0.6vw;
  }

  .news-main-views svg {
    width: 1.5vw;
    height: 1.5vw;
  }

  .news-sidebar {
    gap: 0.6vw;
  }

  .news-side-item {
    gap: 1.2vw;
    padding: 0 0.6vw 0.6vw 0;
  }

  .news-side-image {
    width: 16.8vw;
  }

  .news-side-image img {
    height: 10.8vw;
  }

  .news-side-content {
    gap: 1.2vw;
  }

  .news-side-top {
    gap: 0.6vw;
  }

  .news-side-tag {
    padding: 0.36vw 0.78vw;
    font-size: 1.1vw;
  }

  .news-side-title {
    font-size: 1.5vw;
  }

  .news-side-meta span {
    font-size: 1vw;
  }

  .news-side-views {
    gap: 0.6vw;
  }

  .news-side-views svg {
    width: 1.5vw;
    height: 1.5vw;
  }

  .news-more-btn {
    margin: 2.4vw auto 0;
    padding: 1.46vw 3.12vw;
    font-size: 1.14vw;
  }

  /* NEWS END */

  /* FOOTER START */

  footer {
    margin-top: 6vw;
  }

  .footer-content {
    padding: 3.6vw 7vw 2.4vw 7vw;
  }

  .footer-top {
    gap: 2.4vw;
  }

  .footer-logo-item {
    width: 16.8vw;
    gap: 1.2vw;
  }

  .footer-logo-info {
    gap: 1.2vw;
  }

  .footer-logo-tagline {
    padding: 0.72vw 0.6vw;
    font-size: 1.1vw;
  }

  .footer-menu-item {
    gap: 3.6vw;
  }

  .footer-menu-column {
    gap: 1.2vw;
  }

  .footer-menu-title {
    font-size: 1.2vw;
  }

  .footer-menu-list a {
    font-size: 1vw;
  }

  .footer-contack {
    gap: 1.2vw;
  }

  .footer-promo {
    width: 13.2vw;
    height: 20.4vw;
    padding: 1.2vw;
  }

  .footer-promo-top {
    gap: 0.6vw;
  }

  .footer-promo-label {
    font-size: 1.2vw;
  }

  .footer-promo-title {
    font-size: 1.5vw;
  }

  .footer-promo-bottom {
    gap: 0.6vw;
  }

  .footer-promo-availability {
    padding: 0.54vw 1.2vw;
    font-size: 1.2vw;
  }

  .footer-map {
    width: 21.6vw;
    gap: 1.2vw;
    padding: 0.6vw;
  }

  .footer-map iframe {
    height: 11.4vw;
  }

  .footer-contact-info {
    gap: 0.6vw;
  }

  .footer-contact-phone {
    gap: 0.6vw;
    font-size: 1.2vw;
  }

  .footer-contact-address {
    gap: 0.6vw;
    font-size: 1.1vw;
  }

  .footer-contact-phone svg,
  .footer-contact-address svg,
  .footer-contact-hours svg {
    width: 1.56vw;
    height: 1.56vw;
  }

  .footer-contact-hours {
    gap: 0.6vw;
    font-size: 1.1vw;
  }

  .foooter-bottom {
    gap: 0.6vw;
    font-size: 1.1vw;
  }

  /* FOOTER END */

  /* POPUP FORM START */

  .popup-form-close {
    right: 1.2vw;
    top: 1.2vw;
  }

  .popup-form-close svg {
    width: 2.92vw;
    height: 2.92vw;
  }

  .popup-contact-form {
    width: 31.2vw;
    gap: 1.2vw;
    padding: 1.2vw 2.4vw 1.2vw 1.2vw;
  }

  .popup-contack-form-text {
    gap: 1.2vw;
    margin-bottom: 1.2vw;
  }

  .popup-contack-form-text h3 {
    font-size: 2.04vw;
  }

  .popup-contack-form-text p {
    font-size: 1.14vw;
  }

  .popup-form-group {
    padding: 1.38vw 1.2vw;
  }

  .popup-form-textarea {
    min-height: 3.6vw;
  }

  .popup-form-input,
  .popup-form-input::placeholder,
  .popup-form-textarea::placeholder,
  .popup-form-textarea {
    font-size: 1.14vw;
  }

  .popup-form-label {
    font-size: 1.14vw;
  }

  .popup-form-icon {
    width: 1.5vw;
    height: 1.5vw;
  }

  .popup-form-btn {
    margin-top: 1.2vw;
    padding: 1.8vw 2.4vw;
    font-size: 1.14vw;
  }

  .popup-form-info {
    padding: 0.84vw 1.2vw;
    font-size: 1.2vw;
  }

  .popup-form-person {
    gap: 0.6vw;
    padding: 2.4vw;
  }

  .popup-form-person-text h3 {
    font-size: 1.26vw;
  }

  .popup-form-person-text p {
    font-size: 1.2vw;
  }

  /* POPUP FORM END */

  /* POPUP FORM2 START */

  .popup-form2-close {
    right: 1.2vw;
    top: 1.2vw;
  }

  .popup-form2-close svg {
    width: 2.92vw;
    height: 2.92vw;
  }

  .popup-form2-group {
    padding: 1.38vw 1.2vw;
  }

  .popup-form2-textarea {
    min-height: 3.6vw;
  }

  .popup-form2-input,
  .popup-form2-input::placeholder,
  .popup-form2-textarea::placeholder,
  .popup-form2-textarea {
    font-size: 1.14vw;
  }

  .popup-form2-label {
    font-size: 1.14vw;
  }

  .popup-form2-icon {
    width: 1.5vw;
    height: 1.5vw;
  }

  .popup-form2-btn {
    margin-top: 1.2vw;
    padding: 1.8vw 2.4vw;
    font-size: 1.14vw;
  }

  .popup-form2-info {
    padding: 0.84vw 1.2vw;
    font-size: 1.2vw;
  }

  .popup-form2-person {
    gap: 0.6vw;
    padding: 2.4vw;
  }

  .popup-form2-person-text h3 {
    font-size: 1.26vw;
  }

  .popup-form2-person-text p {
    font-size: 1.2vw;
  }

  /* POPUP FORM2 END */

  /* !CATALOG PAGE START */

  /* PAGINATION  START*/
  .pagination-container {
    margin-top: 1.2vw;
  }

  .pagination-content {
    padding: 0px 7vw;
  }

  .pagination-p,
  .pagination-link {
    gap: 0.6vw;
  }

  .pagination-link::after {
    margin-right: 0.6vw;
  }

  /* PAGINATION  END*/

  /* CATALOG FILTER START */
  .catalog-filtre-container {
    margin-top: 2.4vw;
  }

  .catalog-filtre-content {
    padding: 0 7vw;
  }

  .catalog-filter-top {
    gap: 10.2vw;
  }

  .catalog-filter-tittle {
    font-size: 3.24vw;
  }

  .catalog-filter-info-box {
    gap: 0.6vw;
    padding: 1.02vw 1.26vw;
    border-radius: 15px;
  }

  .catalog-filter-info-box img {
    width: 2.64vw;
    height: 2.64vw;
  }

  .info-content {
    gap: 0.6vw;
  }

  .info-title {
    font-size: 1.14vw;
  }

  .info-subtitle {
    font-size: 1.1vw;
  }

  .catalog-filters-btn {
    gap: 1.2vw;
    margin-top: 2.4vw;
  }

  .catalog-filter-group {
    gap: 1.2vw;
  }

  .catalog-filter-label {
    font-size: 1.2vw;
  }

  .catalog-filter-options {
    gap: 1.2vw;
  }

  .catalog-filter-btn {
    padding: 0.84vw 1.92vw;
    font-size: 1.2vw;
  }

  .catalog-filter-row {
    gap: 1.2vw;
    margin-top: 1.2vw;
    padding-top: 1.2vw;
  }

  .catalog-color-filtre-box-info {
    padding: 1.68vw;
  }

  .catalog-color-filtre-box-info-open {
    top: 1.2vw;
    right: 1.2vw;
  }

  .catalog-color-filtre-box-info-open svg {
    width: 1.8vw;
    height: 1.8vw;
  }

  .catalog-color-filtre-box-text {
    gap: 0.6vw;
  }

  .catalog-color-filtre-box-text-tittle {
    font-size: 1.2vw;
  }

  .catalog-color-filtre-box-text-p {
    font-size: 1.1vw;
  }

  .catalog-list-item {
    width: 20.4vw;
    gap: 7.2vw;
  }

  .catalog-container {
    padding: 1.92vw 1.2vw;
  }

  .catalog-section {
    margin-bottom: 1.8vw;
  }

  .catalog-header {
    margin-bottom: 15px;
  }

  .catalog-header i,
  .catalog-header h3 {
    font-size: 1.1vw;
  }

  .catalog-content {
    gap: 1.2vw;
  }

  .catalog-price-display {
    padding: 1.02vw 1.2vw;
  }

  .catalog-price-display span {
    font-size: 1.1vw;
  }

  .catalog-checkbox-item {
    gap: 0.6vw;
  }

  .catalog-checkbox-item input[type="checkbox"] {
    width: 1.2vw;
    height: 1.2vw;
  }

  .catalog-checkbox-item span {
    font-size: 1.1vw;
  }

  .catalog-color-grid {
    gap: 0.6vw;
  }

  .catalog-clear-filters-btn {
    padding: 0.9vw 1.2vw;
    gap: 0.6vw;
    font-size: 1.1vw;
  }

  .catalog-clear-filters-btn svg {
    width: 1.5vw;
    height: 1.5vw;
  }

  .catalog-helper-box {
    padding: 1.92vw 1.5vw;
    gap: 1.2vw;
  }

  .catalog-helper-box h3 {
    font-size: 1.26vw;
  }

  .catalog-helper-box p {
    font-size: 1.1vw;
  }

  .catalog-helper-btn {
    padding: 1.2vw 2.4vw;
    font-size: 1.1vw;
  }

  .catalog-filter-header-banner {
    gap: 2.4vw;
    padding: 1.92vw 1.26vw;
  }

  .catalog-filter-banner-left {
    gap: 1.92vw;
  }

  .catalog-filter-banner-left-text {
    gap: 0.6vw;
  }

  .catalog-filter-banner-left-text p {
    font-size: 1.2vw;
  }

  .catalog-filter-banner-left-text h3 {
    font-size: 1.8vw;
  }

  .catalog-filter-banner-tags {
    gap: 0.6vw;
  }

  .catalog-filter-tag {
    padding: 0.54vw 1.02vw;
    font-size: 1.2vw;
  }

  .catalog-filter-view-positions-btn {
    gap: 0.6vw;
    padding: 0.9vw 2.52vw;
    font-size: 1.1vw;
  }

  .catalog-filter-view-positions-btn svg {
    width: 2.4vw;
  }

  .catalog-filter-filter-bar {
    gap: 1.2vw;
    margin-top: 1.2vw;
  }

  .catalog-filter-filter-bar-left {
    gap: 1.2vw;
  }

  .catalog-filter-filter-bar-left span {
    font-size: 0.84vw;
  }

  .catalog-filter-filter-button {
    gap: 0.6vw;
    font-size: 1.1vw;
  }

  .catalog-filter-filter-button svg {
    width: 0.78vw;
    height: 0.78vw;
  }

  .catalog-filter-bar-right {
    gap: 1.2vw;
  }

  .catalog-filter-bar-right button {
    font-size: 1.1vw;
  }

  .catalog-filter-products-grid {
    margin-top: 2.4vw;
    gap: 1.2vw;
  }

  .catalog-filter-product-card {
    padding: 0.54vw 0.54vw 1.2vw 0.54vw;
  }

  .catalog-filter-product-image {
    height: 10.2vw;
  }

  .catalog-filter-product-info {
    margin-top: 1.2vw;
    gap: 1.2vw;
  }

  .catalog-filter-product-title {
    font-size: 1.14vw;
  }

  .catalog-filter-product-price {
    gap: 1.2vw;
  }

  .catalog-filter-price {
    font-size: 1.26vw;
  }

  .catalog-filter-cart-btn {
    padding: 1.02vw 1.92vw;
    font-size: 1.1vw;
  }

  .catalog-filter-show-more {
    margin-top: 2.4vw;
  }

  .catalog-filter-show-more-btn {
    padding: 0.9vw 2.4vw;
    font-size: 1.1vw;
  }

  .catalog-filter-pagination {
    gap: 0.6vw;
    margin-top: 1.8vw;
  }

  .catalog-filter-page-btn {
    width: 2.04vw;
    height: 2.04vw;
    font-size: 1.1vw;
  }

  .catalog-filter-newsletter {
    gap: 2.4vw;
    padding: 1.8vw 1.8vw 1.2vw 1.2vw;
    margin-top: 2.4vw;
  }

  .catalog-filter-newsletter-content {
    gap: 0.6vw;
  }

  .catalog-filter-newsletter-content h3 {
    font-size: 1.56vw;
  }

  .catalog-filter-newsletter-content p {
    font-size: 1.2vw;
  }

  .catalog-filter-newsletter-btn {
    gap: 0.6vw;
    padding: 0.9vw 2.4vw;
    font-size: 1.1vw;
  }

  .catalog-filter-newsletter-btn svg {
    width: 1.5vw;
    height: 1.5vw;
  }

  .catalog-filter-text {
    gap: 1.2vw;
    margin-top: 2.4vw;
  }

  .catalog-filter-text p {
    font-size: 1.2vw;
  }

  /* CATALOG FILTER END */
  /* !CATALOG PAGE END */

  /* !CATEGORY PAGE START */

  .category-container {
    margin-top: 2.4vw;
  }

  .category-content {
    padding: 0 7vw;
  }

  .category-top {
    gap: 2.6vw;
    flex-direction: column;
    align-items: flex-start;
  }

  .category-tittle {
    font-size: 3.24vw;
  }

  .category-info-box {
    gap: 1vw;
    padding: 3.02vw 1.26vw;
  }

  .category-info-box img {
    width: 2.64vw;
    height: 2.64vw;
  }

  .category-info-content {
    gap: 0.6vw;
  }

  .category-info-title {
    font-size: 1.14vw;
  }

  .category-info-subtitle {
    font-size: 1.1vw;
  }

  .category-powder-card-item {
    margin-top: 3.6vw;
  }

  .category-powder-card {
    height: 26.4vw;
    padding: 4.2vw 1.92vw;
  }

  .category-powder-label {
    padding: 0.6vw 1.02vw;
    font-size: 2.04vw;
  }

  .category-arrow-circle {
    right: 2.4vw;
    bottom: 2.4vw;
  }

  .category-arrow-circle svg {
    width: 6vw;
  }

  .category-info-row {
    margin-top: 6vw;
  }

  .category-info-item {
    gap: 1.92vw;
  }

  .category-color-filtre-box-info {
    padding: 1.68vw;
    gap: 2.4vw;
  }

  .category-color-filtre-box-info-open svg {
    width: 3vw;
    height: 3vw;
  }

  .category-color-filtre-box-text {
    gap: 0.6vw;
  }

  .category-color-filtre-box-text-tittle {
    font-size: 1.2vw;
  }

  .category-color-filtre-box-text-p {
    font-size: 1.1vw;
  }

  .category-doc-box {
    padding: 1.68vw;
    gap: 2.4vw;
  }

  .category-doc-text {
    gap: 0.6vw;
  }

  .category-doc-text h3 {
    font-size: 1.2vw;
  }

  .category-doc-text p {
    font-size: 1.1vw;
  }

  .category-doc-link svg {
    width: 3vw;
    height: 3vw;
  }

  .select-paint-box {
    gap: 2.4vw;
    padding: 1.92vw 1.56vw 1.26vw 1.56vw;
  }

  .select-paint-text {
    gap: 0.6vw;
  }

  .select-paint-text h3 {
    font-size: 1.8vw;
  }

  .select-paint-text p {
    font-size: 1.1vw;
  }

  .select-paint-btn {
    padding: 1.02vw 2.4vw;
    font-size: 1.1vw;
  }

  .category-prome-card {
    padding: 1.92vw 1.2vw;
    gap: 2.4vw;
  }

  .category-prome-top {
    gap: 0.6vw;
  }

  .category-prome-title {
    font-size: 1.2vw;
  }

  .category-prome-subtitle {
    font-size: 1.26vw;
  }

  .category-prome-tags {
    gap: 0.6vw;
    margin-top: 1.2vw;
  }

  .category-prome-tag-btn1,
  .category-prome-tag-btn2 {
    padding: 0.48vw 1.2vw;
    font-size: 1.2vw;
  }

  .category-prome-button {
    padding: 0.84vw 2.4vw;
    gap: 0.36vw;
    font-size: 1.1vw;
    right: 1.2vw;
    bottom: 1.2vw;
  }

  .category-prome-button svg {
    width: 2.28vw;
  }

  /* !CATEGORY PAGE END */

  /* !CATAGORY2 PAGE START */
  /* SEPARATE FILTER START */
  .separate-filtre-container {
    margin-top: 2.4vw;
  }

  .separate-filtre-content {
    padding: 0 7vw;
  }

  .separete-paint-banner {
    height: 26.4vw;
    padding: 2.52vw 1.92vw;
  }

  .separete-paint-text {
    gap: 1.2vw;
  }

  .separete-paint-text h3 {
    font-size: 3.24vw;
  }

  .separete-text-info {
    gap: 1.2vw;
  }

  .separete-info1 {
    padding: 1.2vw;
    font-size: 1.2vw;
  }

  .separete-paint-text p {
    font-size: 1.2vw;
  }

  .separete-info2 {
    padding: 1.02vw 1.2vw;
    font-size: 1.14vw;
  }

  .separate-filter-top {
    margin-top: 3.6vw;
  }

  .separate-filter-info-box {
    gap: 0.6vw;
    padding: 1.02vw 1.26vw;
  }

  .separate-filter-info-box img {
    width: 2.64vw;
    height: 2.64vw;
  }

  .separate-info-content {
    gap: 0.6vw;
  }

  .separate-info-title {
    font-size: 1.14vw;
  }

  .separate-info-subtitle {
    font-size: 1.1vw;
  }

  .info-title-doc {
    font-size: 1.14vw;
  }

  .separate-info-doc-p {
    font-size: 1.1vw;
  }

  .separate-filters-btn {
    gap: 1.2vw;
    margin-top: 2.4vw;
  }

  .separate-filter-group {
    gap: 1.2vw;
  }

  .separate-filter-label {
    font-size: 1.2vw;
  }

  .separate-filter-options {
    gap: 1.2vw;
  }

  .separate-filter-btn {
    padding: 0.84vw 1.92vw;
    font-size: 1.2vw;
  }

  .separate-filter-row {
    gap: 1.2vw;
    margin-top: 1.2vw;
    padding-top: 1.2vw;
  }

  .separate-color-filtre-box-info {
    padding: 1.68vw;
  }

  .separate-color-filtre-box-info-open {
    top: 1.2vw;
    right: 1.2vw;
  }

  .separate-color-filtre-box-info-open svg {
    width: 1.14vw;
    height: 1.14vw;
  }

  .separate-color-filtre-box-text {
    gap: 0.6vw;
  }

  .separate-color-filtre-box-text-tittle {
    font-size: 1.2vw;
  }

  .separate-color-filtre-box-text-p {
    font-size: 1.1vw;
  }

  .separate-list-item {
    width: 20.4vw;
    gap: 2.4vw;
  }

  .separate-container {
    padding: 1.92vw 1.2vw;
  }

  .separate-section {
    margin-bottom: 1.8vw;
  }

  .separate-header {
    margin-bottom: 1.2vw;
  }

  .separate-header i,
  .separate-header h3 {
    font-size: 1.1vw;
  }

  .separate-content {
    gap: 1.2vw;
  }

  .separate-price-display {
    padding: 1.02vw 1.2vw;
  }

  .separate-price-display span {
    font-size: 1.1vw;
  }

  .separate-checkbox-item {
    gap: 0.6vw;
  }

  .separate-checkbox-item input[type="checkbox"] {
    width: 1.2vw;
    height: 1.2vw;
  }

  .separate-checkbox-item span {
    font-size: 1.1vw;
  }

  .separate-color-grid {
    gap: 0.6vw;
  }

  .separate-color-btn {
    width: 2.4vw;
    height: 2.4vw;
  }

  .separate-clear-filters-btn {
    padding: 0.9vw 1.2vw;
    gap: 0.6vw;
    font-size: 1.1vw;
  }

  .separate-clear-filters-btn svg {
    width: 1.5vw;
    height: 1.5vw;
  }

  .separate-helper-box {
    padding: 1.92vw 1.5vw;
    gap: 1.2vw;
  }

  .separate-helper-box h3 {
    font-size: 1.26vw;
  }

  .separate-helper-box p {
    font-size: 1.1vw;
  }

  .separate-helper-btn {
    padding: 1.2vw 2.4vw;
    font-size: 1.1vw;
  }

  .separate-filter-filter-bar {
    gap: 1.2vw;
    margin-top: 1.2vw;
  }

  .separate-filter-filter-bar-left {
    gap: 1.2vw;
  }

  .separate-filter-filter-bar-left span {
    font-size: 0.84vw;
  }

  .separate-filter-filter-button {
    gap: 0.6vw;
    font-size: 1.1vw;
  }

  .separate-filter-filter-button svg {
    width: 0.78vw;
    height: 0.78vw;
  }

  .separate-filter-bar-right {
    gap: 1.2vw;
  }

  .separate-filter-bar-right button {
    font-size: 1.1vw;
  }

  .separate-filter-products-grid {
    margin-top: 2.4vw;
    gap: 1.2vw;
  }

  .separate-filter-product-card {
    padding: 0.54vw 0.54vw 1.2vw 0.54vw;
  }

  .separate-filter-product-image {
    height: 10.2vw;
  }

  .separate-filter-product-info {
    margin-top: 1.2vw;
    gap: 1.2vw;
  }

  .separate-filter-product-title {
    font-size: 1.14vw;
  }

  .separate-filter-product-price {
    gap: 1.2vw;
  }

  .separate-filter-price {
    font-size: 1.26vw;
  }

  .separate-filter-cart-btn {
    padding: 1.02vw 1.92vw;
    font-size: 1.1vw;
  }

  .separate-card-info-box {
    gap: 0.6vw;
    top: 1.2vw;
    left: 1.2vw;
  }

  .separate-card-info-box span {
    font-size: 1vw;
    padding: 0.42vw 0.78vw;
  }

  .separate-filter-show-more {
    margin-top: 2.4vw;
  }

  .separate-filter-show-more-btn {
    padding: 0.9vw 2.4vw;
    font-size: 1.1vw;
  }

  .separate-filter-pagination {
    gap: 0.6vw;
    margin-top: 1.8vw;
  }

  .separate-filter-page-btn {
    width: 2.04vw;
    height: 2.04vw;
    font-size: 1.1vw;
  }

  .separate-filter-newsletter {
    gap: 2.4vw;
    padding: 1.8vw 1.8vw 1.2vw 1.2vw;
    margin-top: 2.4vw;
  }

  .separate-filter-newsletter-content {
    gap: 0.6vw;
  }

  .separate-filter-newsletter-content h3 {
    font-size: 1.56vw;
  }

  .separate-filter-newsletter-content p {
    font-size: 1.2vw;
  }

  .separate-filter-newsletter-btn {
    gap: 0.6vw;
    padding: 0.9vw 2.4vw;
    font-size: 1.1vw;
  }

  .separate-filter-newsletter-btn svg {
    width: 1.5vw;
    height: 1.5vw;
  }

  .separate-filter-text {
    gap: 1.2vw;
    margin-top: 2.4vw;
  }

  .separate-filter-text p {
    font-size: 1.2vw;
  }

  /* SEPARATE FILTER END */
  /* !CATAGORY2 PAGE END */

  /* !CART PAGE START */

  /* CART START */
  .cart-container {
    margin-top: 2.4vw;
  }

  .cart-content {
    gap: 1.4vw;
    padding: 0 7vw;
  }

  .cart-slider-row {
    gap: 0.6vw;
  }

  .mySwiper2 {
    height: 30vw;
  }

  .mySwiper .swiper-slide {
    height: 4.8vw;
  }

  .swiper-slide img {
    border-radius: 10px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 4.2vw;
    height: 4.2vw;
  }

  .cart-detail-top {
    padding: 1.2vw 1.92vw;
  }

  .cart-detail-text {
    gap: 0.6vw;
    margin-top: 0.84vw;
  }

  .cart-title {
    font-size: 2.76vw;
  }

  .cart-article {
    gap: 0.6vw;
    font-size: 1.1vw;
  }

  .cart-badge {
    padding: 0.54vw 1.2vw;
    font-size: 1.1vw;
    position: static;
    margin-top: 1.2vw;
  }

  .cart-specs-item {
    gap: 2.4vw;
    margin-top: 1.8vw;
  }

  .cart-detail-box {
    gap: 0.24vw;
    padding-right: 2.4vw;
  }

  .cart-spec-label {
    font-size: 1.1vw;
  }

  .cart-spec-value {
    font-size: 1.14vw;
  }

  .cart-detail-bottom {
    padding: 2.52vw 1.92vw 1.2vw 1.92vw;
  }

  .cart-quantity,
  .cat-kg-span {
    font-size: 1.1vw;
  }

  .cart-kg-select {
    gap: 0.6vw;
  }

  .cart-kg-btn {
    padding: 0.78vw 1.56vw;
    font-size: 1.2vw;
  }

  .cart-stok-info {
    gap: 0.6vw;
    font-size: 1.2vw;
  }

  .cart-poz-neg-item {
    gap: 0.6vw;
  }

  .cart-quantity-box {
    gap: 1.2vw;
    padding: 0.78vw 1.56vw;
  }

  .cart-quantity-no {
    font-size: 1.2vw;
  }

  .cart-quantity-box button svg {
    width: 0.78vw;
  }

  .cart-price-info {
    gap: 3.6vw;
    margin-top: 1.8vw;
  }

  .cart-price-info-text {
    gap: 0.6vw;
  }

  .cart-price-title {
    font-size: 1.1vw;
  }

  .cart-price-box {
    gap: 0.6vw;
  }

  .cart-price-now {
    font-size: 2.04vw;
  }

  .cart-price-old {
    font-size: 1.56vw;
  }

  .cart-discount-btn {
    padding: 0.54vw 1.26vw;
    font-size: 1.1vw;
  }

  .cart-buttons-row {
    gap: 1.2vw;
    margin-top: 2.4vw;
  }

  .cart-btn {
    max-height: 4.32vw;
    padding: 1.8vw 2.4vw;
    gap: 0.6vw;
    font-size: 1.14vw;
  }

  .ozon-icon {
    width: 2.52vw;
  }

  /* CART END */

  /* CART INFO START */

  .cart-info-container {
    margin-top: 3.6vw;
  }

  .cart-info-content {
    padding: 0 7vw;
  }

  .cart-info-item {
    gap: 1.92vw;
  }

  .cart-color-filtre-box-info {
    padding: 1.68vw;
    gap: 2.4vw;
  }

  .cart-color-filtre-box-info-open svg {
    width: 3vw;
    height: 3vw;
  }

  .cart-color-filtre-box-text {
    gap: 0.6vw;
  }

  .cart-color-filtre-box-text-tittle {
    font-size: 1.2vw;
  }

  .cart-color-filtre-box-text-p {
    font-size: 1.1vw;
  }

  .cart-doc-box {
    padding: 1.68vw;
    gap: 2.4vw;
  }

  .cart-doc-text {
    gap: 0.6vw;
  }

  .cart-doc-text h3 {
    font-size: 1.2vw;
  }

  .cart-doc-text p {
    font-size: 1.1vw;
  }

  .cart-doc-link svg {
    width: 3vw;
    height: 3vw;
  }

  .cart-select-paint-box {
    gap: 2.4vw;
    padding: 1.92vw 1.56vw 1.26vw 1.56vw;
  }

  .cart-select-paint-text {
    gap: 0.6vw;
  }

  .cart-select-paint-text h3 {
    font-size: 1.8vw;
  }

  .cart-select-paint-text p {
    font-size: 1.1vw;
  }

  .cart-select-paint-btn {
    padding: 1.02vw 2.4vw;
    font-size: 1.1vw;
  }

  .cart-info-box {
    gap: 0.6vw;
    padding: 1.02vw 1.26vw;
  }

  .cart-info-box img {
    width: 2.64vw;
    height: 2.64vw;
  }

  .cart-info-box:nth-child(1) {
    gap: 1.92vw;
  }

  .cart-info-box:nth-child(2) {
    gap: 1.92vw;
  }

  .cart-info-con {
    gap: 0.6vw;
  }

  .cart-info-title {
    font-size: 1.14vw;
  }

  .cart-info-subtitle {
    font-size: 1.1vw;
  }

  /* CART INFO END */

  /* CART DESC START */
  .cart-desc-container {
    margin-top: 3.6vw;
  }

  .cart-desc-content {
    padding-left: 7vw;
  }

  .cart-desc-title {
    font-size: 2.76vw;
    margin-bottom: 0.6vw;
  }

  .cart-desc-text-item {
    gap: 1.2vw;
    margin-top: 1.2vw;
  }

  .cart-desc-subtitle {
    font-size: 1.26vw;
  }

  .cart-desc-text {
    font-size: 1.2vw;
  }

  /* CART DESC  END */

  /* CART INFO START */

  .cart-block-container {
    margin-top: 6vw;
  }

  .cart-block-content {
    padding-left: 7vw;
  }

  .cart-block-tittle {
    font-size: 2.76vw;
  }

  .cart-block-item {
    margin-top: 2.4vw;
    gap: 1.2vw;
  }

  .cart-block-title {
    width: 18.6vw;
    font-size: 1.2vw;
  }

  .cart-block-text {
    gap: 0.6vw;
  }

  .cart-text-line {
    gap: 0.6vw;
  }

  .cart-text-strong {
    font-size: 1.2vw;
  }

  .cart-text-desc {
    font-size: 1.2vw;
  }

  .cart-header-banner {
    gap: 2.4vw;
    padding: 1.92vw 1.26vw;
    margin-top: 2.4vw;
  }

  .cart-banner-left {
    gap: 1.92vw;
  }

  .cart-banner-left-text {
    gap: 0.6vw;
  }

  .cart-banner-left-text p {
    font-size: 1.2vw;
  }

  .cart-banner-left-text h3 {
    font-size: 1.8vw;
  }

  .cart-banner-tags {
    gap: 0.6vw;
  }

  .cart-tag {
    padding: 0.54vw 1.02vw;
    font-size: 1.2vw;
  }

  .cart-view-positions-btn {
    gap: 0.6vw;
    padding: 0.9vw 2.52vw;
    font-size: 1.1vw;
  }

  .cart-view-positions-btn svg {
    width: 2.4vw;
  }

  /* CART INFO END */

  /* PRO SLIDER START */

  .pro-slider-container {
    margin-top: 6vw;
  }

  .pro-slider-content {
    padding: 0 7vw;
  }

  .pro-slider-tittle {
    font-size: 2.76vw;
  }

  .pro-slider {
    margin-top: 2.4vw;
  }

  .pro-slider .owl-nav button.owl-prev,
  .pro-slider .owl-nav button.owl-next {
    width: 3.96vw;
    height: 3.96vw;
  }

  .pro-slider .owl-nav button.owl-prev {
    margin-left: -1.8vw;
  }

  .pro-slider .owl-nav button.owl-next {
    margin-right: -1.8vw;
  }

  .pro-slider-product-card {
    padding: 0.54vw 0.54vw 1.2vw 0.54vw;
  }

  .pro-slider-product-image {
    height: 11.2vw;
  }

  .pro-slider-product-info {
    margin-top: 1.2vw;
    gap: 1.2vw;
  }

  .pro-slider-product-title {
    font-size: 1.14vw;
  }

  .pro-slider-product-price {
    gap: 1.2vw;
  }

  .pro-slider-price {
    font-size: 1.26vw;
  }

  .pro-slider-cart-btn {
    padding: 1.02vw 1.92vw;
    font-size: 1.1vw;
  }

  /* PRO SLIDER END */

  /* !CART PAGE END */

  /* !BASKET PAGE START */

  /* BASKET START */

  .basket-container {
    margin-top: 1.2vw;
  }

  .basket-content {
    /* padding: 0 7vw; */
  }

  .basket-top {
    gap: 2.4vw;
  }

  .basket-tittle {
    font-size: 3.24vw;
  }

  .basket-info-box {
    gap: 0.6vw;
    padding: 1.02vw 1.26vw;
  }

  .basket-info-box img {
    width: 2.64vw;
    height: 2.64vw;
  }

  .basket-info-content {
    gap: 0.6vw;
  }

  .basket-info-title {
    font-size: 1.14vw;
  }

  .basket-info-subtitle {
    font-size: 1.1vw;
  }

  .basket-row {
    margin-top: 1.92vw;
    gap: 2.4vw;
  }

  .basket-item {
    gap: 2.4vw;
    padding: 1.2vw 1.2vw 1.2vw 0.48vw;
  }

  .basket-pro-info {
    gap: 1.92vw;
  }

  .basket-image {
    width: 8.04vw;
    height: 5.64vw;
  }

  .basket-title {
    font-size: 1.14vw;
  }

  .basket-center-item {
    gap: 1.2vw;
  }

  .basket-quantity-wrapper {
    gap: 1.2vw;
    padding: 0.9vw 0.78vw;
  }

  .basket-quantity-btn {
    font-size: 1.44vw;
  }

  .basket-quantity-input {
    font-size: 1.2vw;
  }

  .basket-prices {
    gap: 0.36vw;
  }

  .basket-old-price {
    font-size: 1.2vw;
  }

  .basket-new-price {
    font-size: 1.26vw;
  }

  .basket-remove-btn svg {
    width: 2.04vw;
    height: 2.04vw;
  }

  .basket-summary {
    width: 20.4vw;
    padding: 2.52vw 1.92vw;
  }

  .basket-summary-title {
    font-size: 1.56vw;
    margin-bottom: 0.6vw;
  }

  .basket-summary-line {
    margin-top: 1.2vw;
    gap: 1.2vw;
  }

  .basket-summary-label {
    font-size: 1.2vw;
  }

  .basket-summary-value {
    gap: 0.6vw;
  }

  .basket-discount-tag {
    font-size: 1.2vw;
    padding: 0.54vw 0.84vw;
  }

  .basket-summary-value {
    font-size: 1.26vw;
  }

  .basket-summary-total {
    gap: 1.2vw;
    margin-top: 1.2vw;
  }

  .basket-summary-label2 {
    font-size: 1.26vw;
  }

  .basket-summary-price {
    font-size: 1.8vw;
  }

  .basket-summary-btn {
    padding: 1.68vw 2.4vw;
    margin-top: 2.4vw;
    font-size: 1.14vw;
  }

  .basket-info {
    width: 75%;
    display: flex;
    gap: 2%;
  }

  /* BASKET END */
  /* !BASKET PAGE END */

  /* ! ORDER PAGE START */

  .order-container {
    margin-top: 1.2vw;
    margin-bottom: 2.4vw;
    padding: 0 7vw;
  }

  .order-top {
    gap: 1.2vw;
  }

  .order-tittle {
    font-size: 3.24vw;
  }

  .order-basket {
    width: 22.2vw;
    padding: 1.2vw;
  }

  .order-basket-top {
    gap: 1.2vw;
  }

  .order-basket-img {
    width: 2.04vw;
    height: 2.04vw;
  }

  .order-basket-price {
    gap: 0.6vw;
  }

  .order-basket-t {
    font-size: 1.14vw;
  }

  .order-basket-price-no {
    font-size: 1.14vw;
  }

  .order-basket-no {
    font-size: 1.1vw;
  }

  .order-basket-list-open {
    width: 1.02vw;
    height: 1.02vw;
  }

  .order-basket-list {
    margin-top: 1.2vw;
  }

  .order-basket-pro-list {
    max-height: 36vw;
    padding-right: 1.2vw;
  }

  .order-list-item {
    gap: 0.6vw;
    padding: 0.6vw 0;
  }

  .order-list-pro-info {
    gap: 0.6vw;
  }

  .order-list-image {
    width: 4.32vw;
    height: 3.12vw;
  }

  .order-list-title {
    font-size: 1.2vw;
  }

  .order-list-center-item {
    gap: 1.2vw;
  }

  .order-list-quantity-wrapper {
    gap: 1.2vw;
    padding: 0.6vw 1.2vw;
  }

  .order-list-quantity-btn {
    font-size: 1.44vw;
  }

  .order-list-quantity-input {
    font-size: 1.2vw;
  }

  .order-list-prices {
    gap: 0.36vw;
  }

  .order-list-old-price {
    font-size: 1.2vw;
  }

  .order-list-new-price {
    font-size: 1.26vw;
  }

  .order-button {
    padding: 1.68vw 1.2vw;
    margin-top: 2.4vw;
    font-size: 1.14vw;
  }

  .order-buy-item-row {
    gap: 1.2vw;
    margin-top: 3.6vw;
  }

  .order-info-box {
    gap: 0.6vw;
    padding: 1.02vw 1.26vw;
  }

  .order-info-box img {
    width: 2.64vw;
    height: 2.64vw;
  }

  .order-info-content {
    gap: 0.6vw;
  }

  .order-info-title {
    font-size: 1.14vw;
  }

  .order-info-subtitle {
    font-size: 1.1vw;
  }

  .order-buy-help {
    width: 22.2vw;
    padding: 2.04vw 1.56vw 1.2vw 1.56vw;
  }

  .order-buy-help h3 {
    font-size: 1.8vw;
  }

  .order-buy-help p {
    font-size: 1.1vw;
    margin-top: 1.2vw;
  }

  .order-help-btn {
    padding: 1.2vw 2.4vw;
    font-size: 1.1vw;
    margin-top: 2.4vw;
  }

  .order-form-section {
    margin-top: 2.4vw;
  }

  .order-form-section-header {
    gap: 0.6vw;
    padding-bottom: 1.2vw;
  }

  .order-form-section-number {
    width: 1.92vw;
    height: 1.92vw;
    font-size: 1.14vw;
  }

  .order-form-section-title {
    font-size: 1.8vw;
  }

  .order-form-group {
    margin-top: 1.8vw;
    padding: 1.44vw 1.26vw;
  }

  .order-form-row {
    gap: 1.8vw;
  }

  .order-form-input-wrapper svg {
    width: 2vw;
    height: 2vw;
  }

  .order-form-textarea,
  .order-form-control,
  .order-form-control::placeholder {
    font-size: 1.14vw;
  }

  .order-form-textarea {
    min-height: 4.2vw;
  }

  .order-form-dropdown-toggle {
    font-size: 1.14vw;
  }

  .order-form-dropdown-arrow {
    width: 1.02vw;
    height: 1.02vw;
  }

  .order-form-dropdown-menu {
    top: 2.64vw;
    max-height: 18vw;
    padding: 0 1.2vw;
  }

  .order-form-dropdown-item {
    padding: 0.9vw 1.2vw;
    font-size: 1.14vw;
  }

  .order-form-payment-methods {
    gap: 1.2vw;
    margin-top: 1.2vw;
  }

  .order-form-payment-option {
    padding: 0.9vw 2.52vw;
    gap: 0.6vw;
  }

  .order-form-payment-icon {
    width: 1.92vw;
    height: 1.92vw;
  }

  .order-form-payment-text {
    font-size: 1.14vw;
  }

  .order-form-footer {
    margin-top: 2.4vw;
    gap: 1.8vw;
  }

  .order-form-btn-secondary {
    gap: 0.6vw;
    font-size: 1.14vw;
  }

  .order-form-btn-secondary svg {
    width: 1.56vw;
    height: 1.56vw;
  }

  .order-form-btn-primary {
    padding: 1.8vw 3.12vw;
    font-size: 1.14vw;
  }

  /* ! ORDER PAGE END */

  /* !ABOUT PAGE START */

  /* ABOUT START */

  .about-container {
    margin-top: 1.2vw;
  }

  .about-content {
    padding: 0 7vw;
  }

  .about-top {
    gap: 2.4vw;
  }

  .about-text {
    gap: 2.4vw;
  }

  .about-text h3 {
    font-size: 3.3vw;
  }

  .about-text p {
    font-size: 1.56vw;
  }

  .about-bottom {
    height: 21.6vw;
  }

  .about-box2 {
    padding: 2.4vw;
  }

  .about-box2 p {
    font-size: 1.26vw;
  }

  .about-box4 {
    gap: 1.2vw;
  }

  .about-box4 p {
    font-size: 1.14vw;
  }

  /* ABOUT END */

  /* TEAM START */

  .team-container {
    margin-top: 6vw;
  }

  .team-content {
    padding: 0 7vw;
  }

  .team-top {
    gap: 2.4vw;
  }

  .team-tittle {
    font-size: 2.76vw;
  }

  .team-p {
    font-size: 1.14vw;
  }

  .team-item {
    margin-top: 2.4vw;
  }

  .team-card {
    padding: 0.42vw 0.42vw 0.96vw 0.42vw;
    gap: 0.6vw;
  }

  .team-card img {
    height: 13.92vw;
  }

  .team-text {
    gap: 0.6vw;
    padding: 0.6vw;
  }

  .team-text h3 {
    font-size: 1.56vw;
  }

  .team-text p {
    font-size: 1.14vw;
  }

  /* TEAM END */

  /* CAMPANY MAP START */
  .company-map-content {
    padding-left: 7vw;
  }

  .company-map-text {
    gap: 2.4vw;
  }

  .company-map-title {
    font-size: 3.24vw;
  }

  .company-map-desc {
    font-size: 1.14vw;
  }

  .map-tag {
    padding: 0.54vw 0.84vw;
    font-size: 1vw;
  }

  .tag-russia {
    padding: 0.54vw 1.08vw;
    font-size: 1.14vw;
  }

  /* CAMPANY MAP END */

  /* COOP START */
  .coop-container {
    margin-top: 6vw;
    padding: 0 7vw;
  }

  .coop-content {
    padding: 1.92vw 2.4vw;
    gap: 3.6vw;
  }

  .coop-left {
    gap: 2.4vw;
  }

  .coop-title {
    font-size: 3.24vw;
  }

  .coop-sub {
    font-size: 1.14vw;
  }

  .coop-card {
    gap: 2.4vw;
    padding: 1.2vw;
  }

  .coop-card-icon {
    width: 4.08vw;
    height: 4.08vw;
  }

  .coop-card-title {
    font-size: 1.26vw;
  }

  /* COOP END */

  /* !ABOUT PAGE  END */

  /* !PRODUCTIOAN PAGE START */

  /* PROD ABOUT START */
  .prod-container {
    margin-top: 1.2vw;
  }

  .prod-content {
    padding: 0 7vw;
  }

  .prod-text {
    gap: 2.4vw;
    padding: 2.4vw;
  }

  .prod-stat {
    padding: 1.92vw;
  }

  .prod-stat-text {
    padding: 3vw 1.2vw 1.8vw 1.2vw;
  }

  .prod-stat-top-text {
    gap: 0.6vw;
  }

  .prod-stat-num {
    font-size: 1.14vw;
  }

  .prod-stat-big {
    font-size: 6.264vw;
  }

  .prod-stat-p1 {
    font-size: 1.56vw;
    margin: 0 0 0.48vw 0;
  }

  .prod-stat-p2 {
    font-size: 1.14vw;
    margin: 0.72vw 0 0 0;
  }

  .prod-title {
    font-size: 3.24vw;
  }

  .prod-p {
    font-size: 1.56vw;
  }

  /* PROD ABOUT END */

  /* HISTORY PAGE START */
  .history-container {
    margin-top: 6vw;
    padding: 0 7vw;
  }

  .history-content {
    padding: 3.12vw 2.4vw 1.92vw 2.4vw;
  }

  .history-title {
    font-size: 2.76vw;
  }

  .history-nav {
    margin-top: 1.2vw;
    gap: 0.6vw;
  }

  .history-year-btn {
    padding: 0.78vw 1.2vw;
    font-size: 1.14vw;
  }

  .history-sections {
    margin-top: 2.4vw;
  }

  .history-section {
    gap: 1.2vw;
  }

  .history-text-block {
    gap: 1.2vw;
  }

  .history-text {
    gap: 1.2vw;
    font-size: 1.26vw;
  }

  .history-year-large {
    font-size: 10.2vw;
  }

  /* HISTORY PAGE END */

  /* PRO BANNER START */

  .pro-banner-container {
    margin-top: 6vw;
  }

  .pro-banner-content {
    height: 21.6vw;
    padding: 0 7vw;
    gap: 1.2vw;
  }

  .pro-banner-stat {
    padding: 1.92vw;
  }

  .pro-banner-stat-text {
    padding: 9vw 6.2vw 7.8vw 8.2vw;
  }

  .pro-banner-stat-top-text {
    gap: 0.6vw;
  }

  .pro-banner-stat-num {
    font-size: 1.14vw;
  }

  .pro-banner-stat-big {
    font-size: 17.264vw;
  }

  .pro-banner-stat-p1 {
    font-size: 1.56vw;
    margin: 0 0 0.48vw 0;
  }

  .pro-banner-stat-p2 {
    font-size: 1.14vw;
    margin: 0.72vw 0 0 0;
  }

  /* PRO BANNER  END */

  /* EGUIP START */

  .eguip-container {
    margin-top: 6vw;
  }

  .eguip-content {
    padding: 0 7vw;
  }

  .eguip-top {
    gap: 6vw;
  }

  .eguip-tittle {
    font-size: 3.24vw;
  }

  .eguip-p {
    font-size: 1.26vw;
  }

  .eguip-item {
    height: 37.2vw;
    margin-top: 2.4vw;
    gap: 1.2vw;
  }

  .eguip-left {
    gap: 1.2vw;
  }

  .eguip-text-box1 {
    gap: 1.2vw;
  }

  .eguip-text {
    gap: 0.6vw;
    padding: 1.92vw 1.56vw;
  }

  .eguip-text h3,
  .eguip-text2 h3 {
    font-size: 1.8vw;
  }

  .eguip-text p,
  .eguip-text2 p {
    font-size: 1.1vw;
  }

  .eguip-right {
    gap: 1.2vw;
  }

  .eguip-text-box2 {
    gap: 1.2vw;
  }

  .eguip-text2 {
    gap: 0.6vw;
    padding: 1.92vw 1.56vw;
  }

  /* EGUIP END */

  /* LABORATORY START */

  .laboratory-container {
    margin-top: 7.2vw;
  }

  .laboratory-content {
    padding: 0 7vw;
    gap: 1.2vw;
    align-items: end;
  }

  .laboratory-text-box {
    gap: 2.4vw;
  }

  .lab-title {
    font-size: 3.24vw;
  }

  .lab-lead {
    font-size: 1.26vw;
  }

  .laboratory-left-item {
    gap: 1.2vw;
    margin-top: 2.4vw;
  }

  .lab-caption-head {
    gap: 0.6vw;
  }

  .lab-caption-tittle {
    font-size: 1.92vw;
  }

  .lab-caption-desc {
    font-size: 1.2vw;
  }

  .lab-note {
    padding: 1.68vw;
    margin-top: 1.8vw;
  }

  .lab-note-lead {
    font-size: 1.2vw;
  }

  .lab-checklist {
    margin-top: 1.2vw;
    gap: 1.2vw;
  }

  .lab-check-box {
    gap: 0.6vw;
    font-size: 1.1vw;
  }

  .icon-check {
    width: 1.8vw;
    height: 1.8vw;
  }

  .lab-hero-text {
    gap: 0.6vw;
    padding: 2.04vw 1.56vw;
  }

  .lab-hero-text h4 {
    font-size: 1.8vw;
  }

  .lab-hero-text p {
    font-size: 1.1vw;
  }

  /* LABORATORY END  */

  /* QUALITY SYSTEM START */

  .quality-system-container {
    margin-top: 7.2vw;
  }

  .quality-system-content {
    padding: 0 7vw;
  }

  .quality-system-top {
    gap: 2.4vw;
  }

  .quality-system-tittle {
    font-size: 3.24vw;
  }

  .quality-system-p {
    font-size: 1.26vw;
  }

  .quality-system-item {
    height: 44.4vw;
    gap: 1.2vw;
    margin-top: 2.4vw;
  }

  .quality-system-box {
    gap: 1.2vw;
  }

  .quality-system-text h3 {
    font-size: 2.28vw;
  }

  .quality-system-text p {
    font-size: 1.2vw;
    margin-top: 1.2vw;
  }

  .quality-t-box {
    gap: 0.6vw;
    margin-top: 0.6vw;
    font-size: 1.1vw;
  }

  .quality-t-box img {
    width: 1.8vw;
    height: 1.8vw;
  }

  /* QUALITY SYSTEM END */

  /* !PRODUCTIOAN PAGE END */

  /* !DELIVEY PAY PAGE START */

  /* DELIVERY START */

  .delivery-container {
    margin-top: 1.2vw;
  }

  .delivery-content {
    padding: 0 7vw;
    gap: 8vw;
  }

  .delivery-text {
    gap: 2.4vw;
  }

  .delivery-tittle {
    font-size: 3.24vw;
  }

  .delivery-p {
    font-size: 1.56vw;
  }

  .delivery-question-box {
    padding: 2.04vw 1.56vw;
    gap: 2.4vw;
  }

  .delivery-question-text {
    gap: 0.6vw;
  }

  .delivery-question-tittle {
    font-size: 1.8vw;
  }

  .delivery-question-p {
    font-size: 1.1vw;
  }

  .delivery-question-btn {
    padding: 1.2vw 2.4vw;
    font-size: 1.1vw;
  }

  /* DELIVERY END */

  /* SHIPING START */

  .shiping-container {
    padding: 3.6vw 7vw;
    margin-top: 3.6vw;
  }

  .shiping-content {
    gap: 2.4vw;
  }

  .shiping-tittle {
    font-size: 2.76vw;
  }

  .shiping-top {
    gap: 1.2vw;
  }

  .shiping-box-text h3 {
    font-size: 1.8vw;
  }

  .shiping-box-text p {
    font-size: 1.2vw;
  }

  .shiping-box {
    padding: 1.92vw 1.02vw;
    gap: 1.2vw;
  }

  .shiping-box img {
    width: 2.04vw;
    height: 2.04vw;
  }

  .shiping-text {
    gap: 0.6vw;
  }

  .shiping-text h3 {
    font-size: 1.14vw;
  }

  .shiping-text p {
    font-size: 1.1vw;
  }

  .shiping-bottom {
    gap: 1.2vw;
  }

  .shiping-bottom-box {
    padding: 1.92vw;
    gap: 0.6vw;
  }

  .shiping-bottom-box h3 {
    font-size: 1.56vw;
  }

  .shiping-bottom-box p {
    font-size: 1.2vw;
  }

  /* SHIPING END */

  /* PAYMENT START */

  .payment-container {
    margin-top: 6vw;
  }

  .payment-content {
    padding: 0 7vw;
  }

  .payment-tittle {
    font-size: 2.76vw;
  }

  .payment-item {
    margin-top: 2.4vw;
  }

  .payment-left-title {
    font-size: 1.8vw;
  }

  .payment-left-box {
    gap: 0.6vw;
    padding: 1.92vw 1.02vw 1.92vw 1.92vw;
  }

  .payment-card-title {
    font-size: 1.14vw;
  }

  .payment-card-text {
    font-size: 1.1vw;
  }

  .payment-right {
    gap: 3.6vw;
    padding: 1.92vw 1.26vw;
  }

  .payment-right-text {
    gap: 0.6vw;
  }

  .payment-special-title {
    font-size: 1.8vw;
  }

  .payment-special-lead {
    font-size: 1.2vw;
  }

  .payment-right-box-row {
    gap: 1.2vw;
  }

  .payment-right-box {
    gap: 0.6vw;
  }

  .payment-dis-box {
    width: 10.2vw;
    gap: 0.6vw;
    padding: 0.6vw 1.2vw;
  }

  .payment-discount-label {
    font-size: 1.56vw;
  }

  .payment-discount-value {
    font-size: 2.76vw;
  }

  .payment-special-note {
    font-size: 1.1vw;
  }

  /* PAYMENT END */

  /* !DELIVEY PAY PAGE END */

  /* !DOCUMENT PAGE START */

  /* DOCUMENT START */

  .document-container {
    margin-top: 1.2vw;
  }

  .document-content {
    padding: 0 7vw;
  }

  .document-top {
    gap: 6vw;
  }

  .document-top-text {
    gap: 2.4vw;
  }

  .document-tittle {
    font-size: 3.24vw;
  }

  .document-p {
    font-size: 1.56vw;
  }

  .document-top-info {
    gap: 0.6vw;
    width: 50%;
  }

  .document-top-info img {
    height: 10.8vw;
  }

  .document-info-p {
    font-size: 1.14vw;
  }

  .document-item {
    margin-top: 2.4vw;
  }

  .document-card {
    padding: 0.54vw 0.54vw 0.6vw 0.54vw;
  }

  .document-card-image {
    height: 14.4vw;
  }

  .document-card-image svg {
    width: 1.56vw;
    height: 1.56vw;
    bottom: 0.6vw;
    left: 0.6vw;
  }

  .document-card-meta {
    gap: 1.2vw;
    padding: 0 0.78vw;
    margin-top: 1.2vw;
  }

  .document-card-title {
    font-size: 1.2vw;
  }

  .document-card-actions {
    gap: 1.2vw;
  }

  .doc-btn {
    gap: 0.6vw;
    font-size: 1.1vw;
  }

  .doc-btn svg {
    width: 1.56vw;
    height: 1.56vw;
  }

  /* DOCUMENT END */

  /* !DOCUMENT PAGE END */

  /* !SUPPORT PAGE START */

  /* SUP-BANNER START */
  .sup-banner-container {
    margin-top: -2.4vw;
    padding: 3.6vw 7vw;
  }

  .sup-banner-content {
    gap: 6vw;
  }

  .sup-banner-text {
    gap: 2.4vw;
  }

  .sup-banner-tittle {
    font-size: 2.76vw;
  }

  .sup-banner-p {
    font-size: 1.56vw;
  }

  .sup-banner-info {
    gap: 2.4vw;
    margin-top: 2.4vw;
  }

  .sup-baner-info-list {
    gap: 0.6vw;
  }

  .sup-banner-list-p {
    gap: 0.6vw;
    font-size: 1.2vw;
  }

  .sup-banner-list-p span {
    width: 1.78vw;
    height: 1.78vw;
  }

  .sup-banner-free {
    padding: 1.2vw 1.26vw;
  }

  .sup-banner-free-p {
    font-size: 1.2vw;
  }

  .sup-banner-btn {
    padding: 1.68vw 3vw;
    font-size: 1.14vw;
    margin-top: 2.4vw;
  }

  /* SUP-BANNER END */

  /* SUP ABOUT START */

  .sup-about-container {
    margin-top: 7.2vw;
  }

  .sup-about-content {
    gap: 3.6vw;
    padding: 0 7vw;
  }

  .sup-about-tittle {
    font-size: 3.24vw;
  }

  .sup-about-p {
    font-size: 1.2vw;
  }

  /* SUP ABOUT END */

  /* FULL SERVICES START */

  .full-services-container {
    margin-top: 7.2vw;
  }

  .full-services-content {
    padding: 0 7vw;
  }

  .full-services-tittle {
    font-size: 3.24vw;
  }

  .full-services-item {
    gap: 1.2vw;
    margin-top: 2.4vw;
  }

  .full-services-box {
    padding: 1.92vw 1.26vw;
  }

  .full-services-title {
    font-size: 1.8vw;
    margin-bottom: 1.2vw;
  }

  .full-services-grid {
    gap: 1.2vw;
  }

  .full-services-stack {
    gap: 1.2vw;
  }

  .full-services-card {
    gap: 0.6vw;
    padding: 1.26vw;
  }

  .full-services-card-title {
    font-size: 1.14vw;
  }

  .full-services-list {
    gap: 0.6vw;
    margin-top: 1.2vw;
  }

  .full-services-list li {
    gap: 0.6vw;
    font-size: 1.2vw;
  }

  .full-services-list li::before {
    width: 0.54vw;
    height: 0.54vw;
    margin-top: 0.36vw;
  }

  /* FULL SERVICES END */

  /* SERVICES MAP START */

  .services-map-content {
    padding-left: 7vw;
  }

  .services-map-left {
    gap: 2.4vw;
  }

  .services-map-text {
    gap: 2.4vw;
  }

  .services-map-title {
    font-size: 3.24vw;
  }

  .services-map-desc {
    font-size: 1.14vw;
  }

  .services-map-info {
    gap: 1.2vw;
  }

  .services-map-info-box {
    width: 14.4vw;
    gap: 1.2vw;
    padding: 1.2vw 1.02vw 0.6vw 0.6vw;
  }

  .map-services {
    padding: 0.54vw 0.84vw;
    font-size: 1vw;
  }

  .services-russia {
    padding: 0.54vw 1.08vw;
    font-size: 1.14vw;
  }

  .services-map-info-box img {
    width: 3vw;
    height: 3vw;
  }

  .services-map-info-text {
    gap: 0.6vw;
  }

  .services-map-info-text h4 {
    font-size: 1.14vw;
  }

  .services-map-info-text p {
    font-size: 1.1vw;
  }

  /* SERVICES MAP END */

  /* SERVICES COST START */

  .services-cost-container {
    margin-top: 4.8vw;
  }

  .services-cost-content {
    padding: 0 7vw;
    gap: 1.2vw;
  }

  .services-cost-left {
    gap: 1.2vw;
    padding: 2.52vw;
  }

  .services-cost-text {
    gap: 2.4vw;
  }

  .services-cost-title {
    font-size: 2.2vw;
  }

  .services-cost-desc {
    font-size: 1.14vw;
  }

  .services-cost-info {
    gap: 1.2vw;
  }

  .services-cost-info-box {
    width: 16.8vw;
    padding: 1.92vw 0.192vw 1.26vw 1.26vw;
    gap: 1.2vw;
  }

  .services-cost-question-box {
    padding: 2.04vw 1.56vw;
    gap: 2.4vw;
  }

  .services-cost-question-text {
    gap: 0.6vw;
  }

  .services-cost-question-tittle {
    font-size: 1.8vw;
  }

  .services-cost-question-p {
    font-size: 1.1vw;
  }

  .services-cost-question-btn {
    padding: 1.2vw 2.4vw;
    font-size: 1.1vw;
  }

  .services-cost-info-box img {
    height: 2.88vw;
  }

  .services-cost-info-text {
    gap: 0.6vw;
  }

  .services-cost-btn {
    padding: 0.6vw 1.26vw;
    font-size: 1.26vw;
  }

  .services-cost-info-text p {
    font-size: 1.1vw;
  }

  /* SERVICES COST END */

  /* !SUPPORT PAGE END */

  /* !NEWS PAGE START */

  /* NEWS BLOCK START */

  .news-blog-container {
    margin-top: 1.2vw;
  }

  .news-blog-content {
    padding: 0 7vw;
  }

  .news-blog-top {
    gap: 2.4vw;
  }

  .news-blog-tittle {
    font-size: 2.76vw;
  }

  .news-blog-p {
    font-size: 1.56vw;
  }

  .news-blog-buttons {
    gap: 0.6vw;
  }

  .news-blog-btn {
    padding: 0.6vw 1.26vw;
    font-size: 1.1vw;
  }

  .news-blog-item {
    column-gap: 1.2vw;
    row-gap: 1.2vw;
    grid-auto-rows: 0.6vw;
    margin-top: 2.4vw;
  }

  .news-blog-media img {
    height: 12vw;
  }

  .news-blog-media--wide img {
    height: 23.4vw;
  }

  .news-blog-body {
    gap: 0.6vw;
    padding: 0.6vw;
    margin-top: 1.2vw;
  }

  .news-blog-pill {
    padding: 0.42vw 0.78vw;
    font-size: 1.1vw;
  }

  .news-blog-title {
    font-size: 1.56vw;
    margin-top: 0.6vw;
  }

  .news-blog-excerpt {
    font-size: 1.3vw;
    margin-top: 1.2vw;
  }

  .news-blog-meta {
    margin-top: 1.2vw;
  }

  .news-blog-date {
    font-size: 1vw;
  }

  .news-blog-views {
    gap: 0.6vw;
  }

  .news-blog-views-icon {
    width: 1.56vw;
    height: 1.56vw;
  }

  .news-blog-views-num {
    font-size: 1vw;
  }

  .news-blog-more {
    margin: 2.4vw auto 0 auto;
    padding: 0.9vw 2.4vw;
    font-size: 1.1vw;
  }

  .news-blog-pagination {
    gap: 0.6vw;
    margin-top: 1.8vw;
  }

  .news-blog-page-btn {
    width: 2.04vw;
    height: 2.04vw;
    font-size: 1.1vw;
  }

  /* NEWS BLOCK END */

  /* !NEWS PAGE END */

  /* !NEWS DETAIL PAGE START \*/

  /* NEWS DETAIL START */
  .news-detail-container {
    margin-top: 1.2vw;
  }

  .news-detail-content {
    padding: 0 7vw;
  }

  .news-dtail-top {
    gap: 2.4vw;
    padding: 3.72vw 1.92vw 2.52vw 2.52vw;
  }

  .news-detail-tittle {
    font-size: 3.24vw;
  }

  .news-detail-bottom {
    gap: 2.4vw;
  }

  .news-detail-links {
    gap: 1.2vw;
  }

  .news-detail-link {
    padding: 0.42vw 0.78vw;
    font-size: 1.2vw;
  }

  .news-detail-info {
    gap: 2.4vw;
  }

  .news-detail-date,
  .news-detail-time,
  .news-detail-info-date {
    gap: 0.6vw;
  }

  .news-detail-date,
  .news-detail-date-p,
  .news-detail-time,
  .news-detail-p {
    font-size: 0.72vw;
  }

  .news-detail-time img {
    width: 1.02vw;
    height: 1.02vw;
  }

  .news-detail-item {
    gap: 1.2vw;
    margin-top: 2.4vw;
  }

  .news-detail {
    gap: 2.4vw;
  }

  .news-detail__intro {
    font-size: 1.26vw;
  }

  .news-detail__section {
    gap: 1.2vw;
  }

  .news-detail__subtitle {
    font-size: 1.8vw;
  }

  .news-detail__text {
    font-size: 1.2vw;
  }

  .news-detail__list {
    gap: 0.6vw;
    padding-left: 1.8vw;
  }

  .news-detail__list li {
    font-size: 1.2vw;
  }

  .news-detail-promo-card {
    padding: 1.92vw 1.2vw;
    gap: 2.4vw;
  }

  .news-detail-promo-top {
    gap: 0.6vw;
  }

  .news-detail-promo-title {
    font-size: 1.2vw;
  }

  .news-detail-promo-subtitle {
    font-size: 1.26vw;
  }

  .news-detail-promo-tags {
    gap: 0.6vw;
  }

  .news-detail-promo-tag-btn1,
  .news-detail-promo-tag-btn2 {
    padding: 0.48vw 1.2vw;
    font-size: 1.2vw;
  }

  .news-detail-promo-button {
    padding: 0.84vw 2.4vw;
    gap: 0.36vw;
    font-size: 1.2vw;
  }

  .news-detail-promo-button svg {
    width: 2.28vw;
  }

  .news-detail__conclusion {
    gap: 1.2vw;
  }

  .news-detail__social {
    gap: 1.2vw;
  }

  .news-detail__social__p {
    font-size: 1.2vw;
  }

  .news-detail__social__link {
    gap: 1.2vw;
  }

  .news-detail__social-btn svg {
    width: 2.52vw;
    height: 2.52vw;
  }

  .news-detail-right {
    top: 2.4vw;
  }

  .news-detail-right__inner {
    gap: 2.4vw;
    top: 2.4vw;
  }

  .news-detail-right-top {
    gap: 2.4vw;
  }

  .news-detail-right-tittle {
    font-size: 1.4vw;
  }

  .news-detail-right-links {
    gap: 1.2vw;
  }

  .news-detail-right-link {
    font-size: 1.2vw;
  }

  .news-detail-media img {
    height: 12vw;
  }

  .news-detail-media--wide img {
    height: 23.4vw;
  }

  .news-detail-body {
    gap: 0.6vw;
    padding: 0.6vw;
    margin-top: 1.2vw;
  }

  .news-detail-pill {
    padding: 0.42vw 0.78vw;
    font-size: 1.2vw;
  }

  .news-detail-title {
    font-size: 1.56vw;
    margin-top: 0.6vw;
  }

  .news-detail-excerpt {
    font-size: 1.2vw;
    margin-top: 1.2vw;
  }

  .news-detail-meta {
    margin-top: 1.2vw;
  }

  .news-detail-date {
    font-size: 1vw;
  }

  .news-detail-views {
    gap: 0.6vw;
  }

  .news-detail-views-icon {
    width: 1.56vw;
    height: 1.56vw;
  }

  .news-detail-views-num {
    font-size: 1vw;
  }

  /* NEWS DETAIL END \*/

  /* CONTINUE READING START  */
  .continue-reading-container {
    margin-top: 7.2vw;
  }

  .continue-reading-content {
    padding: 0 7vw;
  }

  .continue-reading-tittle {
    font-size: 3.24vw;
  }

  /* CONTINUE READING END \*/

  /* !NEWS DETAIL PAGE END */

  /* !CONTACK PAGE START */

  /* CONTACK START */

  .contack-container {
    margin-top: 1.8vw;
  }

  .contack-content {
    padding: 0 7vw;
    gap: 2.4vw;
  }

  .contack-top {
    gap: 2.4vw;
  }

  .contack-tittle {
    font-size: 3.24vw;
  }

  .contack-p {
    font-size: 1.56vw;
  }

  .contack-item {
    gap: 1.2vw;
  }

  .contack-tel-box {
    padding: 1.92vw 1.56vw;
    gap: 2.4vw;
  }

  .contack-tel-icon {
    width: 2.52vw;
    height: 2.52vw;
    right: 1.2vw;
    top: 1.2vw;
  }

  .contack-time-text,
  .contack-tel-text {
    gap: 1.2vw;
  }

  .contack-mail-box p,
  .contack-tg-wp-box p,
  .contack-time-p,
  .contack-tel-p {
    font-size: 1.56vw;
  }

  .contack-tel-text a {
    font-size: 2.76vw;
  }

  .contack-tel-btn {
    border-radius: 10px;
    padding: 1.2vw 2.4vw;
    font-size: 1.2vw;
    /* -webkit-border-radius: 10px 0.6vw; */
    -moz-border-radius: 10px 0.6vw;
    -ms-border-radius: 10px 0.6vw;
    -o-border-radius: 10px 0.6vw;
  }

  .contack-time-box {
    padding: 1.92vw 1.56vw;
    gap: 2.4vw;
  }

  .contack-time-icon {
    width: 2.52vw;
    height: 2.52vw;
    right: 1.2vw;
    top: 1.2vw;
  }

  .contack-time-span {
    font-size: 2.76vw;
  }

  .contack-time-text2 {
    gap: 0.6vw;
  }

  .contack-time span {
    font-size: 1.2vw;
  }

  .contack-time p {
    font-size: 1.2vw;
  }

  .contack-contack-box {
    gap: 1.2vw;
  }

  .contack-tg-wp-box {
    gap: 2.4vw;
    padding: 1.92vw 1.56vw;
  }

  .contack-tg-wp {
    gap: 1.2vw;
  }

  .contack-tg-wp a {
    gap: 1.2vw;
    font-size: 1.14vw;
  }

  .contack-tg-wp a img {
    width: 2.28vw;
    height: 2.28vw;
  }

  .contack-mail-box {
    gap: 2.4vw;
    padding: 1.92vw 1.56vw;
  }

  .contack-mail-box a {
    font-size: 1.14vw;
  }

  .contack-map-item {
    gap: 1.2vw;
  }

  .contack-map-text {
    gap: 1.2vw;
    padding-left: 2.4vw;
  }

  .contack-map-text p {
    font-size: 1.56vw;
  }

  .contack-map-text a {
    font-size: 1.8vw;
  }

  .contack-map {
    height: 27.6vw;
  }

  /* CONTACK END */

  /* !CONTACK PAGE END */

  /* !ERROR PAGE START */

  /* ERROR START */

  .error-container {
    margin-top: 1.8vw;
  }

  .error-content {
    padding: 0 7vw;
  }

  .error-top {
    padding: 3.6vw 3.6vw 12vw 2.4vw;
  }

  .error-top-text {
    gap: 2.4vw;
  }

  .error-title {
    font-size: 3.24vw;
  }

  .error-p {
    font-size: 1.56vw;
  }

  .error-home-page-link {
    padding: 1.8vw 3vw;
    margin-top: 8.4vw;
  }

  .error-bottom {
    gap: 0.6vw;
    padding: 0 2.4vw;
    margin-top: -9vw;
  }

  .error-link-box {
    padding: 1.92vw 1.92vw 1.26vw 1.26vw;
    gap: 2.4vw;
  }

  .error-link-box h3 {
    font-size: 1.56vw;
  }

  .eror-link {
    font-size: 1.14vw;
  }

  .error-link-list-blue {
    gap: 0.6vw;
  }

  .eror-link-blue {
    padding: 0.54vw 1.02vw;
    font-size: 0.8vw;
  }

  /* ERROR END */

  /* !ERROR PAGE END */

  /* !THANSK PAGE START */

  /* THANKS START */

  .thanks-container {
    margin-top: 1.8vw;
  }

  .thanks-top {
    gap: 1.2vw;
    padding: 0 7vw;
  }

  .thanks-text {
    gap: 1.92vw;
  }

  .thanks-tittle {
    font-size: 3.24vw;
  }

  .thanks-p {
    font-size: 1.2vw;
  }

  .thanks-box-item {
    gap: 0.6vw;
  }

  .thanks-box {
    gap: 0.6vw;
    padding: 1.02vw;
  }

  .thanks-box img {
    width: 1.56vw;
  }

  .thanks-box h3 {
    font-size: 1.02vw;
  }

  .thanks-news-item-row {
    gap: 2.4vw;
    margin-top: 3.6vw;
    padding: 3.6vw 7vw;
  }

  .thanks-news-p {
    font-size: 1.8vw;
  }

  .thans-grid {
    gap: 1.2vw;
  }

  .thans-main {
    padding-bottom: 0.6vw;
  }

  .thans-main-image {
    height: 23.04vw;
  }

  .thans-main-content {
    margin-top: 0.6vw;
    gap: 0.6vw;
  }

  .thans-main-tag {
    padding: 0.36vw 0.78vw;
    font-size: 1.1vw;
  }

  .thans-main-title {
    font-size: 1.5vw;
  }

  .thans-main-excerpt {
    font-size: 1.02vw;
  }

  .thans-main-meta {
    margin-top: 1.2vw;
  }

  .thans-main-meta span {
    font-size: 1vw;
  }

  .thans-main-views {
    gap: 0.6vw;
  }

  .thans-main-views svg {
    width: 1.5vw;
    height: 1.5vw;
  }

  .thans-sidebar {
    gap: 0.6vw;
  }

  .thans-side-item {
    gap: 1.2vw;
    padding: 0 0.6vw 0.6vw 0;
  }

  .thans-side-image {
    width: 16.8vw;
  }

  .thans-side-image img {
    height: 10.8vw;
  }

  .thans-side-content {
    gap: 1.2vw;
  }

  .thans-side-top {
    gap: 0.6vw;
  }

  .thans-side-tag {
    padding: 0.36vw 0.78vw;
    font-size: 0.9vw;
  }

  .thans-side-title {
    font-size: 1.5vw;
  }

  .thans-side-meta span {
    font-size: 1vw;
  }

  .thans-side-views {
    gap: 0.6vw;
  }

  .thans-side-views svg {
    width: 1.5vw;
    height: 1.5vw;
  }

  /* THANKS END */

  /* !THANSK PAGE END */
  .contack-tel-btn {
    border-radius: 10px;
    padding: 14px 40px;
    font-size: 14px;
    /* -webkit-border-radius: 10px 0.6vw; */
    -moz-border-radius: 10px 0.6vw;
    -ms-border-radius: 10px 0.6vw;
    -o-border-radius: 10px 0.6vw;
  }

  .news-side-views svg {
    width: 16px;
    height: 16px;
  }
}

@media only screen and (max-width: 1040px) {

  /* HEADER START */
  .header-content {
    padding: 10px 20px;
    gap: 20px;
  }

  .logo {
    width: 100%;
    display: flex;
    align-items: center;
    flex-shrink: 1;
  }

  .logo img {
    width: 124px;
  }

  .menu-li {
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 21;
    border-bottom: 1px solid #d0d1d3;
    padding: 15px 0;
  }

  .catalog-link {
    background: transparent;
    color: #505970 !important;
  }

  .menu-link {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    padding: 0px;

    border-radius: 0;
    text-align: left;
  }

  nav {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 0px;
    background: #ffffff;
    width: 100%;
  }

  .menu-item {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    position: absolute;
    background: #ffffff;
    z-index: 9999;
    left: -500%;
    top: 100%;
    padding: 0 20px 60px 20px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
  }

  .menu-item.active {
    left: 0;
  }

  .dropdown-link {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5vw;
  }

  .dropdown-link::after {
    display: none;
  }

  .menu-li.catalog-li:hover .catalog-item {
    display: none;
  }

  .search-item {
    margin-left: 0;
    margin-top: 20px;
  }

  .search-btn svg {
    width: 18px;
  }

  .search-btn {
    gap: 10px;
    font-size: 14px;
    padding: 10px 0 0 20px;
  }

  .search-popup {
    width: 260px;
    top: 120%;
    left: 0%;
  }

  .search-popup input,
  .search-popup input::placeholder {
    font-size: 14px;
  }

  .search-popup input {
    padding: 10px 20px;
  }

  .header-tel span {
    font-size: 12px;
  }

  .header-tel-link {
    font-size: 16px;
  }

  .header-contack {
    gap: 20px;
    flex-shrink: 0;
  }

  .header-basket svg {
    width: 39px;
  }

  .basket-n {
    width: 20px;
    height: 20px;
    font-size: 11px;
  }

  .header-mobil-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .header-mobil-btn-open,
  .header-mobil-btn-close {
    width: fit-content;
    height: auto;
  }

  .header-mobil-btn-open img,
  .header-mobil-btn-close img {
    width: 36px;
    height: auto;
    display: none;
  }

  .header-mobil-btn-open.active img,
  .header-mobil-btn-close.active img {
    display: flex;
  }

  .dd-menu {
    width: fit-content;
    gap: 10px;
    padding: 0;
    margin-top: 10px;
    background: transparent;
    box-shadow: none;
    padding-left: 20px;
  }

  .dd-menu-item {
    position: static;
    flex-shrink: 0;
    top: 0%;
    left: 0;
    display: flex;
  }

  .dd-link {
    font-size: 13px;
  }

  /* HEADER END */

  /* BANNER START */

  .banner-content {
    gap: 20px;
    padding: 50px 20px 40px 20px;
    flex-wrap: wrap;
  }

  .banner-tittle {
    font-size: 27px;
  }

  .banner-text-item {
    width: 50%;
  }

  .banner-text {
    gap: 20px;
  }

  .banner-p {
    padding: 10px 15px;
    font-size: 13px;
  }

  .banner-catalog-link {
    padding: 28px 48px;
    font-size: 18px;
  }

  .banner-btn-box {
    gap: 10px;
    margin-top: 30px;
    flex-wrap: wrap;
  }

  .banner-form {
    gap: 10px;
    font-size: 18px;
  }

  .banner-form svg {
    width: 24px;
  }

  .banner-service-box {
    gap: 15px;
    margin-top: 20px;
    flex-wrap: wrap;
  }

  .banner-service-tittle {
    font-size: 22px;
  }

  .banner-service-p {
    gap: 10px;
    font-size: 16px;
  }

  .banner-service-list {
    gap: 10px;
    margin-top: 10px;
  }

  .banner-service-p span {
    width: 8px;
    height: 8px;
  }

  .banner-service-info {
    padding: 5px 10px;
    font-size: 14px;
  }

  .banner-service-info br {
    display: none;
  }

  .info-block {
    width: 328px;
    padding: 20px 20px 10px 20px;
  }

  .info-block h3 {
    font-size: 20px;
  }

  .info-block p {
    font-size: 14px;
  }

  .btn-group span {
    padding: 5px 10px;
    font-size: 14px;
  }

  .btn-group {
    gap: 10px;
    margin-top: 30px;
  }

  .powder-container {
    margin-top: 60px;
  }

  .powder-content {
    padding: 0 20px;
  }

  .powder-title {
    font-size: 28px;
  }

  .powder-top {
    gap: 10px;
  }

  .powder-subtitle {
    font-size: 16px;
  }

  .powder-card-item {
    margin-top: 20px;
    flex-wrap: wrap;
  }

  .powder-card {
    width: 49%;
    height: 320px;
    padding: 40px 30px 30px 20px;
    margin-bottom: 20px;
  }

  .powder-label {
    padding: 16px 30px;
    font-size: 24px;
  }

  .arrow-circle svg {
    width: 70px;
  }

  .color-filter-container {
    margin-top: 60px;
  }

  .color-filter-content {
    padding: 0 20px;
  }

  .color-ciltre-tittle {
    font-size: 28px;
  }

  .color-filtre-text {
    gap: 10px;
  }

  .color-filter-top {
    gap: 20px;
  }

  .color-filtre-p {
    font-size: 16px;
  }

  .color-filtre-box-info {
    padding: 15px;
    border-radius: 16px;
  }

  .color-filtre-box-text {
    gap: 5px;
  }

  .color-filtre-box-text-tittle {
    font-size: 14px;
  }

  .color-filtre-box-text-p {
    font-size: 13px;
  }

  .color-filtre-box-info-open svg {
    width: 20px;
    height: 20px;
  }

  .catalog-box-info-popup-item {
    width: 500px;
    gap: 15px;
    border-radius: 16px;
    padding: 40px 20px 30px 20px;
  }

  .catalog-popup-tittle {
    font-size: 20px;
  }

  .catalog-popup-p {
    font-size: 14px;
  }

  .catalog-popup-close {
    width: 24px;
    height: 24px;
    right: 15px;
    top: 15px;
  }

  .catalog-popup-list-item {
    gap: 10px;
    padding: 10px 5px;
  }

  .catalog-color-code {
    font-size: 12px;
  }

  .catalog-color-p {
    font-size: 12px;
  }

  .color-filter-btn-item {
    gap: 10px;
    margin-top: 30px;
    flex-wrap: wrap;
  }

  .color-filter-btn-p {
    font-size: 13px;
  }

  .color-filter-btn {
    padding: 7px 15px;
    font-size: 14px;
  }

  .color-filter-row {
    gap: 10px;
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
  }

  .filter-container {
    padding: 0px;
    border-radius: 10px;
  }

  .filter-section {
    margin-bottom: 20px;
  }

  .section-header i,
  .section-header h3 {
    font-size: 13px;
  }

  .price-display {
    padding: 10px 15px;
  }

  .price-display,
  .price-display span {
    font-size: 13px;
  }

  .checkbox-item input[type="checkbox"] {
    width: 20px;
    height: 20px;
  }

  .checkbox-item {
    gap: 10px;
  }

  .checkbox-item span {
    font-size: 12px;
  }

  .section-content {
    gap: 15px;
  }

  .filter-list-item {
    width: 320px;
    gap: 50px;
    position: absolute;
    left: -500%;
    top: 0;
    background: #f3f8f9;
    z-index: 2;
    padding: 30px 20px;
    border-radius: 10px;
    transition: all 0.3s linear;
  }

  .filter-list-item.active {
    left: 0;
  }

  .filter-mobil-btn {
    display: flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
  }

  .filter-mobil-p {
    color: #2f323a;
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 116%;
    letter-spacing: 0%;
  }

  .mobil-filter-close {
    width: 30px;
    height: 30px;
  }

  .mobil-filter-close img {
    width: 100%;
    height: 100%;
  }

  .section-header {
    margin-bottom: 15px;
  }

  .clear-filters-btn {
    padding: 10px 20px;
    gap: 10px;
    font-size: 13px;
  }

  .clear-filters-btn svg {
    width: 20px;
    height: 20px;
  }

  .paint-helper-box {
    padding: 20px 10px;
    gap: 10px;
  }

  .paint-helper-box h3 {
    font-size: 14px;
  }

  .paint-helper-box p {
    font-size: 13px;
  }

  .paint-helper-btn {
    padding: 14px 20px;
    font-size: 14px;
    margin-top: 20px;
  }

  .color-filter-header-banner {
    gap: 20px;
    padding: 30px 20px 20px 30px;
  }

  .color-filter-banner-left-text {
    gap: 5px;
  }

  .color-filter-banner-left-text p {
    font-size: 13px;
  }

  .color-filter-banner-left-text h3 {
    font-size: 20px;
  }

  .color-filter-banner-left {
    gap: 10px;
  }

  .color-filter-tag {
    padding: 8px 16px;
    font-size: 14px;
  }

  .color-filter-view-positions-btn {
    gap: 10px;
    padding: 14px 40px;
    font-size: 14px;
  }

  .color-filter-view-positions-btn svg {
    width: 38px;
  }

  .color-filter-bar-mobil {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
  }

  .color-filter-mobil-open {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #505970;
    padding: 10px 20px;
    border-radius: 20px;
    color: #ffffff;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
  }

  .color-filter-mobil-open svg {
    width: 19px;
    height: auto;
  }

  .color-filter-bar-mobil-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .color-filter-filter-mobil-button {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .color-filter-filter-mobil-button svg {
    width: 12px;
    height: 12px;
  }

  .color-filter-bar-mobil-btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .color-filter-bar-mobil-btn img {
    width: 12px;
    height: auto;
    transition: all 0.3s linear;
  }

  .color-filter-bar-mobil-list {
    width: 200px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #ffffff;
    box-shadow: 0px 9px 40px 0px #b9c4d673;
    border-radius: 10px;
    padding: 10px 0;
    position: absolute;
    top: 30px;
    right: -500%;
    transition: all 0.3s linear;
  }

  .color-filter-bar-mobil-list.active {
    right: 0;
  }

  .color-filter-bar-mobil-list button {
    width: 100%;
    padding: 10px;
    color: #000000;
    font-weight: 500;
    font-style: Medium;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 115%;
    letter-spacing: 0%;
  }

  .color-filter-bar-mobil-list button:hover {
    background: #ecf1f7;
    color: #505970;
    font-weight: 700;
    font-style: Bold;
  }

  .color-btn {
    width: 30px;
    height: 30px;
  }

  .color-filter-filter-bar {
    display: none;
  }

  .color-filter-product-card {
    padding: 4px;
  }

  .color-filter-product-image {
    height: 110px;
  }

  .color-filter-product-info {
    margin-top: 15px;
    gap: 10px;
  }

  .color-filter-product-title {
    font-size: 14px;
  }

  .color-filter-product-price {
    gap: 20px;
  }

  .color-filter-price {
    font-size: 18px;
  }

  .color-filter-cart-btn {
    padding: 10px 20px;
    font-size: 14px;
  }

  .color-filter-products-grid {
    margin-top: 20px;
    gap: 20px;
  }

  .color-filter-show-more {
    margin-top: 30px;
  }

  .color-filter-show-more-btn {
    padding: 14px 40px;
    font-size: 14px;
  }

  .color-filter-page-btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  .color-filter-pagination {
    gap: 10px;
    margin-top: 20px;
  }

  .color-filter-newsletter {
    gap: 20px;
    padding: 30px 20px 20px 20px;
    margin-top: 30px;
  }

  .color-filter-newsletter-content {
    gap: 10px;
  }

  .color-filter-newsletter-content h3 {
    font-size: 20px;
  }

  .color-filter-newsletter-content p {
    font-size: 14px;
  }

  .color-filter-newsletter-btn {
    gap: 10px;
    padding: 14px 20px;
    font-size: 14px;
  }

  .color-filter-newsletter-btn svg {
    width: 24px;
    height: 24px;
  }

  .apps-container {
    margin-top: 60px;
  }

  .apps-content {
    padding: 0 20px;
  }

  .apps-item {
    margin-top: 20px;
  }

  .apps-title {
    font-size: 28px;
  }

  .apps-intro {
    width: 100% !important;
    padding: 20px !important;
  }

  .apps-intro-text {
    font-size: 16px;
  }

  .apps-content-box {
    gap: 10px;
    padding: 16px;
  }

  .apps-card-title {
    font-size: 16px;
  }

  .apps-subtitle {
    font-size: 14px;
  }

  .apps-image {
    width: 100%;
    height: auto;
  }

  .apps-card {
    width: 32%;
    justify-content: space-between;
  }

  .features-container {
    margin-top: 60px;
  }

  .features-content {
    gap: 20px;
    padding: 0 20px;
    flex-direction: column;
  }

  .features-left {
    width: 100%;
    gap: 20px;
    padding: 0;
  }

  .features-title {
    font-size: 28px;
  }

  .features-desc {
    font-size: 16px;
  }

  .feature-card {
    height: auto;
    padding: 20px 16px;
    gap: 20px;
  }

  .feature-icon {
    width: 32px;
  }

  .feature-info {
    gap: 10px;
  }

  .feature-title {
    font-size: 20px;
  }

  .feature-text {
    font-size: 16px;
  }

  .feature-blue {
    margin-top: 0;
  }

  .feature-mint {
    margin-top: 0;
  }

  .ser-container {
    margin-top: 60px;
    padding: 40px 0;
  }

  .ser-slider {
    margin-top: 20px;
    padding-left: 20px;
  }

  .ser-top {
    gap: 10px;
    padding: 0 20px;
  }

  .ser-title {
    font-size: 28px;
  }

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

  .ser-slider .owl-nav button.owl-prev,
  .ser-slider .owl-nav button.owl-next {
    width: 66px;
    height: 66px;
  }

  .ser-slider .owl-nav {
    padding-right: 40px;
  }

  .ser-slide img {
    height: 290px;
  }

  .contack-form-container {
    margin-top: 60px;
    padding: 0px;
  }

  .contack-form-content {
    padding: 20px;
    border-radius: 0px;
    gap: 50px;
    align-items: center;
    justify-content: flex-start;
  }

  .contack-form-left {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
  }

  .contack-form-text {
    width: 100%;
    gap: 20px;
    position: static;
  }

  .contack-form-text h3 {
    font-size: 28px;
  }

  .contack-form-text h3 br {
    display: none;
  }

  .contack-form-text p {
    font-size: 16px;
  }

  .contack-form-person {
    display: none;
  }

  .contact-form {
    width: 328px;
    padding: 20px 16px;
    gap: 15px;
    border-radius: 20px;
  }

  .form-group {
    padding: 12px 16px;
    border-radius: 12px;
  }

  .form-input,
  .form-input::placeholder,
  .form-textarea::placeholder,
  .form-textarea {
    font-size: 16px;
  }

  .form-label {
    font-size: 18px;
  }

  .form-icon {
    width: 24px;
    height: 24px;
  }

  .form-btn {
    margin-top: 10px;
    padding: 26px 48px;
    font-size: 18px;
  }

  .form-info {
    padding: 12px 18px;
    font-size: 16px;
  }

  .news-container {
    margin-top: 60px;
  }

  .news-content {
    padding: 0 20px;
  }

  .news-top-text {
    gap: 10px;
  }

  .news-title {
    font-size: 28px;
  }

  .news-subtitle {
    font-size: 16px;
  }

  .news-filters {
    gap: 10px;
    margin-top: 20px;
  }

  .news-filter-btn {
    font-size: 12px;
  }

  .news-grid {
    margin-top: 20px;
    gap: 10px;
  }

  .news-main {
    padding-bottom: 10px;
  }

  .news-main-image {
    height: 240px;
  }

  .news-main-content {
    margin-top: 10px;
    gap: 10px;
  }

  .news-main-tag,
  .news-side-tag {
    padding: 5px 10px;
    font-size: 11px;
  }

  .news-side-title,
  .news-main-title {
    font-size: 16px;
  }

  .news-side-meta span,
  .news-main-meta span {
    font-size: 11px;
  }

  .news-side-views,
  .news-main-views {
    gap: 10px;
  }

  .news-side-top {
    gap: 10px;
  }

  .news-side-item {
    gap: 10px;
    padding: 0 10px 10px 0;
  }

  .news-side-image {
    width: 120px;
  }

  .news-side-image img {
    height: 100%;
  }

  .news-more-btn {
    margin: 30px auto 0 auto;
    padding: 14px 30px;
    font-size: 14px;
  }

  footer {
    margin-top: 60px;
    background: linear-gradient(171.89deg,
        rgba(208, 155, 214, 0.5) -2.69%,
        rgba(144, 134, 207, 0.5) 28.65%,
        rgba(147, 181, 211, 0.5) 48.69%,
        rgba(159, 224, 220, 0.5) 65.09%,
        rgba(159, 229, 193, 0.5) 94.35%,
        rgba(181, 242, 181, 0.5) 105.3%),
      linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
  }

  .footer-content {
    padding: 30px 20px;
  }

  .footer-top {
    width: 100%;

    flex-wrap: wrap;
    gap: 0px;
    justify-content: space-between;
  }

  .footer-logo-item {
    width: 45%;
    gap: 20px;
    align-items: center;
  }

  .footer-logo-icon {
    width: 183px;
  }

  .footer-logo-tagline {
    width: fit-content;
    padding: 12px 10px;
    font-size: 12px;
    text-align: center;
  }

  .footer-logo-info {
    gap: 10px;
    align-items: center;
  }

  .footer-menu-item {
    width: 45%;
    gap: 20px;
    justify-content: space-between;
  }

  .footer-menu-column {
    gap: 10px;
  }

  .footer-menu-title {
    font-size: 14px;
  }

  .footer-menu-list {
    gap: 10px;
  }

  .footer-menu-list a {
    font-size: 13px;
  }

  .footer-contack {
    width: 100%;
    justify-content: space-between;
    margin-top: 30px;
  }

  .footer-promo {
    width: 45%;
    height: auto;
    padding: 20px;
    overflow: hidden;
  }

  .footer-promo-top {
    gap: 10px;
  }

  .footer-promo-label {
    font-size: 14px;
  }

  .footer-promo-title {
    font-size: 14px;
  }

  .footer-promo-bottom {
    gap: 10px;
    flex-direction: row;
  }

  .footer-promo-availability {
    padding: 10px 15px;
    font-size: 13px;
  }

  .footer-map {
    width: 45%;
    gap: 10px;
    padding: 6px;
  }

  .foooter-bottom {
    gap: 10px;
    font-size: 12px;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
  }

  .footer-contact-info {
    gap: 10px;
  }

  .footer-contact-phone {
    gap: 10px;
    font-size: 14px;
  }

  .footer-contact-phone svg,
  .footer-contact-address svg,
  .footer-contact-hours svg {
    width: 20px;
    height: 20px;
  }

  .footer-contact-address {
    gap: 10px;
    font-size: 12px;
  }

  .footer-contact-hours {
    gap: 10px;
    font-size: 12px;
  }

  .catalog-filtre-container {
    margin-top: 30px;
  }

  .catalog-filtre-content {
    padding: 0 20px;
  }

  .catalog-filter-tittle {
    font-size: 28px;
  }

  .catalog-filter-row {
    gap: 10px;
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
  }

  .catalog-container {
    padding: 0px;
    border-radius: 10px;
  }

  .catalog-section {
    margin-bottom: 20px;
  }

  .catalog-header {
    margin-bottom: 15px;
  }

  .catalog-header i,
  .catalog-header h3 {
    font-size: 13px;
  }

  .catalog-price-display {
    padding: 10px 15px;
  }

  .catalog-price-display,
  .catalog-price-display span {
    font-size: 13px;
  }

  .catalog-checkbox-item input[type="checkbox"] {
    width: 20px;
    height: 20px;
  }

  .catalog-checkbox-item {
    gap: 10px;
  }

  .catalog-checkbox-item span {
    font-size: 12px;
  }

  .catalog-section-content {
    gap: 15px;
  }

  .catalog-list-item {
    width: 320px;
    gap: 50px;
    position: absolute;
    left: -500%;
    top: 0;
    background: #f3f8f9;
    z-index: 2;
    padding: 30px 20px;
    border-radius: 10px;
    transition: all 0.3s linear;
  }

  .catalog-list-item.active {
    left: 0;
  }

  .catalog-filter-mobil-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
  }

  .catalog-filter-mobil-p {
    color: #2f323a;
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 116%;
    letter-spacing: 0%;
  }

  .catalog-mobil-filter-close {
    width: 30px;
    height: 30px;
  }

  .catalog-mobil-filter-close img {
    width: 100%;
    height: 100%;
  }

  .catalog-section-header {
    margin-bottom: 15px;
  }

  .catalog-clear-filters-btn {
    padding: 10px 20px;
    gap: 10px;
    font-size: 13px;
  }

  .catalog-clear-filters-btn svg {
    width: 20px;
    height: 20px;
  }

  .catalog-helper-box {
    padding: 20px 10px;
    gap: 10px;
  }

  .catalog-helper-box h3 {
    font-size: 14px;
  }

  .catalog-helper-box p {
    font-size: 13px;
  }

  .catalog-helper-btn {
    padding: 14px 20px;
    font-size: 14px;
    margin-top: 20px;
  }

  .catalog-filter-header-banner {
    gap: 20px;
    padding: 30px 20px 20px 30px;
  }

  .catalog-filter-banner-left-text {
    gap: 5px;
  }

  .catalog-filter-banner-left-text p {
    font-size: 13px;
  }

  .catalog-filter-banner-left-text h3 {
    font-size: 20px;
  }

  .catalog-filter-banner-left {
    gap: 10px;
  }

  .catalog-filter-tag {
    padding: 8px 16px;
    font-size: 14px;
  }

  .catalog-filter-view-positions-btn {
    gap: 10px;
    padding: 14px 40px;
    font-size: 14px;
  }

  .catalog-filter-view-positions-btn svg {
    width: 38px;
  }

  .catalog-filter-bar-mobil {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
  }

  .catalog-filter-mobil-open {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #505970;
    padding: 10px 20px;
    border-radius: 20px;
    color: #ffffff;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
  }

  .catalog-filter-mobil-open svg {
    width: 19px;
    height: auto;
  }

  .catalog-filter-bar-mobil-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .catalog-filter-filter-mobil-button {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .catalog-filter-filter-mobil-button svg {
    width: 12px;
    height: 12px;
  }

  .catalog-filter-bar-mobil-btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .catalog-filter-bar-mobil-btn img {
    width: 12px;
    height: auto;
    transition: all 0.3s linear;
  }

  .catalog-filter-bar-mobil-list {
    width: 200px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #ffffff;
    box-shadow: 0px 9px 40px 0px #b9c4d673;
    border-radius: 10px;
    padding: 10px 0;
    position: absolute;
    top: 30px;
    right: -500%;
    transition: all 0.3s linear;
  }

  .catalog-filter-bar-mobil-list.active {
    right: 0;
  }

  .catalog-filter-bar-mobil-list button {
    width: 100%;
    padding: 10px;
    color: #000000;
    font-weight: 500;
    font-style: Medium;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 115%;
    letter-spacing: 0%;
  }

  .catalog-filter-bar-mobil-list button:hover {
    background: #ecf1f7;
    color: #505970;
    font-weight: 700;
    font-style: Bold;
  }

  .catalog-color-btn {
    width: 30px;
    height: 30px;
  }

  .catalog-filter-filter-bar {
    display: none;
  }

  .catalog-filter-product-card {
    padding: 4px;
  }

  .catalog-filter-product-image {
    height: 110px;
  }

  .catalog-filter-product-info {
    margin-top: 15px;
    gap: 10px;
  }

  .catalog-filter-product-title {
    font-size: 14px;
  }

  .catalog-filter-product-price {
    gap: 20px;
  }

  .catalog-filter-price {
    font-size: 18px;
  }

  .catalog-filter-cart-btn {
    padding: 10px 20px;
    font-size: 14px;
  }

  .catalog-filter-products-grid {
    margin-top: 20px;
    gap: 20px;
  }

  .catalog-filter-show-more {
    margin-top: 30px;
  }

  .catalog-filter-show-more-btn {
    padding: 14px 40px;
    font-size: 14px;
  }

  .catalog-filter-page-btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  .catalog-filter-pagination {
    gap: 10px;
    margin-top: 20px;
  }

  .catalog-filter-newsletter {
    gap: 20px;
    padding: 30px 20px 20px 20px;
    margin-top: 30px;
  }

  .catalog-filter-newsletter-content {
    gap: 10px;
  }

  .catalog-filter-newsletter-content h3 {
    font-size: 20px;
  }

  .catalog-filter-newsletter-content p {
    font-size: 14px;
  }

  .catalog-filter-newsletter-btn {
    gap: 10px;
    padding: 14px 20px;
    font-size: 14px;
  }

  .catalog-filter-newsletter-btn svg {
    width: 24px;
    height: 24px;
  }

  .catalog-filter-text {
    gap: 20px;
    margin-top: 30px;
  }

  .catalog-filter-text p {
    font-size: 14px;
  }

  .catalog-filter-top {
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .catalog-filter-info-box {
    gap: 10px;
    padding: 10px 20px;
    border-radius: 15px;
    flex-direction: column;
  }

  .info-content {
    gap: 10px;
  }

  .info-title {
    font-size: 14px;
  }

  .info-subtitle {
    font-size: 13px;
  }

  .catalog-filter-info-box img {
    width: 32px;
    height: 32px;
  }

  .catalog-filters-btn {
    gap: 15px;
    margin-top: 20px;
  }

  .catalog-filter-options {
    gap: 10px;
  }

  .catalog-filter-group {
    gap: 15px;
    align-items: first baseline;
  }

  .catalog-filter-label {
    font-size: 14px;
    flex-shrink: 0;
  }

  .catalog-filter-btn {
    padding: 5px 10px;
    font-size: 13px;
  }

  .catalog-color-filtre-box-info {
    padding: 20px 10px;
    border-radius: 16px;
  }

  .catalog-color-filtre-box-text {
    gap: 10px;
  }

  .catalog-color-filtre-box-text-tittle {
    font-size: 14px;
  }

  .catalog-color-filtre-box-text-p {
    font-size: 13px;
  }

  .catalog-color-filtre-box-info-open svg {
    width: 24px;
    height: 24px;
  }

  .catalog-popup-list {
    max-height: 230px;
    padding-right: 10px;
  }

  .popup-form2-close,
  .popup-form-close {
    right: 15px;
    top: 15px;
  }

  .popup-form2-close svg,
  .popup-form-close svg {
    width: 30px;
    height: 30px;
  }

  .popup-contact-form2,
  .popup-contact-form {
    width: 400px;
    gap: 10px;
    padding: 30px 20px;
    align-items: flex-start;
  }

  .popup-contack-form2-text,
  .popup-contack-form-text {
    gap: 10px;
    margin-bottom: 20px;
  }

  .popup-contack-form2-text h3,
  .popup-contack-form-text h3 {
    font-size: 20px;
  }

  .popup-contack-form2-text p,
  .popup-contack-form-text p {
    font-size: 14px;
  }

  .popup-form2-group,
  .popup-form-group {
    padding: 10px 20px;
    border-radius: 10px;
    gap: 10px;
  }

  .popup-form2-input,
  .popup-form2-input::placeholder,
  .popup-form2-textarea::placeholder,
  .popup-form2-textarea,
  .popup-form-input,
  .popup-form-input::placeholder,
  .popup-form-textarea::placeholder,
  .popup-form-textarea {
    font-size: 14px;
  }


  .popup-form-icon {
    width: 24px;
    height: 24px;
  }

  .popup-form2-label,

  .popup-form-label {
    font-size: 14px;
  }

  .popup-form2-btn,
  .popup-form-btn {
    margin-top: 10px;
    padding: 20px 30px;
    font-size: 14px;
  }

  .popup-form2-info,
  .popup-form-info {
    padding: 10px 20px;
    font-size: 14px;
    margin: 0 auto;
  }

  .popup-form2-person-text h3,
  .popup-form-person-text h3 {
    font-size: 14px;
  }

  .popup-form2-person-text p,
  .popup-form-person-text p {
    font-size: 13px;
  }

  .popup-form2-person,
  .popup-form-person {
    gap: 10px;
    padding: 21px;
  }

  .pagination-content {
    padding: 0 20px;
  }

  .pagination-p,
  .pagination-link {
    gap: 10px;
    font-size: 14px;
  }

  .category-container {
    margin-top: 20px;
  }

  .category-content {
    padding: 0 20px;
  }

  .category-tittle {
    font-size: 28px;
  }

  .category-top {
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .category-info-box {
    gap: 10px;
    padding: 16px 20px;
  }

  .category-info-box img {
    width: 32px;
    height: 32px;
  }

  .category-info-content {
    gap: 10px;
  }

  .category-info-title {
    font-size: 14px;
  }

  .category-info-subtitle {
    font-size: 13px;
  }

  .category-powder-card-item {
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 4%;
  }

  .category-powder-card {
    width: 48%;

    height: 280px;
    padding: 40px 30px 30px 20px;
    margin-bottom: 4%;
  }

  .category-powder-label {
    padding: 16px 30px;
    font-size: 24px;
  }

  .category-info-row {
    margin-top: 60px;
    gap: 4%;
    flex-wrap: wrap;
  }


  .category-info-item {
    gap: 20px;
    width: 48%;
    margin-bottom: 4%;

  }

  .category-color-filtre-box-info {
    padding: 20px 16px;
    gap: 20px;
    align-items: flex-start;
  }

  .category-color-filtre-box-text-tittle {
    font-size: 20px;
  }

  .category-color-filtre-box-text {
    gap: 10px;
  }

  .category-color-filtre-box-text-p {
    font-size: 14px;
  }


  .category-color-filtre-box-info-open svg {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 15px;
  }


  .category-doc-box {
    padding: 20px 16px;
    gap: 20px;
  }

  .category-doc-text {
    gap: 10px;
  }

  .category-doc-text h3 {
    font-size: 20px;
  }


  .category-doc-text p {
    font-size: 14px;
  }



  .category-doc-link svg {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 15px;
  }

  .select-paint-box {
    gap: 20px;
    padding: 20px 16px;
    width: 48%;
    margin-bottom: 4%;
  }


  .select-paint-text {
    gap: 10px;
  }

  .select-paint-text h3 {
    font-size: 18px;
  }

  .select-paint-text p {
    font-size: 14px;
  }

  .select-paint-btn {
    padding: 14px 40px;
    font-size: 14px;
    border-radius: 10px;
  }


  .category-prome-card {
    width: 100%;

    padding: 30px 20px 20px 30px;
    gap: 20px;
  }


  .category-prome-top {
    gap: 10px;
  }

  .category-prome-title {
    font-size: 16px;
  }

  .category-prome-subtitle {
    font-size: 22px;
  }

  .category-prome-tags {
    gap: 10px;
    margin-top: 15px;
  }

  .category-prome-tag-btn1,
  .category-prome-tag-btn2 {
    padding: 8px 16px;
    font-size: 14px;
  }

  .category-prome-button {
    padding: 14px 40px;
    gap: 10px;
    font-size: 14px;
    right: 20px;
    bottom: 20px;
  }

  .category-prome-button svg {
    width: 38px;
  }

  .separate-filtre-container {
    margin-top: 20px;
  }

  .separate-filtre-content {
    padding: 0 20px;
  }

  .separete-paint-banner {
    height: auto;
    padding: 20px 12px 120px 12px;
  }

  .separete-paint-text {
    width: 70%;
    gap: 20px;
  }

  .separete-paint-text h3 {
    font-size: 32px;
  }

  .separete-text-info {
    gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }

  .separete-info1 {
    padding: 12px 20px;
    font-size: 14px;
  }

  .separete-info2 {
    padding: 8px 20px;
    font-size: 13px;
  }

  .separete-paint-text p {
    font-size: 14px;
  }

  .separete-info-img {
    height: 100%;
    position: absolute;
    top: auto;
    right: -60px;
    /* bottom: 0; */
  }

  .separate-filter-top {
    margin-top: 30px;
  }

  .separate-filter-info {
    width: 100%;
    display: flex;
    gap: 4%;
    flex-wrap: wrap;
  }

  .separate-filter-info-box {
    width: 48%;
    gap: 10px;
    padding: 16px 20px;
    margin-bottom: 4%;
  }

  .separate-filter-info-box img {
    width: 32px;
    height: 32px;
  }

  .separate-info-subtitle {
    font-size: 13px;
  }

  .separate-info-content {
    gap: 10px;
  }

  .info-title-doc {
    font-size: 14px;
  }


  .separate-info-doc-p {
    font-size: 13px;
  }





  .separate-filters-btn {
    gap: 15px;
    margin-top: 20px;
  }

  .separate-filter-options {
    gap: 10px;
  }

  .separate-filter-group {
    gap: 15px;
    align-items: first baseline;
  }

  .separate-filter-label {
    font-size: 14px;
    flex-shrink: 0;
  }

  .separate-filter-btn {
    padding: 5px 10px;
    font-size: 13px;
  }

  .separate-color-filtre-box-info {
    padding: 20px 10px;
    border-radius: 16px;
  }

  .separate-color-filtre-box-text {
    gap: 10px;
  }

  .separate-color-filtre-box-text-tittle {
    font-size: 14px;
  }

  .separate-color-filtre-box-text-p {
    font-size: 13px;
  }

  .separate-color-filtre-box-info-open svg {
    width: 24px;
    height: 24px;
  }


  .separate-filter-row {
    gap: 10px;
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
  }

  .separate-container {
    padding: 0px;
    border-radius: 10px;
  }

  .separate-section {
    margin-bottom: 20px;
  }

  .separate-header i,
  .separate-header h3 {
    font-size: 13px;
  }

  .separate-price-display {
    padding: 10px 15px;
  }

  .separate-price-display,
  .separate-price-display span {
    font-size: 13px;
  }

  .separate-checkbox-item input[type="checkbox"] {
    width: 20px;
    height: 20px;
  }

  .separate-checkbox-item {
    gap: 10px;
  }

  .separate-checkbox-item span {
    font-size: 12px;
  }

  .separate-section-content {
    gap: 15px;
  }

  .separate-list-item {
    width: 320px;
    gap: 50px;
    position: absolute;
    left: -500%;
    top: 0;
    background: #f3f8f9;
    z-index: 2;
    padding: 30px 20px;
    border-radius: 10px;
    transition: all 0.3s linear;
  }

  .separate-list-item.active {
    left: 0;
  }

  .separate-filter-mobil-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
  }

  .separate-filter-mobil-p {
    color: #2f323a;
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 116%;
    letter-spacing: 0%;
  }

  .separate-mobil-filter-close {
    width: 30px;
    height: 30px;
  }

  .separate-mobil-filter-close img {
    width: 100%;
    height: 100%;
  }

  .separate-section-header {
    margin-bottom: 15px;
  }

  .separate-clear-filters-btn {
    padding: 10px 20px;
    gap: 10px;
    font-size: 13px;
  }

  .separate-clear-filters-btn svg {
    width: 20px;
    height: 20px;
  }

  .separate-helper-box {
    padding: 20px 10px;
    gap: 10px;
  }

  .separate-helper-box h3 {
    font-size: 14px;
  }

  .separate-helper-box p {
    font-size: 13px;
  }

  .separate-helper-btn {
    padding: 14px 20px;
    font-size: 14px;
    margin-top: 20px;
  }

  .separate-filter-header-banner {
    gap: 20px;
    padding: 30px 20px 20px 30px;
  }

  .separate-filter-banner-left-text {
    gap: 5px;
  }

  .separate-filter-banner-left-text p {
    font-size: 13px;
  }

  .separate-filter-banner-left-text h3 {
    font-size: 20px;
  }

  .separate-filter-banner-left {
    gap: 10px;
  }

  .separate-filter-tag {
    padding: 8px 16px;
    font-size: 14px;
  }

  .separate-filter-view-positions-btn {
    gap: 10px;
    padding: 14px 40px;
    font-size: 14px;
  }

  .separate-filter-view-positions-btn svg {
    width: 38px;
  }

  .separate-filter-bar-mobil {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
  }

  .separate-filter-mobil-open {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #505970;
    padding: 10px 20px;
    border-radius: 20px;
    color: #ffffff;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
  }

  .separate-filter-mobil-open svg {
    width: 19px;
    height: auto;
  }

  .separate-filter-bar-mobil-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .separate-filter-filter-mobil-button {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .separate-filter-filter-mobil-button svg {
    width: 12px;
    height: 12px;
  }

  .separate-filter-bar-mobil-btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .separate-filter-bar-mobil-btn img {
    width: 12px;
    height: auto;
    transition: all 0.3s linear;
  }

  .separate-filter-bar-mobil-list {
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #ffffff;
    box-shadow: 0px 9px 40px 0px #b9c4d673;
    border-radius: 10px;
    padding: 10px 0;
    position: absolute;
    top: 30px;
    right: -500%;
    z-index: 2;
    transition: all 0.3s linear;
  }

  .separate-filter-bar-mobil-list.active {
    right: 0;
  }

  .separate-filter-bar-mobil-list button {
    width: 100%;
    padding: 10px;
    color: #000000;
    font-weight: 500;
    font-style: Medium;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 115%;
    letter-spacing: 0%;
  }

  .separate-filter-bar-mobil-list button:hover {
    background: #ecf1f7;
    color: #505970;
    font-weight: 700;
    font-style: Bold;
  }

  .separate-color-btn {
    width: 30px;
    height: 30px;
  }

  .separate-filter-filter-bar {
    display: none;
  }

  .separate-filter-product-card {
    padding: 4px;
  }

  .separate-filter-product-image {
    height: 110px;
  }

  .separate-filter-product-info {
    margin-top: 15px;
    gap: 10px;
  }

  .separate-filter-product-title {
    font-size: 14px;
  }

  .separate-filter-product-price {
    gap: 20px;
  }

  .separate-filter-price {
    font-size: 18px;
  }

  .separate-filter-cart-btn {
    padding: 10px 20px;
    font-size: 14px;
  }

  .separate-filter-products-grid {
    margin-top: 20px;
    gap: 20px;
  }

  .separate-filter-show-more {
    margin-top: 30px;
  }

  .separate-filter-show-more-btn {
    padding: 14px 40px;
    font-size: 14px;
  }

  .separate-filter-page-btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  .separate-filter-pagination {
    gap: 10px;
    margin-top: 20px;
  }

  .separate-filter-newsletter {
    gap: 20px;
    padding: 30px 20px 20px 20px;
    margin-top: 30px;
  }

  .separate-filter-newsletter-content {
    gap: 10px;
  }

  .separate-filter-newsletter-content h3 {
    font-size: 20px;
  }

  .separate-filter-newsletter-content p {
    font-size: 14px;
  }

  .separate-filter-newsletter-btn {
    gap: 10px;
    padding: 14px 20px;
    font-size: 14px;
  }

  .separate-filter-newsletter-btn svg {
    width: 24px;
    height: 24px;
  }

  .separate-filter-text {
    gap: 20px;
    margin-top: 30px;
  }

  .separate-filter-text p {
    font-size: 14px;
  }

  .separate-filter-top {
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .separate-filter-info-box {
    gap: 10px;
    padding: 10px 20px;
    border-radius: 15px;
    flex-direction: column;
  }

  .info-content {
    gap: 10px;
  }

  .info-title {
    font-size: 14px;
  }

  .info-subtitle {
    font-size: 13px;
  }

  .separate-filter-info-box img {
    width: 32px;
    height: 32px;
  }

  .separate-filters-btn {
    gap: 15px;
    margin-top: 20px;
  }

  .separate-filter-options {
    gap: 10px;
  }

  .separate-filter-group {
    gap: 15px;
    align-items: first baseline;
  }

  .separate-filter-label {
    font-size: 14px;
    flex-shrink: 0;
  }

  .separate-filter-btn {
    padding: 5px 10px;
    font-size: 13px;
  }

  .separate-color-filtre-box-info {
    padding: 20px 10px;
    border-radius: 16px;
  }

  .separate-color-filtre-box-text {
    gap: 10px;
  }

  .separate-color-filtre-box-text-tittle {
    font-size: 14px;
  }

  .separate-color-filtre-box-text-p {
    font-size: 13px;
  }

  .separate-color-filtre-box-info-open svg {
    width: 24px;
    height: 24px;
  }

  .separate-header {
    margin-bottom: 15px;
  }

  .separate-card-info-box span {
    font-size: 10px;
    padding: 5px 10px;
  }

  .cart-container {
    margin-top: 20px;
  }

  .cart-content {
    gap: 20px;
    padding: 0 20px;
    flex-direction: column;
  }

  .cart-detail-text {
    gap: 10px;
    margin-top: 0;
  }

  .cart-article {
    gap: 10px;
    font-size: 13px;
  }

  .cart-title {
    font-size: 32px;
  }

  .cart-badge {
    padding: 8px 20px;
    font-size: 13px;
    position: static;
    margin-top: 10px;
    text-align: center;
  }

  .cart-specs-item {
    gap: 20px;
    margin-top: 20px;
  }

  .cart-spec-label {
    font-size: 13px;
  }

  .cart-spec-value {
    font-size: 13px;
  }

  .cart-kg-row {
    gap: 20px;
  }

  .cart-kg-box {
    gap: 12px;
  }

  .cart-quantity,
  .cat-kg-span {
    font-size: 13px;
  }

  .cart-kg-btn {
    padding: 12px;
    font-size: 14px;
  }

  .cart-kg-select {
    gap: 10px;
  }

  .cart-quantity-box {
    gap: 15px;
    padding: 12px;
  }

  .cart-quantity-box button svg {
    width: 13px;
  }

  .cart-quantity-no {
    font-size: 14px;
  }


  .cart-poz-neg-item {
    gap: 10px;
  }

  .cart-stok-info {
    gap: 10px;
    font-size: 13px;
  }

  .cart-price-info-text {
    gap: 10px;
  }

  .cart-price-title {
    font-size: 13px;
  }

  .cart-price-box {
    gap: 10px;
  }

  .cart-price-now {
    font-size: 24px;
  }

  .cart-price-old {
    font-size: 16px;
  }

  .cart-discount-btn {
    padding: 8px 16px;
    font-size: 13px;
  }

  .cart-buttons-row {
    gap: 10px;
    margin-top: 30px;
    flex-wrap: wrap;
  }

  .cart-btn {
    max-height: 56px;
    padding: 20px 48px;
    gap: 15px;
    font-size: 14px;
  }

  .ozon-icon {
    width: 40px;
  }

  .cart-slider-row {
    width: 100%;
    gap: 20px;
  }

  .mySwiper2 {
    height: 45vh;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 66px;
    height: 66px;
  }

  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 20px);
    left: auto;
  }

  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 20px);
    right: auto;
  }

  .mySwiper .swiper-slide {
    height: 6.8vw;
  }

  .swiper-slide img {
    border-radius: 5px;
  }

  .cart-detaail-row {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #f3f8f9;
    border-radius: 20px;
  }

  .cart-info-container {
    margin-top: 40px;
  }


  .cart-info-content {
    padding: 0 20px;
    flex-wrap: wrap;
    gap: 4%;
  }


  .cart-info-item {
    gap: 20px;
    width: 48%;
    margin-bottom: 4%;
  }


  .cart-color-filtre-box-info {
    padding: 20px 16px;
    gap: 20px;
    align-items: flex-start;
  }


  .cart-color-filtre-box-text {
    gap: 10px;
  }


  .cart-color-filtre-box-text-tittle {
    font-size: 20px;
  }

  .cart-color-filtre-box-text-p {
    font-size: 14px;
  }

  .cart-color-filtre-box-info-open svg {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 15px;
  }



  .cart-doc-box {
    padding: 20px 16px;
    gap: 20px;
  }

  .cart-doc-text h3 {
    font-size: 20px;
  }

  .cart-doc-text h3 {
    font-size: 20px;
  }

  .cart-doc-text p {
    font-size: 14px;
  }

  .cart-doc-link svg {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    right: 15px;
  }

  .cart-select-paint-box {
    gap: 20px;
    padding: 20px 16px;
    width: 48%;
    margin-bottom: 4%;
  }

  .cart-select-paint-text {
    gap: 10px;
  }

  .cart-select-paint-text h3 {
    font-size: 18px;
  }

  .cart-select-paint-text p {
    font-size: 14px;
  }

  .cart-select-paint-btn {
    padding: 14px 40px;
    font-size: 14px;
    border-radius: 10px;
  }

  .cart-info-box {
    width: 48% !important;
    gap: 10px;
    padding: 16px 20px;
    flex-direction: row !important;
    justify-content: flex-start !important;
  }

  .cart-info-con {
    gap: 10px;
  }

  .cart-info-title {
    font-size: 14px;
  }

  .cart-info-subtitle {
    font-size: 13px;
  }

  .cart-info-box img {
    width: 32px;
    height: 32px;
  }

  .cart-desc-container {
    margin-top: 30px;
  }

  .cart-desc-content {
    width: 100%;
    padding: 0 20px;
  }

  .cart-desc-title {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .cart-block-container {
    margin-top: 60px;
  }

  .cart-block-content {
    width: 100%;
    padding: 0 20px;
  }

  .cart-block-tittle {
    font-size: 28px;
  }

  .cart-desc-text-item {
    gap: 15px;
    margin-top: 10px;
  }

  .cart-desc-subtitle {
    font-size: 16px;
  }

  .cart-desc-text {
    font-size: 13px;
  }

  .cart-block-item {
    margin-top: 20px;
    gap: 15px;
  }

  .cart-block-title {
    width: fit-content;
    font-size: 13px;
  }


  .cart-info-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .cart-text-desc {
    font-size: 13px;
  }


  .cart-text-strong {
    font-size: 13px;
  }

  .cart-block-text {
    gap: 10px;
  }

  .cart-header-banner {
    gap: 20px;
    padding: 30px 20px 20px 30px;
    margin-top: 30px;
  }

  .cart-banner-left {
    gap: 20px;
  }

  .cart-banner-left-text {
    gap: 10px;
  }

  .cart-banner-left-text p {
    font-size: 13px;
  }

  .cart-banner-left-text h3 {
    font-size: 16px;
  }

  .cart-banner-tags {
    gap: 10px;
  }

  .cart-tag {
    padding: 8px 16px;
    font-size: 13px;
  }

  .cart-view-positions-btn {
    gap: 10px;
    padding: 14px 40px;
    font-size: 14px;
  }

  .cart-view-positions-btn svg {
    width: 38px;
  }

  .pro-slider-container {
    margin-top: 60px;
  }

  .pro-slider-content {
    padding: 0 20px;
  }

  .pro-slider-product-card {
    padding: 4px;
  }

  .pro-slider-product-image {
    height: 110px;
  }

  .pro-slider-product-info {
    margin-top: 10px;
    gap: 20px;
  }


  .pro-slider-product-title {
    font-size: 16px;
  }

  .pro-slider-price {
    font-size: 14px;
  }

  .pro-slider-cart-btn {
    padding: 10px 15px;
    font-size: 13px;
  }

  .pro-slider-tittle {
    font-size: 28px;
  }

  .pro-slider {
    margin-top: 20px;
  }

  .pro-slider .owl-nav button.owl-next {
    margin-right: 0px;
  }

  .pro-slider .owl-nav button.owl-prev {
    margin-left: 0;
  }

  .pro-slider .owl-nav button.owl-prev,
  .pro-slider .owl-nav button.owl-next {
    width: 48px;
    height: 48px;
  }

  .basket-container {
    margin-top: 20px;
  }

  .basket-content {
    padding: 0 20px;
  }

  .basket-top {
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .basket-info {
    width: 100%;
    display: flex;
    gap: 2%;
  }

  .basket-tittle {
    font-size: 28px;
  }

  .basket-info-box {
    gap: 10px;
    padding: 15px;
  }

  .basket-info-box img {
    width: 32px;
    height: 32px;
  }

  .basket-info-content {
    gap: 10px;
  }

  .basket-info-title {
    font-size: 13px;
  }

  .basket-info-subtitle {
    font-size: 13px;
  }

  .basket-row {
    margin-top: 20px;
    gap: 20px;
  }

  .basket-item {
    gap: 20px;
    padding: 16px;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    padding-right: 50px;
  }

  .basket-image {
    width: 71px;
    height: 50px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .basket-pro-info {
    gap: 10px;
  }

  .basket-title {
    font-size: 16px;
  }

  .basket-quantity-wrapper {
    gap: 10px;
    padding: 13px 12px;
  }

  .basket-quantity-btn {
    font-size: 27px;
  }


  .basket-quantity-input {
    font-size: 14px;
  }

  .basket-prices {
    gap: 5px;
  }

  .basket-old-price {
    font-size: 16px;
  }

  .basket-new-price {
    font-size: 20px;
  }

  .basket-center-item {
    gap: 15px;
    margin-left: 80px;
  }

  .basket-remove-btn svg {
    width: 28px;
    height: 28px;
  }

  .basket-remove-btn {
    position: absolute;
    right: 20px;
    top: 20px;
  }

  .basket-summary {
    width: 300px;
    padding: 20px 16px;
  }

  .basket-summary-title {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .basket-summary-line {
    margin-top: 15px;
    gap: 20px;
  }

  .basket-summary-label {
    font-size: 13px;
  }

  .basket-summary-value {
    font-size: 16px;
  }

  .basket-discount-tag {
    font-size: 12px;
    padding: 5px 10px;
  }

  .basket-summary-btn {
    padding: 14px 40px;
    margin-top: 25px;
    font-size: 14px;
    border-radius: 10px;
  }

  .order-container {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0 20px;
  }

  .order-tittle {
    font-size: 28px;
  }

  .order-basket {
    width: 320px;
    padding: 20px 10px 20px 20px;
  }

  .order-basket-top {
    gap: 15px;
  }

  .order-basket-img {
    width: 32px;
    height: 32px;
  }

  .order-basket-price {
    gap: 10px;
  }

  .order-basket-t {
    font-size: 18px;
  }

  .order-basket-price-no {
    font-size: 18px;
  }

  .order-basket-no {
    font-size: 14px;
  }

  .order-basket-list-open {
    width: 16px;
    height: 16px;
  }

  .order-list-image img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }

  .order-list-image {
    width: 71px;
    height: 50px;
  }


  .order-list-pro-info {
    gap: 10px;
  }

  .order-list-item {
    gap: 10px;
    padding: 10px 0;
  }

  .order-list-title {
    font-size: 13px;
  }

  .order-list-center-item {
    gap: 15px;
  }

  .order-list-quantity-wrapper {
    gap: 10px;
    padding: 10px 15px;
  }

  .order-list-quantity-btn {
    font-size: 23px;
  }

  .order-list-quantity-input {
    font-size: 14px;
  }

  .order-list-old-price {
    font-size: 16px;
  }

  .order-list-prices {
    gap: 5px;
  }

  .order-list-new-price {
    font-size: 20px;
  }

  .order-basket-pro-list {
    max-height: 360px;
    padding-right: 10px;
  }

  .order-button {
    padding: 26px 40px;
    margin-top: 30px;
    font-size: 13px;
    border-radius: 10px;
  }

  .order-top {
    gap: 20px;
  }


  .order-buy-item-row {
    gap: 10px;
    margin-top: 80px;
  }


  .order-info {
    display: none;
  }

  .order-form-section-header {
    gap: 10px;
    padding-bottom: 10px;
  }

  .order-form-section {
    margin-top: 0;
  }

  .order-form-section-title {
    font-size: 22px;
  }

  .order-form-section-number {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }

  .order-form-textarea,
  .order-form-control,
  .order-form-control::placeholder {
    font-size: 16px;
  }

  .order-form-row .order-form-group {
    width: 100%;
  }

  .order-form-input-wrapper svg {
    width: 24px;
    height: 24px;
  }

  .order-form-row {
    gap: 10px;
    flex-wrap: wrap;
  }

  .order-form-group {
    margin-top: 20px;
    padding: 12px 16px;
    border-radius: 12px;
  }


  .order-form-section {
    margin-top: 20px;
  }

  .order-form-dropdown-toggle {
    font-size: 16px;
  }

  .order-form-dropdown-arrow {
    width: 16px;
    height: 16px;
  }

  .order-form-dropdown-menu {
    top: 29px;
    max-height: 210px;
    padding: 0 10px;
  }

  .order-form-dropdown-item {
    padding: 10px 0px;
    font-size: 13px;
  }

  .order-form-payment-methods {
    gap: 10px;
    margin-top: 20px;
  }

  .order-form-payment-option {
    padding: 10px 20px;
    gap: 10px;
  }

  .order-form-payment-icon {
    width: 30px;
    height: 30px;
  }

  .order-form-payment-text {
    font-size: 14px;
  }

  .order-form-footer {
    margin-top: 29px;
    gap: 20px;
  }


  .order-form-btn-secondary {
    gap: 10px;
    font-size: 14px;
  }

  .order-form-btn-secondary svg {
    width: 28px;
    height: auto;
  }


  .order-form-btn-primary {
    padding: 15px 30px;
    font-size: 14px;
    border-radius: 12px;
  }

  .order-form-container {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: -20px;
  }

  .order-buy-help {
    width: 240px;
    padding: 20px 10px;
  }

  .order-buy-help h3 {
    font-size: 16px;
  }

  .order-buy-help p {
    font-size: 13px;
    margin-top: 10px;
  }

  .order-help-btn {
    padding: 18px 30px;
    font-size: 14px;
    margin-top: 30px;
  }

  .about-container {
    margin-top: 20px;
  }

  .about-content {
    padding: 0 20px;
  }


  .about-text {
    width: 100%;
    gap: 20px;
  }

  .about-top {
    gap: 20px;
    flex-wrap: wrap;

  }

  .about-text h3 {
    font-size: 32px;
  }

  .about-text p {
    font-size: 16px;
  }


  .about-img {
    width: 100%;
  }


  .about-bottom {
    height: auto;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 2%;
  }

  .about-box1 {
    width: 49%;
    height: auto;
    display: flex;
    margin-bottom: 20px;
    order: 2;
  }

  .about-box3 {
    width: 49%;
    order: 2;
  }

  .about-box2 {
    width: 49%;
    padding: 20px;
    margin-bottom: 20px;
    order: 1;
  }

  .about-box2 p {
    font-size: 16px;
  }

  .about-box3 img,
  .about-box1 img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    /* order: 2; */
  }


  .about-box4 {
    width: 49%;
    gap: 20px;
    order: 4;
  }


  .about-box4 p {
    font-size: 16px;
  }


  .about-box4 p br {
    display: none;
  }


  .about-box4 img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }

  .team-container {
    margin-top: 60px;
  }

  .team-content {
    padding: 0 20px;
  }

  .team-tittle {
    font-size: 28px;
  }


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

  .team-top {
    width: 100%;
    gap: 10px;
  }

  .team-item {
    margin-top: 20px;
  }

  .team-card {
    width: 32%;
    padding: 6px 6px 10px 6px;
    gap: 10px;
  }

  .team-card img {
    height: 15.92vw;
  }

  .team-text {
    gap: 10px;
    padding: 10px;
  }


  .team-text h3 {
    font-size: 18px;
  }

  .team-text p {
    font-size: 13px;
  }


  .team-card img {
    height: auto;
  }


  .company-map-content {
    padding-left: 0px;
    flex-wrap: wrap;
  }



  .company-map-container {
    margin-top: 30px;
  }


  .company-map-text {
    width: 100%;
    gap: 20px;
    padding: 0 20px;
  }

  .company-map-title {
    font-size: 28px;
  }

  .company-map-title br {
    display: none;
  }


  .company-map-visual {
    position: relative;
    width: 100%;
    padding-left: 20px;
    margin-top: 20px;
  }

  .company-map-desc {
    font-size: 14px;
  }


  .map-tag {
    padding: 6px 7px;
    font-size: 6px;
  }


  .tag-russia {
    left: 36.89%;
    top: 37.62%;
  }

  .tag-belarus {
    left: 12.38%;
    top: 29.82%;
  }

  .tag-moldova {
    left: 4%;
    top: 41%;
  }

  .tag-armenia {
    left: 13%;
    top: 62%;
  }

  .tag-azer {
    left: 14%;
    top: 74%;
  }

  .tag-kazakh {
    left: 29%;
    top: 61%;
  }

  .tag-uzbek {
    left: 28%;
    top: 72%;
  }

  .tag-kyrgyz {
    left: 41%;
    top: 78%;
  }

  .tag-tajik {
    left: 34%;
    top: 89%;
  }


  .coop-container {
    margin-top: 60px;
    padding: 0px;
  }

  .coop-content {
    padding: 30px 20px;
    gap: 30px;
    border-radius: 0;
    flex-wrap: wrap;
    background: rgb(242, 245, 248) url(../img/alexus238732_explosion.png) no-repeat 100% 100%/100% auto;
  }

  .coop-left {
    gap: 20px;
    width: 100%;
  }



  .coop-title {
    font-size: 28px;
  }

  .coop-title br {
    display: none;
  }


  .coop-sub {
    font-size: 14px;
  }

  .coop-right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
  }

  .coop-card {
    width: 32%;
    gap: 20px;
    padding: 20px 16px;
  }

  .coop-card-icon {
    width: 32px;
    height: 32px;
  }

  .coop-card-title {
    font-size: 16px;
  }

  .prod-container {
    margin-top: 20px;
  }


  .prod-content {
    padding: 0 20px;
  }

  .prod-top {
    width: 100%;
    display: flex;
    gap: 4%;
    flex-wrap: wrap;
  }

  .prod-text {
    width: 100%;
    gap: 20px;
    padding: 20px 16px;
    flex: none;
    margin-bottom: 4%;
  }

  .img-a,
  .img-b {
    width: 48%;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: none;
    background: #f5f7fa;
    border-radius: 20px;
    overflow: hidden;
  }

  .prod-title {
    font-size: 32px;
    font-weight: 400;
  }

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

  .prod-bottom {
    display: flex;
    gap: 4%;
    margin-top: 20px;
  }

  .img-wide {
    display: none;
  }


  .img-square {
    flex: 0 0 calc((100% - 4%) * 0.50);
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    background: #f5f7fa;
    border-radius: 20px;
    overflow: hidden;
  }

  .prod-stat {
    flex: 0 0 calc((100% - 4%) * 0.50);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    padding: 20px;
  }

  .prod-stat-top-text {
    gap: 10px;
  }

  .prod-stat-big {
    font-size: 62px;
  }


  .prod-stat-p1 {
    font-size: 16px;
    margin: 0 0 0px 0;
  }

  .prod-stat-num {
    font-size: 13px;
  }


  .prod-stat-p2 {
    font-size: 16px;
    margin: 10px 0 0 0;
  }

  .prod-stat-p2 br {
    display: none;
  }

  .history-container {
    margin-top: 60px;
    padding: 0;
  }

  .history-content {
    padding: 20px 0;
    border-radius: 0;
  }


  .history-title {
    font-size: 28px;
    padding: 0px 16px;
  }

  .history-nav {
    margin-top: 20px;
    gap: 10px;
    overflow: hidden;
    overflow-x: auto;
    padding: 0px 16px;
  }

  .history-year-btn {
    padding: 12px 16px;
    font-size: 14px;
  }


  .history-sections {
    margin-top: 20px;
    padding: 0px 16px;
  }

  .history-text {
    gap: 20px;
    font-size: 14px;
  }


  .history-year-large {
    font-size: 76px;
  }


  .history-section {
    gap: 20px;
    align-items: flex-start;
  }

  .pro-banner-container {
    margin-top: 10px;
  }
  .eguip-big-img2 img,
	.lab-photo-img {
	  height: 300px;
	}
	.news-detail__image {
  object-fit: cover;
  height: 400px;
}
  .pro-banner-content {
    height: auto;
    padding: 0 20px;
    gap: 2%;
  }


  .pro-banner-stat {
    width: 50%;
    padding: 15px;
    height: auto;
  }

  .pro-banner-stat-top-text {
    gap: 10px;
  }

  .pro-banner-stat-num {
    font-size: 13px;
  }

  .pro-banner-stat-p1 {
    font-size: 16px;
    margin: 0;
  }


  .pro-banner-stat-p2 {
    font-size: 13px;
    margin: 10px 0 0 0;
  }

  .pro-banner-box {
    width: 50%;
    height: auto;
    display: flex;
    align-items: center;
  }

  .eguip-container {
    margin-top: 60px;
  }

  .eguip-content {
    padding: 0 20px;
  }


  .eguip-top {
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }


  .eguip-tittle {
    font-size: 32px;
  }

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


  .eguip-item {
    height: auto;
    margin-top: 30px;
    gap: 20px;
    flex-wrap: wrap;
  }

  .eguip-left {
    width: 100%;
    gap: 20px;
  }

  .eguip-text {
    gap: 10px;
    padding: 12px 16px;
  }

  .eguip-text h3,
  .eguip-text2 h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .eguip-text p,
  .eguip-text2 p {
    font-size: 16px;
  }

  .eguip-text-box1 {
    gap: 20px;
  }


  .eguip-big-img1 {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .eguip-right {
    width: 100%;
    height: auto;
    gap: 20px;
  }

  .eguip-text-box2 {
    gap: 20px;
  }

  .eguip-big-img2 {
    width: 50%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .laboratory-container {
    margin-top: 60px;
  }

  .laboratory-content {
    padding: 0 20px;
    gap: 20px;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .lab-title {
    font-size: 28px;
  }

  .laboratory-text-box {
    gap: 20px;
  }

  .laboratory-left,
  .laboratory-right {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .lab-lead {
    font-size: 16px;
  }



  .laboratory-left-item {
    gap: 20px;
    margin-top: 30px;
    align-items: center;
  }

  .lab-caption-head {
    gap: 10px;
  }

  .lab-caption-tittle {
    font-size: 22px;
  }

  .lab-caption-desc {
    font-size: 13px;
  }

  .lab-note {
    padding: 20px 16px;
    margin-top: 20px;
  }

  .lab-note-lead {
    font-size: 13px;
  }

  .lab-checklist {
    margin-top: 20px;
    gap: 10px;
  }

  .lab-check-box {
    gap: 10px;
    font-size: 13px;
  }


  .icon-check {
    width: 18px;
    height: 18px;
  }


  .lab-caption {
    width: 50%;
    height: auto;
    display: flex;
    flex-direction: column;
  }

  .lab-photo {
    width: 50%;
    height: auto;
  }


  .lab-hero-text {
    gap: 10px;
    padding: 20px 16px;
  }

  .lab-hero-text h4 {
    font-size: 22px;
  }

  .lab-hero-text p {
    font-size: 13px;
  }


  .quality-system-container {
    margin-top: 60px;
  }


  .quality-system-content {
    padding: 0 20px;
  }

  .quality-system-top {
    width: 100%;
    gap: 20px;
  }


  .quality-system-tittle {
    font-size: 32px;
  }

  .quality-system-p {
    font-size: 16px;
  }


  .quality-system-item {
    height: auto;
    gap: 40px;
    margin-top: 30px;
    flex-wrap: wrap;
  }


  .quality-system-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
  }

  .quality-system-text h3 {
    font-size: 22px;
  }


  .quality-system-text p {
    font-size: 14px;
    margin-top: 15px;
  }

  .quality-t-box {
    gap: 10px;
    margin-top: 10px;
    font-size: 13px;
  }

  .quality-t-box img {
    width: 18px;
    height: 18px;
  }


  .quality-system-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
  }

  .quality-system-big-img,
  .quality-system-lt-img {
    width: 48%;
    height: 240px;
  }

  .delivery-container {
    margin-top: 20px;
  }

  .delivery-content {
    padding: 0 20px;
    gap: 20px;
  }

  .delivery-text {
    gap: 20px;
  }

  .delivery-tittle {
    font-size: 32px;
  }

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

  .delivery-question-box {
    width: 280px;
    padding: 20px 16px;
    gap: 30px;
  }

  .delivery-question-tittle {
    font-size: 16px;
  }

  .delivery-question-p {
    font-size: 13px;
  }

  .delivery-question-btn {
    padding: 18px 30px;
    font-size: 14px;
  }

  .shiping-container {
    padding: 30px 20px;
    margin-top: 50px;
  }

  .shiping-content {
    gap: 20px;
  }

  .shiping-top {
    gap: 4%;
    flex-wrap: wrap;
  }

  .shiping-box-text {
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .shiping-box {
    width: 48%;
    padding: 20px 16px;
    gap: 20px;
    margin-bottom: 4%;
  }

  .shiping-box-text h3 {
    font-size: 18px;
  }

  .shiping-box-text p {
    font-size: 13px;
  }

  .shiping-box img {
    width: 32px;
    height: 32px;
  }

  .shiping-text {
    gap: 10px;
  }

  .shiping-text h3 {
    font-size: 14px;
  }

  .shiping-text p {
    font-size: 13px;
  }


  .shiping-bottom {
    gap: 2%;
    flex-wrap: wrap;
  }


  .shiping-bottom-box {
    padding: 20px 16px;
    gap: 10px;
  }

  .shiping-bottom-big-box {
    width: 100%;
    margin-bottom: 2%;
  }


  .shiping-bottom-lit-box {
    width: 49%;
  }

  .shiping-bottom-box h3 {
    font-size: 14px;
  }

  .shiping-bottom-box p {
    font-size: 13px;
  }

  .payment-container {
    margin-top: 60px;
  }

  .payment-item {
    margin-top: 20px;
    flex-wrap: wrap;
  }


  .payment-left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }


  .payment-tittle {
    font-size: 28px;
  }



  .payment-left-title {
    font-size: 22px;
  }

  .payment-left-title br {
    display: none;
  }

  .payment-left-box {
    gap: 10px;
    padding: 20px 16px;
  }

  .payment-card-title {
    font-size: 16px;
  }

  .payment-card-text {
    font-size: 13px;
  }


  .payment-right {
    width: 100%;
    gap: 20px;
    padding: 20px 16px;
  }

  .payment-right-text {
    gap: 10px;
  }

  .payment-special-lead {
    font-size: 14px;
  }


  .payment-right-box {
    gap: 10px;
  }

  .payment-dis-box {
    width: 144px;
    gap: 10px;
    padding: 10px 20px;
  }

  .payment-discount-label {
    font-size: 20px;
  }



  .payment-discount-value {
    font-size: 39px;
  }

  .payment-special-note {
    font-size: 13px;
  }


  .payment-right-box-row {
    gap: 10px;
  }

  .document-container {
    margin-top: 20px;
  }

  .document-content {
    padding: 0 20px;
  }


  .document-top {
    gap: 30px;
    align-items: flex-start;
  }

  .document-tittle {
    font-size: 32px;
  }

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


  .document-top-info {
    gap: 10px;
    width: 50%;
    flex-direction: column;
  }

  .document-top-info img {
    width: 100%;
    height: auto;
  }

  .document-info-p {
    font-size: 18px;
    padding: 10px;
  }

  .document-item {
    margin-top: 30px;
  }


  .document-card-image {
    height: 168px;
  }

  .document-card-meta {
    gap: 15px;
    padding: 0 12px;
    margin-top: 10px;
  }


  .document-card-title {
    font-size: 13px;
  }

  .document-card-actions {
    gap: 10px;
  }

  .doc-btn {
    gap: 5px;
    font-size: 13px;
  }

  .doc-btn svg {
    width: 24px;
    height: 24px;
  }

  .document-card {
    width: 32%;
    height: auto;
    padding: 4px;
  }

  .doc-btn-print {
    display: none;
  }

  .sup-banner-container {
    margin-top: -20px;
    padding: 30px 20px;
  }

  .sup-banner-text {
    gap: 20px;
  }

  .sup-banner-tittle {
    font-size: 32px;
  }

  .sup-banner-p {
    font-size: 16px;
  }


  .sup-banner-content {
    gap: 30px;
  }

  .sup-banner-info {
    gap: 20px;
    margin-top: 20px;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .sup-baner-info-list {
    gap: 10px;
  }

  .sup-banner-list-p {
    gap: 5px;
    font-size: 13px;
  }


  .sup-banner-free {
    padding: 16px;
  }


  .sup-banner-free-p {
    font-size: 16px;
  }

  .sup-banner-free-p br {
    display: none;
  }

  .sup-banner-btn {
    padding: 18px 40px;
    font-size: 14px;
    margin-top: 20px;
    border-radius: 16px;
  }


  .sup-banner-img {
    width: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }


  .sup-about-container {
    margin-top: 60px;
  }

  .sup-about-content {
    gap: 30px;
    padding: 0 20px;
    flex-wrap: wrap;
    justify-content: space-between;
  }


  .sup-about-tittle {
    font-size: 32px;
  }


  .sup-about-tittle br {
    display: none;
  }

  .sup-about-p {
    width: 55%;
    font-size: 16px;
  }

  .sup-about-img {
    border-radius: 20px;
    width: 40%;
    height: auto;
  }


  .full-services-container {
    margin-top: 60px;
  }

  .full-services-content {
    padding: 0 20px;
  }

  .full-services-tittle {
    font-size: 32px;
  }

  .full-services-item {
    gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
    display: flex;
  }

  .full-services-box {
    width: 100%;
    padding: 30px 10px 20px 10px;
    display: flex;
  }


  .full-services-title {
    font-size: 28px;
    margin-bottom: 20px;
  }


  .full-services-card {
    gap: 10px;
    padding: 20px 16px;
  }


  .full-services-list li {
    gap: 8px;
    font-size: 13px;
  }

  .full-services-list li::before {
    width: 8px;
    height: 8px;
    margin-top: 3px;
  }

  .full-services-card-title {
    font-size: 16px;
  }

  .full-services-grid {
    gap: 20px;
  }


  .full-services-stack {
    gap: 20px;
    flex-direction: row;
  }

  .services-map-container {
    margin-top: 60px;
  }

  .services-map-content {
    padding-left: 0;
    flex-direction: column;
  }


  .services-map-left {
    gap: 20px;
    width: 100%;
    padding: 0 20px;
  }

  .services-map-title {
    font-size: 28px;
  }

  .services-map-desc {
    font-size: 16px;
  }

  .services-map-desc br {
    display: none;
  }

  .services-map-info {
    gap: 20px;
  }

  .services-map-info-box {
    width: 50%;
    gap: 15px;
    padding: 10px 16px;
  }


  .services-map-info-box img {
    width: 48px;
    height: 48px;
  }


  .services-map-info-text {
    gap: 10px;
  }


  .services-map-info-text p {
    font-size: 13px;
  }



  .services-map-info-text h4 {
    font-size: 16px;
  }



  .map-services {
    padding: 4px 5px;
    font-size: 8px;
  }

  .services-cost-container {
    margin-top: 50px;
  }

  .services-cost-content {
    padding: 0 20px;
    gap: 20px;
  }


  .services-cost-left {
    width: 60%;
    gap: 20px;
    padding: 0;
    flex-direction: column;
  }

  .services-cost-text {
    gap: 20px;
    padding: 20px;
  }


  .services-cost-title {
    font-size: 28px;
  }

  .services-cost-desc {
    font-size: 16px;
  }

  .services-cost-info {
    gap: 20px;
  }


  .services-cost-info-box {
    width: 50%;
    padding: 30px 10px 20px 10px;
    gap: 20px;
  }

  .services-cost-info-box img {
    height: 46px;
  }


  .services-cost-btn {
    padding: 10px 20px;
    font-size: 16px;
  }


  .services-cost-info-text {
    gap: 10px;
  }

  .services-cost-info-text p {
    font-size: 13px;
  }

  .services-cost-question-box {
    width: 328px;
    height: fit-content;
    padding: 16px;
    gap: 30px;
  }

  .services-cost-question-tittle {
    font-size: 18px;
  }

  .services-cost-question-tittle br {
    display: none;
  }

  .services-cost-question-text {
    gap: 10px;
  }

  .services-cost-question-p {
    font-size: 14px;
  }

  .services-cost-question-btn {
    padding: 18px 30px;
    font-size: 14px;
  }


  .news-blog-container {
    margin-top: 20px;
  }


  .news-blog-content {
    padding: 0 20px;
  }

  .news-blog-top {
    gap: 20px;
  }

  .news-blog-tittle {
    font-size: 32px;
  }

  .news-blog-p {
    font-size: 16px;
  }

  .news-blog-buttons {
    gap: 10px;
  }

  .news-blog-btn {
    padding: 8px 16px;
    font-size: 12px;
  }

  .news-blog-item {
    margin-top: 30px;
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
  }

  .news-blog-card {
    width: 32%;
    margin-bottom: 2%;
  }

  .news-blog-media img {
    height: 150px !important;
  }

  .news-blog-pill {
    padding: 4px 12px;
    font-size: 12px;
  }


  .news-blog-title {
    font-size: 20px;
    margin-top: 10px;
  }

  .news-blog-excerpt {
    font-size: 14px;
    margin-top: 10px;
  }

  .news-blog-meta {
    margin-top: 15px;
  }

  .news-blog-date {
    font-size: 12px;
  }


  .news-blog-views {
    gap: 10px;
  }


  .news-blog-views-num {
    font-size: 12px;
  }


  .news-blog-views-icon {
    width: 24px;
    height: 24px;
  }


  .news-blog-more {
    margin: 30px auto 0 auto;
    padding: 14px 40px;
    font-size: 14px;
  }

  .news-blog-page-btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  .news-blog-pagination {
    gap: 5px;
    margin-top: 30px;
  }


  .news-detail-container {
    margin-top: 20px;
  }

  .news-detail-content {
    padding: 0 20px;
  }


  .news-detail-right {
    display: none;
  }



  .news-dtail-top {
    gap: 20px;
    padding: 30px 20px 20px 20px;
  }


  .news-detail-tittle {
    font-size: 32px;
    font-weight: 700;
  }

  .news-detail-links {
    gap: 10px;
  }

  .news-detail-bottom {
    gap: 20px;
    flex-wrap: wrap;
  }

  .news-detail-link {
    padding: 4px 12px;
    font-size: 12px;
  }


  .news-detail-date,
  .news-detail-time,
  .news-detail-info-date {
    gap: 7px;
  }

  .news-detail-date,
  .news-detail-date-p,
  .news-detail-time,
  .news-detail-p {
    font-size: 11px;
  }

  .news-detail-time img {
    width: 16px;
    height: 16px;
  }


  .news-detail-item {
    gap: 20px;
    margin-top: 30px;
  }


  .news-detail {
    width: 100%;
    gap: 20px;
  }

  .news-detail__intro {
    font-size: 20px;
  }

  .news-detail__section {
    gap: 15px;
  }

  .news-detail__subtitle {
    font-size: 22px;
    font-weight: 700;
  }


  .news-detail__text {
    font-size: 16px;
  }


  .news-detail__list {
    gap: 10px;
    padding-left: 40px;
  }

  .news-detail__list li {
    font-size: 16px;
  }

  .news-detail-promo-card {
    padding: 20px 16px;
    gap: 30px;
  }


  .news-detail-promo-top {
    gap: 10px;
  }

  .news-detail-promo-title {
    font-size: 13px;
  }

  .news-detail-promo-subtitle {
    font-size: 22px;
  }

  .news-detail-promo-tag-btn1,
  .news-detail-promo-tag-btn2 {
    padding: 8px 16px;
    font-size: 14px;
  }





  .news-detail-promo-button {
    padding: 14px 40px;
    gap: 10px;
    font-size: 14px;
  }

  .news-detail-promo-button svg {
    width: 38px;
  }



  .news-detail__social {
    gap: 10px;
  }

  .news-detail__social__link {
    gap: 10px;
  }


  .news-detail__social-btn svg {
    width: 40px;
    height: 40px;
  }

  .continue-reading-container {
    margin-top: 60px;
  }


  .continue-reading-content {
    padding: 0 20px;
  }


  .contack-container {
    margin-top: 20px;
  }

  .contack-content {
    padding: 0 20px;
    gap: 20px;
  }

  .contack-tittle {
    font-size: 32px;
  }

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



  .contack-item {
    gap: 2%;
    flex-wrap: wrap;
  }


  .contack-time-box,
  .contack-tel-box {
    width: 49%;
    padding: 16px;
    gap: 20px;
    margin-bottom: 2%;
  }


  .contack-time-text,
  .contack-tel-text {
    gap: 10px;
  }


  .contack-mail-box p,
  .contack-tg-wp-box p,
  .contack-time-p,
  .contack-tel-p {
    font-size: 16px;
  }

  .contack-tel-text a {
    font-size: 28px;
  }

  .contack-time-icon,
  .contack-tel-icon {
    width: 42px;
    height: 42px;
    right: 16px;
    top: 16px;
  }


  .contack-time-span {
    font-size: 28px;
  }

  .contack-time-text2 {
    width: 100%;
    gap: 5px;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
  }

  .contack-time span {
    font-size: 13px;
  }

  .contack-time p {
    font-size: 13px;
  }

  .contack-contack-box {
    width: 100%;
    gap: 2%;
    flex-direction: row;
  }

  .contack-tg-wp-box {
    gap: 20px;
    padding: 16px;
    width: 49%;
    flex-direction: center;

  }




  .contack-tg-wp {
    width: 100%;
    gap: 20px;
    flex-direction: row;
    justify-content: space-between;
  }


  .contack-tg-wp a {
    gap: 10px;
    font-size: 14px;
  }

  .contack-tg-wp a img {
    width: 36px;
    height: 36px;
  }

  .contack-mail-box {
    gap: 20px;
    padding: 16px;
    width: 49%;
  }

  .contack-mail-box a {
    font-size: 16px;
    font-weight: 700;
  }

  .contack-map-item {
    gap: 20px;
    flex-direction: column;
  }


  .contack-map-text {
    width: 100%;
    gap: 20px;
    padding-left: 0;
  }



  .contack-map-text p {
    font-size: 16px;
  }


  .contack-map-text a {
    font-size: 22px;
  }




  .contack-map {
    width: 100%;
    height: 300px;
  }

  .error-container {
    margin-top: 20px;
  }


  .error-content {
    padding: 0px;
  }

  .error-top {
    padding: 30px 20px 30px 20px;
  }


  .error-top-text {
    gap: 20px;
  }


  .error-title {
    font-size: 32px;
  }


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


  .error-bottom {
    gap: 2%;
    padding: 0 20px;
    margin-top: 30px;
  }

  .error-home-page-link {
    padding: 28px 40px;
    margin-top: 100px;
  }



  .error-link-box {
    padding: 20px 20px 10px 20px;
    gap: 20px;
  }


  .error-link-box h3 {
    font-size: 20px;
  }

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

  .error-link-list {

    gap: 10px;
  }

  .error-link-list-blue {
    gap: 10px;
  }

  .eror-link-blue {
    padding: 4px 10px;
    font-size: 12px;
  }

  .thanks-container {
    margin-top: 20px;
  }

  .thanks-top {
    gap: 20px;
    padding: 0 20px;
    flex-direction: column;
    align-items: flex-start;
  }


  .thanks-tittle {
    font-size: 32px;
  }


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

  .thanks-box {
    gap: 10px;
    padding: 16px;
    flex-direction: row;
    border-radius: 16px;
  }

  .thanks-box img {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
  }


  .thanks-box h3 {
    font-size: 14px;
  }

  .thanks-box h3 br {
    display: none;
  }

  .thanks-box-item {
    gap: 2%;
  }

  .thanks-news-item-row {
    gap: 20px;
    margin-top: 30px;
    padding: 40px 20px;
  }

  .thanks-news-p {
    font-size: 24px;
  }


  .thans-main {
    padding-bottom: 10px;
  }

  .thans-main-tag {
    padding: 4px 8px;
    font-size: 12px;
  }

  .thans-main-content {
    margin-top: 10px;
    gap: 10px;
  }

  .thans-main-title {
    font-size: 20px;
  }

  .thans-main-excerpt {
    font-size: 14px;
  }

  .thans-main-meta span {
    font-size: 12px;
  }

  .thans-main-views {
    gap: 10px;
  }

  .thans-main-views svg {
    width: 16px;
    height: 16px;
  }

  .thans-main-image {
    height: 25.04vw;
  }

  .thans-side-item {
    gap: 10px;
    padding: 0 10px 10px 0;
  }

  .thans-side-tag {
    padding: 4px 8px;
    font-size: 10px;
  }

  .thans-side-top {
    gap: 10px;
  }


  .thans-side-title {
    font-size: 20px;
    -webkit-line-clamp: 2;
  }

  .thans-sidebar {
    gap: 10px;
  }

  .thans-side-meta span {
    font-size: 12px;
  }


  .thans-side-views {
    gap: 10px;
  }

  .thans-side-views svg {
    width: 16px;
    height: 16px;
  }


  .thans-side-image img {
    height: 100%;
  }

  .shiping-tittle {
    font-size: 22px;
  }

  .payment-content {
    padding: 0 20px;
  }

  .news-detail__social__p {
    font-size: 14px;
  }

  .news-side-content {
    gap: 10px;
  }

}



@media only screen and (max-width: 768px) {
.page-content p{
	margin-bottom:0px;
}
  .header-tel {
    display: none;
  }
body.admin-bar,
body {
    padding-top: 63px !important;
}
.continue-reading-tittle{
	font-size: 5.24vw;
}
.admin-bar header{
  top: 0;
}
  .mobil-contack-box {
    display: flex;
    flex-direction: column;
  }
.page-content h2,
.order-form-control::placeholder,
.page-content h3,
.page-content p,
.woocommerce form .form-row .input-text.order-form-textarea,
.woocommerce form .form-row .input-text {
  font-size: 3.95vw !important;
}

элемент {
}
.popup-form .flex-form-foot {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
}
.popup-form-group .flex-form-foot {
padding: 2.15vw 4vw;
}
 .popup-form2-group, .popup-form-group {
    padding: 10px 0;
    border-radius: 10px;
    gap: 10px;
  }

  .banner-btn-box {
    width: 100%;
    gap: 20px;
    margin-top: 30px;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 20px;
  }


  .mobil-contack-btn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobil-contack-open {
    width: 100%;
    height: 100%;
  }

  .mobil-contack-close {
    width: 100%;
    height: 100%;
    display: none;
  }

  .mobil-contack-btn.active .mobil-contack-close {
    display: flex;
  }

  .mobil-contack-btn.active .mobil-contack-open {
    display: none;
  }


  .mobil-contack-link-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 100%;
    background: #D6F1F2;

    gap: 10px;
    z-index: 222;
    overflow: hidden;
    height: 0;
    transition: all .3s linear;

  }

  .mobil-contack-link-list.active {
    left: 0;
    height: 190px;
    padding: 30px 20px;
  }

  .mobil-contack-link {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #2E2E3D;
    font-style: Regular;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;

  }

  .mobil-contack-link svg {
    width: 24px;
    height: 24px;
  }

  .search-item {
    display: none;
  }



  .banner-tittle {
    font-size: 32px;
    text-align: center;
  }


  .banner-tittle br {
    display: none;
  }

  .banner-service-box {
    gap: 15px;
    margin-top: 20px;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
  }

  .banner-service-p {
    align-items: self-start;
  }

  .banner-service-p span {
    margin-top: 5px;
  }

  .banner-catalog-link {
    width: 328px;
    padding: 28px 48px;
    font-size: 18px;
  }

  .apps-image img {
    width: auto;
    height: 100%;
    object-fit: cover;
  }

  .banner-container {
    background: transparent;
  }

  .banner-service-box {
    width: calc(100% - 40px);
    gap: 15px;
    margin-top: 20px;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 20px;
    background: #FFFFFFE5;
    border-radius: 20px;
    margin-top: 30px;
    padding: 30px 20px;
  }

  .banner-content {
    gap: 30px;
    padding: 0;
    flex-wrap: wrap;
  }



  .banner-text-item {
    width: 100%;
    background: url(../img/bgbannermobi.png);
    background-size: 100% 121%;
    background-repeat: no-repeat;
    align-items: center;
    padding: 50px 0 40px 0;
  }


  .banner-text {
    gap: 20px;
    padding: 0 20px;
  }

  .banner-service-info {
    padding: 16px;
    font-size: 15px;
    width: 100%;
  }

  .banner-p {
    padding: 10px 15px;
    font-size: 13px;
    text-align: center;
  }



  .banner-info-item {
    width: 100%;
    gap: 20px;
    padding: 0 20px;
  }

  .info-block {
    width: 100%;
    padding: 20px 20px 10px 20px;
  }


  .btn-group span {
    padding: 8px 16px;
    font-size: 14px;
  }

  .color-filtre-box-info {
    display: none;
  }


  .color-filter-btn-item {
    gap: 8px;
    margin-top: 30px;
    flex-wrap: wrap;
  }


  .color-filter-cart-btn {
    padding: 6px;
    font-size: 0;
  }

  .color-filter-cart-btn img {
    display: flex;
    width: 28px;
    height: 28px;
  }


  .footer-contack {

    display: none;
  }

  .footer-logo-item {
    width: 100%;
    gap: 20px;
    align-items: center;
  }

  .footer-menu-item {
    width: 100%;
    gap: 40px;
    justify-content: center;
    margin-top: 30px;
  }


  .catalog-filter-cart-btn {
    padding: 6px;
    font-size: 0;
  }


  .catalog-filter-cart-btn img {
    display: flex !important;
    width: 28px;
    height: 28px;
  }

  .separete-info-img {
    height: 70%;
    position: absolute;
    top: auto;
    right: -100px;
    bottom: 0;
  }



  .separate-filter-cart-btn img {
    display: flex !important;
    width: 28px;
    height: 28px;
  }


  .separate-filter-cart-btn {
    padding: 6px;
    font-size: 0;
  }

  .pro-slider-cart-btn img {
    display: flex !important;
    width: 28px;
    height: 28px;
  }


  .pro-slider-cart-btn {
    padding: 6px;
    font-size: 0;
  }


  .mySwiper2 {
    height: 320px;
  }

  .cart-detail-top {
    padding: 20px 16px;
  }

  .cart-detail-bottom {
    padding: 20px 16px;
  }


  .basket-row {
    margin-top: 20px;
    gap: 20px;
    flex-direction: column;
  }



  .basket-center-item {
    gap: 30px;
    margin-left: 0;
    justify-content: flex-end;
    width: 100%;
  }


  .basket-item {
    gap: 10px;
    padding: 16px;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    padding-right: 0px;
  }


  .basket-pro-info {
    gap: 10px;
    width: 80%;
  }

  .basket-quantity-wrapper {
    gap: 15px;
    padding: 13px 12px;
  }


  .basket-summary {
    width: 100%;
    padding: 20px 16px;
  }


  .order-top {
    gap: 20px;
    flex-direction: column;
  }


  .order-basket {
    width: 320px;
    padding: 20px 10px 20px 20px;
    top: 50px;
    left: 0;

  }


  .order-buy-item-row {
    gap: 30px;
    margin-top: 140px;
    flex-direction: column;
  }

  .order-buy-help {
    width: 100%;
    padding: 20px 10px;
  }

  .order-help-btn {
    padding: 18px 30px;
    font-size: 14px;
    margin-top: 40px;
  }

  .history-section {
    gap: 30px;
    align-items: flex-start;
    flex-direction: column;
  }


  .history-image {
    width: 100%;
    height: auto;
    border-radius: 20px;
    display: flex;
    flex-shrink: 0;
  }

  .history-text-block {
    gap: 20px;
  }


  .delivery-question-box {
    display: none;
  }


  .document-top {
    gap: 30px;
    align-items: flex-start;
    flex-direction: column;
  }


  .document-top-info {
    gap: 10px;
    width: 100%;
    flex-direction: column;
  }




  .document-card {
    width: 48%;
    height: auto;
    padding: 4px;
    margin-bottom: 4%;
  }


  .document-item {
    margin-top: 30px;
    gap: 4%;
  }


  .document-card-image {
    height: 200px;
  }



  .sup-banner-content {
    gap: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .sup-banner-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }


  .sup-banner-img {
    display: none;
  }

  .sup-banner-free {
    width: 320px;
    padding: 16px;
    justify-content: center;
  }

  .sup-banner-btn {
    width: 320px;
    padding: 18px 40px;
    font-size: 14px;
    margin-top: 20px;
    border-radius: 16px;
  }


  .sup-about-p {
    width: 100%;
    font-size: 16px;
  }

  .sup-about-img {
    border-radius: 20px;
    width: 100%;
    height: auto;
  }

  .full-services-stack,
  .full-services-grid {
    flex-direction: column;
  }


  .services-cost-content {
    padding: 0 20px;
    gap: 20px;
    flex-direction: column;
  }


  .services-cost-left {
    width: 100%;
    gap: 20px;
    padding: 0;
    flex-direction: column;
  }

  .services-cost-question-box {
    width: 100%;
    height: fit-content;
    padding: 16px;
    gap: 30px;
  }


  .news-blog-card {
    width: 49%;
    margin-bottom: 4%;
  }


  .error-bottom {
    gap: 2%;
    padding: 0 20px;
    margin-top: 30px;
    flex-direction: column;
  }


  .error-link-box {
    width: 100%;
    padding: 20px 20px 10px 20px;
    gap: 20px;
    margin-bottom: 20px;
  }

  .thans-main {
    padding-bottom: 10px;
    display: none;
  }

  .thans-sidebar {
    width: 100%;
    gap: 2%;
    flex-direction: unset;
    flex-wrap: wrap;
  }


  .thans-side-item {
    width: 49%;
    gap: 10px;
    padding: 0;
    flex-direction: column;
    margin-bottom: 2%;
  }

  .thans-side-image {
    width: 100%;
  }

  .apps-card {
    width: 48%;
    justify-content: space-between;
    flex-direction: row;
  }

  .apps-image {
    width: auto;
    height: 100px;
  }

  .category-arrow-circle svg {
    width: 70px;
  }

  .separate-card-info-box {
    gap: 10px;
    top: 10px;
    left: 10px;
  }

  .payment-special-title {
    font-size: 2.8vw;
  }

}

@media only screen and (max-width: 650px) {

.page-content p{
	margin-bottom:0!important;
}

  .powder-card-item {
    margin-top: 30px;
    flex-wrap: wrap;
  }


  .powder-card {
    width: 100%;
    height: 320px;
    padding: 40px 30px 30px 20px;
    margin-bottom: 20px;
  }

  .color-filter-header-banner {
    gap: 20px;
    padding: 30px 20px 20px 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .color-filter-products-grid {
    margin-top: 20px;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
  }

  .filter-list-item {
    width: 100%;
    gap: 50px;
    position: absolute;
    left: -500%;
    top: 0;
    background: #f3f8f9;
    z-index: 2;
    padding: 30px 20px;
    border-radius: 10px;
    transition: all 0.3s linear;
  }


  .apps-card {
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
  }

  .apps-image {
    width: auto;
    height: 100px;
  }

  .feature-card {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
  }

  .feature-info {
    gap: 30px;
  }

  .feature-icon {
    width: 32px;
    position: absolute;
    right: 20px;
    top: 20px;
  }

  .contack-form-content {
    padding: 40px 20px;
    border-radius: 0px;
    gap: 50px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }


  .news-main {
    padding-bottom: 10px;
    display: none;
  }

  .news-grid {
    margin-top: 20px;
    gap: 10px;
    flex-wrap: wrap;
  }

  .news-sidebar {
    width: 100%;
    height: fit-content;
    gap: 2%;
    flex-wrap: wrap;
    flex-direction: unset;
    /* gap: 0; */
  }


  .news-side-item {
    width: 49%;
    height: fit-content;
    gap: 10px;
    padding: 0;
    padding-bottom: 10px;
    flex-direction: column;
    margin-bottom: 2%;
  }

  .news-side-image {
    width: 100%;
    height: 150px;
  }

  .news-side-image img {
    width: 100%;
    height: 100%;
  }


  .news-grid {
    margin-top: 30px;
    gap: 10px;
    flex-wrap: wrap;
    height: fit-content;
  }

  .catalog-filter-header-banner {
    gap: 20px;
    padding: 30px 20px 20px 30px;
    flex-direction: column;
    align-items: flex-start;
  }

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

  .catalog-list-item {
    width: 100%;
    gap: 50px;
    position: absolute;
    left: -500%;
    top: 0;
    background: #f3f8f9;
    z-index: 2;
    padding: 30px 20px;
    border-radius: 10px;
    transition: all 0.3s linear;
  }

  .catalog-filter-info {
    width: 100%;
    display: none;
    gap: 2%;
  }



  .mobil-catalog-helper-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-radius: 20px;
    background: #d6f1f2;
    gap: 30px;
  }

  .mobil-catalog-helper-box h3 {
    color: #505970;
    font-weight: 700;
    font-style: Bold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: 0%;

  }

  .mobil-catalog-helper-box p {
    color: #505970;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 135%;
    letter-spacing: 0%;

  }

  .mobil-catalog-helper-btn {
    width: 100%;
    background: #505970;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s linear;
    padding: 18px 40px;
    cursor: pointer;
    border-radius: 10px;
    color: #ffffff;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 70%;
    letter-spacing: 0%;

  }

  .mobil-catalog-helper-btn:hover {
    background-color: #0061bb;
  }




  .catalog-filter-newsletter {
    gap: 20px;
    padding: 30px 20px 20px 20px;
    margin-top: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .category-info {
    width: 100%;
    display: flex;
    gap: 2%;
    flex-wrap: wrap;
  }

  .category-info-box {
    width: 100%;
    gap: 10px;
    padding: 16px 20px;
    margin-bottom: 20px
  }

  .category-powder-card-item {
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 0%;
  }


  .category-powder-card {
    width: 100%;
    height: 280px;
    padding: 40px 30px 30px 20px;
    margin-bottom: 20px;
  }

  .category-info-row {
    margin-top: 60px;
    gap: 0%;
    flex-wrap: wrap;
  }

  .category-info-item {
    gap: 20px;
    width: 100%;
    margin-bottom: 20px;
  }




  .select-paint-box {
    gap: 29px;
    padding: 20px 16px;
    width: 100%;
    margin-bottom: 20px;
  }

  .select-paint-btn {
    padding: 18px 40px;
    font-size: 14px;
    border-radius: 10px;
  }

  .category-prome-button {
    position: static;
  }

  .category-prome-card {
    width: 100%;
    padding: 30px 20px 20px 30px;
    gap: 20px;
    flex-direction: column;
  }

  .separete-info2 {
    display: none;
  }

  .separete-paint-text p {
    width: 70%;
    font-size: 14px;
  }

  .separete-info-img {
    height: 70%;
    position: absolute;
    top: auto;
    right: -70px;
    bottom: 0;
  }




  .separate-filter-info-box {
    width: 100%;
    gap: 10px;
    padding: 16px 20px;
    margin-bottom: 20px;
    align-items: flex-start;
    flex-direction: row;
  }

  .separate-list-item {
    width: 100%;
    gap: 50px;
    position: absolute;
    left: -500%;
    top: 0;
    background: #f3f8f9;
    z-index: 2;
    padding: 30px 20px;
    border-radius: 10px;
    transition: all 0.3s linear;
  }

  .separate-filter-products-grid {
    margin-top: 20px;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }




  .separate-filter-newsletter {
    gap: 20px;
    padding: 30px 20px 20px 20px;
    margin-top: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .mySwiper .swiper-slide {
    height: 35px;
  }



  .cart-specs-item {
    gap: 20px;
    margin-top: 20px;
    flex-direction: column;
  }


  .cart-detail-box {
    gap: 5px;
    padding-right: 0;
    border: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #D0D1D3;
  }

  .cart-detail-bottom {
    padding: 20px 16px;
    background: #F3F8F9;
  }

  .cart-detaail-row {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #f3f8f9;
    border-radius: 20px;
    gap: 20px;
  }

  .cart-kg-row {
    flex-direction: column;
  }


  .cart-poz-neg-item {
    gap: 10px;
  }

  .cart-price-info {
    gap: 20px;
    margin-top: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .cart-info-item {
    gap: 20px;
    width: 100%;
    margin-bottom: 4%;
  }

  .cart-select-paint-box {
    gap: 30px;
    padding: 20px 16px;
    width: 100%;
    margin-bottom: 4%;
  }


  .cart-info-box {
    width: 100% !important;
    gap: 10px;
    padding: 16px 20px;
    flex-direction: row !important;
    justify-content: flex-start !important;
  }

  .cart-header-banner {
    gap: 20px;
    padding: 30px 20px 20px 30px;
    margin-top: 30px;
    flex-direction: column;
    align-items: flex-start;
  }


  .basket-info {
    display: none;
  }

  .basket-center-item {
    gap: 30px;
    margin-left: 77px;
    justify-content: flex-start;
    width: 100%;
  }

  .order-form-footer {
    margin-top: 29px;
    gap: 20px;
    flex-wrap: wrap;
  }

  .order-form-btn-primary {
    width: 320px;
    padding: 15px 30px;
    font-size: 14px;
    border-radius: 12px;
  }


  .about-box2 {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    order: 1;
  }

  .about-box4 {
    width: 100%;
    gap: 20px;
    order: 4;
  }

  .about-box4 img {
    width: 100%;
    height: 195px;
    border-radius: 10px;
    object-fit: cover;
  }

  .team-card {
    width: 48%;
    padding: 6px 6px 10px 6px;
    gap: 10px;
  }

  .team-item {
    margin-top: 20px;
    gap: 4%;
  }

  .team-card img {
    height: 98px;
  }

  .coop-right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
  }

  .coop-card {
    width: 48%;
    gap: 20px;
    padding: 20px 16px;
    margin-bottom: 4%;
  }

  .img-square {
    display: none;
  }

  .prod-stat {
    flex: 0 0 calc((100% - 0%) * 1);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    padding: 20px;
  }
	.pro-banner-stat-bg,
	.prod-stat-bg{
		position:relative;
		border-radius: 10px;
	}
  .eguip-text-box1 {
    gap: 20px;
    flex-direction: column;
    height: auto;
  }

  .eguip-text {
    width: 100%;
  }


  .eguip-img-box1 {
    height: auto;
    width: 100%;

  }

  .eguip-right {
    width: 100%;
    height: auto;
    gap: 20px;
    flex-direction: column;
  }


  .eguip-text-box2 {
    width: 100%;
    gap: 20px;
    height: auto;
    margin-bottom: 20px;
  }

  .eguip-big-img2 {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }


  .laboratory-left-item {
    width: 100%;
    gap: 20px;
    margin-top: 30px;
    align-items: center;
    flex-direction: column;
  }



  .lab-caption {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
  }

  .lab-photo {
    width: 100%;
    height: auto;
  }


  .laboratory-left,
  .laboratory-right {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }


  .pro-banner-box {
    width: 50%;
    height: auto;
    display: none;
    align-items: center;
  }

  .pro-banner-stat {
    width: 100%;
    padding: 15px;
    height: auto;
  }

  .shiping-box-text {
    width: 100%;
    margin-bottom: 20px;


  }

  .shiping-box {
    width: 100%;
    padding: 20px 16px;
    gap: 20px;
    margin-bottom: 20px;
    flex-direction: row;
  }

  .shiping-bottom-lit-box {
    width: 100%;
    margin-bottom: 20px;

  }

  .shiping-bottom-big-box {
    width: 100%;
    margin-bottom: 20px;
  }

  .payment-left-text-box {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
  }


  .payment-left-box {
    width: 100%;
    gap: 10px;
    margin-bottom: 20px;
    padding: 20px 16px;
  }

  .payment-special-title {
    font-size: 22px;
  }


  .news-detail-promo-card {
    padding: 20px 16px;
    gap: 30px;
    flex-direction: column;
    align-items: flex-start;
  }




  .contack-time-box,
  .contack-tel-box {
    width: 100%;
    padding: 16px;
    gap: 20px;
    margin-bottom: 20px;
  }

  .contack-contack-box {
    width: 100%;
    gap: 2%;
    flex-direction: column;
  }

  .contack-tg-wp-box {
    width: 100%;
    gap: 20px;
    padding: 16px;
    margin-bottom: 20px;
    flex-direction: column;
  }

  .contack-mail-box {
    gap: 20px;
    padding: 16px;
    width: 100%;
  }


  .error-top {
    height: 650px;
    padding: 30px 20px 30px 20px;
    background: url(../img/errorbgmobil.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }


  .error-home-page-link {
    padding: 28px 40px;
    margin-top: 30px;
  }


  .thanks-box-item {
    gap: 2%;
    flex-direction: column;
  }



  .thanks-box {
    width: 100%;
    margin-bottom: 20px;

  }


  .thans-grid {
    gap: 20px;
  }

  .thans-side-item {
    width: 100%;
    gap: 10px;
    padding: 0;
    flex-direction: column;
    margin-bottom: 2%;
  }


  .thans-side-image {
    width: 100%;
    height: 150px;
  }

  .popup-contact-form2,
  .popup-contact-form {
    width: 320px;
    gap: 10px;
    padding: 30px 20px;
    align-items: flex-start;
  }


  .popup-form2-person,
  .popup-form-person {
    display: none;
  }



  .color-filter-newsletter {
    gap: 20px;
    padding: 30px 20px 20px 20px;
    margin-top: 30px;
    flex-direction: column;
    align-items: flex-start;
  }

  .catalog-filter-group {
    gap: 15px;
    align-items: first baseline;
    flex-direction: column;
  }

  .separate-filter-group {
    gap: 15px;
    align-items: first baseline;
    flex-direction: column;
  }

  .catalog-box-info-popup-item {
    width: 320px;
    gap: 15px;
    border-radius: 16px;
    padding: 40px 20px 30px 20px;
  }

  .catalog-color-code {
    font-size: 11px;
    flex-shrink: 0;
  }

  .catalog-color-p {
    font-size: 11px;
  }







}






@media only screen and (max-width: 500px) {
  .mobi {
    display: block;
  }

  .action-img {
    max-width: 90%;
    margin: 0 auto;
  }

  .contact-form div.form-group:first-child {
    padding: 16px 16px;
  }

  .form-input.phone-mask {
    min-height: 10.7vw;
  }

  .news-side-item {
    width: 100%;


  }

  .separete-info-img {
    height: 55%;
    position: absolute;
    top: auto;
    right: -75px;
    bottom: 0;
  }


  .cart-btn {
    max-height: 56px;
    padding: 20px 48px;
    gap: 15px;
    font-size: 14px;
  }

.cart-btn,
.ajax-add-to-cart{
	width:100%;
}
  .contact-form {
    width: 100%;
    padding: 30px 16px;
    gap: 15px;
    border-radius: 20px;
  }

  .document-card-image {
    height: 120px;
  }

  .sup-about-tittle {
    font-size: 28px;
	flex-shrink: 1;
  }

  .services-cost-btn {
    width: 100%;
    padding: 10px 16px;
    font-size: 16px;
  }

  .services-cost-info {
    gap: 10px;
  }

  .news-blog-card {
    width: 100%;
    margin-bottom: 20px;
  }



}


/* !MEDIA END */

.cart-title{
	font-size: 1.8vw !important;
}

.pagination-link{
	white-space: nowrap;
}

@media(max-width:768px){
	.cart-title{
	font-size: 25px !important;
	}
	.pagination-p{
	max-width: 300px;
}
}


/* ===== Единые стили для описания категорий ===== */
.catalog-filter-text {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    max-width: 900px;
/*     margin-bottom: 30px; */
}

/* === Заголовки === */
.catalog-filter-text h2 {
    font-size: 24px;
    font-weight: 700;
/*     margin: 35px 0 15px; */
    color: #1a1a1a;
    padding: 0;
}

.catalog-filter-text h2:first-child {
    margin-top: 0;
}

.catalog-filter-text h3 {
    font-size: 20px;
    font-weight: 600;
/*     margin: 25px 0 12px; */
    color: #2a2a2a;
    padding: 0;
}

/* === Абзацы === */
.catalog-filter-text p {
    margin-bottom: 5px;
    padding: 0;
}

/* === Маркированный список === */
.catalog-filter-text ul {
    list-style: disc !important;
    list-style-type: disc !important;
    padding-left: 15px !important;
    margin: 10px 0 10px !important;
}

.catalog-filter-text ul li {
    display: list-item !important;
    list-style: disc !important;
    list-style-type: disc !important;
    margin-bottom: 10px !important;
    line-height: 1.6;
}

/* === Нумерованный список === */
.catalog-filter-text ol {
    padding-left: 20px;
    margin: 10px 0 20px;
}

.catalog-filter-text ol li {
    margin-bottom: 10px;
    line-height: 1.6;
}

/* === Жирный текст === */
.catalog-filter-text strong,
.catalog-filter-text b {
    font-weight: 600;
    color: #1a1a1a;
}

/* === Адаптив для мобильных === */
@media (max-width: 768px) {
    .catalog-filter-text {
        font-size: 15px;
    }
    
    .catalog-filter-text h2 {
        font-size: 20px;
    }
    
    .catalog-filter-text h3 {
        font-size: 17px;
    }
	.basket-summary-price,
	.basket-summary-label2 {
		font-size: 4.26vw;
	}
  .pro-slider-content {
    padding: 0 20px!important;
  }
}
.single-slide {
    display: flex;
    justify-content: center;
}

.single-slide .ser-slide {
    max-width: 400px;
    width: 100%;
}

.single-slide .ser-slide img {
    width: 100%;
    height: auto;
}

/* Фикс для карточек на экранах 1368px */
@media (max-width: 1450px) and (min-width: 1025px) {
    .catalog-filter-product-image {
        max-width: 250px;
        margin: 0 auto;
    }
    
    .catalog-filter-product-title {
        font-size: 14px !important;
    }
    
    .catalog-filter-price {
        font-size: 14px !important;
    }
    
    .catalog-filter-cart-btn {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
}

/* На экранах 1024-1200px — 2 колонки */
@media (max-width: 1200px) and (min-width: 1024px) {
    .catalog-filter-products-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
    }
    
    .catalog-filter-product-card {
        padding: 10px !important;
    }
    
    .catalog-filter-product-image {
        max-width: 200px;
        margin: 0 auto;
    }
    
    .catalog-filter-product-title {
        font-size: 13px !important;
    }
    
    .catalog-filter-cart-btn {
        padding: 6px 10px !important;
        font-size: 12px !important;
    }
}

/* Выравнивание кнопок в карточках каталога */
.catalog-filter-product-card {
    display: flex;
    flex-direction: column;
}

.catalog-filter-product-card > a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.catalog-filter-product-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
	margin-top: 1vw;
}

.catalog-filter-product-price {
    margin-top: auto !important;
    display: flex;
    align-items: bottom;
    justify-content: space-between;
    gap: 10px;
}

/* .catalog-filter-cart-btn {
    white-space: nowrap;
    flex-shrink: 0;
} */
.ral-header {
	margin-top: 20px;
}
.ral-wrapper {
    margin-top: 20px;
}

.ral-group {
    margin-bottom: 30px;
}

.ral-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 10px;
}

.ral-item {
    text-align: center;
    font-size: 12px;
}

.ral-color {
    width: 100%;
    height: 50px;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.ral-h3{
	margin-bottom: 5px;
}

/* Плавная прокрутка для всего сайта */
html {
    scroll-behavior: smooth;
}

/* Отступ между блоками "Кодировка" и "Таблица цветов RAL" */
.catalog-color-filtre-box-info + .catalog-color-filtre-box-info {
    margin-top: 15px;
}


/* === Всплывающие toast-уведомления === */
.wc-toast-container {
    position: fixed;
    top: 100px;
    right: 20px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 380px;
}

.wc-toast {
    padding: 15px 20px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.4;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    animation: toastIn 0.3s ease;
    transition: opacity 0.5s ease;
}

.wc-toast a {
    display: block;
    margin-top: 12px !important;
    padding: 8px 20px;
    background: #0ea5a6;
    border-radius: 6px;
    text-decoration: none !important;
    font-weight: 500;
    font-size: 14px;
    width: fit-content;
	 border-radius: 30px !important;
}

.wc-toast a:hover {
    background: #0b8b8c;
}

.wc-toast--hide {
    opacity: 0;
}

.wc-toast-success {
    background: #f0faf0;
    border-left: 4px solid #2e7d32;
    color: #2e7d32;
}

.wc-toast-notice {
    background: #fff8e1;
    border-left: 4px solid #f57c00;
    color: #f57c00;
}

.wc-toast-error {
    background: #fef0f0;
    border-left: 4px solid #c62828;
    color: #c62828;
}

@keyframes toastIn {
    from { transform: translateX(120%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

/* Скрываем старые уведомления в корзине */
.woocommerce-cart .woocommerce-notices-wrapper,
.woocommerce-checkout .woocommerce-notices-wrapper {
    display: none !important;
}

/* Цветовые чекбоксы – вертикальный список */
.catalog-color-grid {
    display: block !important;
}

.catalog-color-grid .catalog-checkbox-item {
    display: flex;
    margin-bottom: 13px;
		align-items: center;
}

/* Внутренние отступы попапа прайс-листа + выравнивание */
.popup-contact-form {
    padding: 40px 30px !important;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
}
/* .popup-contack-form-text h3{
	font-size: 32px;
	font-weight: 600;
	padding-bottom: 10px;
} */
/* Поля формы — одинаковая высота */
.popup-form input[type="tel"],
.popup-form input[type="text"] {
    height: 42px !important;
    line-height: 1.2 !important;
    padding: 8px 14px !important;
}


/* Убираем лишние отступы у параграфов внутри */
.popup-form .popup-form-group p {
    margin: 0 !important;
}


.popup-form .wpcf7-form-control-wrap {
    display: block !important;
}

/* Убираем лишние отступы у параграфов */
.popup-form p {
    margin: 0 0 8px 0 !important;
}

/* Последний параграф без отступа */
.popup-form p:last-child {
    margin-bottom: 0 !important;
}
/* Убираем лишнее расстояние между полями */
.popup-form .flex-form-foot {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
}

/* Уменьшаем высоту полей ввода */
.popup-form input[type="tel"],
.popup-form input[type="text"] {
    height: 40px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
}

/* Ошибка под полем ввода, не двигает контент */
.popup-form .wpcf7-not-valid-tip {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    font-size: 14px !important;
    color: #dc3232 !important;
    margin-top: 14px !important;
    white-space: nowrap !important;
}

.popup-form .wpcf7-form-control-wrap {
    position: relative !important;
    display: block !important;
}

/* Общая ошибка формы — не двигает контент */
.popup-form .wpcf7-response-output {
    position: absolute !important;
    bottom: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 0 10px 0 !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
}

/* Выравниваем поля ввода по левому краю */
.flex-form-foot {
    justify-content: flex-start !important;
}

/* Убираем центрирование текста внутри полей */
.popup-form input[type="tel"],
.popup-form input[type="text"] {
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

/* Выравниваем сами контейнеры полей */
.popup-form-group {
    text-align: left !important;
    display: block !important;
}