/*!
Theme Name: keyform
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: keyform
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

keyform is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


 @import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,500;1,14..32,500&display=swap');

 :root {
	 --color-black: #000;
	 --color-m-black: #555555;
	 --color-accent: #CB050E;
	 --color-accent-hover: #B1030B;
	 --border-radius: 0.52vw;
	 --font-size-24: 1.25vw;
	 --transition-btn: all 0.3s;
	 --color-m-white: #F4F4F4;
	 --color-l-white: #FBFBFB;
	 --color-gray: #A0A0A0;
	 --color-dark-gray: #54595F;
	 --size-h1: 3.484vw;
	 --size-h2: 2.238vw;
	 --size-h3: 1.675vw;
	 --size-text: 1.112vw;
	 --padding-btn: 0.42vw 0.83vw;
	 --padding-l-btn: 1.04vw 1.56vw;
	 --decor-btn: 0.7vw;
	 --margin-bottom-title: 1.8vw;
	 --margin-bottom-title-subtitle: 0.992vw;
	 --margin-bottom-subtitle: 2.935vw;
	 --padding: 1.67vw;
 }
 
 * {
	 box-sizing: border-box;
 }
 
 body {
	 margin: 0;
 }
 
 h1 {
	 font-family: "Geologica", Roboto;
	 font-size: var(--size-h1);
	 font-weight: 600;
	 margin: 0;
 }
 
 h2 {
	 font-family: "Geologica", Roboto;
	 font-size: var(--size-h2);
	 font-weight: 600;
	 margin: 0;
 }
 
 h3 {
	 font-family: "Geologica", Roboto;
	 font-size: var(--size-h3);
	 font-weight: 500;
	 margin: 0;
 }
 
 a {
	 text-decoration: none;
	 font-family: "Geologica", Roboto;
	 font-weight: 500;
	 color: var(--color-black);
 }
 
 input {
	 padding: 0.83vw 1.25vw;
	 border-radius: 5px 5px 5px 5px;
	 background-color: var(--color-m-white);
	 outline: none;
	 border: none;
	 font-family: "Geologica", Roboto;
	 color: var(--color-m-black);
	 font-size: var(--size-text)
 }
 
 input[type="button"] {
	 color: var(--color-black);
	 cursor: pointer;
	 transition: var(--transition-btn);
	 font-size: var(--size-text);
 }
 
 input[type="button"]:hover, input[type="button"]:active {
	 color: white;
	 background-color: var(--color-black);
 }

 textarea {
    resize: none;
    min-height: 6.67vw;
    border-radius: 5px 5px 5px 5px;
    outline: none;
    border: none;
    font-family: "Geologica", Roboto;
    color: var(--color-m-black);
    font-size: var(--size-text);
    padding: 0.83vw 1.25vw;
}
 
 p, li {
	 margin: 0;
	 font-size: var(--size-text);
	 font-family: "Geologica", Roboto;
	 font-weight: 400;
	 line-height: 1.6vw;
 }
 
 button {
	 font-size: var(--size-text);
	 font-family: "Geologica", Roboto;
 }
 
 
 /* header */
 
 .container {
	 margin-top: 3vw;
	 padding-right: 9.15vw;
	 padding-left: 9.15vw;
 }
 
 .header {
	 padding-bottom: 1.25vw;
	 border-bottom: solid 1px var(--color-m-black);
	 margin-top: 1.57vw;
 }
 
 .header__top {
	 display: flex;
	 justify-content: space-between;
 }
 
 .header__logo-content {
	 display: flex;
	 align-items: center;
	 gap: 0.83vw;
 }
 
 .header__logo {
	 width: 4.462vw;
 }
 
 .header__name {
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
 }
 
 .header__name-link {
	 font-size: 1.675vw;
 }
 
 .header__name-description {
	 color: var(--color-m-black);
 }
 
 .header__contact-items {
	 display: flex;
	 gap: 3.4vw;
 }
 
 .header__contact-item {
	 display: flex;
	 align-items: center;
	 gap: 0.21vw;
 }
 
 .header__contact-icon {
	 width: 1.688vw;
 }
 
 .header__contact-link {
	 font-size: var(--size-text);
	 font-weight: 300;
 }
 
 .header__button {
	 display: flex;
	 background-color: var(--color-accent);
	 align-items: center;
	 padding: 0.73vw;
	 border-radius: var(--border-radius);
	 justify-content: space-between;
	 width: 16.75vw;
	 transition: var(--transition-btn);
 }

 .header__button:hover {
	background-color: var(--color-accent-hover);
 }
 
 .prod-advant__text, .advantages__text {
    font-weight: 600;
}

