/*-----------------------------------------------------------------------------------
Theme Name:viknanovi
Theme URI:https://viknanovi.ua/
Description:Web Studio Optima Design
Author:Optima Design
Author URI:https://optima-design.pro/
-----------------------------------------------------------------------------------*/
:root {
  --body-color: #061027;
  --main-color: #1A32AF;
  --primary-color: #0055ff;
  --blue-color: #0092ff;
  --light-color: #94c5ff;
  --monts: "Montserrat", sans-serif; 
  --opsans: "Open Sans", sans-serif;
  }
*, *::before, *::after {box-sizing: border-box;}
html {height:100%;width:100%;scroll-behavior: smooth;}
body {font-family: var(--opsans);font-optical-sizing: auto; font-size: 16px;font-weight: 400;font-style: normal;line-height: 27px;color:var(--body-color);background: #EDEEEF; margin:0;
overflow-x: hidden;}
main {max-width: 1352px; margin: 0 auto;}
h1,h2,h3,h4,h5,h6 {font-family: var(--monts);font-optical-sizing: auto; font-weight: 700;color: var(--main-color);}
header {display: flex;align-items: center;justify-content: space-between;padding: 20px 0 50px;}
.logo {display: flex;align-items: center;}
.logo img {height: 51px;margin-right: 10px;}
nav ul {list-style: none;display: flex;gap: 25px;margin: 0;padding: 0;}
nav a {font-family: var(--monts); font-size: 15px;text-decoration: none;color: var(--body-color);font-weight: 500;transition: color 0.2s;text-transform: uppercase;}
nav a:hover {color: var(--main-color);}
.lang {font-size: 14px;color: #666;margin-right: 20px;}
.lang_text:first-child {margin-right: 5px; border-right:1px solid rgb(6 16 39 / 50%);}
.lang_text {opacity: .5;}
.lang_text:hover, .lang_text.active {opacity: 1;}
.search__icon {display: flex; cursor: pointer;}
.search__input {display: none;}
.burger {display: none;flex-direction: column;justify-content: space-between;width: 28px;height: 20px;cursor: pointer;z-index: 200;}
.burger span { display: block;height: 3px; background: var(--body-color); border-radius: 2px; transition: all .3s ease;}
.burger.active span {background: #fff;}
.burger.active span:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.burger.active span:nth-child(2) { opacity: 0; }
.burger.active span:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}
nav ul {list-style: none;display: flex;gap: 25px;margin: 0;padding: 0;}
nav a {font-family: var(--monts);font-size: 15px;text-decoration: none;color: var(--body-color);font-weight: 500;transition: color .2s;text-transform: uppercase;display: flex;align-items: center;}
nav a:hover { color: var(--main-color); }
nav li a svg {margin-left: 4px;}
.lang {font-size: 14px;color: #666;margin-right: 20px;}
.lang_text {color:var(--body-color);text-decoration: none;opacity: .5;margin-right: 5px;}
.lang_text:hover, .lang_text.active { opacity: 1; }
.search__icon { display: flex; cursor: pointer; }
.phone {font-family: var(--monts);background: var(--main-color);color: #fff;padding: 8px 18px;text-decoration: none;}
.section_title {font-family: var(--monts);color: var(--main-color);font-size: 38px;font-weight: 600;line-height: 1.5;text-transform: uppercase;}
.h4 {font-family: var(--monts);font-size: 24px;font-weight: 600;color: var(--main-color);line-height: normal;text-transform: uppercase;margin-bottom: 16px;}
.h5 {font-family: var(--monts);font-size: 18px;font-weight: 600;color: var(--main-color); text-transform: uppercase;}
.btn__big {display: flex; align-items:center; justify-content: center; font-size: 20px; text-transform: uppercase;width: 296px;
  height:63px;transition: background 0.5s ease-out; text-decoration: none;}
.btn_blue { color:#fff; background: var(--main-color);}
.btn_blue:hover {background: var(--primary-color)}
.btn_light {background: #fff; color: var(--body-color)}
.btn_light:hover {background: #FAFAFA}
/*HOME SLIDER*/
.home_slider {position: relative;overflow: hidden;}
.home_slider .swiper-slide {position: relative;}
.home_slider img {max-width: 100%;height: auto;object-fit: cover;display: block;}
.slider_inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;
text-align: center;color: #fff;background: rgb(34 38 51 / 65%);padding: 0 20px;}
.slider_content {max-width: 740px;}
.slider_title {font-family: var(--monts);font-size: 42px;font-weight: 600;line-height: 1.5;text-transform: uppercase;margin-bottom: 25px;}
.slider_text {font-size: 18px;max-width: 700px;margin: 0 auto 34px;}
.slider_buttons {display: flex;align-items: center;justify-content: center;gap: 25px;}
.arrow-next,.arrow-prev {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;cursor: pointer;width: 50px;height: 50px;background:#D2D2D2A6;}
.arrow-next::after,
.arrow-prev::after {content: "";display: block;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;position: absolute;top: 50%;left: 50%;transform-origin: center;}
.arrow-next {right: 30px;}
.arrow-prev {left: 30px;}
.arrow-next::after {transform: translate(-60%,-50%) rotate(45deg);}
.arrow-prev::after {transform: translate(-40%,-50%) rotate(-135deg);}
.swiper-pagination {position: absolute;bottom: 10%!important;left: 50%!important;transform: translateX(-50%);display: flex;gap: 12px;justify-content: center;align-items: center;width: auto;z-index: 11;}
.swiper-pagination-bullet {width: 50px;height: 3px;border-radius: 2px;background: rgba(255, 255, 255, 0.4);opacity: 1; transition: all 0.3s ease;}
.swiper-pagination-bullet-active {background: #fff;width: 60px;         }
.swiper-pagination-bullet::before,
.swiper-pagination-bullet::after {display: none !important;}

/*CFORMS*/
.wpcf7-list-item {margin:0;}
.wpcf7-list-item label {display: grid; grid-template-columns: 50px auto;} 
.wpcf7-submit:hover {background: var(--primary-color);}
.feedback {padding: 50px 0;}
.feedback__container {margin: 0 auto;display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;}
.feedback__title {font-family: var(--monts);color: var(--main-color);font-size: 32px;font-weight: 600;margin-bottom: 1.5rem;}
.feedback__text {margin-bottom: 1.5rem;}
.feedback__contacts {list-style: none;padding: 0;margin: 20px 0 30px;}
.feedback__contacts a {color: var(--body-color);text-decoration: none;}
.feedback__contacts a:hover {color: var(--primary-color);}
.feedback__social-label {margin-bottom: .5rem;font-weight: 600;}
.feedback__social-list {display: flex;gap: 26px;list-style: none;padding: 0;}
.feedback__social-link {display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;color: var(--body-color);transition: all .3s ease;}
/* Form */
.feedback__form {display: flex;flex-direction: column;gap: 1rem;}
.feedback__input,
.feedback__textarea {width: 100%;border: 1px solid #999;padding: 20px;font-family: var(--opsans);font-size: 16px;background: transparent;transition: border-color .3s ease, box-shadow .3s ease;}
.feedback__input:focus,
.feedback__textarea:focus {outline: none;border-color: var(--main-color);box-shadow: 0 0 0 2px rgba(26, 50, 175, 0.2);}
.wpcf7-submit {max-width: 296px;font-family: var(--opsans);background: var(--main-color);color: #fff;font-size:20px; text-transform: uppercase;border: none;padding:20px;
font-weight: 400;cursor: pointer;transition: background .3s ease;}
.feedback__policy {display: flex;align-items: flex-start;gap: .5rem;font-size: 14px;}
.feedback__policy input {margin-top: 3px;}
.feedback__policy input[type="checkbox"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 25px;height: 25px;border: 1px solid var(--body-color);border-radius:0;display: inline-block;
position: relative;margin-top: 2px;cursor: pointer;transition: all 0.2s ease;}
.feedback__policy input[type="checkbox"]::after {content: "";position: absolute;left: 7px;top: 0;width: 10px;height: 20px;border-right: 1px solid var(--body-color);border-bottom: 1px solid var(--body-color);
transform: rotate(45deg) scale(0);opacity: 0;transition: all 0.2s ease;}
.feedback__policy input[type="checkbox"]:checked::after {opacity: 1;transform: rotate(45deg) scale(1);}
.feedback__policy input[type="checkbox"]:hover {border-color: #0055ff;}
.feedback__policy.wpcf7-list-item-label {display: inline-block;margin-top: 2px;cursor: pointer;}

footer {background: var(--main-color); color: #fff; padding: 62px 0 20px;}
footer .logo img {margin: 0 auto 110px;}
.footerSoc {display: flex; align-items: center; justify-content: center; flex-direction: column; gap:15px;}
.footerSoc a {color:#fff; text-decoration: none;transition: all 0.2s ease;}
footer .feedback__social-list {justify-content:center;padding-top: 20px;padding-bottom: 40px;border-bottom: 1px solid #FFFFFF80;}
footer .feedback__social-list a svg path {fill: #ededed;transition: all 0.2s ease;}
footer nav { position: relative; }
footer nav ul {display:flex;justify-content:space-between;align-items:center;list-style:none; margin:0; padding:0;}
footer nav ul li {position: relative;display: flex;align-items: center;}
footer nav .v-sep {position:absolute;top:30%;height:40%;width:1px;background:rgba(255,255,255,.4);pointer-events:none;}
footer nav li a {color: #fff;padding:14px 20px; display:block;}
footer a:hover {color: var(--light-color);}
footer .feedback__social-list a:hover svg path {fill:var(--light-color);}

/*SECTION ABOUT*/
.about {padding: 80px 0 110px;}
.about__inner {display: grid;grid-template-columns: 1fr 1fr;align-items: start;gap: 40px;}
.about__text {font-size: 16px;line-height: 1.6;margin-bottom: 25px;}
.about__stats {display: flex;flex-wrap: wrap;gap: 30px;margin-top: 45px;}
.about__stat {flex: 1 1 30%;text-align: left;}
.about__number {font-family:var(--monts);font-size: 32px;font-weight: 600;color: var(--main-color);line-height: 1.5;}
.counter__text {padding-top: 14px;}
.about__video iframe {width: 100%;height: 315px;height: 560px;overflow: hidden;}
/*SECTION PROS*/
.pros {padding: 60px 0;}
.pros .section_title {margin-bottom: 40px;}
.pros__grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px 40px;}
.pros__item {background: transparent;}
.pros__item .h4 {margin-bottom: 26px;}
.pros__item-text {font-size: 16px;}

/*MEASURE*/
.measure {position: relative;width: 100%;overflow: hidden;}
.measure__overlay {position: absolute;top: 0; left: 0; right: 0; bottom: 0;background:rgb(34 38 51 / 65%);z-index: 1;}
.measure .section_title {color:#fff;}
.measure__content {position: relative;z-index: 2;text-align: center;width: 100%;max-width: 1200px;margin: 0 auto;color: #fff;}
.measure__title { font-size: 32px; font-weight: 700;text-transform: uppercase; margin-bottom: 15px;}
.measure__subtitle {font-size: 18px;font-weight: 400;max-width: 600px;margin: 40px auto;}
.measure__form {display: flex;flex-direction: column;align-items: center;gap: 20px;}
.measure__form form {max-width: 1100px;}
.measure__fields {display: grid;grid-template-columns: 1fr 1fr 1fr; align-items: self-end;gap: 20px;}
.measure__fields input {background: transparent;border: none;border-bottom: 1px solid rgba(255,255,255,0.6);padding: 21px 16px;color: #fff;font-size: 16px;outline: none;transition: border-color 0.3s ease;}
.measure__fields input::placeholder {color: rgba(255,255,255,0.6);}
.measure__fields input:focus {border-color: #fff;}
.measure .wpcf7-submit {background: var(--main-color);color: #fff;border: none;width: 296px;height: 63px;display: flex;align-items: center;justify-content: center;padding: 0;
font-size: 20px;font-weight: 400;text-transform: uppercase;cursor: pointer;transition: background 0.3s ease;}
.measure .wpcf7-submit:hover {background: var(--primary-color);}
.measure__policy {display: flex;align-items: flex-start;gap: 10px;font-size: 14px;max-width: 600px;text-align: left;color: rgba(255,255,255,0.9);line-height: 1.4;}
.measure__policy input { margin-top: 3px; accent-color: var(--main-color);}
.measure__policy input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 25px;
  height: 25px;
  border: 1px solid #fff;border-radius:0;
  display: inline-block;
  position: relative;
  margin-top: 2px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.measure__policy input[type="checkbox"]::after {
  content: "";
  position: absolute;
    left: 7px;
    top: 0;
    width: 10px;
    height: 20px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(45deg) scale(0);
  opacity: 0;
  transition: all 0.2s ease;}
.measure__policy input[type="checkbox"]:checked::after {opacity: 1;transform: rotate(45deg) scale(1);}
.measure__policy input[type="checkbox"]:hover {border-color: #0055ff;}
.measure__policy.wpcf7-list-item-label {display: inline-block;margin-top: 2px;cursor: pointer;}

/*SECTION STEPS*/
.steps {padding:110px 0 60px;overflow: hidden;}
.steps .section_title {margin-bottom: 40px;}
.steps__grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}
.step {background: #8181811A;padding: 25px 20px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);display: flex;flex-direction: column;justify-content: flex-start;
transform: translateY(40px);opacity: 0;transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.8s ease;}
.step[data-visible="true"] {transform: translateY(0);opacity: 1;}
.step.card__white {background: #fff;}
.step__num {font-weight: 600;font-size: 24px;color: var( --main-color);background: #fff;width: 70px;height: 70px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 32px;flex-shrink: 0;}
.step.card__white .step__num {background:#8181811F}
.step__desc {font-size: 16px;margin: 0;}

/*SECTION REVIEWS*/
.reviews {padding: 60px 0;}
.reviews__top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 48px;gap: 30px;}
.reviews__title {font-family: var(--monts);color: var(--main-color);font-size: 38px;font-weight: 600;text-transform: uppercase;margin: 0;}
.review {background: #fff;padding: 25px 20px;box-shadow: 0 4px 10px rgba(0,0,0,0.05);display: flex;flex-direction: column;justify-content: space-between;height: auto;}
.review__text {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;transition: all .3s ease;font-size: 16px;}
.review__text.expanded {-webkit-line-clamp: unset;}
.toggle-btn {background: none;border: none;color: var(--main-color);font-family: var(--monts);font-size: 22px;font-weight: 600;text-transform: uppercase;cursor: pointer; margin-top: 12px;align-self: flex-end; padding: 0; transition: color .2s ease;}
.toggle-btn:hover {color: var(--primary-color);}
.review__info {margin-top: 42px;font-size: 16px;display: flex;flex-direction: column;gap: 3px;}

.reviews__nav {display: flex;align-items: center;justify-content: flex-end; flex: 1; position: relative;max-width: 320px;}
.reviews-pagination {position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;color: #061027;}
.reviews-progress {position: absolute;bottom: 0;left: 0;right: 0;height: 2px;background: rgba(6, 16, 39, 0.15);border-radius: 2px;overflow: hidden;}
.reviews-progress-bar {position: absolute;top: 0;left: 0;height: 2px;width: 0%;background: var( --light-color);border-radius: 2px;transition: width 0.4s ease;}
.reviews-pagination-current,
.reviews-pagination-total {font-weight: 500;font-size: 25px;}
.reviews-arrows {display: flex;align-items: center;gap: 15px;}
.reviews-prev,
.reviews-next {cursor: pointer;font-size: 18px;color: #061027;opacity: 0.9;transition: color 0.2s ease, opacity 0.2s ease;}
.reviews-prev:hover,
.reviews-next:hover {color: var(--main-color);opacity: 1;}
span.arrow svg {margin-left: 10px;transform: rotate(180deg);transition: transform 0.3s ease;}
span.arrow.open svg {transform: rotate(90deg);}
.toggle-btn:hover svg path {fill: var(--primary-color);}

/*SECTION FURNITURA*/
.furnitura {padding: 80px 0 110px;}
.furnitura .section_title {margin-bottom:40px;}
.furnitura__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;}
.furnitura__item {background: #FAFAFA;display: flex;align-items: center;justify-content: center;height: 150px; padding:20px;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.furnitura__item img {max-width: 70%;height: auto;object-fit: contain;filter: grayscale(0);transition: transform 0.3s ease, filter 0.3s ease;}
.furnitura__item:hover { transform: translateY(-5px); box-shadow: 0 6px 20px rgba(0,0,0,0.1);}
.furnitura__item:hover img { transform: scale(1.05); filter: grayscale(0);}
/*SECTION SERVICES*/
.services__grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 15px;}
.services__header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;}
.service__item {
  position: relative;
  background: #fff;
  overflow: hidden;
  aspect-ratio: 1 / 1.5;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.service__front,
.service__back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  box-sizing: border-box;
  transition: opacity 0.5s ease;
}
.service__front {z-index: 2;display: flex;flex-direction: column;justify-content: center;opacity: 1;background: #fff;}
.service__num {font-size: 60px;font-weight: 900;margin-bottom: 30px;color: transparent;-webkit-text-stroke: 1px var(--light-color);}
.service__name {font-size: 18px;font-weight: 600;color: #1A32AF;text-transform: uppercase;}
.service__back {    background-size: contain;display: flex;flex-direction: column;justify-content: center;}
.service__info .h4 {color:#fff; padding: 16px 0}
.service__info .service__num {-webkit-text-stroke: 1px #fff;} 
.service__info 
.service__back {z-index: 1;background-size: cover;background-position: center;opacity: 0;}
.service__overlay {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.55);opacity: 0;transition: opacity 0.5s ease;z-index: 1;}
.service__info {position: relative;z-index: 2;color: #fff;opacity: 0;transition: opacity 0.5s ease;}
.service__desc {margin-top: 10px;}
/* Эффект наведения */
.service__item:hover .service__front {opacity: 0;}
.service__item:hover .service__back {opacity: 1;}
.service__item:hover .service__overlay {opacity: 1;}
.service__item:hover .service__info {opacity: 1;}
/* Для кликов на мобильных */
.service__item.active .service__front { opacity: 0;}
.service__item.active .service__back { opacity: 1;}
.service__item.active .service__overlay { opacity: 1;}
.service__item.active .service__info { opacity: 1;}

/*SECTION LAMINATE*/
.window-designer .section_title {margin-top:110px; margin-bottom:40px}
.window-designer__inner {position: relative;display: flex;gap: 40px;padding: 80px;justify-content: space-between;width: 100%;}
.window-designer-overlay {position: absolute;top: 0; left: 0; right: 0; bottom: 0;background:rgb(34 38 51 / 65%);z-index: 1;}
.window-designer__filters { width: 320px;background: #fff;padding: 20px;z-index: 2;}
.window-designer__filters label { display: flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; margin-bottom: 8px; transition: color 0.3s ease;}
.window-designer__filters label:hover {color: #0055ff;}
.window-designer__filters input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 22px;
  height: 22px;
  border: 2px solid #1e1e1e;
  border-radius: 2px;
  background: #fff;
  position: relative;
  cursor: pointer;
  transition: all 0.25s ease;
}

.window-designer__filters input[type="checkbox"]:hover {border-color: #0055ff;}
.window-designer__filters input[type="checkbox"]::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 1px;
  width: 6px;
  height: 12px;
  border-right: 2px solid #0055ff;
  border-bottom: 2px solid #0055ff;
  transform: rotate(45deg) scale(0);
  opacity: 0;
  transition: all 0.25s ease;}
.window-designer__filters input[type="checkbox"]:checked {border-color: #0055ff;background-color: #f2f6ff;}
.window-designer__filters input[type="checkbox"]:checked::after {transform: rotate(45deg) scale(1);opacity: 1;}
.filter__section label + label {margin-top: 6px;}

.window-designer__preview {flex: 1;text-align: center;z-index: 2;}
.filter__section {margin-top:24px;}
.window-designer .h5 {margin-bottom:16px;}
.thumbs {display: flex;flex-wrap: wrap;gap: 12px;}
.thumb {width: 36px;height: 36px;border-radius: 50%;position: relative;cursor: pointer;overflow: hidden;border: 2px solid transparent;transition: border 0.3s, box-shadow 0.3s;}
.thumb img {width: 100%;height: 100%;border-radius: 50%;object-fit: cover;}
.thumb.active {border: 3px solid #000;box-shadow: 0 0 0 2px #fff inset;}
.thumb.active::after {content: "";position: absolute;inset: 0;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 10 18 20 6'/%3E%3C/svg%3E")
center/50% no-repeat;opacity: 0;animation: fadeIn 0.3s forwards;pointer-events: none;}
@keyframes fadeIn {to { opacity: 1; }}
#mainImage {max-width: 88%;height: auto;display: block;margin: 0 auto 10px;}
#imageTitle {background: #fff;padding: 10px 30px;margin-top: 33px;width: 88%;display: inline-flex;justify-content: center;}

/*SECTION PORTFOLIO*/
.portfolio {padding: 110px 0 50px;}
.portfolio__top {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 48px;gap: 30px;}
.section_subtitle {font-size: 18px;margin-top: 8px;}
.portfolio__nav {display: flex;align-items: center;justify-content: flex-end;flex: 1;position: relative;max-width: 320px;}
.portfolio-pagination {position: relative;width: 100%;display: flex;align-items: center;justify-content: space-between;color: #061027;}
.portfolio-progress {position: absolute;bottom: 0;left: 0;right: 0;height: 2px;background: rgba(6, 16, 39, 0.15);border-radius: 2px;overflow: hidden;}
.portfolio-progress-bar {position: absolute;top: 0;left: 0;height: 2px;width: 0%;background: var( --light-color);border-radius: 2px;transition: width 0.4s ease;}
.portfolio-pagination-current,
.portfolio-pagination-total {font-weight: 500;font-size: 22px;}
.portfolio-arrows {display: flex;align-items: center;gap: 15px;}
.portfolio-prev,
.portfolio-next {cursor: pointer; font-size: 18px; color: #061027; opacity: 0.9; transition: color 0.2s ease, opacity 0.2s ease;}
.portfolio-prev:hover,
.portfolio-next:hover {color: var(--main-color);opacity: 1;}
.portfolio__item {display: flex;flex-direction: column;height: 100%;position: relative;}
.portfolio__img {display: flex}
.portfolio__img img {max-width: 100%;object-fit: cover;}
.portfolio__info {position: absolute;padding: 20px;width: 88%;bottom: 0;left: 0;background: #fff;}
.portfolio__title {color: var(--main-color);font-weight: 700;font-family: var(--monts);margin-bottom: 8px;text-transform: uppercase;}

/* Responsive */
@media (max-width:1300px) {main {overflow: hidden;}
  header {padding: 20px 20px 50px;}
 .burger { display: flex; }
  nav, .lang, .search__icon, .phone { display: none; }
  nav.active {display: flex; flex-direction: column; align-items: self-start; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; 
  padding: 20px;  
  background: var(--main-color);z-index: 150;transform: translateY(0);}
  nav.active .main__menu ul {flex-direction: column;gap: 20px;}
  nav.active a {color: #fff;font-size: 18px;text-transform: uppercase;}
  nav.active::before {content: '';display: block;margin-bottom: 20px;}
  nav.active + .search__input,
  nav.active + .search__input + .lang,
  nav.active + .search__input + .lang + .phone {display: block;position: fixed;color: #fff;z-index: 999;}
  .search__input {top: 100px;    width: 100%;}
  .lang_text {color: #fff;padding: 0 5px;}
  .lang {top: 180px;left: 20px;transform: none;}
  .lang_text:first-child {border-right: 1px solid rgb(255 255 255 / 50%);}
nav.active ~ .phone {position: fixed;color: #fff;z-index: 999;left:-10px; bottom: 60px; background: none;width: 100%;display: flex!important;align-items: center;justify-content: center;}
.slider_title {font-size: 34px;}
}

@media (max-width:1200px) {
  .window-designer__inner {flex-direction: column}
  .window-designer__filters {width: auto;}
}

@media (max-width: 1024px) {
.home_slider .arrow-next, .home_slider .arrow-prev {display: none;}
.home_slider img {height:100vh}
.pros,.steps,.reviews,.portfolio,.furnitura,.window-designer,.about,.services {padding: 40px 20px;}
 .reviews__top, .portfolio__top { flex-direction: column; align-items: flex-start; }
  .reviews__nav,.portfolio__nav { justify-content: flex-start; width: 100%; }
  .window-designer__inner {gap: 20px; padding: 20px;}
}

@media (max-width: 900px) {
.pros__grid,.steps__grid,.furnitura__grid,.services__grid  {grid-template-columns: repeat(2, 1fr);}
.feedback__container {grid-template-columns: 1fr;gap: 2rem;}
.about__inner {grid-template-columns: 1fr;}
}

@media(max-width:768px){
  .slider_title,.section_title { font-size: 26px; }
  .services__header {flex-direction: column;}
  .slider_text { font-size: 14px; }
  .slider_buttons { flex-direction: column; }
  .swiper-pagination {bottom: 20px;gap: 8px;}
  .swiper-pagination-bullet {width: 40px;height: 6px;}
.swiper-pagination-bullet-active {width: 60px;}
  .measure__bg {padding:70px 20px;}
  .measure__title { font-size: 26px; }
  .measure__subtitle { font-size: 16px; }
  .measure__fields {display: flex;flex-direction: column;align-items: center;}
  .measure__fields input {width: 100%;max-width: 300px;}
    .reviews__top {flex-direction: column;align-items: flex-start;}
  .about__stats {flex-wrap: nowrap;flex-direction: column;align-items: center;justify-content: center;}
  .about__stat {text-align: center;}
  .window-designer .section_title {margin-top: 0;margin-bottom: 20px;}
.reviews-pagination {font-size: 15px;}
#imageTitle {font-size: 18px;}
}

@media (max-width: 600px) {
  .btn__big,.wpcf7-submit {width:100%;max-width: 100%;}
  .pros__grid,.services__grid {grid-template-columns: 1fr;}
  .h4,.pros__item .h4 {font-size: 22px;}
  .section_title,.pros .section_title,.steps .section_title {margin-bottom: 20px;}
  .pros__item .h4 {margin-bottom:16px;}
  .portfolio__info {width: 100%;}
  .measure__fields input {padding: 21px 1px;}
  .measure .wpcf7-submit {margin-top:20px; width:100%}
  .steps__grid,.furnitura__grid {grid-template-columns: 1fr;}
  .step__num {width: 50px;height: 50px;font-size: 22px;}
  .step__desc {font-size: 14px;}
  .furnitura__item {height: 120px;}
  .furnitura__item img {max-width: 40%;}
  .feedback {padding: 2rem 1rem;}
  .feedback__title {font-size: 26px;line-height: normal;}
  .about__video iframe {height: 260px;}
  .service__item {aspect-ratio: 1 / 1.1;}
  .service__back {background-size: cover;}
  .service__front {opacity: 0;}
  .service__back,.service__overlay,.service__info {opacity: 1;}
}

@media (min-width:1350px) {.swiper {overflow: visible !important;}}