/*!
 * File: all.css
 * Description: Main style file for SitePro Digital theme
 * Author: Vladyslav Duz — SitePro Digital (https://sitepro.space/)
 * © 2025 SitePro Digital. All rights reserved.
 */
/*!
 * Generated: 2025-11-12 00:30:57
 */

/* ===== SitePro Design Tokens (из лого) ===== */
:root{
  --sp-primary:#3C3DBA;   /* синий */
  --sp-accent: #E5342F;   /* красный (CTA) */
  --sp-text:   #1E1E1E;   /* базовый текст */
  --sp-bg:     #FFFFFF;   /* фон */
  --sp-muted:  #F6F7FB;   /* светлый фон */
  --sp-border: #E6E8F0;   /* границы */
}

/* Базовая нормализация */
html,body{color:var(--sp-text);background:var(--sp-bg);}
a{color:var(--sp-primary);text-decoration:none;}
a:hover,a:focus{color:var(--sp-accent);}

/* Кнопки */
.button,.button-black,.button-white,.little_button,.types__button,.discount__button{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.9rem 1.4rem;border-radius:10px;font-weight:700;
  transition:transform .2s,box-shadow .2s,background-color .2s,color .2s,border-color .2s;
  cursor:pointer;border:1px solid transparent;
}
.button,.button-black{background:var(--sp-accent);color:#fff;}
.button:hover,.button-black:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(229,52,47,.25);}
.button-white{background:#fff;color:var(--sp-primary);border-color:var(--sp-primary);}
.button-white:hover{background:var(--sp-primary);color:#fff;}

/* Заголовки */
.title,.page__title,h1,h2,h3{color:var(--sp-text);}
.title-white,.blackSection .title,.blackSection .title-white{color:#fff;}

/* Тёмные секции */
.blackSection{background:#0F1115;color:#E9ECF3;}
.blackSection .button-white{border-color:#fff;color:#0F1115;background:#fff;}
.blackSection .button-white:hover{background:transparent;color:#fff;border-color:#fff;}

/* Хедер/навигация */
.header .navigation a{color:var(--sp-text);}
.header .navigation a:hover{color:var(--sp-primary);}
.header .header__logo h1{color:var(--sp-primary);}

/* Переключатель языка */
.trp-language-switcher-container a{color:var(--sp-text);}
.trp-language-switcher-container a:hover{color:var(--sp-primary);}

/* Соц-иконки */
.social_wrap .social_wrap-item svg circle{fill:transparent;stroke:var(--sp-border);}
.social_wrap .social_wrap-item:hover svg circle{stroke:var(--sp-primary);}
.social_wrap .social_wrap-item svg path{fill:var(--sp-primary);}
.social_wrap-item-white svg circle{fill:transparent;stroke:#fff;}
.social_wrap-item-white svg path{fill:#fff;}

/* Херо-секция — сетка как у оригинала, но устойчивее */
.development_hero__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,48px);align-items:center;}
@media (max-width:960px){
  .development_hero__inner{grid-template-columns:1fr;}
  .development_hero__banner{order:-1;text-align:center;}
  .development_hero__banner img{max-width:min(560px,100%);height:auto;}
}

/* Ховеры */
.hover:hover{transform:translateY(-2px);}
.hover-small:hover{transform:translateY(-1px);}


/***************************************************              GENERAL RESET STYLES             ***************************************************/
@import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Unbounded:wght@300;400;600&display=swap");
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Unbounded", sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: normal;
	color: #000;
	/* background-color: #fff; */
}

*:focus {
	outline: none;
}

body {
	line-height: 1;
/* 	cursor: none !important; */
}
strong {
	font-weight: 600;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

nav ul {
	list-style: none;
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
button{
	cursor: pointer;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
/* 	cursor: none !important; */
	cursor: pointer;
}

a:hover {
	text-decoration: none;
/* 	cursor: none !important; */
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border-style: none;
	width: 100%;
	height: 100%;
}

form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

input,
textarea,
select {
	vertical-align: middle;
	color: #000;
	padding: 0;
	border: 1px solid transparent;
/* 	cursor: none !important; */
	/* box-sizing: border-box; */
	resize: none;
}
textarea {
	display: none;
	margin: 0;
}
input,
select {
	vertical-align: middle;
}

input::-webkit-input-placeholder {
	color: #7d7d7d;
}

textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
	color: #000;
}

b {
	font-weight: 400;
}

.container {
	display: block;
	position: relative;
	overflow: hidden;
	width: 1220px;
	padding: 0 10px;
	margin: 0 auto 0 auto;
	height: 100%;
}
header,
main,
footer,
section {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}

/***************************************************          CURSOR         ***************************************************/
/* .ball {
	width: 40px;
	height: 40px;
	position: fixed;
	top: 0;
	left: 0;
	border-radius: 50%;
	pointer-events: none;
	z-index: 10000;
	transform-origin: center center;
	pointer-events: none;
	border: 1px solid rgb(0, 0, 0);
}
.cursor {
	width: 10px;
	height: 10px;
	position: fixed;
	top: 0;
	left: 0;
	border-radius: 50%;
	pointer-events: none;
	z-index: 10000;
	background: #000;
}
.grow {
	mix-blend-mode: difference;
	cursor: none !important;
	background: rgb(255, 255, 255);
	border: none;
}

.wrapper {
	position: fixed;
	height: 100vh;
	width: 100vw;
	z-index: 10000;
	background-color: #fff;
} */

/***************************************************          THEME         ***************************************************/
section {
	padding: 100px 0;
	transition: 0.6s;
}
.theme_container {
	display: flex;
	width: 46px;
	height: 25px;
	margin: -2px -7px 0;
	z-index: 1;
	background-color: #fff;
	-webkit-box-shadow: inset 9px 8px 5px -3px rgba(168, 168, 168, 0.7);
	-moz-box-shadow: inset 9px 8px 5px -3px rgba(168, 168, 168, 0.7);
	box-shadow: inset 9px 8px 5px -3px rgba(168, 168, 168, 0.7);
	border-radius: 20px;
	padding: 3px;
}
.theme_container:after {
	content: "";
	width: 46px;
	height: 26px;
	-webkit-box-shadow: 5px 5px 5px -2px rgba(168, 168, 168, 0.7);
	-moz-box-shadow: 5px 5px 5px -2px rgba(168, 168, 168, 0.7);
	box-shadow: 5px 5px 5px -2px rgba(168, 168, 168, 0.7);
	border-radius: 20px;
	position: absolute;
	margin-top: -3px;
	margin-left: -3px;
}

.theme_container.active:after {
	-webkit-box-shadow: 6px 5px 9px -4px rgba(51, 51, 51, 0.7);
	-moz-box-shadow: 6px 5px 9px -4px rgba(51, 51, 51, 0.7);
	box-shadow: 6px 5px 9px -4px rgba(51, 51, 51, 0.7);
}
.theme_container.active .theme__circle:after {
	-webkit-box-shadow: inset 6px 5px 9px -4px rgba(51, 51, 51, 0.7);
	-moz-box-shadow: inset 6px 5px 9px -4px rgba(51, 51, 51, 0.7);
	box-shadow: inset 6px 5px 9px -4px rgba(51, 51, 51, 0.7);
}

.theme_container.active {
	background-color: #1c1c1c;
	-webkit-box-shadow: inset 9px 8px 5px -3px rgba(51, 51, 51, 0.7);
	-moz-box-shadow: inset 9px 8px 5px -3px rgba(51, 51, 51, 0.7);
	box-shadow: inset 9px 8px 5px -3px rgba(51, 51, 51, 0.7);
	/* transition: 0.5s; */
}
.theme_container.active .theme__circle {
	transform: translateX(17px);
	background-color: #0a0a0a;
	-webkit-box-shadow: 9px 8px 5px -3px rgba(51, 51, 51, 0.7);
	-moz-box-shadow: 9px 8px 5px -3px rgba(51, 51, 51, 0.7);
	box-shadow: 9px 8px 5px -3px rgba(51, 51, 51, 0.7);
	transition: 0.5s;
}

.theme_container .theme__circle {
	width: 20px;
	height: 100%;
	background-color: #fff;
	border-radius: 20px;
	z-index: 2;
	box-shadow: 5px 5px 5px -2px rgba(168, 168, 168, 0.7);
	-webkit-box-shadow: 5px 5px 5px -2px rgba(168, 168, 168, 0.7);
	-moz-box-shadow: 5px 5px 5px -2px rgba(168, 168, 168, 0.7);
	transition: 0.5s;
}
.theme_container .theme__circle:after {
	content: "";
	width: 20px;
	height: 20px;
	-webkit-box-shadow: inset -27px -27px 61px 10px rgba(128, 128, 128, 0.58);
	-moz-box-shadow: inset -27px -27px 61px 10px rgba(128, 128, 128, 0.58);
	box-shadow: inset -27px -27px 7px -30px rgba(128, 128, 128, 0.58);
	border-radius: 20px;
	position: absolute;
}
/***************************************************          HEADER         ***************************************************/
.burger-popup {
	display: none;
}
.menu {
	display: none;
}
.header {
	padding: 6px 0;
	position: fixed;
	z-index: 10;
	transition: 0.7s;
	background-color: #fff;
}

.header__logo {
	width: 99px;
	height: 35px;
	background-image: url(../images/logo.svg);
	background-size: 100% 100%;
}

h1 {
	text-indent: -9999px;
}

.header .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 45px;
}

.navigation__wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
}

.navigation__item a {
	font-size: 14px;
	text-transform: uppercase;
}

.navigation__item:hover a {
	text-shadow: 0 0 0.45px #333, 0 0 0.45px #333;
}

.burger__bg.hero__bg {
	display: none;
}
/***************************************************          MAIN_HERO         ***************************************************/
.heroGrad {
	background-color: #fff;
	width: 100vw;
	opacity: 0;
	z-index: 2;
	position: absolute;
	bottom: 0;
}
.main_hero {
	height: 100vh;
	background-image: url("../images/hero_main_bg.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 10.5vh 0 0;
}
.main_hero .main_hero-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 2vh;
}
.main_hero .main_hero__first,
.main_hero .main_hero__third {
	font-size: 32px;
	line-height: 150%; /* 48px */
	text-transform: uppercase;
}
.main_hero .main_hero__second {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.main_hero .main_hero__second .main_hero__second-item {
	font-size: 56px;
	font-weight: 600;
	line-height: 150%; /* 84px */
	text-transform: uppercase;
	color: #171717;
}
.main_hero .main_hero__third {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	text-align: end;
	margin-bottom: 0;
}
.main_hero .main_hero__fourth-text {
	line-height: 27px; /* 168.75% */
	max-width: 343px;
	z-index: 2;
	margin-top: 41px;
	color: #757575;
}
.main_hero .main_hero__fifth {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 8vh;
}
.main_hero .main_hero__fifth .main_hero__fifth-button {
	padding: 21px 50px;
}
.result {
	font-size: 64px;
	font-weight: 900;
	text-transform: uppercase;
	position: absolute;
	color: #f3f3f3;
}

.social_wrap-item circle {
	stroke: #7d7d7d;
	transition: 0.3s;
}
.social_wrap-item path {
	fill: #7d7d7d;
	transition: 0.3s;
}
.social_wrap-item:hover circle {
	stroke: #171717;
	transition: 0.3s;
}
.social_wrap-item:hover path {
	fill: #171717;
	transition: 0.3s;
}
.social_wrap-item-white circle {
	stroke: #ffffff;
	transition: 0.3s;
}
.social_wrap-item-white path {
	fill: #ffffff;
	transition: 0.3s;
}
.social_wrap-item-white:hover circle {
	stroke: #7d7d7d;
	transition: 0.3s;
}
.social_wrap-item-white:hover path {
	fill: #7d7d7d;
	transition: 0.3s;
}
.hero_contact__top > a:nth-child(6) path:nth-child(2) {
	fill: #ffff;
}

.button-white {
	border-radius: 85px;
	-webkit-backdrop-filter: blur(19px);
	backdrop-filter: blur(19px);
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	text-align: center;
	border: 1px solid #000;
	background: rgba(255, 255, 255, 0.05);
	color: #000;
}

.button-white:hover {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border: 1px solid #fff;
	background: rgb(0, 0, 0);
	color: #ffffff;
}

.button-black {
	-webkit-backdrop-filter: blur(19px);
	backdrop-filter: blur(19px);
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	text-align: center;
	border-radius: 85px;
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

.button-black:hover {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border: 1px solid #000;
	color: #000;
	background: rgb(255, 255, 255);
}

.social_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 17px;
}
.social_wrap .social_wrap a {
	max-width: 59px;
}

.title__description {
	font-weight: 300;
	line-height: 150%; /* 24px */
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #757575;
}

.title {
	font-size: 32px;
	font-weight: 400;
	line-height: 150%; /* 48px */
	text-transform: uppercase;
	color: #000;
}
/***************************************************          PROPOSE         ***************************************************/
.propose {
	padding-bottom: 0;
	background: #fbfbfb;
}
.propose .container {
	padding-bottom: 100px;
}
.propose .propose__wrap {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.propose .propose__wrap .propose__item {
	/* background: #fff; */
	min-height: 552px;
	width: 100%;
	padding: 30px 20px 20px;
	border: 1px solid #cfcfcf;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.propose .propose__wrap .propose__item h4 {
	font-size: 20px;
	line-height: 150%; /* 30px */
	margin-bottom: 20px;
}
.propose .propose__wrap .propose__item .propose__item-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px;
}
.propose .propose__wrap .propose__item .propose__item-list li {
	color: #9b9b9b;
	line-height: 27px; /* 168.75% */
}
.propose .propose__wrap .propose__item .propose_button1 {
	padding: 12px 38px;
}
.propose .propose__wrap .propose__item .propose_button2 {
	padding: 12px 18px;
}

/***************************************************          ABOUT_US         ***************************************************/
.about_us {
	padding: 171px 0 128px;
}
.about_us .container {
	overflow: visible;
}
.about_us .container .about_us__content {
	z-index: 2;
	position: relative;
}
.about_us .container .about_us__content .about_us__text {
	line-height: 27px; /* 168.75% */
	margin-top: 30px;
	max-width: 890px;
	color: #454545;
}
.about_us .container .about_us__content .about_us__subtitle {
	font-size: 24px;
	font-weight: 400;
	line-height: 27px; /* 112.5% */
	text-transform: uppercase;
	margin-top: 50px;
}
.about_us .container .about_us__content .about_us__list {
	margin: 30px 0 50px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.about_us .container .about_us__content .about_us__list .about_us__list-item {
	padding-right: 30px;
	border-right: 1px solid #d8d8d8;
}
.about_us
	.container
	.about_us__content
	.about_us__list
	.about_us__list-item
	ul
	li {
	line-height: 27px; /* 168.75% */
	text-transform: uppercase;
	margin-top: 10px;
	color: #454545;
}
.about_us
	.container
	.about_us__content
	.about_us__list
	.about_us__list-item:nth-child(2) {
	padding: 0 30px;
}
.about_us
	.container
	.about_us__content
	.about_us__list
	.about_us__list-item:nth-child(3) {
	padding: 0 0 0 30px;
	border-right: none;
}
.about_us .container .about_us__content .about_us__button {
	padding: 12px 35px;
}
.about_us__bg {
	position: absolute;
	top: -119px;
	right: 0;
}
.about_us__bg div {
	width: 205px;
	-webkit-filter: grayscale(99%);
	filter: grayscale(99%);
}
.about_us__bg .about_us_6 {
	width: 400px;
}
.about_us__bg .about_us_1 {
	position: absolute;
	top: 108px;
	right: 214px;
}
.about_us__bg .about_us_2 {
	position: absolute;
	top: 3px;
	right: 107px;
}
.about_us__bg .about_us_3 {
	position: absolute;
	top: 108px;
	right: 0;
}
.about_us__bg .about_us_4 {
	position: absolute;
	top: 214px;
	right: 107px;
}
.about_us__bg .about_us_5 {
	position: absolute;
	top: 321px;
	right: 1px;
}
.about_us__bg .about_us_6 {
	position: absolute;
	top: 428px;
	right: 10px;
}

/***************************************************          DISCOUNT         ***************************************************/

.discount {
	background: #202020;
	padding: 0;
	background-image: url(../images/discount_bg_text.png);
	background-repeat: no-repeat;
	background-position: 58% center;
}

.discount .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.discount .container .discount__left {
	width: 566px;
	padding: 40px 0;
}
.discount .container .discount__left .discount__text1 {
	margin-top: 30px;
	font-size: 18px;
	line-height: 130%; /* 23.4px */
	color: #fff;
}
.discount .container .discount__left .discount__text2 {
	margin: 25px 0 30px 0;
	color: #7d7d7d;
	font-size: 14px;
	line-height: 130%; /* 18.2px */
	text-decoration-line: underline;
}
.discount .container .discount__left .discount__text3 {
	margin-bottom: 50px;
	font-weight: 400;
	line-height: 150%; /* 24px */
	color: #fff;
}
.discount .container .discount__left .discount__left-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
}
.discount .container .discount__left .discount__left-bottom .discount__button {
	padding: 20px 73px;
	font-size: 16px;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.05);
}
.discount
	.container
	.discount__left
	.discount__left-bottom
	.discount__button:hover {
	border: 1px solid #979797;
	background: rgba(138, 138, 138, 0.05);
	color: #979797;
}
.discount .discount__bg {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 2;
}

.title-white {
	color: #fff;
	color: #ffffff;
}
.discount__text3 {
	font-weight: 400;
	line-height: 150%; /* 24px */
	text-transform: uppercase;
}
/***************************************************          PORTFOLIO         ***************************************************/

.portfolio .portfolio__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.portfolio .portfolio__top .portfolio__button {
	padding: 12px 14px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	color: #7d7d7d;
	border: 1px solid #7d7d7d;
}
.portfolio .portfolio__top .portfolio__button:hover {
	background: #696969;
	color: #303030;
	border: 1px solid #303030;
}
.portfolio .portfolio__bottom {
	margin: 15px 0 40px;
	line-height: 27px;
	color: #454545;
}
.product__list {
	margin-top: 40px;
	min-height: 1055px;
}
.portfolio__item {
	height: 140px;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	padding: 10px 0;
	position: relative;
	transition: 1s;
	display: flex;
	justify-content: space-between;
}
.portfolio__item.active {
	height: 490px;
	transition: 1s;
}
.portfolio__item-img {
	position: absolute;
	left: -100%;
	opacity: 0;
	width: auto;
	transition: 1s;
	height: 100%;
	top: 0;
}
.portfolio__item-img img {
	width: auto;
}
.portfolio__item.active .portfolio__item-img {
	left: 0;
	padding: 10px 0;
	opacity: 1;
	transition: 1s;
}
.portfolio__item-left {
	transition: 1s;
}
.portfolio__item.active .portfolio__item-left {
	transform: translateX(550px);
	transition: 1s;
}
.portfolio__black {
	margin-bottom: 10px;
	font-weight: 400;
}

.portfolio__item-content {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}

/* .portfolio .portfolio__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.portfolio .portfolio__list .portfolio__list-item {
  width: 49%;
  height: 589px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-filter: grayscale(99%);
  filter: grayscale(99%);
}
.portfolio .portfolio__list .portfolio__list-item a {
  width: 100%;
  height: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.portfolio .portfolio__list .portfolio__list-item a .portfolio__top-first {
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
}
.portfolio .portfolio__list .portfolio__list-item a .portfolio__bottom-first {
  color: #fff;
  font-weight: 400;
  line-height: 130%;
}
.portfolio .portfolio__list .portfolio__list-item a .portfolio__bottom-second,
.portfolio .portfolio__list .portfolio__list-item a .portfolio__top-second {
  margin-top: 10px;
  color: #fff;
}
.portfolio .portfolio__list .portfolio__list-item1 {
  background-image: url(../images/portfolio_1.png);
}
.portfolio .portfolio__list .portfolio__list-item2 {
  background-image: url(../images/portfolio_2.png);
}
.portfolio .portfolio__list .portfolio__list-item3 {
  background-image: url(../images/portfolio_3.png);
}
.portfolio .portfolio__list .portfolio__list-item4 {
  background-image: url(../images/portfolio_4.png);
}
.portfolio .portfolio__list .portfolio__list-item:hover {
  -webkit-filter: grayscale(10%);
  filter: grayscale(10%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
} */

/***************************************************          STEPS         ***************************************************/
.steps {
	background: #fbfbfb;
}
.steps .steps__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 40px;
	row-gap: 20px;
}
.steps .steps__list .steps__list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 285px;
	height: 350px;
	padding: 20px 15px 15px;
	background-color: #fff;
}
.steps .steps__list .steps__list-item .steps__list-title {
	font-size: 18px;
	color: #000;
}
.steps .steps__list .steps__list-item .steps__list-text {
	margin-top: 15px;
	color: #454545;
}
.steps .steps__list .steps__list-item .steps__list-number {
	font-size: 18px;
	font-weight: 500;
	-ms-flex-item-align: end;
	align-self: flex-end;
	color: #000;
}
.steps .steps__list .steps__list-item:nth-child(6),
.steps .steps__list .steps__list-item:nth-child(3) {
	border: 1px solid #cfcfcf;
}
.steps .steps__list .steps__list-item:nth-child(4),
.steps .steps__list .steps__list-item:nth-child(5) {
	padding: 0;
	background: none;
}
.steps .steps__list .steps__list-item:nth-child(4) img,
.steps .steps__list .steps__list-item:nth-child(5) img {
	z-index: 2;
}
.feedback .feedback__slider .feedback__slide .feedback__slide-text {
	color: #454545;
}
/***************************************************          FEEDBACK         ***************************************************/
.feedback {
	background-color: #fff;
}
.feedback .feedback__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.feedback .feedback__top .result {
	position: relative;
}
.feedback .feedback__slider {
	margin-top: 66px;
	padding: 30px 0;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.feedback .feedback__slider .feedback__nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	margin-top: 30px;
	width: 207px;
	margin-left: 18px;
}
.feedback .but_prev,
.feedback .but_next {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.feedback .but_prev img,
.feedback .but_next img {
	width: 73%;
}
.feedback .but_prev img {
	rotate: 180deg;
}
.feedback .but_prev .but_circle {
	margin-right: -18px;
}
.feedback .but_next .but_circle {
	margin-left: -18px;
}

.but_circle {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #454545;
}

.feedback__slide {
	display: flex;
	gap: 52px;
	align-items: end;
	justify-content: space-between;
}
.feedback__slide-img {
	width: 140px;
	height: 140px;
}
.feedback__slide-title {
	font-size: 18px;
	line-height: 130%; /* 23.4px */
	margin: 20px 0 5px;
}
.feedback__slide-descrip {
	color: #a3a3a3;
	line-height: 130%; /* 20.8px */
	text-transform: uppercase;
}
.feedback__slide-data {
	color: #cfcfcf;
	font-size: 14px;
}
.feedback__slide-type {
	color: #cfcfcf;
	font-size: 14px;
	line-height: 130%; /* 18.2px */
	text-decoration-line: underline;
	margin: 20px 0;
}
.feedback__slide-text {
	color: #454545;
	line-height: 130%; /* 20.8px */
	width: 895px;
}
/***************************************************          FORM         ***************************************************/
.form {
	background: #202020;
	padding: 60px 0;
}
.form .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.form .container .form__left {
	width: 562px;
}
.form__text {
	margin: 20px 0 9px 0;
	color: #fff;
	font-size: 18px;
	line-height: 140%; /* 25.2px */
	width: 545px;
}
.form .container .form__left span {
	color: #7d7d7d;
	font-size: 14px;
	line-height: 130%; /* 18.2px */
	text-decoration-line: underline;
}
.form .container .form__left .social_wrap {
	margin-top: 20px;
}
.form .container .form__right {
	-ms-flex-item-align: end;
	align-self: flex-end;
	width: 590px;
}
input {
	width: 100%;
	border-bottom: 1px solid #7d7d7d;
	background: transparent;
	color: #fff;
	font-weight: 400;
	line-height: 130%;
	margin-top: 35px;
	padding: 5px 0;
	font-family: "Montserrat", sans-serif;
}
.form input::-webkit-input-placeholder {
	color: #fff;
	font-weight: 400;
	line-height: 130%;
}
.form input::-moz-placeholder {
	color: #fff;
	font-weight: 400;
	line-height: 130%;
}
.form input:-ms-input-placeholder {
	color: #fff;
	font-weight: 400;
	line-height: 130%;
}
.form input::-ms-input-placeholder {
	color: #fff;
	font-weight: 400;
	line-height: 130%;
}
.form input::placeholder {
	color: #fff;
	font-weight: 400;
	line-height: 130%;
}
.form__wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.form__wrap p {
	width: 100%;
}
.form__wrap .form__wrap-top {
	width: 100%;
}
.form__wrap .form__wrap-top p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	justify-content: space-between;
}
.form__wrap {
	width: 100%;
}
input.wpcf7-not-valid {
	border-bottom: 1px solid red !important;
}
input.wpcf7-not-valid::placeholder {
	color: red !important;
}
.wpcf7-not-valid-tip {
	display: none !important;
}
div.form__right > span {
	color: #7d7d7d;
	font-size: 14px;
	line-height: 130%; /* 18.2px */
}
.contact-page .wpcf7 form .wpcf7-response-output,
.about-page .wpcf7 form .wpcf7-response-output {
	color: #000;
}
.wpcf7 form .wpcf7-response-output {
	border: none !important;
	color: #fff;
	font-size: 14px;
	padding: 0 !important;
	text-align: center;
	margin: 0 !important;
}
input {
	background-color: transparent;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-background-clip: text;
	-webkit-text-fill-color: #ffffff;
	transition: background-color 5000s ease-in-out 0s;
	box-shadow: inset 0 0 20px 20px transparent;
}
/* .form__wrap .form__wrap-top .wpcf7-form-control-wrap {
  width: 285px;
} */
form > div.form__wrap > p {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.wpcf7-form-control-wrap {
	width: 100%;
}
.form .button__form {
	border-radius: 85px;
	color: #fff;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.05);
	width: 343px;
	height: 59px;
	margin-top: 70px;
	text-transform: uppercase;
}
.form .button__form:hover {
	border: 1px solid #979797;
	background: rgba(138, 138, 138, 0.05);
	color: #979797;
}
.form .result {
	color: #242424;
	font-size: 64px;
	font-weight: 900;
	position: absolute;
	bottom: -22px;
	right: 322px;
}

/***************************************************          FOOTER         ***************************************************/
footer {
	background-color: #fff;
}
footer .grey {
	color: #989898;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 400;
}
footer .black {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 140%; /* 19.6px */
	color: #0f0f0f;
}
footer .policy {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-decoration-line: underline;
	margin-top: 10px;
	color: #000;
}
footer .footer__top {
	padding: 25px 0 25px;
}
footer .footer__top .footer__logo {
	width: 101px;
	margin-bottom: 26px;
	height: 35px;
	background-image: url(../images/logo.svg);
	background-size: fill;
	background-repeat: no-repeat;
}
footer .footer__top .footer__top__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
footer .footer__top .footer__top__list .footer__top__list-item {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
footer .footer__top .footer__top__list .footer__top__list-item .phone,
footer .footer__top .footer__top__list .footer__top__list-item .email {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 5px;
}
footer .footer__top .footer__top__list .footer__top__list-item .phone {
	margin-bottom: 15px;
}
footer .footer__top .footer__top__list .footer__top__list-item:nth-child(4),
footer .footer__top .footer__top__list .footer__top__list-item:nth-child(3) {
	gap: 10px;
}
footer .footer__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 1px solid #f3f3f3;
}
footer .footer__bottom .footer__bottom-right {
	background: #f3f3f3;
}
footer .footer__bottom .footer__bottom-right,
footer .footer__bottom .footer__bottom-left {
	width: 50%;
}
footer .footer__bottom .footer__bottom-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
footer .footer__bottom .footer__bottom-left .logo__grey {
	width: 39px;
	height: 16px;
	display: block;
}
footer .footer__bottom .footer__bottom-left .develop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 43px 50px 43px 30px;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
}
footer .footer__bottom .footer__bottom-left .mkey {
	padding-right: 30px;
}
footer .footer__bottom .footer__bottom-right .footer__bottom-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 42px 0 0 59px;
	gap: 65px;
	height: 100%;
}
footer *:hover {
	color: #a5a5a5;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
footer a {
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
/***************************************************          HERO_ABOUT         ***************************************************/
/* .about_hero {
  height: 100vh;
}
.advantages {
  background-color: #ebedec;
}
.advantages .about_us__bg {
  display: none;
}
.title__after {
  line-height: 150%;
  margin-top: 15px;
}
.scroll__wrap {
  margin-top: 40px;
  display: flex;
  gap: 55px;
}
.scroll__inner {
  margin-top: 70px;
}
.scroll__nav li {
  padding: 20px;
  color: #9b9b9b;
}
.scroll__nav {
  padding: 10px 0;
  border-left: 1px solid #9b9b9b;
  height: fit-content;
}
.scroll__item h4 {
  font-size: 24px;
}
.scroll__item p {
  margin-top: 15px;
  color: #454545;
  font-size: 18px;
  line-height: 150%; 
  max-width: 550px;
}
.scroll__item {
  margin-bottom: 30px;
} */
/***************************************************          HERO_DEVELOPMENT         ***************************************************/
.development_hero {
	height: 100vh;
	padding: 0;
	/* background-image: url(../images/hero-development-bg.png);
  background-repeat: no-repeat;
  background-position: top 130px center; */
}
.development_hero__bg {
	position: absolute;
	top: 130px;
	width: 100vw;
	left: 0;
	overflow: hidden;
	height: 140px;
	z-index: 1;
}
.development_hero__bg .letters {
	position: relative;
	z-index: 2;
	height: 100%;
	background-image: url(../images/text-letters.png);
	background-size: 100% 100%;
}
.development_hero__bg .bg {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: -100%;
	z-index: 1;
}

.development_hero__inner {
	height: 100%;
	display: flex;
	align-items: flex-end;
}
.development_hero__banner {
	z-index: 1;
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 554px;
}
.development_hero__content {
	position: relative;
	z-index: 2;
}
.development_hero__descrip {
	margin-bottom: 30px;
	color: #757575;
	line-height: 27px; /* 168.75% */
	width: 495px;
}
.page__title {
	color: #171717;
	font-size: 48px;
	font-weight: 600;
	line-height: 150%; /* 72px */
	text-transform: uppercase;
	width: 713px;
}
.development_hero__link {
	margin-top: 60px;
	margin-bottom: 120px;
	display: flex;
	height: 59px;
	gap: 30px;
}
.button {
	width: 343px;
	height: 59px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/***************************************************         TYPES         ***************************************************/
.types {
	background: #fbfbfb;
}
.types__text {
	color: #757575;
	font-size: 18px;
	line-height: 140%; /* 25.2px */
	margin: 15px 0 32px;
}
.types__bottom {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}
.types__bottom-item {
	padding: 30px;
	min-height: 628px;
	flex: 0 0 48%;
	max-width: 48%;
	border: 1px solid #cfcfcf;
	background: #fff;
	position: relative;
}
.types__bottom-item:before {
	content: "";
	width: 124px;
	height: 3px;
	background-color: #9b9b9b;
	position: absolute;
	left: -0;
	top: -3px;
}
.hand1,
.hand2 {
	position: absolute;
	right: 0;
	top: auto;
	bottom: 150px;
	z-index: 1;
}
.hand2 {
	bottom: 221px;
}
.types__bottom-left .types__title {
	position: relative;
	margin-bottom: 5px;
	opacity: 1;
}
.types__bottom-left .types__subtext {
	position: relative;
	margin-bottom: 20px;
	opacity: 1;
}
.types__title-block {
	position: relative;
	height: 32px;
	margin-bottom: 5px;
}
.types__title.active {
	opacity: 1;
	transition: 0.7s;
}
.types__title {
	font-size: 20px;
	font-weight: 400;
	line-height: 150%; /* 30px */
	text-transform: uppercase;
	position: absolute;
	opacity: 0;
	transition: 0.7s;
}
.types__subtext-block {
	margin-bottom: 20px;
	height: 25px;
	position: relative;
	transition: 0.7s;
}
.types__subtext.active {
	opacity: 1;
	transition: 0.7s;
}
.types__subtext {
	color: #757575;
	font-weight: 300;
	line-height: 150%; /* 24px */
	position: absolute;
	opacity: 0;
	transition: 0.7s;
}
.types__item:hover {
	color: #000;
}
.types__item {
	color: #9b9b9b;
	font-size: 18px;
	font-weight: 300;
	line-height: 27px; /* 150% */
	position: relative;
	transition: color 0.3s;
}
.types__item.active {
	color: #000;
	pointer-events: none;
	text-shadow: 0 0 0.45px #333, 0 0 0.45px #333;
}
.black .types__item {
	pointer-events: none;
}

.types__item:before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #9b9b9b;
	position: absolute;
	left: -27px;
	top: 12px;
}

.types__item.active:after {
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: transparent;
	border: 1px solid #000;
	position: absolute;
	left: -32.9px;
	top: 6px;
}

.types__item.active:before {
	background-color: #000;
}
.types__list:before {
	content: "";
	width: 1px;
	height: 330px;
	background-color: #9b9b9b;
	position: absolute;
	left: 0px;
	top: 12px;
}
.types__item-white:before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #ffffff;
	position: absolute;
	left: -26px;
	top: 12px;
}
.types__list-white:before {
	content: "";
	width: 1px;
	height: 143px;
	background-color: #ffffff;
	position: absolute;
	left: 0px;
	top: 12px;
}

.types__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-left: 24px;
	position: relative;
	z-index: 2;
}

.little_button {
	width: 177px;
	height: 39.748px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.types__bottom-item .black {
	background: #202020;
	padding: 30px;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 290px;
	left: 0;
	transition: color 0.3s;
}
.packages__btn:hover {
	color: #000;
}
.types__button {
	position: absolute;
	bottom: 30px;
	left: 30px;
}
.types__bottom-right .types__button {
	left: auto;
	right: 30px;
	background: #fff;
	font-weight: 400;
}
.types__bottom-right .types__button:hover {
	background: #000;
	border-color: #000;
}
.types__descrip-block {
	position: relative;
	height: 162px;
}
.types__descrip.active {
	opacity: 1;
	transition: 0.7s;
}
.types__descrip {
	color: #9b9b9b;
	font-size: 18px;
	line-height: 27px; /* 150% */
	position: absolute;
	opacity: 0;
	transition: 0.7s;
}
/***************************************************          HERO_TEMPLATE         ***************************************************/
/* .template_hero {
  padding-top: 150px;
  padding-bottom: 0;
}
.template_hero__bottom,
.template_hero__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.template_hero__top {
  margin-bottom: 22px;
}
.template_hero__title {
  font-size: 48px;
  font-weight: 600;
  line-height: 150%; 
  text-transform: uppercase;
}
.template_hero__text {
  color: #757575;
  line-height: 27px; 
  width: 495px;
} */

/***************************************************          DISCOUNT-2         ***************************************************/
.discount-2 {
	background-image: none;
}
.discount-2 .discount__text1 {
	width: 767px;
}
.discount-2 .container .discount__left {
	width: 100%;
}
.discount-2 .discount__text2 {
	width: 566px;
}

/***************************************************          TECH         ***************************************************/
.tech__list ul {
	display: flex;
	flex-wrap: wrap;
	z-index: 1;
	position: relative;
}
.tech__list li {
	width: 183px;
	height: 183px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tech__list {
	position: relative;
	width: 733px;
	height: 733px;
	align-self: flex-end;
	margin-top: -230px;
}
.tech__list-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	right: 0;
}
.tech__list li img {
	max-height: 44px;
}
.tech__content-top {
	display: flex;
	gap: 54px;
	align-items: flex-end;
	width: 100%;
	max-width: 100%;
}
.tech-result {
	position: relative;
	margin-bottom: -10px;
}
.tech__content-text1 {
	width: 842px;
	margin-top: 25px;
}
.tech__content-text2 {
	width: 725px;
	margin-top: 20px;
}
.tech__inner {
	display: flex;
	flex-direction: column;
}
.tech__list li:last-child img {
	max-height: 20px;
}
.tech__list li:nth-child(8) img {
	max-height: 27px;
}
/***************************************************          SCROOL         ***************************************************/
.scroll__inner {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.scroll .title {
	width: 386px;
}
.scroll__item {
	margin-bottom: 40px;
	max-width: 700px;
}
.scroll__item-header {
	font-size: 20px;
	font-weight: 400;
	line-height: 150%; /* 30px */
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #cfcfcf;
	margin-left: -25px;
}
.scroll__item-header span {
	font-weight: 300;
	margin-right: 19px;
}
.scroll__item ul {
	list-style-type: disc;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 20px;
}
.scroll__item ul li {
	color: #616161;
	font-size: 18px;
}
.scroll__right,
.scroll__left {
	position: relative;
}
.logobonus {
	display: flex;
	gap: 20px;
	align-items: center;
	margin-left: -25px;
	margin-top: 10px;
}
.logobonus img {
	width: 31px;
	height: 31px;
}
.logobonus p {
	color: #9a9a9a;
}

/***************************************************          PACKAGES         ***************************************************/
.packages__nav {
	display: flex;
	gap: 10px;
	margin: 30px 0 50px;
}
.packages__btn {
	width: 260px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 85px;
	border: 1px solid #161616;
	color: #9b9b9b;
	transition: 1s;
}

.packages__btn.active {
	transition: 1s;
	color: #fff;
	background: #202020;
	pointer-events: none;
}
.template__icon {
	display: flex;
	gap: 10px;
	align-items: center;
}
.template__icon img {
	width: 27px;
	height: 31px;
}
.template__icon p {
	font-size: 20px;
}
.packages__item {
	border: 1px solid #cfcfcf;
	min-height: 730px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.packages__item-title {
	text-align: center;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 400;
	line-height: 150%;
}
.packages__slider .swiper-wrapper {
	display: flex;
	justify-content: space-between;
}
.template__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	list-style-type: disc;
	list-style-position: inside;
}
.template__list li {
	color: #9b9b9b;
	font-size: 16px;
}
.packages__button {
	width: 100%;
	height: 59px;
	border-radius: 85px;
	border: 1px solid #161616;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	text-transform: uppercase;
	background-color: #fff;
}
.packages__button:hover {
	color: #fff;
}
.packages {
	background: #fbfbfb;
}
.packages__bottom {
	position: relative;
	min-height: 730px;
}
.packages__slider {
	position: absolute;
	max-width: 99%;
	opacity: 0;
	transition: 1s;
	transform: scale(0.99);
	z-index: 1;
}
.packages__slider.active {
	opacity: 1;
	transition: 1s;
	transform: scale(1);
	z-index: 2;
}
/***************************************************          CONTACT-HERO         ***************************************************/
.contact-page {
	min-height: 100vh;
	background-color: #fff;
}
.hero_contact__result {
	position: relative;
}
.contact__title {
	font-size: 48px;
	font-weight: 600;
}
.hero_contact__title {
	display: flex;
	gap: 50px;
	align-items: center;
	margin-bottom: 53px;
}
.hero_contact__top {
	display: flex;
	gap: 50px;
	margin-bottom: 30px;
}
.hero_contact__bottom {
	display: flex;
	gap: 50px;
	align-items: center;
}
.hero_contact__link {
	display: flex;
	align-items: center;
	gap: 10px;
}
.hero_contact__link .img {
	max-width: 30px;
}
.hero_contact__link p {
	color: #7d7d7d;
	font-size: 18px;
	font-weight: 400;
	transition: color 0.4s;
}
.hero_contact__link:hover p {
	color: #000;
}
/***************************************************          CONTACT-FORM         ***************************************************/
.contact_form {
	padding-top: 0;
}
.contact_form__banner {
	width: 463px;
	height: 405px;
	background-image: url(../images/conatact_form_banner.png);
}
.contact_form__title {
	font-size: 24px;
	margin-bottom: 30px;
}
.contact_form__descrip {
	color: #757575;
	margin-bottom: 20px;
	font-size: 18px;
}
.contact_form__bottom {
	display: flex;
	gap: 40px;
}
.contact_form__wrap-top {
	display: flex;
	align-items: center;
	gap: 32px;
}
.contact_form__wrap input,
.contact_form__wrap textarea {
	color: #7d7d7d;
	padding: 10px 0;
	border-bottom: 1px solid #cfcfcf;
	width: 100%;
	margin-bottom: 32px;
	margin-top: 0;
}
.contact_form__wrap textarea {
	display: block;
}

.contact_form__wrap input:-webkit-autofill,
.contact_form__wrap input:-webkit-autofill:hover,
.contact_form__wrap input:-webkit-autofill:focus,
.contact_form__wrap input:-webkit-autofill:active {
	-webkit-background-clip: text;
	-webkit-text-fill-color: #000000;
	transition: background-color 5000s ease-in-out 0s;
	box-shadow: inset 0 0 20px 20px transparent;
}
.contact_form__wrap {
	width: 692px;
}
.about_form .button__form,
.contact_form__wrap .button__form {
	border-bottom-color: #000;
	color: #000;
	width: 343px;
	height: 59px;
}
.about_form .button__form:hover,
.contact_form__wrap .button__form:hover {
	color: #fff;
}
/***************************************************          PORTFOLIO         ***************************************************/
.gallery__wrap {
	width: max-content;
	height: 100vh;
	position: relative;
	margin-left: 50vw;
}
.gallery__item {
	display: inline-block;
	width: 50vw;
	height: 100%;
	position: relative;
}
.sidebar {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	z-index: 10000;
	mix-blend-mode: difference;
	pointer-events: none;
}
.sidebar h2 {
	color: #fff;
	mix-blend-mode: difference;
	width: 648px;
	font-size: 48px;
	font-weight: 600;
	text-transform: uppercase;
	rotate: -90deg;
	margin-left: -181px;
	margin-bottom: -176px;
}
.portfolio-page {
	background-color: #fff;
}
.sidebar__bottom-text div {
	width: 55px;
	rotate: 90deg;
	height: 42px;
	position: absolute;
	top: 17px;
	right: 172px;
}
.sidebar__bottom-text p {
	color: #fff;
	width: 403px;
}
.sidebar__bottom {
	rotate: -90deg;
	width: 498px;
	margin-bottom: -33vh;
	margin-left: -18vw;
	display: flex;
	gap: 111px;
	align-items: center;
}
.sidebar__bottom-counter p {
	color: #fff;
	font-size: 36px;
	line-height: 150%; /* 54px */
	text-transform: uppercase;
}
.sidebar__bottom-counter {
	display: flex;
}

.open {
	position: absolute;
	background: #fff;
	width: 151px;
	height: 151px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.6s;
}
.open__text {
	line-height: 150%; /* 24px */
	text-transform: uppercase;
}
.gallery__item img:hover ~ .open {
	opacity: 1;
}
.open:hover {
	opacity: 1;
}
/***************************************************          ABOUT_HERO         ***************************************************/
.about_hero {
	height: 100vh;
	padding: 0;
}
.about_hero__inner {
	display: flex;
	align-items: flex-end;
	position: relative;
	height: 100%;
	justify-content: space-between;
}
.about_hero__content {
	padding-bottom: 130px;
}
.about_hero__title {
	position: absolute;
	top: 115px;
	text-align: right;
	font-size: 147px;
	font-weight: 600;
	text-transform: uppercase;
}
.about_hero__content-text {
	color: #454545;
	text-align: right;
	font-size: 18px;
	font-weight: 300;
	line-height: 130%; /* 23.4px */
	margin-bottom: 84px;
	width: 566px;
}
.founded {
	/* border-top-right-radius: 50%;
  border-bottom-right-radius: 50%; */
	border-radius: 50%;
	border: 1px solid #000;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 567.494px;
	height: 110.804px;
}
.founded p {
	font-size: 36px;
	font-weight: 400;
	line-height: 150%; /* 54px */
	text-transform: uppercase;
}
.about_hero__banner {
	z-index: 2;
	position: relative;
	width: 578px;
	height: 822px;
	background-image: url(../images/about_hero_banner.png);
}
/***************************************************          ABOUT_FORM          ***************************************************/
.about_form {
	background-color: transparent;
}
.about_form .form__text {
	color: #000;
}
.about_form .result {
	left: 0;
	right: auto;
	bottom: 70px;
	color: #f3f3f3;
	z-index: -1;
}
.about_form input {
	color: #000;
}
.about_form input::-webkit-input-placeholder {
	color: #000;
	font-weight: 400;
	line-height: 130%;
}
.about_form input::-moz-placeholder {
	color: #000;
	font-weight: 400;
	line-height: 130%;
}
.about_form input:-ms-input-placeholder {
	color: #000;
	font-weight: 400;
	line-height: 130%;
}
.about_form input::-ms-input-placeholder {
	color: #000;
	font-weight: 400;
	line-height: 130%;
}
.about_form input::placeholder {
	color: #000;
	font-weight: 400;
	line-height: 130%;
}
.about_form .button__form {
	border: 1px solid #000;
}

.popup__left h3 {
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase;
	width: max-content;
}
.popup__left p {
	color: #fff;
	margin-bottom: 47px;
	width: 413px;
}
.popup__left span {
	color: #7d7d7d;
	font-size: 14px;
	line-height: 130%; /* 18.2px */
	text-decoration-line: underline;
	margin-bottom: 30px;
	display: block;
	width: max-content;
}
.popup__content {
	background: #202020;
	width: 1200px;
	height: 460px;
	padding: 70px;
	border-radius: 30px;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.86);
	opacity: 0;
	transition: 0.4s;
	z-index: -1;
	scale: 1.1;
}
.popup.active {
	z-index: 1000;
	opacity: 1;
	scale: 1;
	transition: 0.4s;
}
.close__popup {
	position: absolute;
	top: 25px;
	right: 30px;
	padding: 20px;
	margin-right: -10px;
	margin-top: -10px;
}
.close__popu img {
	width: 20px;
	height: 20px;
}
.popup input {
	background: transparent;
	padding: 5px 0;
	width: 100%;
	color: #fff;
}

.popup__right {
	width: 590px;
}

.popup__right .form__wrap {
	width: 100%;
	align-items: flex-start;
}
.popup__right .button__form {
	width: 343px;
	height: 59px;
	border: 1px solid #fff;
	color: #fff;
	align-self: center;
	margin-top: 60px;
}

.lang {
	width: 57px !important;
	overflow: visible;
}

.trp-language-switcher > div > a,
.trp-ls-shortcode-language,
.trp-ls-shortcode-current-language,
.trp-language-switcher {
	height: auto;
	width: 100% !important;
	padding: 1px 3px !important;
	z-index: 3;
	overflow: visible !important;
	background-position: right 3px center !important;
	border: none !important;
}

.trp-language-switcher .trp-ls-shortcode-language {
	margin-top: 1px;
	margin-left: 3px;
	background-color: #f7f7f7;
}
.header .container,
.header {
	overflow: visible;
}
.current-menu-item {
	text-shadow: 0 0 0.65px #333, 0 0 0.65px #333;
}

/* Только для браузеров на основе WebKit (Chrome, Safari) */
::-webkit-scrollbar {
	width: 8px; /* Ширина полосы прокрутки */
}

/* Общие стили для ползунка прокрутки */
::-webkit-scrollbar-thumb {
	background-color: #888; /* Цвет ползунка */
	border-radius: 6px; /* Закругленные углы ползунка */
}

/* Общие стили для трека прокрутки (фон) */
::-webkit-scrollbar-track {
	background-color: #f1f1f1; /* Цвет трека */
}

/* Общие стили для полосы прокрутки при наведении мыши */
::-webkit-scrollbar-thumb:hover {
	background-color: #555; /* Цвет ползунка при наведении */
}

/* Дополнительные стили для угловых кнопок (если они присутствуют) */
::-webkit-scrollbar-button {
	display: none; /* Скрыть угловые кнопки */
}

.textValue {
	display: none;
}
form > p:nth-child(4) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}
form > p:nth-child(4) > label {
	display: none;
}
form > p:nth-child(4) img {
	width: 200px;
}
form > p:nth-child(4) a {
	font-size: 12px;
	color: #fff;
	display: none;
}
form > p:nth-child(4) > input {
	margin-top: 0;
}
.new__block-image {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.8s;
}
.propose__item-bottom,
.propose__item-top {
	z-index: 1;
}
.new__block .propose__item {
	justify-content: space-between;
}
.propose__item h3 {
	color: #000;
	font-family: Unbounded;
	font-size: 24px;

	font-weight: 500;
	margin-bottom: 30px;
	line-height: 150%; /* 36px */
}
.new__block .propose__item h4 {
	margin-bottom: 15px;
}
.new__block .propose__wrap {
	gap: 20px;
}
.propose__item.active .new__block-image {
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background-color: #464646 !important;
}
.swiper-pagination.rewardsSwiper__pagination {
	position: static;
	margin-top: 10px;
}
.new__block-image img {
	object-fit: cover;
}

.mk-cluth-widget {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 135px;
	z-index: 8;
	opacity: 0;
}
/***************************************************           PORTFLIO-NEW          ***************************************************/
.new-gallery__wrap {
	width: max-content;
	height: 100vh;
	position: absolute;
	margin-left: 50vw;
	top: 0;
}
.new-gallery__item {
	display: inline-block;
	width: 50vw;
	height: 100%;
	position: relative;
}
.new-sidebar {
	position: absolute;
	left: 5%;
	bottom: 20px;
	z-index: 10;
	mix-blend-mode: difference;
	pointer-events: none;
	padding-bottom: 40px;
	display: flex;
	rotate: -90deg;
}
.new-sidebar h2 {
	position: absolute;
	color: #fff;
	mix-blend-mode: difference;
	width: 648px;
	font-size: 48px;
	font-weight: 600;
	text-transform: uppercase;
}
.new-sidebar__bottom {
	width: 498px;

	display: flex;
	gap: 111px;
	align-items: center;
	position: absolute;
	transform: translate(0, 180px);
}
.new-portfolio-page {
	background-color: #fff;
	height: 100vh;
	overflow: hidden;
	position: relative;
}
.new-sidebar__bottom-text div {
	width: 55px;
	rotate: 90deg;
	height: 42px;
	position: absolute;
	top: 17px;
	right: 172px;
}
.new-sidebar__bottom-text p {
	color: #fff;
	width: 403px;
}

.new-sidebar__bottom-counter p {
	color: #fff;
	font-size: 36px;
	line-height: 150%; /* 54px */
	text-transform: uppercase;
}
.new-sidebar__bottom-counter {
	display: flex;
}

.new-open {
	position: absolute;
	background: #fff;
	width: 151px;
	height: 151px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.6s;
}
.new-open__text {
	line-height: 150%; /* 24px */
	text-transform: uppercase;
}
.new-gallery__item img:hover ~ .new-open {
	opacity: 1;
}
.new-open:hover {
	opacity: 1;
}
.new-gallery__item img {
	height: 100vh;
	width: 100%;
	object-fit: cover;
}
.new-sidebar__bottom-text img {
	position: relative;
	top: 3px;
	width: 55px;
	height: 20px;
}
.new-gallery__wrap {
	will-change: transform;
}
.new-gallery__item img {
	will-change: transform;
}
.blackSection input::-webkit-input-placeholder, .blackSection textarea::-webkit-input-placeholder {
	color: #fff;
}

.blackSection textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
	color: #7d7d7d;
}
.mwai-input-text textarea {
	display: block;
}