.advantages__list {
	width: 100%;
}

.advantages__text {
	width: 28.944vw;
}

 .header__button-text {
	 font-weight: 500;
	 color: white;
	 padding-left: 2.7vw;
 }
 
 .header__button-icon {
	 width: var(--decor-btn);
	 fill: white;
 }
 
 .header__nav {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 margin-top: 1.04vw;
 }
 
 .mobile__nav {
	 display: none;
 }
 
 .mobile__nav-menu {
	 display: none;
 }
 
 .header__nav-link {
	 font-size: var(--size-text);
	 color: var(--color-m-black);
	 margin-right: 2vw;
	 margin-left: 2vw;
	 transition: var(--transition-btn);
 }

 .header__nav-link:hover {
    color: var(--color-accent);
 }
 
 .header__nav-link--catalog {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 background: var(--color-black);
	 border-radius: var(--border-radius);
	 padding: 0.73vw 1.82vw;
	 gap: 0.5vw;
	 margin: 0;
	 border: none;
	 cursor: pointer;
 }
 
 .header__nav-link--catalogicon {
	 width: 1.04vw;
	 height: 1.04vw;
 }
 
 .header__nav-link--catalogtext {
	 color: white;
	 margin: 0;
 }
 
 .header__nav-link--callback {
	 width: 16.75vw;
	 text-align: center;
	 padding: 0.73vw;
	 border: solid 1px var(--color-m-black);
	 border-radius: var(--border-radius);
	 margin: 0;
	 font-size: var(--size-text);
	 font-weight: 400;
	 transition: var(--transition-btn);
 }

 .header__nav-link--callback:hover {
	background-color: var(--color-m-black);
	color: var(--color-l-white);
	cursor: pointer;
 }
 

 .catalog__menu {
	 width: 22.96vw;
	 height: 100vh;
	 position: fixed;
	 top: 0;
     background-color: rgba(244, 244, 244, 0.7);
     backdrop-filter: blur(6px);
	 display: flex;
	 flex-direction: column;
	 gap: 1.88vw;
	 padding: 1.25vw;
	 left: -100%;
	 overflow: scroll;
	 overflow-x: hidden;
	 z-index: 3;
	 transition: all 0.3s;
 }
 
 .catalog__menu::-webkit-scrollbar {
	 visibility: hidden;
	 width: 0px;
	 }
 
 .backdrop__no-scroll {
	 overflow: hidden;
 }
 
 .catalog__menu-open {
	 left: 0;
 }
 
 .catalog__menu-close {
	 margin-left: auto;
	 width: 1.4vw;
	 cursor: pointer;
	 fill: var(--color-black);
 }
 
 .catalog__menu-items {
	 display: flex;
	 flex-direction: column;
	 gap: 0.83vw;
	 font-size: var(--size-text);
 }
 
 .catalog__menu-heading {
	 margin-bottom: var(--margin-bottom-title-subtitle);
	 color: var(--color-black);
 }
 
 .catalog__menu-item {
	 color: var(--color-black);
	 padding-left: 0.83vw;
	 transition: var(--transition-btn);
 }
 
 .catalog__menu-item:hover {
	 color: var(--color-accent);
 }
 
 .backdrop {
	 display: none;
	 width: 100vw;
	 height: 100vh;
	 background-color: #00000069;
	 position: fixed;
	 z-index: 2;
	 top: 0;
	 left: 0;
 }
 
 .block__more-btn {
	 display: flex;
	 padding: var(--padding-l-btn);
	 background-color: var(--color-accent);
	 align-items: center;
	 margin-left: auto;
	 gap: 1.4vw;
	 border-radius: var(--border-radius);
 }
 
 .block__more-text {
	 color: white;
	 font-weight: 500;
 }
 
 .block__more-decor {
	 width: var(--decor-btn);
	 fill: white;
 }
 
 .block__more-btn:hover, .block__more-btn:active {
	 background-color: var(--color-accent-hover);
 }
 
 .form {
	 gap: 0.83vw;
	 padding: 1.67vw;
 }

 .advantages-form {
	margin-top: 2vw;
 }
 
 /* footer */
 
 .footer {
	 display: flex;
	 background-color: black;
	 padding-top: 2.50vw;
	 padding-bottom: 2.50vw;
	 color: white;
	 justify-content: space-between;
 }
 
 .footer__info {
	 display: flex;
	 flex-direction: column;
	 gap: 0.83vw;
 }
 
 .footer__categories a, .footer__page a {
	 color: white;
	 font-size: var(--size-text);
 }
 
 .footer__name {
	 font-size: 1.26vw;
 }
 
 .footer__descname {
	 color: var(--color-accent);
 }
 
 .footer__info-contact {
	 display: flex;
	 flex-direction: column;
	 gap: 0.42vw;
	 justify-content: center;
 }
 
 .footer__contact {
	 display: flex;
	 gap: 0.42vw;
	 align-items: center;
 }
 
 .footer__info-company--heading {
	 font-size: 1.26vw;
	 font-weight: 400;
	 margin-bottom: 0.21vw;
 }
 
 .footer__contact {
	 color: white;
 }
 
 .footer__contact-icon {
	 width: 0.83vw;
 }
 
 .footer__categories, .footer__page {
	 display: flex;
	 flex-direction: column;
	 gap: 0.83vw;
 }
 
 .footer__categories a:hover, .footer__page a:hover {
	 color: var(--color-accent);
	 transition: var(--transition-btn);
 }
 
 .footer__categories a:last-of-type, .footer__page a:last-of-type {
	 color: var(--color-gray);
 }
 
 .reviews__item {
	 display: flex;
	 gap: 0.6vw;
 }
 
 .faq__list {
	 margin-top: 1.56vw;
 }
 
 .faq-item {
	 border-bottom: 1px solid #ccc;
	 padding: 10px 0;
 }
 
 .faq-question {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 cursor: pointer;
	 padding: var(--padding);
	 border-bottom: 1px solid var(--color-accent);
 }
 
 .faq-question:hover {
	 color: var(--color-accent);
	 fill: var(--color-accent);
 }
 
 .faq-answer {
	 display: none;
	 padding-top: 10px;
	 color: var(--color-m-black);
	 padding: var(--padding);
	 background-color: var(--color-m-white);
	 border-bottom: 1px solid var(--color-accent);
 }
 
 .faq__question-decor {
	 transition: transform 0.3s;
	 fill: var(--color-black);
	 width: var(--decor-btn);
 }
 
 
 .faq__question-decor.rotated {
	 transform: rotate(180deg);
 }
 
 .bread__crumbs {
	 display: flex;
	 gap: 0.42vw;
	 flex-wrap: wrap;
	 font-size: var(--size-text);
 }
 
 .bread__crumbs-item--last {
	 display: flex;
	 align-items: center;
	 gap: 0.42vw;
 }
 
 .bread__crumbs-item--next {
	 display: flex;
	 align-items: center;
	 gap: 0.42vw;
 }
 
 .bread__crumbs-item--next div {
	 background-color: var(--color-gray);
 }
 
 .bread__crumbs-item--next a {
	 color: var(--color-gray);
 }
 
 .bread__crumbs-item--line {
	 height: 2px;
	 display: block;
	 width: 0.4vw;
	 background-color: black;
 }
 
 .bread__crumbs-item--first {
	 color: var(--color-gray);
 }
 
 .backdrop {
	 display: none;
	 opacity: 0;
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: rgba(0, 0, 0, 0.5);
 }
 
 .catalog__form {
	 display: flex;
	 gap: 0.63vw;
 }
 
 .catalog__menu-items h3 a {
	 color: white;
 }
 
 .btn-decor {
	 width: var(--decor-btn);
	 fill: white;
 }
 
 /* advantages-block */
 
 .advantages {
	 background-image: url(/wp-content/uploads/2024/04/bg4.png);
	 background-position: bottom right;
	 background-repeat: no-repeat;
	 background-size: 24vw;
 }
 
 .advantages__heading {
	 margin-bottom: var(--margin-bottom-title-subtitle);
 }
 
 .subheading-block {
	 display: flex;
	 gap: 1.25vw;
	 margin-bottom: var(--margin-bottom-subtitle);
 }
 
 .advantages__subheading-line {
	 height: 2px;
	 width: 2.60vw;
	 background-color: var(--color-accent);
	 align-self: flex-end;
	 margin-bottom: 0.2vw;
 }
 
 .advantages__subheading {
	 font-weight: 500;
	 color: var(--color-m-black);
 }
 
 .advantages__content {
	 display: flex;
 }
 
 .advantages__item {
	 display: flex;
	 gap: 2.81vw;
	 padding: 1.67vw 2.81vw;
	 border-bottom: 1px solid var(--color-m-black);
 }
 
 .advantages__item:last-of-type {
	 border: none;
 }
 
 .advantages__image {
	 width: 3.44vw;
 }
 
 .advantages__title {
	 margin-bottom: var(--margin-bottom-title-subtitle);
	 color: var(--color-accent);
 }
 
 .form {
	 display: flex;
	 flex-direction: column;
	 background-color: var(--color-accent);
 }
 
 .form-heading {
	 margin-bottom: 0.83vw;
	 width: 100%;
	 color: white;
 }
 
 .form-input, .form-btn {
	 width: 100%;
 }
 
 .header-form {
	display: none;
	position: fixed;
	width: 100vw;
	justify-content: center;
	align-items: left;
	z-index: 999;
 }
 
.header-form form {
    width: 26vw;
    border-radius: 0.2vw;
}

 .header-form-close {
	margin-left: auto;
	width: 1.4vw;
	cursor: pointer;
	fill: white;
}

.dark-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9;
}

.form-up-side{
	display: flex;
	flex-direction: column-reverse;
	gap: 0.63vw;
}

.header-form-close-1 {
	margin-left: auto;
}

.form-top {
	display: flex;
	flex-direction: column-reverse;

}

.header-form-close {
	margin-left: auto;
}

.form {
	position: relative;
}

.form-saccess {
	background-color: var(--color-accent);
	z-index: 5;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 3vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.form-saccess h3 {
	color: var(--color-l-white);
	color: var(--color-l-white);
	text-align: center;
}

.form-heading-h3 {
	margin-bottom: var(--margin-bottom-title-subtitle);
	text-align: left;
}

.form-subheading {
	color: var(--color-l-white);
	text-align: left;
}

span#form-error-msg, .form-heading, #form-callback-error-msg, #form-callback-error-msg-1, #prod-advant-form-error {
    color: #f4f4f4;
    font-size: var(--size-text);
    font-family: "Geologica", Roboto;
    font-weight: 400;
	text-align: center;
}

#home-form-callback-1 {
	width: 31vw;
}