/* blog styles */
:root {
	--my-font: "Unbounded", sans-serif;
	--my-dark-grey: #454545;
	--my-grey-text: #999;
	--my-dark: #000;
	--my-white: #fff;
	--my-red: #e00101;
}
.blog-title {
	text-indent: unset;
	color: var(--my-dark);
	font-family: var(--my-font);
	font-size: 64px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
}
.main-blog-hero__self {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.main-blog-hero {
	padding: 135px 0px 40px;
}
.mk-blog__nav-self {
	display: flex;
	align-items: center;
	gap: 20px;
}
.mk-blog__nav-link {
	flex-shrink: 0;
	padding: 10px 30px;
	border-radius: 50px;
	display: block;
	transition: all 0.4s;
	color: var(--my-grey-text);
	font-family: "Unbounded", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 27px;
	background-color: transparent;
	cursor: pointer;
	border: 1px solid var(--my-dark-grey);
}
.mk-blog__nav-link:hover,
.mk-blog__nav-link.active {
	background: var(--my-dark-grey);
	color: var(--my-white);
}
.mk-blog__grid {
	display: grid;
	grid-auto-rows: -webkit-max-content;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 60px;
	column-gap: 20px;
}
.mk-span-10-400 {
	color: #999;
	font-family: var(--my-font);
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px; /* 140% */
}
.mk-blog__card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	border: 1px solid #cfcfcf;
}
.mk-related-articles__items{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.mk-blog__card-date {
	display: flex;
	align-items: center;
	gap: 5px;
	color: var(--my-dark-grey);
	font-family: var(--my-font);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
}
.mk-blog__card-author {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.mk-blog__card-author-name {
	display: flex;
	align-items: center;
	gap: 5px;
	color: var(--my-red);
	font-family: var(--my-font);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
}
.mk-blog__card-header {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.mk-blog__card-img {
	display: block;
	overflow: hidden;
	aspect-ratio: 347 / 256;
}
.mk-blog__card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: all 0.4s;
}
.mk-blog__card-img:hover img {
	scale: 1.05;
}
.mk-blog__card-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.mk-blog__card-title {
	color: var(--my-dark);
	font-family: var(--my-font);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	transition: all 0.4s;
}
.mk-blog__card-title:hover {
	color: var(--my-red);
}
.mk-blog__card-text {
	color: var(--my-grey-text);
	font-family: var(--my-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 120%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* .mk-related,.mk-related .container{
	overflow: visible;
}
footer,main.main-single-post{
	position: static;
} */
.mk-blog__card-footer {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
}
.mk-blog__card-footer-data {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 15px;
}
.mk-blog__card-footer-data svg {
	flex-shrink: 0;
}
.mk-blog__card-footer-data span {
	display: flex;
	align-items: center;
	gap: 5px;
	color: var(--my-grey-text);
	font-family: var(--my-font);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 128.571% */
}
.mk-blog-card__btn {
	color: var(--my-white);
	font-family: var(--my-font);
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-transform: uppercase;
	transition: all 0.4s;
	border: 1px solid var(--my-dark-grey);
	background-color: var(--my-dark-grey);
	flex-shrink: 0;
	border-radius: 85px;
	overflow: hidden;
	padding: 12px 17px;
}
.mk-blog-card__btn:hover {
	color: var(--my-dark-grey);
	background-color: transparent;
}
.mk-blog-grid {
	padding: 0px 0px 50px !important;
}
.blog-form .title {
	max-width: 100%;
	width: 100%;
}
.blog-from__inner {
	padding: 80px 0px;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 50px;
}
.blog-form .discount__text1 {
	color: var(--my-white);
	font-family: var(--my-font);
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 130%; /* 31.2px */
	max-width: 657px;
}
.blog-from__top {
	display: flex;
	flex-direction: column;
	grid-area: 20px;
}
.blog-form__wrap {
	max-width: 544px;
}
.mk-post-start__inner .title {
	text-indent: unset;
}
.mk-author-block {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
}
.mk-author-self {
	display: flex;
	align-items: center;
	gap: 20px;
}
.mk-author-img {
	flex-shrink: 0;
	aspect-ratio: 1/1;
	overflow: hidden;
	max-width: 82px;
}
.mk-author-date {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.mk-author-date .date {
	color: var(--my-dark-grey);
	font-family: var(--my-font);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px; /* 107.692% */
}
.mk-post__inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.mk-post-top {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}
.mk-post-img {
	width: 55%;
/* 	aspect-ratio: 692 / 488; */
	overflow: hidden;
}
.mk-post-img img {
	width: 100%;
/* 	height: 100%;
	object-fit: cover;
	object-position: center; */
}
.mk-post-table {
	display: flex;
	flex-direction: column;
	background-color: #fbfbfb;
	padding: 30px;
	width: 45%;
}
.post-table__top {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
	cursor: pointer;
}
.post-table__top span {
	color: var(--my-dark);
	font-family: var(--my-font);
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 36px */
	text-transform: uppercase;
}
.post-table__top svg {
	flex-shrink: 0;
	transition: all 0.4s;
	transform: rotate(-180deg);
}
.post-table__fix {
	display: block;
	width: 100%;
	height: 20px;
}
.post-table__nav {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.post-table__link {
	padding-bottom: 20px;
	width: 100%;
	color: var(--my-dark);
	font-family: var(--my-font);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 27px */
	transition: all 0.4s;
	border-bottom: 1px solid #d8d8d8;
}
.post-table__link:hover {
	color: var(--my-red);
}
.post-table__list {
	display: grid;
	grid-template-rows: 0fr;
	overflow: hidden;
	transition: all 0.4s;
}
.mk-post-table.active .post-table__list {
	grid-template-rows: 1fr;
}
.mk-post-table.active .post-table__top svg {
	transform: rotate(0deg);
}
.post-table__list > div {
	min-height: 0;
}
.mk-post-content p,
.mk-post-content li {
	color: var(--my-dark);
	font-family: var(--my-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px;
}
.mk-post-content a{
    text-decoration: underline;
	text-underline-offset: 2px;
    font-weight: 400;	
	transition: 0.4s all;
}
.mk-post-content a:hover{
	color: var(--my-red);
}
.mk-post-content .has-inline-color a:hover{
	color: var(--my-dark);
	opacity: 0.5;
}
.mk-post-nav__inner > a {
    flex: 1;
}

.mk-post-content h2 {
	color: var(--my-dark);
	font-family: var(--my-font);
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
}
.mk-post-content {
	gap: 24px;
	display: flex;
	flex-direction: column;
}
.mk-post-content ul {
	list-style: disc;
	list-style-position: inside;
}
.mk-related__inner {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.mk-underpost {
	padding: 0;
	margin-bottom: 40px;
}
.mk-underpost__inner {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
	padding: 30px 0px;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}
.mk-underpost__rate {
	display: flex;
	align-items: center;
	gap: 20px;
}
.mk-underpost__rate .rate-1 {
	color: var(--my-dark);
	font-family: var(--my-font);
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 36px */
}
.mk-underpost__rate .rate-2 {
	color: var(--my-grey-text);
	font-family: var(--my-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	margin-left: -10px;
}
.star-rating {
	position: relative;
	flex-shrink: 0;
	display: flex;
}
.star-rating-top {
	position: absolute;
	inset: 0;
	z-index: 1;
}
.mk-underpost__socials {
	display: flex;
	align-items: center;
	gap: 20px;
}
.mk-underpost__socials {
	flex-shrink: 0;
}
.mk-post {
	margin-bottom: 40px;
}
.mk-post-nav {
	padding: 0px;
	margin-bottom: 120px;
}
.mk-post-nav__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
}
.mk-post-nav__link {
	border-radius: 85px;
	border: 1px solid var(--my-dark);
	padding: 12px 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--my-dark);
	font-family: var(--my-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	flex-shrink: 0;
	transition: all 0.4s;
}
.mk-post-nav__link:hover {
	color: var(--my-red);
	border-color: var(--my-red);
}
.mk-post-nav__link path {
	transform: all 0.4s;
}
.mk-post-nav__link:hover path {
	stroke: var(--my-red);
}
.mk-post-nav__link svg {
	flex-shrink: 0;
}
.mk-post-nav__link-next {
	margin-left: auto;
}
.mk-post-reviews__inner {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.reviews-slider {
	width: 100%;
}
.review-slide {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: #f3f3f3;
	padding: 30px 20px;
	margin-top: 2px;
	position: relative;
}
.review-slide:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 30%;
	height: 2px;
	background-color: var(--my-dark);
	transform: translateY(-100%);
}
.review-slide__title {
	color: var(--my-dark);
	font-family: var(--my-font);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.review-slide__text {
	color: var(--my-dark);
	font-family: var(--my-font);
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.feedback .feedback__slider.reviews-slider-nav {
	margin: 0;
	padding: 0;
	border: none;
}
.feedback .feedback__slider.reviews-slider-nav .feedback__nav {
	margin-top: 0;
}
.mk-post-reviews {
	/* margin-bottom: 72px; */
}
.feedback .feedback__slider.reviews-slider-nav {
	padding-bottom: 72px;
}
.blog-widget {
	margin: 20px 0px;
	background: #f3f3f3;
}
.blog-widget__inner {
	padding: 50px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.widget-list {
	list-style: auto;
	list-style-position: inside;
}
.widget-list-item {
	color: var(--my-dark);
	font-family: var(--my-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	margin-bottom: 15px;
}
.widget-title {
	text-transform: unset;
}
.widget-button {
	border-radius: 85px;
	border: 1px solid var(--my-dark);
	flex-shrink: 0;
	background: rgba(255, 255, 255, 0.05);
	overflow: hidden;
	transition: all 0.4s;
	color: var(--my-dark);
	font-family: var(--my-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-transform: uppercase;
	padding: 19px 73px;
}
.widget-button:hover {
	opacity: 0.8;
}
.blog-widget-bottom {
	display: flex;
	gap: 30px;
}
.mk-pp {
	z-index: -10;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: grid;
	place-content: center;
	background-color: #0000008a;
	padding: 0px 20px;
	transition: all 0.4s;
	cursor: pointer;
}
.mk-pp-text {
	max-width: 600px;
	padding: 50px 70px;
	font-size: 18px;
	background-color: #fff;
	border-radius: 16px;
	text-align: center;
	color: #000;
	font-family: var(--my-font);
}
.mk-pp-text b {
	font-weight: 700;
}
.mk-pp.active {
	opacity: 1;
	z-index: 1000;
}

.discount.blog-form,
.discount.my-from {
	background-image: unset;
}

.mk-btn {
	padding: 20px 100px;
	color: var(--my-white);
	font-family: var(--my-font);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-transform: uppercase;
	border-radius: 85px;
	border: 1px solid var(--my-white);
	background: rgba(255, 255, 255, 0.05);
	width: fit-content;
	margin: 0;
}
.mk-input {
	margin: 0;
	padding: 0;
	border-radius: 0;
	padding-bottom: 10px;
}
.blog-form__wrap p {
	display: contents !important;
}
.blog-form__wrap .mk-form__wrap {
	display: flex;
	flex-direction: column;
	gap: 40px;
	position: relative;
}
.my-from .discount__bg,
.blog-form .discount__bg {
	top: 50%;
	transform: translateY(-50%);
}
.my-from {
	position: relative;
}
.form-rating-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.comment-fields-wrapper {
	display: flex;
	gap: 20px;
}
.form-input {
	display: block;
	width: 100%;
}
.form-block {
	width: 100%;
	padding: 70px 0px;
}
.review-custom-form {
	max-width: 587px;
}
.form-title {
	color: var(--my-white);
	margin-bottom: 50px;
}
.form-rating-wrap input {
	margin: 0;
}
.form-rating-wrap label {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	color: var(--my-white);
	font-family: var(--my-font);
}

.my-from textarea {
	background-color: transparent;
	width: 100%;
	border-bottom: 1px solid #7d7d7d;
	background: transparent;
	color: var(--my-white);
	font-weight: 400;
	line-height: 130%;
	margin-top: 35px;
	padding: 5px 0;
	font-family: "Montserrat", sans-serif;
}
.comment-form-comment {
	margin-top: 30px;
}
.send-review {
	margin-top: 60px;
}
.comment-form-rating {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 30px;
}
.comment-form-rating h4 {
	color: var(--my-white);
	font-family: var(--my-font);
	font-size: 18px;
}
html {
	scroll-behavior: smooth;
	scroll-padding-top: 80px;
}
.blog-form .wpcf7-spinner {
	position: absolute;
	top: 100%;
}
.blog-form .wpcf7 form .wpcf7-response-output {
	margin: 10px 0px 0px !important;
}
.crumbs-block {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.my-breadcrumbs a,
.my-breadcrumbs span {
	font-size: 12px;
}
.my-breadcrumbs a {
	transition: all 0.4s;
}
.my-breadcrumbs a:hover {
	color: var(--my-red);
}
.my-breadcrumbs span.last {
	color: var(--my-grey-text);
}
.comment-form-rating input[type="radio"] {
    width: 20px;
    height: 20px;
	accent-color: var(--my-red);
	cursor: pointer;
}
/*три колонки для Pakete*/
.packages__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
}
/*FOOTER*/
.social-icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.social-icon:hover {
  transform: scale(1.1);
  opacity: 0.8;
}

.footer__bottom-list,
.social-icons,
.social_wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
/* --- FIX: Mobile menu above all content --- */
.burger-popup {
    z-index: 99999 !important;
}

.header {
    z-index: 999999 !important;
}
.burger__bg {
    z-index: 1 !important;
}
/* blog styles */