.form-heading {
	font-size: var(--size-h3);
}

.contact__how-work {
    background: url(img/catalog/bg.webp);
    padding-top: 2.8vw;
    display: flex;
    flex-direction: column;
}

.contact__how-work--items {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 2vw;
}

.contact__how-work--item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact__how-work--item img {
    border-radius: 180px;
}

.contact__how-work--name {
    color: var(--color-accent);
}

.contact__how-work--desc {
    text-align: center;
}

.contact__how-work--btn {
    margin: auto;
    margin-top: var(--margin-bottom-title);
    padding: var(--padding-l-btn);
    background-color: var(--color-accent);
    color: white;
    border-radius: var(--border-radius);
}

.contact__how-work--btn:hover, .contact__how-work--btn:active {
    background-color: var(--color-accent-hover);
}

.contact__how-work {
    background: url(/wp-content/uploads/2021/06/why-me2.webp);
    background-size:  cover;
}

.how-work--heading {
	text-align: center;
	color: var(--color-accent);
}

.how-work {
	background: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.how-work_leave-request {
	text-align: center;
	margin-top: 6vw;
}

.how-work_leave-request span {
	color: var(--color-accent);
}

.projects__heading {
    margin-bottom: var(--margin-bottom-subtitle);
}

.projects {
    display: flex;
    flex-direction: column;
}

.projects__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.08vw;
}

.prices__item .swiper.swiper-home {
    width: 26.2vw;
    height: 15.89vw;
    overflow: hidden;
}

.projects__image-div {
    overflow: hidden;
    height: 15.89vw;
}

.projects__image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Заполняет контейнер, сохраняя пропорции */
}

.faq__more-btn {
	width: 21vw;
}

.steps__btn {
	gap: 1.42vw;
}

.projects__description {
    margin-top: 1vw;
    display: flex;
    background-color: var(--color-l-white);
    border: 1px solid var(--color-m-black);
    border-radius: var(--border-radius);
    padding: 0.83vw;
    gap: 0.8vw;
}

.projects__description {
    min-height: 12vw;
}

.projects__btn {
    color: var(--color-m-black);
    font-weight: 400;
    font-size: 0.93vw;
    border-bottom: 1px solid var(--color-m-black);
    align-self: flex-end;
}

.projects__btn:hover, .projects__btn:active {
    color: var(--color-accent);
    border-bottom: 1px solid var(--color-accent);
}

.projects__portfolio-btn {
    display: flex;
    padding: var(--padding-l-btn);
    background-color: var(--color-accent);
    align-items: center;
    margin-left: auto;
    gap: 0.4vw;
    border-radius: var(--border-radius);
}

.catalog_faq {
	display: flex;
	justify-content: center;
	gap: 2vw;
	background-color: #F1F1F1;
	position: relative;
	top: 3.1vw;
	margin-top: 0;
	padding: var(--margin-bottom-title) 0;
}

.catalog_faq-content {
	display: flex;
	flex-direction: column;
	gap: 1.2vw;
	width: 28vw;
}

.faq-question--other {
    flex-direction: row-reverse;
    padding: .6vw;
    gap: 0.6vw;
    justify-content: flex-end;
    border-bottom: 1px solid var(--color-gray);
}

.faq__question-decor--other {
    transition: transform 0.3s;
    transform: rotate(90deg);
    fill: var(--color-black);
    width: var(--decor-btn);
}

.faq-answer--other {
    background-color: white;
    border-bottom: 1px solid var(--color-gray);;
}

.catalog_faq-list {
	width: 45.10vw;
}

.catalog_faq-question p {
	font-size: 1.26vw;
}

.catalog_faq-heading {
	font-weight: 400;
}

.catalog_faq-img {
	text-align: center;
}

.blog-page-heading {
	margin-bottom: var(--margin-bottom-subtitle);
}

 /* advantages-block-end */
.blog-page P {
	margin-bottom: var(--size-text);
}

.blog-imgs-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.63vw;
}

.swiper-popup-single {
	width: 100%;
}

 @media (max-width: 900px) {
 
	 :root {
		 --border-radius: 0.52vw;
		 --size-h1: 6.93vw;
		 --size-h2: 6.2vw;
		 --size-h3: 4.80vw;
		 --size-text: 3.82vw;
		 --padding-btn: 2.67vw 5.33vw;
		 --padding-l-btn: 5.33vw 8vw;
		 --decor-btn: 2.4vw;
		 --border-radius: 2.67vw;
		 --margin-bottom-title: 4.27vw;
		 --margin-bottom-title-subtitle: 5.33vw;
		 --padding: 5.33vw;
		 --margin-bottom-subtitle: 5.33vw;
	 }
 
	 input {
		 padding: 4.27vw 6.40vw;
		 border-radius: 5px 5px 5px 5px;
		 background-color: var(--color-m-white);
		 outline: none;
		 border: none;
		 font-family: "Geologica", Roboto;
		 color: var(--color-m-black);
		 font-size: var(--size-text)

		 
	 }
	 
	 input[type="button"] {
		 color: var(--color-black);
		 cursor: pointer;
		 transition: var(--transition-btn);
		 font-size: var(--size-text);
	 }
	 
	 input[type="button"]:hover, input[type="button"]:active {
		 color: white;
		 background-color: var(--color-black);
	 }
 
	 .form {
		 gap: 3.74vw;
		 padding: 8.53vw;
	 }
 
	 .container {
		 margin-top: 12.64vw;
		 padding-right: 2vw;
		 padding-left: 2vw;
	 }
 
	 .header {
		 margin-top: 4.24vw;
		 padding-bottom: 2.64vw;
	 }
 
	 .header__top {
		 flex-direction: column;
		 gap: 4vw;
	 }
 
	 .header__logo {
		 width: 16.53vw;
	 }
 
	 .header__name-link {
		 font-size: 4.6vw;
	 }
	 
	 .header__name-description {
		 font-size: 4.27vw;
	 }
 
	 .header__contact-items {
		 justify-content: center;
		 gap: 8.20vw;
	 }
 
	 .header__contact-item {
		 gap: 1.20vw; 
	 }
 
	 .header__contact-link{
		 font-size: 4.27vw;
	 }
 
	 .header__button {
		 width: 100%;
		 padding: 3.73vw;
		 justify-content: space-between;
	 }
 
	 .header__button-text {
		 padding-left: 26vw;
	 }
 
	 .header__button-icon {
		 width: var(--decor-btn);
	 }
 
	 .header__contact-icon {
		 width: 3.20vw;
	 }
	
	 .header__nav-link {
		 display: none;
	 }
 
	 .mobile__nav {
		 width: 5.33vw;
	 }
 
	 .mobile__nav-open {
		 display: block;
	 }
 
	 .mobile__nav-close--open {
		 display: block;
	 } 
	 
 
	 .header__nav {
		 margin-top: 2vw;
	 }
 
	 .header__nav-link--catalog {
		 padding: 2.67vw 5.33vw;
		 gap: 2.13vw;
		 width: 42vw;
	 }
 
	 .header__nav-link--catalogicon {
		 width: 4.27vw;
		 height: 4.27vw;
	 }
 
	 .header__nav-link--callback {
		 width: auto;
		 padding: 2.67vw 2vw;
	 }
	 
	 .mobile__nav-menu {
		 display: none;
		 flex-direction: column;
		 align-items: center;
		 gap: 5.24vw;
		 background-color: white;
		 margin-top: 4vw;
	 }
 
	 .mobile__nav-menu--open {
		 display: flex;
	 }
 
	 .mobile__nav-menu-item {
		 font-size: var(--size-text);
		 color: var(--color-m-black);
	 }
 
	 .visible {
		 display: block;
	 }
 
	 .invisible {
		 display: none;
	 }
 
	 .catalog__menu {
		 width: 100%;
		 gap: 8vw;
		 padding: 5.33vw;
	 }
 
	 .catalog__menu-close {
		 width: 7.47vw;
	 }
 
	 .catalog__menu-items {
		 gap: 4vw;
	 }
 
	 .catalog__menu-item {
		 padding-left: 3.20vw;
	 }
 
	.advantages-form {
		margin-top: 0;
	}

	 .footer {
		 flex-direction: column;
		 gap: 8.53vw;
		 padding-top: 10.67vw;
		 padding-bottom: 10.67vw;
	 }
 
	 .footer__info {
		 gap: 4.27vw;
	 }
 
	 .footer__contact-icon {
		 width: 4.27vw;
	 }
 
	 .footer__info-contact {
		 gap: 2.13vw;
	 }
	 
	 .footer__contact {
		 gap: 3.20vw;
	 }
 
	 .footer__name, .footer__info-company--heading {
		 font-size: 5vw;
	 }
 
	 .footer__categories a, .footer__page a {
		 font-size: 4.27vw;
	 }
 
	 .footer__categories, .footer__page {
		 display: flex;
		 flex-direction: column;
		 gap: 4.27vw;
	 }

	 
	 .header-form-close {
		width: 7.47vw;
	 }

	 .subheading-block {
        flex-direction: column;
    }

	 .advantages__subheading-line {
        width: 13.33vw;
        align-self: flex-start;
        margin: 4vw 0;
    }

    .advantages__content {
        flex-direction: column;
    }

    .advantages__item {
        flex-direction: column;
        padding: 6.24vw 0;
    }
    
    .advantages__image {
        width: 16vw;
        margin-bottom: 4vw;
    }

    .advantages__item:last-of-type {
        margin-bottom: 4vw;
    }

	.header-form form {
		width: 100%;
	}

	.header-form-callback div {
		display: flex;
		flex-direction: column-reverse;

	}

	#header-form-callback-close {
		margin-left: auto;
	}

	.reviews__subheading {
		font-size: var(--size-text);
	}

	.advantages__text {
		width: 100%;
	}
	
	textarea {
		padding: 4.27vw 6.40vw;
		height: 34.13vw;
	}

	.form-heading {
		margin-bottom: 4.80vw;
	}

	p, li {
		line-height: 5.4vw;
	}

	#home-form-callback-1 {
		width: 100%;
	}

	.faq__more-btn {
		gap: 14vw;
        padding-left: 18vw;
	}

	.projects__more-btn {
		gap: 18vw;
        padding-left: 25vw;
	}

	.faq-question h3 {
		width: 89vw;
	}
	
	.bread__crumbs-item--line  {
		width: 2.4vw;
		height: 1px;
	}

	.bread__crumbs-item {
		gap: 2vw;
	}

	.bread__crumbs  {
		gap: 2.42vw 3vw;
	}

	.bread__crumbs-item a {
		font-size: 3.53vw;
	}

	.contact__how-work {
        padding-top: 14vw;
        padding-bottom: 14vw;
    }

    .contact__how-work--items {
        display: flex;
        flex-direction: column;
        gap: 7.24vw;
    }

	.contact__why-heading, .contact__how-work--heading {
        margin-bottom: 12.24vw;
    }

	.catalog__subheading, .contact__why-item--text, .contact__how-work--name {
        margin-bottom: 5.24vw;
    }

	.catalog__text, .catalog__options-text, .contact__why-item--text, .contact__how-work--desc {
        margin-bottom: 4.24vw;
    }

	.faq-question--other {
        padding: 3.20vw;
        gap: 3.20vw;
    }

	.othre-faq--heading {
        font-size: var(--size-text);
        width: 100%;
        font-weight: 500;
    }

	.catalog_faq {
		flex-direction: column;
		gap: 8vw;
		padding-top: 8vw;
		padding-bottom: 8vw;
		top: 12.75vw;
	}

	.catalog_faq-content, .catalog_faq-question {
		width: 100%;
	}

	.catalog_faq-question p {
		font-size: 4.80vw;
	}

	.catalog_faq-list {
		width: 100%;
	}

	.how-work {
		padding-bottom: 0;
		gap: 10vw;
	}

	.catalog_faq {
		margin-top: 0;
	}

	.how-work_leave-request {
		font-size: var(--size-h2);;
		line-height: 8.4vw;
	}

	.blog-imgs-container {
		display: flex;
		flex-direction: column;
		gap: 2.63vw;
	}

	.blog-imgs-container .swiper-popup-single {
		height: 70vw !important;
	}

	.smart-captcha {
		min-width: 100% !important;
	}

	.projects__btn {
		font-size: var(--size-text);
	}

	/* Fixies */

	.projects__description {
		min-height: unset;
	}	

	a:visited {
		color: unset; 
	}

	
 }