@font-face {
	font-family: Montserrat;
	src: url(../fonts/Montserrat-Medium.woff);
	src: url(../fonts/Montserrat-Medium.woff2);
	font-weight: 500;
	display: swap
}

@font-face {
	font-family: Montserrat;
	src: url(../fonts/Montserrat-Regular.woff);
	src: url(../fonts/Montserrat-Regular.woff2);
	font-weight: 400;
	display: swap
}

::-webkit-scrollbar {
	width: 0
}

::-webkit-scrollbar-track {
	background: #000
}

::-webkit-scrollbar-thumb {
	background-color: #ef433a
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

:focus {
	outline: 0
}

input {
	border-radius: 0
}

input[type=search] {
	-webkit-appearance: none
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
	-webkit-background-clip: text;
	-webkit-text-fill-color: #000;
	-webkit-transition: background-color 5000s ease-in-out 0s;
	transition: background-color 5000s ease-in-out 0s;
	-webkit-box-shadow: inset 0 0 20px 20px #fff8f0;
	box-shadow: inset 0 0 20px 20px #fff8f0
}

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

a {
	text-decoration: none;
	color: #000
}

body,
html {
	height: 100%;
	font-size: min(10px, max(5.34px, 5.34px + 4.66 * (100vw - 1024px) / 896))
}

body {
	font-family: 'Manrope', sans-serif;
	font-weight: 400;
	background-color: #fff8f0;
	color: #000;
	height: 100%;
	overflow-x: hidden
}

body.lock {
	overflow: hidden
}

.p_content {
	overflow: hidden;
	min-height: 100vh;
	margin-bottom: -2px
}

.container {
	width: 100%;
	max-width: 164rem;
	margin: 0 auto;
	padding: 0 2rem
}

.btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 1rem 3.7rem;
	border-radius: 3rem;
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-weight: 600;
	letter-spacing: .06rem;
	text-transform: uppercase;
	-webkit-transition: font-size 0.4s ease-in-out, 
                line-height 0.4s ease-in-out, 
                padding 0.4s ease-in-out, 
                color 0.4s ease-in-out, 
                background-color 0.4s ease-in-out, 
                border 0.4s ease-in-out;
	transition: font-size 0.4s ease-in-out, 
                line-height 0.4s ease-in-out, 
                padding 0.4s ease-in-out, 
                color 0.4s ease-in-out, 
                background-color 0.4s ease-in-out, 
                border 0.4s ease-in-out;
}

.btn.border {
	border: 1px solid #fff8f0;
	color: #fff8f0
}

.btn.border:hover {
	border: 1px solid #000;
	background-color: #000;
	color: #fff8f0
}

.btn.dark {
	border: 1px solid #000;
	background-color: #000;
	color: #fff8f0
}

.btn.dark:hover {
	background-color: transparent;
	border: 1px solid #fff8f0;
	color: #fff8f0
}

.m-t {
	margin-top: 17.3rem
}

.header-dark .header {
	background-color: #000
}

.header-dark .header__wrapper-logo {
	-webkit-filter: invert(1);
	filter: invert(1)
}

.header-dark .header__wrapper-nav {
	color: #fff8f0
}

.header-dark .header__wrapper-search {
	fill: #fff8f0
}

.header-dark .search {
	border-top: 1px solid #fff8f0
}

.header-dark .search__form {
	background-color: #000;
	-webkit-box-shadow: 0 0 0 100vmax #000;
	box-shadow: 0 0 0 100vmax #000
}

.header-dark .search__form-close {
	-webkit-filter: invert(1);
	filter: invert(1)
}

.header-dark .search__form-input {
	color: #fff8f0
}

.header-dark .search__form-input:-webkit-autofill,
.header-dark .search__form-input:-webkit-autofill:active,
.header-dark .search__form-input:-webkit-autofill:focus,
.header-dark .search__form-input:-webkit-autofill:hover {
	-webkit-text-fill-color: #fff8f0;
	-webkit-box-shadow: inset 0 0 20px 20px #000;
	box-shadow: inset 0 0 20px 20px #000
}

.header-dark .header__wrapper-burger span,
.header-dark .header__wrapper-burger:after,
.header-dark .header__wrapper-burger:before {
	background-color: #fff8f0
}

.header {
	position: fixed;
	z-index: 10;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff8f0
}

.header__wrapper {
	padding: 5.3rem 0 6.6rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.header__wrapper-burger {
	display: none
}

.header__wrapper-w {
	margin-bottom: -1.5rem;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-left: 4rem
}

.header__wrapper-logo {
	width: 54.4rem;
	height: auto
}

.header__wrapper-nav {
	position: relative;
	font-size: 2.4rem;
	line-height: 1.6rem;
	letter-spacing: .06rem;
	text-transform: uppercase;
	color: #000;
	padding-bottom: .6rem
}

.header__wrapper-nav:hover:after {
	width: 100%;
	left: 0;
	right: auto
}

.header__wrapper-nav::after {
	content: "";
	position: absolute;
	top: 100%;
	right: 0;
	width: 0%;
	height: 1.5px;
	background-color: currentColor;
	-webkit-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out
}

.header__wrapper-search {
	width: 2.25rem;
	height: auto;
	cursor: pointer
}

.header__wrapper-btn {
	background-color: #ef433a;
	color: #fff8f0;
	-webkit-transition: background-color .4s ease-in-out;
	transition: background-color 0.4s ease-in-out;
	will-change: background-color, font-size, padding;	
}

.header__wrapper-btn:hover {
	background-color: #000
}

.search {
	backdrop-filter: blur(24px);
	background-color: rgba(217, 217, 217, .0117647059);
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 2;
	top: 17.3rem;
	overflow: hidden;
	border-top: 1px solid #000;
	display: none
}

.search__form {
	background-color: #fff8f0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-shadow: 0 0 0 100vmax #fff8f0;
	box-shadow: 0 0 0 100vmax #fff8f0;
	clip-path: inset(0 -100vmax)
}

.search__form-input {
	height: 8.2rem;
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	background-color: transparent;
	border: none;
	width: 100%
}

.search__form-close {
	cursor: pointer;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 1rem
}

.search__form-close:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.nav {
	position: fixed;
	z-index: 9;
	width: 100%;
	height: 100%;
	background-color: #fff8f0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	top: -150%;
	left: 0;
	text-align: center;
	padding: 8.2rem 0;
	overflow-y: scroll;
	-webkit-transition: top .3s, opacity .3s;
	transition: top .3s, opacity .3s;
	pointer-events: none;
	opacity: 0;
}

.header-blog .nav {
    position: fixed;
    z-index: 13;
    width: 40%;
    height: 100%;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0;
    left: auto;
    right: -150%;
    text-align: center;
    padding: 24px 0;
    overflow-y: scroll;
    -webkit-transition: right .3s, opacity .3s;
    transition: right .3s, opacity .3s;
    pointer-events: none;
    opacity: 0;
    justify-content: center;
}

.nav.active {
	top: 0;
	opacity: 1;
	pointer-events: auto
}

.header-blog .nav.active {
	top: 0;
	opacity: 1;
	right: 0;
	pointer-events: auto;
}

.nav .container {
	position: relative
}

.nav__close {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.8rem;
	height: auto
}

.nav a {
	text-transform: uppercase;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 2.8rem 0;
	font-size: 2.58rem;
	line-height: 2.32rem;
	color: #000 !important
}

.header-blog .nav a {
    text-transform: uppercase;
    border-top: none;
    border-bottom: none;
    padding: 16px 48px !important;
    font-size: 32px !important;
    line-height: 45.57px !important;
    color: #fff !important;
}

.nav__logo {
	width: 9.2rem;
	height: auto;
	margin: 0 auto;
	-webkit-filter: invert(1);
	filter: invert(1)
}

.nav__form {
	width: 100%;
	border-radius: 3rem;
	border: 2px solid #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1.5rem;
	margin: 4.2rem 0 4rem 0
}

.nav__form-input {
	width: 100%;
	border: none;
	background-color: transparent;
	font-size: 1.6rem;
	font-weight: 500
}

.nav__form-search {
	width: 2.2rem;
	height: auto;
	margin-left: 1rem
}

.nav .header__wrapper-btn {
	background-color: transparent;
	color: #000;
	text-transform: uppercase;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 2.8rem 0;
	text-align: center;
	width: 100%;
	font-size: 2.58rem;
	line-height: 2.32rem;
	font-weight: 400;
	border-radius: 0
}

.header-blog .nav .header__wrapper-btn {
    background-color: #ef433a;
    color: #fff8f0 !important;
    text-transform: uppercase;
    border-top: none;
    border-bottom: none;
    text-align: center;
    width: 100%;
    font-weight: 400;
    max-width: 80%;
    margin: 24px auto 0;
    padding: 16px !important;
    font-size: 18px !important;
    line-height: 26px !important;
    border-radius: 60px;
	order: 5;
}


.main {
	position: relative;
	height: 100vh
}

.main__btn {
	position: relative;
	z-index: 1;
	color: #000;
	background-color: #fff8f0;
	margin: 3.4rem 0 8.4rem 0
}

.main__btn:hover {
	background-color: #ef433a;
	color: #fff8f0
}

.main__img {
	padding-top: 17.3rem;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.main__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.main__title {
	font-family: Oranienbaum;
	position: relative;
	font-weight: 400;
	white-space: nowrap;
	z-index: 1;
	margin-top: auto;
	color: #fff8f0;
	font-size: 19.6rem;
	line-height: 18.5rem;
	margin-bottom: 3.4rem
}

.main .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%
}

.tasks {
	margin: 12rem 0 24rem 0
}

.tasks__title {
	font-size: 7.2rem;
	font-weight: 400;
	line-height: 7.8rem;
	font-family: Oranienbaum;
	margin-bottom: 3.6rem
}

.tasks__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr
}

.tasks__wrapper-item {
	width: 75%
}

.tasks__wrapper-item-title {
	font-size: 3.6rem;
	line-height: 4rem;
	font-weight: 400;
	margin-bottom: 4rem
}

.tasks__wrapper-item-list li {
	font-size: 1.8rem;
	line-height: 2.4rem;
	margin: 2rem 0
}

.promo {
	padding: 12rem 0 24rem 0;
	background-color: #2d6be4
}

.promo__text {
	width: 73%;
	font-family: Oranienbaum;
	color: #fff8f0;
	font-weight: 400;
	font-size: 7.2rem;
	line-height: 7.6rem;
	letter-spacing: -.252rem
}

.promo__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 2.5rem
}

.promo__wrapper .btn {
	background-color: #ef433a;
	color: #fff8f0
}

.promo__wrapper .btn:hover {
	background-color: #000
}

.effect {
	margin: 12rem 0 24rem 0
}

.effect__btn {
	border: 1px solid #000;
	background-color: #000;
	color: #fff8f0;
	margin: 4rem auto
}

.effect__btn:hover {
	background-color: transparent;
	color: #000
}

.effect__text {
	font-size: 1.6rem;
	line-height: 2.4rem;
	letter-spacing: -.039rem;
	text-align: center;
	max-width: 50rem;
	margin: 0 auto
}

.effect__title {
	font-family: Oranienbaum;
	font-weight: 400;
	font-size: 7.2rem;
	line-height: 7.6rem;
	margin-bottom: 4rem
}

.effect__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr
}

.effect__wrapper-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 75%
}

.effect__wrapper-item-title {
	font-size: 3.6rem;
	line-height: 4rem;
	font-weight: 400
}

.effect__wrapper-item-number {
	font-size: 18.3rem;
	line-height: 18.7rem;
	font-family: Oranienbaum;
	margin: 2rem 0 3rem 0
}

.effect__wrapper-item-text {
	font-size: 1.8rem;
	line-height: 2.4rem
}

.projects {
	background-color: #000;
	padding: 12rem 0 14rem 0
}

.projects.cs .projects__slider-slide-text {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 8rem
}

.projects__title {
	font-size: 7.2rem;
	line-height: 7.8rem;
	font-family: Oranienbaum;
	font-weight: 400;
	color: #fff8f0;
	margin-bottom: 4rem
}

.projects__slider {
	overflow: hidden
}

.projects__slider-pagination {
	height: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.projects__slider-pagination .swiper-pagination-bullet {
	cursor: pointer;
	position: relative;
	background-color: #fff8f0;
	opacity: 1;
	width: 1rem;
	height: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.projects__slider-pagination .swiper-pagination-bullet::after {
	content: "";
	position: absolute;
	background-color: transparent;
	width: 140%;
	height: 5rem
}

.projects__slider-btn {
	margin: 7.5rem auto 9rem auto;
	background-color: #fff8f0;
	color: #000
}

.projects__slider-btn:hover {
	background-color: #ef433a;
	color: #fff8f0
}

.projects__slider-slide:hover .projects__slider-slide-name {
	color: #ef433a
}

.projects__slider-slide-img {
	width: 100%;
	height: 30rem;
	overflow: hidden;
	border-radius: 1rem
}

.projects__slider-slide-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.projects__slider-slide-name {
	font-size: 2.5rem;
	line-height: 2.9rem;
	font-weight: 500;
	color: #fff8f0;
	margin: 4rem 0 2rem 0;
	-webkit-transition: color .4s ease-in-out;
	transition: color .4s ease-in-out
}

.projects__slider-slide-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	color: #fff8f0
}

.projects__slider-slide-text a {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	text-decoration: underline;
	color: #fff8f0
}

.projects__slider-slide .btn {
	background-color: #fff8f0;
	color: #000;
	margin-top: 4rem;
	width: 20rem
}

.projects__slider-slide .btn:hover {
	background-color: #ef433a;
	color: #000
}

.blog {
	margin: 12rem 0 9rem 0
}

.blog__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 5rem
}

.blog__header-img {
	width: 51rem;
	height: auto
}

.blog__header-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	max-width: 78.2rem
}

.blog__slider {
	overflow: hidden
}

.blog__slider-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.blog__slider-pagination .swiper-pagination-bullet {
	cursor: pointer;
	position: relative;
	background-color: #000;
	opacity: 1;
	width: 1rem;
	height: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.blog__slider-pagination .swiper-pagination-bullet::after {
	content: "";
	position: absolute;
	background-color: transparent;
	width: 140%;
	height: 5rem
}

.blog__slider-btn {
	margin: 3.5rem auto 10rem auto;
	background-color: #000;
	color: #fff8f0;
	border: 1px solid #000
}

.blog__slider-btn:hover {
	background-color: transparent;
	color: #000
}

.blog__slider-slide {
	width: 51.2rem
}

.blog__slider-slide:hover .blog__slider-slide-title {
	color: #ef433a
}

.blog__slider-slide-img {
	width: 100%;
	height: 30rem;
	overflow: hidden;
	border-radius: 1rem
}

.blog__slider-slide-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.blog__slider-slide-title {
	font-size: 2.5rem;
	line-height: 2.9rem;
	font-weight: 500;
	margin: 4rem 0 3rem 0;
	height: 8.7rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: color .4s ease-in-out;
	transition: color .4s ease-in-out
}

.blog__slider-slide-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500
}

.achievements {
	padding: 12rem 0 21rem 0;
	background-color: #000
}

.achievements__title {
	font-size: 3.6rem;
	line-height: 4rem;
	color: #fff8f0;
	font-weight: 500;
	margin-bottom: 4rem
}

.achievements__text {
	font-size: 2.5rem;
	line-height: 2.9rem;
	font-weight: 500;
	color: #fff8f0;
	margin-bottom: 4rem
}

.achievements__col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.achievements__col div {
	max-width: 35rem;
	margin-right: 6rem
}

.achievements__col div img {
	margin-bottom: 2rem;
	height: 3.2rem;
	width: auto
}

.achievements__wrapper {
	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;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: -2rem 0
}

.achievements__wrapper img {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: 2rem 0;
	max-height: 10.7rem;
	max-width: 57.6rem
}

.steps {
	margin: 12rem 0 20rem 0
}

.steps__title {
	font-family: Oranienbaum;
	font-size: 7.2rem;
	line-height: 7.6rem;
	font-weight: 400;
	max-width: 60%;
	margin-bottom: 7rem
}

.steps__wrapper {
	display: grid;
	grid-template-columns: 37rem 37rem 37rem;
	gap: 4rem
}

.steps__wrapper-title {
	font-size: 3.6rem;
	line-height: 4rem;
	margin-bottom: 4rem
}

.steps__wrapper-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500
}

.form {
	margin: 36rem 0 25rem 0
}

.form__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	gap: 3rem
}

.form__wrapper-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.form__wrapper-col-title {
	font-family: Oranienbaum;
	font-weight: 400;
	font-size: 7.2rem;
	line-height: 7.6rem;
	max-width: 75%;
	margin-bottom: 4rem
}

.form__wrapper-col-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	max-width: 38%;
	margin-top: auto;
	margin-bottom: 4rem
}

.form__wrapper-col-btn {
	background-color: #000;
	color: #fff8f0;
	border: 1px solid #000
}

.form__wrapper-col-btn:hover {
	background-color: #fff8f0;
	color: #000
}

.pre {
	background-color: #000;
	padding: 5.5rem 0 9.5rem 0
}

.pre.f .pre__text {
	margin-top: 5rem
}

.pre.flex .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.pre.flex .container .pre__text {
	max-width: 68rem
}

.pre.light {
	background-color: #fff8f0
}

.pre.light .pre__title {
	color: #000
}

.pre__title {
	font-family: Oranienbaum;
	font-weight: 400;
	font-size: 19.6rem;
	line-height: 18.5rem;
	color: #fff8f0
}

.pre__text {
	font-size: 3.6rem;
	line-height: 4rem;
	max-width: 50%;
	margin-top: 1rem
}

.pre__btn {
	background-color: #000;
	color: #fff8f0;
	border: 1px solid #000;
	margin-top: 4rem
}

.pre__btn:hover {
	color: #000;
	background-color: transparent
}

.about {
	padding: 12rem 0 23rem 0;
	border-bottom: 1px solid #000
}

.about__title {
	font-family: Oranienbaum;
	font-weight: 400;
	font-size: 7.2rem;
	line-height: 7.6rem;
	margin-bottom: 2.5rem
}

.about__text {
	font-size: 3.6rem;
	line-height: 4rem;
	margin-bottom: 4rem;
	width: 45%
}

.about__wrapper {
	display: grid;
	grid-template-columns: 48rem 48rem 48rem;
	gap: 6rem
}

.about__wrapper div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.about__wrapper-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	margin-right: 3rem
}

.directions {
	padding: 12rem 0 24rem 0
}

.directions .about__title {
	margin-bottom: 4rem
}

.directions__wrapper {
	display: grid;
	grid-template-columns: 24rem 24rem 24rem 24rem;
	gap: 17rem;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.directions__wrapper-item {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.directions__wrapper-item-img {
	margin-top: auto;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	overflow: hidden;
	border-radius: 50%;
	border: 2px solid #000
}

.directions__wrapper-item-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.directions__wrapper-item-name {
	font-size: 3.6rem;
	line-height: 4rem;
	margin-bottom: 3.5rem
}

.opportunities {
	background-color: #000;
	padding: 12.5rem 0 24rem 0
}

.opportunities__text {
	font-size: 3.6rem;
	line-height: 4rem;
	margin-bottom: 4rem;
	color: #fff8f0
}

.opportunities__title {
	font-family: Oranienbaum;
	font-size: 7.2rem;
	line-height: 7.6rem;
	margin-bottom: 4rem;
	font-weight: 400;
	color: #fff8f0
}

.opportunities__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 3rem;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.opportunities__wrapper-col-title {
	font-size: 3.6rem;
	line-height: 4rem;
	margin-bottom: 2rem;
	color: #fff8f0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 17rem
}

.opportunities__wrapper-col-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	color: #fff8f0
}

.team {
	padding: 12rem 0 24rem 0
}

.team__text {
	font-size: 3.6rem;
	line-height: 4rem;
	margin-top: 12.5rem
}

.team__title {
	font-size: 7.2rem;
	line-height: 7.6rem;
	margin-bottom: 2.5rem;
	font-family: Oranienbaum;
	font-weight: 400
}

.team__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 9.5rem 3rem
}

.team__wrapper-item {
	width: 100%;
	text-align: center
}

.team__wrapper-item-img {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	overflow: hidden;
	border-radius: 50%;
	border: 2px solid #000
}

.team__wrapper-item-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.team__wrapper-item-name {
	padding: 0 2rem;
	margin-top: 4rem;
	font-size: 3.6rem;
	line-height: 4rem;
	margin-bottom: 2.2rem
}

.team__wrapper-item-post {
	font-size: 1.8rem;
	line-height: 2.4rem
}

.cs .projects__slider-pagination {
	margin-top: 9rem
}

.b .projects__slider-slide-img {
	height: 75rem
}

.cases {
    margin: 3.7rem 0;
}


.cases__title {
	font-family: Oranienbaum;
	font-size: 7.2rem;
	line-height: 7.6rem;
	font-weight: 400;
	margin-bottom: 4rem
}

.cases__text {
	font-size: 3.6rem;
	line-height: 4rem;
	margin-bottom: 4rem
}

.cases__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 4rem 3rem;
}

.cases__wrapper {
    grid-template-areas:
        "a b c"
        "e d f"
        "g d h"
        "i j k";
}

.cases__wrapper .cases__wrapper-item:nth-child(1) { grid-area: a; }
.cases__wrapper .cases__wrapper-item:nth-child(2) { grid-area: b; }
.cases__wrapper .cases__wrapper-item:nth-child(3) { grid-area: c; }
.cases__wrapper .cases__wrapper-item:nth-child(4) { grid-area: d; } 
.cases__wrapper .cases__wrapper-item:nth-child(5) { grid-area: e; }
.cases__wrapper .cases__wrapper-item:nth-child(6) { grid-area: f; }
.cases__wrapper .cases__wrapper-item:nth-child(7) { grid-area: g; }
.cases__wrapper .cases__wrapper-item:nth-child(8) { grid-area: h; }
.cases__wrapper .cases__wrapper-item:nth-child(9) { grid-area: i; }
.cases__wrapper .cases__wrapper-item:nth-child(10) { grid-area: j; }
.cases__wrapper .cases__wrapper-item:nth-child(11) { grid-area: k; }

.cases__wrapper-item {
	width: 100%
}

.cases__wrapper-item-img {
	width: 100%;
	height: 30rem;
	border-radius: 1rem;
	overflow: hidden;
	margin-bottom: 8px;
}

.cases__wrapper-item-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: transform 0.8s ease-in-out;
}


.cases__wrapper-item:hover .cases__wrapper-item-img img {
    transform: scale(1.1); 
}

.cases__wrapper-item.special .cases__wrapper-item-img img {
	transform: scale(1); 
}

.cases__wrapper-item-title {
	font-size: 2.5rem;
	line-height: 2.9rem;
	margin-bottom: 1.5rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: color .4s ease-in-out;
	transition: color .4s ease-in-out;
	font-weight: 500;	
}

.cases__wrapper-item-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500
}

.cases__wrapper-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 8px;
}

.cases__wrapper-meta--item {
    display: flex;
    gap: 12px;
    align-items: center;
	color: #7E7E7E;
}

.cases__wrapper-meta--item a{
	color: #7E7E7E;
}

.meta--item__separation {
    width: 4px;
    height: 4px;
    background: #7E7E7E;
    border-radius: 100%;
}

.cases__wrapper-item-date {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 500;
}

.reading-time__img {
    width: 14px;
}

.cases__wrapper-item-reading-time {
    display: flex;
    align-items: center;
    gap: 6px;
	font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 500;
}

.cases__wrapper-item-type {
	font-size: 1.4rem;
	line-height: 2.4rem;
	font-weight: 500;
}

/* Специальный блок (рекламный) */
.cases__wrapper-item.special {
    background-color: #2d6be4;
    border-radius: 1rem;
    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;
}

.special .cases__wrapper-item-img {
    max-height: 72rem;
    height: auto;
    margin-bottom: 0;
}


.special .cases__wrapper-item-title, .special .cases__wrapper-item-text, .special .cases__wrapper-item-text {
	color: #fff8f0;
} 

.form {
	margin: 12rem 0 23rem 0
}

.form.f {
	margin: 0 0 23rem 0
}

.form__policy {
	cursor: pointer;
	margin-top: 4.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.form__policy.active .checkmark::after {
	content: "";
	position: absolute;
	background-color: #000;
	width: 1.6rem;
	height: 1.6rem
}

.form__policy p {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	max-width: 65%
}

.form__policy input[type=checkbox] {
	display: none
}

.form__policy .checkmark {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	margin-right: 1rem;
	border: 1px solid #000;
	width: 2.4rem;
	height: 2.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.form__title {
	font-family: Oranienbaum;
	font-size: 7.2rem;
	line-height: 7.6rem;
	font-weight: 400;
	margin-bottom: 4rem
}

.form__text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	margin-bottom: 4rem;
	max-width: 35rem
}

.form__container {
	max-width: 119.2rem
}

.form__container-file {
	cursor: pointer;
	background-color: transparent;
	color: #000;
	margin-top: 4rem;
	border: 1px solid #000
}

.form__container-file:hover {
	background-color: #000;
	color: #fff8f0
}

.form__container .btn {
	font-family: Manrope;
	font-weight: 600;
	width: 21.4rem;
	padding: 1rem
}

.form__container-send {
	cursor: pointer;
	background-color: #000;
	color: #fff8f0;
	margin-top: 2rem
}

.form__container-send:hover {
	background-color: transparent;
	color: #000
}

.form__container-items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem
}

.form__container-items div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.form__container-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 3rem 0
}

.form__container-item-lable {
	font-size: 3.6rem;
	line-height: 4rem;
	margin-bottom: 1.4rem
}

.form__container-item textarea {
	height: 48.3rem;
	resize: none
}

.form__container-item textarea.er {
	border: 1px solid #ef433a
}

.form__container-item-input {
	font-family: Manrope;
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	width: 100%;
	padding: 1.3rem 2rem;
	height: 10.4rem;
	border-radius: 1rem;
	border: 1px solid #000;
	background-color: transparent
}

.form__container-item-input.er {
	border: 1px solid #ef433a
}

.form__container-item-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	margin-top: 1.9rem
}

.form__container-item-text span {
	font-weight: 900
}

.contacts {
	margin: 13rem 0
}

.contacts__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr
}

.contacts__wrapper-title {
	font-size: 3.6rem;
	line-height: 4rem;
	font-weight: 400;
	margin-bottom: 4rem
}

.contacts__wrapper-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500
}

.form.cus {
	margin: -8rem 0 22rem 0
}

.done_send {
	position: fixed;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/blur.png) 0 0/cover repeat-y;
	backdrop-filter: blur(20px);
	display: none
}

.done_send.active {
	display: block
}

.done_send__title {
	margin-top: 40rem;
	font-family: Oranienbaum;
	font-size: 19.6rem;
	line-height: 18.5rem
}

.done_send__close {
	position: absolute;
	top: 20.8rem;
	right: 2.3rem;
	cursor: pointer;
	width: 1.8rem
}

.done_send__btn {
	background-color: #ef433a;
	color: #fff8f0;
	margin-top: 7rem
}

.done_send__btn:hover {
	background-color: #000
}

.works {
	margin: 12rem 0 24rem 0
}

.works__btn {
	margin: 3.5rem auto 0 auto;
	background-color: #000;
	color: #fff8f0;
	border: 1px solid #000
}

.works__btn:hover {
	color: #000;
	background-color: transparent
}

.works__title {
	font-family: Oranienbaum;
	font-size: 7.2rem;
	line-height: 7.6rem;
	font-weight: 400;
	margin-bottom: 4rem
}

.works__text {
	font-size: 3.6rem;
	line-height: 4rem;
	max-width: 45%;
	margin-bottom: 4rem
}

.works__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.5rem 2.6rem
}

.works__wrapper-item {
	border-radius: 1rem;
	padding: 3.2rem 8rem 3.2rem 5.1rem;
	min-height: 54.1rem;
	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
}

.works__wrapper-item:nth-child(1) {
	background-color: #e45d2d
}

.works__wrapper-item:nth-child(2) {
	background-color: #2d6be4
}

.works__wrapper-item:nth-child(3) {
	background-color: #2fb564
}

.works__wrapper-item:nth-child(4) {
	background-color: #932de4
}

.works__wrapper-item-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 2rem
}

.works__wrapper-item-header-title {
	font-size: 3.6rem;
	line-height: 3.8rem;
	color: #fff8f0;
	max-width: 35.2rem
}

.works__wrapper-item-header-circle {
	width: 24rem;
	height: 24rem;
	border-radius: 50%;
	border: 2px solid #fff8f0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: hidden
}

.works__wrapper-item-header-circle img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.works__wrapper-item-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	color: #fff8f0;
	max-width: 39rem
}

.location {
	padding: 12rem 0 24rem 0;
	background-color: #000
}

.location__title {
	font-size: 7.2rem;
	line-height: 7.6rem;
	font-family: Oranienbaum;
	color: #fff8f0;
	font-weight: 400;
	margin-bottom: 4rem
}

.location__text {
	font-size: 3.6rem;
	line-height: 4rem;
	color: #fff8f0
}

.location__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4.5rem 2.6rem
}

.location__gallery {
	margin-top: 3.5rem
}

.location__gallery-img {
	width: 100%;
	height: 30rem;
	border-radius: 1rem;
	overflow: hidden
}

.location__gallery-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.advantages {
	margin: 12rem 0 26rem 0
}

.advantages__title {
	font-size: 7.2rem;
	line-height: 7.6rem;
	font-weight: 400;
	margin-bottom: 6rem;
	font-family: Oranienbaum;
	max-width: 50%
}

.advantages__text {
	font-size: 3.6rem;
	line-height: 4rem;
	margin-bottom: 4rem;
	max-width: 50%
}

.advantages__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2.6rem
}

.advantages__wrapper-item {
	width: 70%
}

.advantages__wrapper-item-img {
	width: 24rem;
	height: 24rem;
	border-radius: 50%;
	border: 2px solid #000;
	margin-bottom: 4rem;
	overflow: hidden
}

.advantages__wrapper-item-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.advantages__wrapper-item-title {
	font-size: 3.6rem;
	line-height: 4rem;
	margin-bottom: 2rem
}

.advantages__wrapper-item-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500
}

.vacancy {
	margin: 26rem 0 24rem 0
}

.vacancy__title {
	font-family: Oranienbaum;
	font-size: 19.6rem;
	line-height: 18.5rem;
	font-weight: 400;
	margin-bottom: 9rem
}

.vacancy__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	width: 71%
}

.vacancy__wrapper-item-title {
	font-size: 2.5rem;
	line-height: 2.9rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 6rem
}

.vacancy__wrapper-item-list li {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	margin: 2rem 0
}

.vacancy__wrapper-item-btn {
	border: 1px solid #000;
	background-color: #000;
	color: #fff8f0;
	margin-top: 3.5rem
}

.vacancy__wrapper-item-btn:hover {
	background-color: transparent;
	color: #000
}

.prjcts {
	margin-bottom: 24rem
}

.prjcts__btn {
	background-color: #000;
	color: #fff8f0;
	border: 1px solid #000;
	margin: 11rem auto 0 auto
}

.prjcts__btn:hover {
	background-color: transparent;
	color: #000
}

.prjcts__wrapper {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10rem 0 7rem 0
}

.prjcts__wrapper.m {
	padding: 13.5rem 0 4.5rem 0
}

.prjcts__wrapper-item {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
	max-width: 164rem;
	padding: 0 2rem;
	margin: 0 auto
}

.prjcts__wrapper-item-filters {
	position: relative
}

.prjcts__wrapper-item-filters.active .prjcts__wrapper-item-filters-dropdown {
	display: block
}

.prjcts__wrapper-item-filters.active .prjcts__wrapper-item-filters-header img {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.prjcts__wrapper-item-filters-header {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer
}

.prjcts__wrapper-item-filters-header p {
	font-size: 3.6rem;
	line-height: 4rem
}

.prjcts__wrapper-item-filters-header img {
	width: 2.5rem;
	height: auto;
	margin-left: 1.5rem;
	margin-top: 2rem;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.prjcts__wrapper-item-filters-dropdown {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 18rem;
	padding: 3rem 4rem;
	border-radius: 1rem;
	border: 1px solid #000;
	background-color: #fff8f0;
	display: none
}

.prjcts__wrapper-item-filters-dropdown-item {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: .45rem 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.prjcts__wrapper-item-filters-dropdown-item.active .checkmark::after {
	content: "";
	position: absolute;
	background-color: #000;
	width: 1.6rem;
	height: 1.6rem
}

.prjcts__wrapper-item-filters-dropdown-item p {
	font-size: 1.4rem;
	line-height: 2.4rem;
	font-weight: 400
}

.prjcts__wrapper-item-filters-dropdown-item .checkmark {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	margin-right: 1rem;
	border: 1px solid #000;
	width: 2.4rem;
	height: 2.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.prjcts__wrapper-item-title {
	font-size: 7.2rem;
	line-height: 7.6rem;
	font-family: Oranienbaum;
	margin-bottom: 3.6rem
}

.prjcts__wrapper-item-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	width: 50%;
	margin-top: 5rem
}

.prjcts__wrapper-item-subtitle {
	font-size: 3.6rem;
	line-height: 4rem;
	width: 90%
}

.prjcts__wrapper-item-img {
	width: 100%;
	height: 51.8rem;
	border-radius: 1rem;
	overflow: hidden
}

.prjcts__wrapper-item-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.prjcts__wrapper-item-btn {
	background-color: #000;
	color: #fff8f0;
	margin-top: 5rem
}

.prjcts__wrapper-item-btn:hover {
	background-color: #ef433a
}

.prjcts__wrapper-item-btn.mob {
	display: none
}

.blg .cases {
	padding: 2rem 0
}

.more {
	background-color: #000;
	color: #fff8f0;
	margin: 0 auto;
	border: 1px solid #000
}

.more:hover {
	background-color: transparent;
	color: #000
}

.filter.t {
	margin: 13.5rem 0 20rem 0;
	border-top: 1px solid #000;
	padding-top: 6rem
}

.filter.l {
	border-bottom: 1px solid #000;
	padding-bottom: 4.5rem;
	margin: 4.5rem 0 1.5rem 0
}

.filter.n {
	margin: 18.1rem 0 25rem 0
}

.filter__title {
	font-size: 3.6rem;
	line-height: 4rem;
	margin-bottom: 2.7rem
}

.filter__nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 9rem
}

.filter__nav a,
.filter__nav span {
	cursor: pointer;
	font-size: 1.4rem;
	line-height: 2.4rem;
	font-weight: 500
}

.slider {
	margin: 32px 0;
}

.blog-main-slider .swiper-slide {
    display: flex;
    gap: 32px;
    align-items: stretch;
    height: 520px;
}

.blog-main-slider .slider__pagination {
    margin-top: 24px;
}

.slider .swiper-container {
	overflow: hidden;
}

.blog-main-slider .container {
    position: relative;
}

.slider__pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 3.7rem
}

.slider__pagination .swiper-pagination-bullet {
	margin: 0 !important
}

.slider__pagination .swiper-pagination-bullet-active {
	background-color: #000
}

.slider-button {
    bottom: 0;
    cursor: pointer;
    margin: auto;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: .25s;
    z-index: 1;
    width: 64px;
    height: 64px;
    background: #fff0;
	border: none;
}

.slider-button.slider-button-next {
    right: -64px;
}

.slider-button.slider-button-prev {
    left: -64px;
	transform: rotate(180deg);
}




.slider__info {
    max-width: 40%;
    width: 100%;
}

.slider__img {
    width: 100%;
    height: 100%; 
    flex: 1; 
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
}

.slider__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.slider__name-box {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-start;
}

.slider__name {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}

.slider__title {
    font-family: Oranienbaum;
    margin: 16px 0;
    font-weight: 400;
	font-size: clamp(24px, 3vw, 64px);
	line-height: clamp(32px, 3.2vw, 68px);
}

.slider__text {
    margin: 16px 0;
    font-weight: 500;
    font-size: clamp(16px, 1.47vw, 28px);
    line-height: clamp(24px, 1.70vw, 36px);
}

.slider__link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.swiper-button-disabled {
    opacity: 0.4;
}

@media only screen and (max-width:1440px) {
	.blog-main-slider .swiper-slide {
		height: 420px;
	}
}

@media only screen and (max-width:1198px) {
    .blog-main-slider .swiper-slide {
        height: 340px;
    }
}

@media only screen and (max-width:1024px) {
	.blog-main-slider .swiper-slide {
		display: flex;
		flex-direction: column;
		height: auto;
		gap: 0;
	}
	
	.slider__img {
		max-height: 400px;
	}
	
	.slider__info {
		max-width: 100%;
	}
	
	.blog-main-slider .slider__name-box {
		display: none;
	}
	
	.slider-button.slider-button-next {
		right: 44px;
		bottom: auto;
		top: 180px;
	}
	
	.slider-button.slider-button-prev {
		left: 44px;
		bottom: auto;
		top: 180px;
	}
	
	.slider-button {
		background: #ffffff;
	}
	
	.slider__title {
		font-size: 32px;
		line-height: 36px;
	}
	
	.slider__text {
		font-size: 20px;
		line-height: 26px;
	}
	
	.slider__pagination {
		gap: 16px;
	}
}

@media only screen and (max-width:1024px) {
	.slider-button {
		display: none;
	}
}

.storyteller {
	margin: 3.7rem 0
}

.storyteller.g {
	margin: 4.2rem 0
}

.storyteller.g .container {
	max-width: 109.6rem
}

.storyteller.g .storyteller__wrapper-info {
	padding: 5.6rem 6rem 4.3rem 5.6rem
}

.storyteller.g .storyteller__wrapper {
	background-color: #2de485;
	align-items: center;	
}


.storyteller__wrapper {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #d9d9d9;
	border-radius: 1rem;
	justify-content: space-between;
}

.storyteller__wrapper-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 376px;
    height: auto;
    margin-right: 90px;
}

.storyteller__wrapper-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.storyteller__wrapper-info {
    padding: 5.6rem 5.6rem 4.3rem 5.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    max-width: 760px;
}

.storyteller__wrapper-info-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
}

.storyteller__wrapper-info-text {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}

.storyteller__wrapper-info-link {
    max-width: max-content;
    cursor: pointer;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #EF433A;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: 60px;
    letter-spacing: 0.6px;
	transition: background-color 0.4s ease-in-out;
}

.storyteller__wrapper-info-link:hover {
    background-color: #000;
}


.subscribe {
	margin: 3.6rem 0 8.3rem 0
}

.subscribe__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #e45d2d;
	border-radius: 1rem
}

.subscribe__wrapper-img {
	width: 56%;
	height: auto
}

.subscribe__wrapper-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.subscribe__wrapper-info {
    padding: 3.2rem;
}

.subscribe__wrapper-info .storyteller__wrapper-info-title {
	color: #fff;
    font-size: 3.2rem;
    line-height: 120%;
    margin-bottom: 2.4rem;	
}

.subscribe__wrapper-info .storyteller__wrapper-info-text {
	color: #fff;
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin-bottom: 2.4rem;
}

.subscribe__wrapper-info-form-i {
	width: 100%
}

.subscribe__wrapper-info-form-i input {
    width: 100%;
    border-radius: 1rem;
    border: 1px solid #ffffff;
    background-color: #ffffff00;
    height: 5.6rem;
    color: #ffffff;
    padding: 0 1.6rem;
    font-size: 2.4rem;
    line-height: 2.4rem;
    margin-bottom: 0.6rem;
}

.subscribe__wrapper-info-form-btn {
    cursor: pointer;
    color: #ffffff;
    text-transform: uppercase;
    background-color: transparent;
    font-weight: 500;
    border: 1px solid #fff;
    padding: 1.2rem 2.4rem;
    border-radius: 60px;
    letter-spacing: 0.6px;
    font-size: 1.8rem;
    line-height: 100%;
}

.subscribe__wrapper-info-form-btn:hover {
	background-color: #0000001f;
}

.subscribe__wrapper-info-form-text {
    font-weight: 400;
    color: #fff;
    margin: 8px 0 16px;
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 2.4rem;
}

.swi-title-success {
    font-size: 3.2rem;
    line-height: 120%;
    margin-bottom: 2.4rem;
}

.swi-text-success {
    font-size: 2.4rem;
    line-height: 2.8rem;
}


.single .reading-time__img {
    filter: brightness(0%);
}

.artcl .projects__slider-pagination {
	margin-top: 4.5rem
}

.artcl .projects {
	background-color: transparent
}

.artcl .projects .projects__slider-slide-name,
.artcl .projects .projects__slider-slide-text,
.artcl .projects .projects__title {
	color: #000
}

.artcl .projects .projects__slider-pagination .swiper-pagination-bullet {
	background-color: #000
}

.preview .container {
	max-width: 136.8rem
}

.preview__type {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 12px;
}

.preview__title {
	font-family: Oranienbaum;
	font-size: 7rem;
	line-height: 7.4rem;
	font-weight: 400;
	margin: 3.2rem 0
}

.preview__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 32px 0;
}

.preview__subtitle {
    font-weight: 500;
    margin: 32px 0;
    font-size: 22px;
    line-height: 32px;
}

.preview__info-date {
    margin-left: auto;
    letter-spacing: 0.6px;
    font-size: 18px;
    font-weight: 500;
}

.preview__info-img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
    flex-shrink: 0;
	margin-right: 12px;
	border: 1px solid #000;
}

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

.preview__info-name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.6px;
	display: flex;
    align-items: center;
}

.preview__info-name span {
	position:relative;
}

.preview__info-name span::after {
	content: "";
    position: absolute;
    top: 120%;
    right: 0;
    width: 0%;
    height: 1.5px;
    background-color: currentColor;
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}	

.preview__info-name span:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}

.preview__img {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	border-radius: 1rem;
	overflow: hidden
}

.preview__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.article {
    margin: 32px 0 200px 0;
}

.article .container {
	max-width: 109.6rem
}

.article h2 {
	font-weight: 500;
    font-size: 32px;
    line-height: 38px;
}

.article p {
	font-weight: 500;
    margin: 22px 0;
    font-size: 22px;
    line-height: 32px;
}

.article img {
	width: 100%;
	border-radius: 1rem
}

.article blockquote {
	position: relative
}

.article blockquote::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 42px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='42' viewBox='0 0 38 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M38 38.2941H35.5484L18.3871 21L35.5484 3.70588H38L28.8064 21L38 38.2941ZM22.6774 0H25.129L11.0323 21L25.129 42H22.6774L0 21L22.6774 0Z' fill='%23EF433A'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: cover;
}


.article blockquote::before {
    content: "";
    position: absolute;
	bottom: 0;
    right: 0;
    width: 38px;
    height: 42px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='42' viewBox='0 0 38 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M38 38.2941H35.5484L18.3871 21L35.5484 3.70588H38L28.8064 21L38 38.2941ZM22.6774 0H25.129L11.0323 21L25.129 42H22.6774L0 21L22.6774 0Z' fill='%23EF433A'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: cover;
	transform: rotate(180deg);
}

.article blockquote p {
    font-family: Oranienbaum;
    font-size: 32px;
    line-height: 38px;
    max-width: calc(100% - 120px);
    text-align: center;
    margin: 0 auto;
}

.article .t-p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 3.2rem
}

.article .t-p img {
	width: 50%;
	border-radius: 1rem
}

.social .container {
	max-width: 109.6rem
}

.social__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 2rem
}

.social__wrapper img {
	width: 2.4rem;
	height: auto
}

.writh .container {
	max-width: 109.6rem
}

.writh__wrapper {
    display: flex;
    flex-direction: row-reverse;
    background-color: #d9d9d9;
    border-radius: 1rem;
    overflow: hidden;
    align-items: center;
	position:relative;
	justify-content: space-between;
}


.writh__wrapper.active .writh__wrapper-info-title {
	display: none
}

.writh__wrapper.active .writh__wrapper-info-text {
	display: none
}

.writh__wrapper.active .writh__wrapper-info-form {
	display: none
}

.writh__wrapper.active .writh__wrapper-info-title.d {
    display: block;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 38px;
    max-width: 400px;
    text-align: left;
}


.writh__wrapper-img {
    width: 100%;
    max-width: 30%;
    height: auto;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.writh__wrapper-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.writh__wrapper-info {
    padding: 32px;
}

.writh__wrapper-info-title {
    font-size: 32px;
    line-height: 29px;
    margin-bottom: 24px;
    font-weight: 500;
}

.writh__wrapper-info-title.d {
	display: none
}

.writh__wrapper-info-text {
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
    margin-bottom: 28px;
}

.writh__wrapper-info-form {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 2rem
}

.writh__wrapper-info-form .btn {
    margin: auto;
    cursor: pointer;
    border: 1px solid #000;
    background-color: #000;
    color: #ffffff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
}

.writh__wrapper-info-form .btn:hover {
	background-color: transparent;
	color: #000;
}

.writh__wrapper-info-form-i {
	width: 100%;
	position: relative;
}

.writh__wrapper-info-form-i lable {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    position: absolute;
    top: -8px;
    left: 24px;
    background-color: #d9d9d9;
    padding: 0 4px;
}


.writh__wrapper-info-form-i input {
    width: 100%;
    border-radius: 10px;
    font-size: 24px;
    line-height: 29px;
    padding: 0 1.5rem;
    border: 1px solid #000;
    background-color: #ffffff00;
    height: 50px;
    font-weight: 300;
}

.writh__wrapper-info-form-i input::placeholder {
    font-size: 18px;
	color: #71717A;
}

.writh__wrapper-info-form-i input.er {
	border: 1px solid #ef433a
}

.writh__wrapper-info-form-i textarea {
    padding: 1.5rem;
    height: 12.8rem;
    resize: none;
    width: 100%;
    border-radius: 10px;
    font-size: 24px;
    line-height: 29px;
    border: 1px solid #000;
    background-color: #ffffff00;
    font-weight: 300;
}

.writh__wrapper-info-form-i textarea::placeholder {
    font-size: 18px;
	color: #71717A;
}

.writh__wrapper-info-form-i textarea.er {
	border: 1px solid #ef433a
}



.authors__title {
	font-family: Oranienbaum;
	font-size: 19rem;
	line-height: 18.5rem;
	font-weight: 400
}

.authors__wrapper {
	margin-top: 9.7rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 4.5rem 3.2rem
}

.authors__wrapper-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-align: center;
	-ms-flex-align: center;
	align-items: center
}

.authors__wrapper-item-img {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #000;
	margin-bottom: 4rem
}

.authors__wrapper-item-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.authors__wrapper-item-name {
	font-size: 3rem;
	line-height: 3.4rem;
	margin-bottom: 3.4rem
}

.authors__wrapper-item-text {
	font-size: 1.8rem;
	line-height: 2.4rem
}

.authors__wrapper-item-link {
	margin-top: 2rem
}

.authors__wrapper-item-link img {
	width: 2.4rem;
	height: auto
}

.athr .projects {
	background-color: transparent;
	padding: 0;
	margin: 7rem 0 13.5rem 0
}

.athr .projects__slider-slide-name,
.athr .projects__slider-slide-text,
.athr .projects__title {
	color: #000
}

.athr .projects__slider-pagination .swiper-pagination-bullet {
	background-color: #000
}

.athr .projects__slider-pagination {
	margin-top: 6rem
}

.athr .projects__slider-btn {
	margin: 9rem auto 0 auto;
	background-color: #000;
	color: #fff8f0;
	border: 1px solid #000
}

.athr .projects__slider-btn:hover {
	background-color: transparent;
	color: #000
}

.author {
	padding-bottom: 7rem;
	border-bottom: 1px solid #000
}

.author__wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
    margin-top: 64px;	
}

.author__wrapper-img {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	border: 1px solid #000;
	overflow: hidden;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.author__wrapper-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.author__wrapper-info {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
    justify-content: center;
}

.author__wrapper-info-name {
    font-family: Oranienbaum;
    font-size: 42px;
    line-height: 52px;
    font-weight: 500;
}

.author__wrapper-info-post {
    font-size: 28px;
    line-height: 36px;
}

.author__wrapper-text p {
    margin: 16px 0;
}

.author .container {
    max-width: 136.8rem;
}

.author__wrapper-text {
    font-size: 22px;
    line-height: 32px;
}

.author-social {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    align-items: center;
    justify-content: flex-start;
}

.author-social a {
    display: block;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.author-social a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.author__posts-section .container {
    max-width: 136.8rem;
}

.author-posts {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    margin: 32px 0 0 0;
}

.author__posts-section {
    padding: 7rem 0;
}

.author-posts .cases__wrapper-item {
    width: calc(1 / 2 * 100% - (1 - 1 / 2) * 24px);
}

.author-posts__title {
    font-family: Oranienbaum;
    font-size: 42px;
    line-height: 52px;
    font-weight: 500;
}

.prjct.m-t {
	margin-top: 0
}

.prjct section {
	margin: 10.7rem 0
}

.pr_main {
	margin-top: 0 !important;
	height: 100vh;
	width: 100%;
	position: relative;
	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: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.pr_main__img {
	position: absolute;
	width: auto;
	max-height: 79.3vh;
	-o-object-fit: contain;
	object-fit: contain;
	height: auto;
	object-fit: contain
}

.pr_main__title {
	position: relative;
	z-index: 1;
	font-family: Oranienbaum;
	font-weight: 400;
	font-size: 19.6rem;
	line-height: 18.5rem;
	color: #fff8f0;
	margin-bottom: 10.5rem;
	margin-bottom: 3.3rem
}

.pr_logo__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.pr_logo__wrapper-logo {
	max-height: 10.2rem;
	width: auto
}

.pr_logo__wrapper-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	max-width: 50rem
}

.pr_statistic {
	padding: 4rem 0 7rem 0
}

.pr_statistic__title {
	font-size: 3.6rem;
	line-height: 4rem;
	color: #fff8f0;
	margin-bottom: 8rem
}

.pr_statistic__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 10rem
}

.pr_statistic__wrapper-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 2rem
}

.pr_statistic__wrapper-item-title {
	font-size: 3.6rem;
	line-height: 4rem;
	color: #fff8f0
}

.pr_statistic__wrapper-item-text {
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-weight: 500;
	color: #fff8f0
}

.pr_text.color .container {
	padding: 10.9rem 0
}

.pr_text.color .pr_text__text,
.pr_text.color .pr_text__title {
	color: #fff8f0
}

.pr_text__title {
	font-size: 3.6rem;
	line-height: 4rem;
	font-weight: 400;
	margin-bottom: 4.3rem
}

.pr_text__text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500
}

.pr_text img {
	width: 100%;
	height: auto
}

.pr_col.img {
	background-size: cover;
	background-repeat: no-repeat;
	padding: 31.5rem 0 30.1rem 0
}

.pr_col.color {
	padding: 10.6rem 0 14rem 0
}

.pr_col.color .pr_col__text,
.pr_col.color .pr_col__title {
	color: #fff8f0
}

.pr_col.color .pr_col__wrapper li.pr_col__text::after {
	background-color: #fff8f0
}

.pr_col__title {
	font-size: 3.6rem;
	line-height: 4rem;
	font-weight: 400;
	margin-bottom: 4.3rem
}

.pr_col__text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500
}

.pr_col__text a {
	text-decoration: underline
}

.pr_col__wrapper {
	display: grid;
	gap: 3rem
}

.pr_col__wrapper.c-2 {
	grid-template-columns: 1fr 1fr
}

.pr_col__wrapper.c-3 {
	grid-template-columns: 1fr 1fr 1fr
}

.pr_col__wrapper.c-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr
}

.pr_col__wrapper.c-5 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

.pr_col__wrapper .pr_col__title {
	margin-bottom: 6.7rem
}

.pr_col__wrapper li.pr_col__text {
	position: relative;
	padding-left: 2rem
}

.pr_col__wrapper li.pr_col__text::after {
	content: "";
	position: absolute;
	top: .8rem;
	left: 0;
	background-color: #000;
	border-radius: 50%;
	width: .5rem;
	height: .5rem
}

.pr_img.b img {
	border-radius: 0
}

.pr_img__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3.2rem
}

.pr_img img {
	border-radius: 1rem;
	width: 100%;
	height: auto
}

.pr_post__title {
	font-size: 3.6rem;
	line-height: 4rem;
	font-weight: 400;
	margin-bottom: 3rem
}

.pr_post__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 14rem
}

.pr_post__wrapper-item-img {
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	overflow: hidden;
	border-radius: 1rem;
	display: block;
	margin-bottom: 2rem
}

.pr_post__wrapper-item-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.pr_post__wrapper-item-title {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500
}

.pr_post__wrapper-item-title a {
	text-decoration: underline
}

.policy {
	margin-top: 7rem;
	margin-bottom: 20rem
}

.policy-content {
    max-width: 1056px;
}

.policy__title {
    font-family: Oranienbaum;
    font-size: 72px;
    line-height: 78px;
    font-weight: 400;
    margin-bottom: 48px;
    max-width: 700px;
}

.policy li,
.policy p {
	font-size: 24px;
    line-height: 140%;
    font-weight: 400;
}

.policy ol ol {
	margin-left: 2rem
}

.policy ol ul {
	margin-left: 2rem
}

.policy li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.policy ol#a {
	counter-reset: item
}

.policy ol#a>li {
	counter-increment: item
}

.policy ol#a>li::before {
	content: counter(item, lower-alpha) ". ";
	margin-right: .5rem
}

.policy ol {
	counter-reset: section
}

.policy ol>li {
	counter-increment: section
}

.policy ol>li::before {
	content: counter(section) ". ";
	margin-right: .5rem
}

.policy ol ol {
	counter-reset: subsection
}

.policy ol ol>li {
	counter-increment: subsection
}

.policy ol ol>li::before {
	content: counter(section) "." counter(subsection) ". "
}

.policy ul>li::before {
	content: "";
    width: 3px;
    height: 3px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 50%;
	background-color: #000;
	position: relative;
    top: 9px;
	margin-right: 1rem
}

.prefooter {
	margin-top: auto;
	margin-bottom: -11rem
}

.prefooter img {
	width: 100%;
	height: auto
}

.prefooter.dark {
	background-color: #000;
	-webkit-box-shadow: 0 0 0 100vmax #000;
	box-shadow: 0 0 0 100vmax #000;
	clip-path: inset(0 -100vmax)
}

.prefooter.dark img {
	-webkit-filter: invert(1);
	filter: invert(1)
}

.footer {
	position: relative;
	z-index: 2;
	background-color: #000;
	padding: 13rem 0
}

.footer__link {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	cursor: pointer;
	position: relative;
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 500;
	color: #ef433a
}

.footer__link:hover:after {
	width: 100%;
	left: 0;
	right: auto
}

.footer__link::after {
	content: "";
	position: absolute;
	top: 100%;
	right: 0;
	width: 0%;
	height: 1.5px;
	background-color: currentColor;
	-webkit-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out
}

.footer__text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	color: #fff8f0;
	width: 31%;
	margin: 24rem 0 4rem 0
}

.footer__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem
}

.footer__wrapper-col-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	color: #fff8f0;
	margin-bottom: 2rem
}

.footer__wrapper-col-btn {
	background-color: #fff8f0;
	color: #000
}

.footer__wrapper-col-btn:hover {
	background-color: #ef433a
}

.footer__wrapper-col-title {
	font-size: 7.2rem;
	line-height: 7.6rem;
	font-family: Oranienbaum;
	font-weight: 400;
	color: #fff8f0;
	margin-bottom: 12rem
}

.footer__wrapper-col-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem
}

.footer__wrapper-col-wrapper-col-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	color: #fff8f0;
	display: block
}

.footer__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	align-items: flex-end;
	margin-top: -3rem
}

.footer__bottom-mob {
	display: none
}

.footer__bottom-text {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 500;
	color: #fff8f0
}

.footer__bottom-text:nth-child(1) {
	margin-right: 5rem
}

.footer__bottom-social {
	height: 2.4rem;
	width: auto
}

.footer__bottom-social img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.footer__bottom-social:nth-child(3) {
	margin-left: auto;
	margin-right: 2rem
}

.footer__bottom-fav {
	width: 10.4rem;
	height: auto;
	margin-left: 4rem
}

@media only screen and (max-width:1024px) {

	body,
	html {
		font-size: min(10px, max(4.5px, 4.5px + 5.5 * (100vw - 450px) / 574))
	}

	.container {
		max-width: 92rem !important
	}

	.m-t {
		margin-top: 15.3rem !important
	}

	.tasks__wrapper {
		grid-template-columns: 1fr 1fr;
		gap: 8rem 0
	}

	.header__wrapper-nav {
		opacity: 1
	}

	.header__wrapper-btn {
		opacity: 1
	}

	.header__wrapper {
		padding: 3.3rem 0 6.6rem 0
	}

	.main__btn {
		margin: 5rem 0
	}

	.main__title {
		font-size: 15rem;
		line-height: 15.5rem;
		white-space: normal;
		margin-bottom: 5rem
	}

	.tasks {
		margin: 10rem 0 12rem 0
	}

	.tasks__title {
		margin-bottom: .6rem
	}

	.tasks__wrapper-item {
		width: 90%
	}

	.tasks__wrapper-item-list li {
		margin: 3.5rem 0
	}

	.promo {
		padding: 7rem 0 13rem 0
	}

	.promo__text {
		width: 90%
	}

	.promo__wrapper .btn.border {
		margin-right: 5rem
	}

	.effect {
		margin: 7rem 0 10rem 0
	}

	.effect__wrapper {
		grid-template-columns: 1fr 1fr;
		gap: 2rem 0
	}

	.effect__wrapper-item-number {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		font-size: 15rem;
		line-height: 15.5rem;
		margin: 0 0 .5rem 0
	}

	.effect__wrapper-item-title {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-bottom: 4rem
	}

	.effect__wrapper-item-text {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}

	.effect__title {
		margin-bottom: .5rem
	}

	.effect__wrapper-item {
		width: 90%
	}

	.effect__text {
		font-size: 1.4rem;
		max-width: 45rem
	}

	.projects {
		padding: 10rem 0 8rem 0
	}

	.projects__slider .swiper-slide {
		width: 40.8rem !important
	}

	.projects__slider-slide-img {
		height: 24rem
	}

	.projects__slider-btn {
		margin: 4rem auto 4rem auto
	}

	.projects__slider {
		overflow: visible
	}

	.blog__slider .swiper-slide {
		width: 40.8rem
	}

	.blog__slider-slide-img {
		height: 24rem
	}

	.blog__header-img {
		width: 41rem
	}

	.blog__header-text {
		margin-left: 3rem
	}

	.blog {
		margin: 9rem 0 8rem 0
	}

	.blog__header {
		margin-bottom: 3rem
	}

	.blog__slider-btn {
		margin: 4rem auto 4rem auto
	}

	.achievements {
		padding: 10rem 0 12rem 0
	}

	.achievements__col div img {
		height: 2.3rem
	}

	.achievements__text {
		margin-bottom: 3rem
	}

	.achievements__wrapper img {
		max-width: 37.6rem;
		max-height: 10.4rem
	}

	.steps {
		margin: 10rem 0
	}

	.steps__title {
		max-width: 90%;
		margin-bottom: 5rem
	}

	.steps__wrapper {
		grid-template-columns: 1fr 1fr;
		gap: 7rem 0
	}

	.steps__wrapper-item {
		width: 90%
	}

	.form {
		margin: 10rem 0 12rem 0
	}

	.form__wrapper-col-title {
		margin-bottom: 3rem
	}

	.form__wrapper {
		gap: 0
	}

	.form__wrapper-col {
		width: 92%
	}

	.form__wrapper-col-text {
		max-width: 70%;
		margin-bottom: 5rem
	}

	.prefooter {
		margin-bottom: -1rem
	}

	.footer {
		padding: 6rem 0 8rem 0
	}

	.footer__wrapper {
		grid-template-columns: 1fr
	}

	.footer__wrapper-col-title {
		margin-bottom: 2.5rem
	}

	.footer__wrapper-col-text {
		font-size: 1.4rem;
		margin-bottom: 3rem
	}

	.footer__wrapper-col-wrapper {
		margin-top: 14rem
	}

	.footer__wrapper-col-wrapper-col-text {
		font-size: 1.4rem
	}

	.footer__text {
		margin: 9rem 0 10rem 0;
		width: 60%
	}

	.footer__link {
		font-size: 1.2rem
	}

	.footer__bottom-text {
		font-size: 1.4rem
	}

	.footer__link {
		margin-bottom: 4rem
	}

	.footer__bottom-social:nth-child(2) {
		margin-left: auto;
		margin-right: 2rem
	}

	.footer__bottom-social:nth-child(3) {
		margin-left: 0;
		margin-right: 0
	}

	.footer__bottom {
		margin-top: -4rem
	}

	.header__wrapper-search {
		margin-left: auto
	}

	.header__wrapper-w {
		margin-bottom: 0
	}


	.header__wrapper-burger.active span,
	.header__wrapper-burger.active::after,
	.header__wrapper-burger.active::before {
		background-color: #000
	}
	
	.header-blog .header__wrapper-burger.active span,
	.header-blog .header__wrapper-burger.active::after,
	.header-blog .header__wrapper-burger.active::before {
		background-color: #fff
	}

	.header__wrapper-burger span {
		position: absolute;
		background-color: #000;
		width: 100%;
		height: 2px;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 1rem;
		-webkit-transition: all .1s;
		transition: all .1s
	}

	.header__wrapper-burger:after,
	.header__wrapper-burger:before {
		content: "";
		background-color: #000;
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		border-radius: 1rem;
		-webkit-transition: all .3s;
		transition: all .3s
	}

	.header__wrapper-burger:before {
		top: 0
	}

	.header__wrapper-burger:after {
		bottom: 0
	}

	.header__wrapper-burger.active:before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 40%
	}

	.header__wrapper-burger.active:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		bottom: 50%
	}

	.header__wrapper-burger.active span {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	.pre {
		padding: 16.5rem 0 3.5rem 0
	}

	.pre__title {
		font-size: 15rem;
		line-height: 15.5rem
	}

	.about {
		padding: 9rem 0 10rem 0
	}

	.about__wrapper {
		grid-template-columns: 1fr;
		gap: 6rem
	}

	.about__text {
		width: 90%
	}

	.about__wrapper div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.about__wrapper div img {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		height: 10rem;
		width: 10rem;
		margin: 0 auto
	}

	.about__wrapper-text {
		margin-right: 0;
		margin-bottom: 5rem
	}

	.directions {
		padding: 9rem 0 13.5rem 0
	}

	.directions__wrapper {
		grid-template-columns: 1fr 1fr;
		gap: 8rem 0;
		justify-items: center
	}

	.directions__wrapper-item {
		width: 24rem
	}

	.directions .about__text {
		margin-bottom: 7rem
	}

	.opportunities {
		padding: 10.5rem 0 5rem 0
	}

	.opportunities__text {
		margin-bottom: 7rem
	}

	.opportunities__wrapper {
		grid-template-columns: 1fr 1fr;
		gap: 13rem 0
	}

	.opportunities__wrapper-col {
		width: 80%
	}

	.opportunities__wrapper-col-title {
		height: 13rem;
		-webkit-line-clamp: 3;
		margin-bottom: 6rem
	}

	.opportunities__title {
		margin-bottom: 5rem
	}

	.team {
		padding: 9rem 0 12rem 0
	}

	.team__wrapper {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 3.5rem 7rem
	}


    .cases__wrapper {
        grid-template-columns: repeat(2, 1fr); 
        grid-template-areas:
            "a b"
            "d c"
            "d e"
            "f g"
			"h i"
			"j k";
    }
	
	.cases__wrapper .cases__wrapper-item:nth-child(4) {
        grid-row: span 2;
    }


	.form__title {
		margin-bottom: 2.5rem
	}

	.form__text {
		max-width: 40rem
	}

	.form__policy p {
		max-width: 90%
	}

	.form__policy {
		margin-top: 2.5rem
	}

	.b .projects__slider-slide-img {
		height: 60rem
	}

	.projects.b {
		padding: 10rem 0 23rem 0
	}

	.contacts {
		margin: 10rem 0 12rem 0
	}

	.contacts__wrapper {
		width: 86%;
		grid-template-columns: 1fr 1fr;
		gap: 10rem 0
	}

	.pre.light {
		padding: 5rem 0 0 0
	}

	.pre.flex .container .pre__text {
		margin-top: 3.8rem;
		max-width: 58rem
	}


	.pre__text {
		margin-top: 7rem;
		max-width: 90%
	}

	.pre__btn {
		margin-top: 3rem
	}

	.form.cus {
		margin: 4rem 0 12rem 0
	}

	.works {
		margin: 10rem 0 13rem 0
	}

	.works__text {
		max-width: 100%;
		margin-bottom: 3rem
	}

	.works__wrapper-item-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 32rem;
		margin-bottom: 2.7rem;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.works__wrapper-item-header-circle {
		width: 13.5rem;
		height: 13.5rem
	}

	.works__wrapper-item {
		padding: 5rem 4rem 2.7rem 3.4rem
	}

	.works__wrapper {
		gap: 4.5rem 2.6rem
	}

	.location {
		padding: 10rem 0 12rem 0
	}

	.location__wrapper {
		grid-template-columns: 1fr;
		width: 90%
	}

	.location__gallery-img {
		height: 17rem
	}

	.advantages {
		margin: 10rem 0 12rem 0
	}

	.advantages__title {
		max-width: 100%;
		margin-bottom: 4rem
	}

	.advantages__text {
		max-width: 90%
	}

	.advantages__wrapper {
		grid-template-columns: 1fr 1fr;
		gap: 0
	}

	.advantages__wrapper-item {
		width: 80%
	}

	.advantages__wrapper-item-title {
		margin-bottom: 3rem
	}

	.vacancy {
		margin: 12rem 0 12rem 0
	}

	.vacancy__title {
		font-size: 7.2rem;
		line-height: 7.6rem;
		margin-bottom: 5rem
	}

	.vacancy__wrapper {
		grid-template-columns: 1fr 1fr;
		width: 100%;
		gap: 5rem 0
	}

	.prjcts__wrapper-item {
		max-width: 92rem
	}

	.prjcts__wrapper.m {
		padding: 10.5rem 0 4.5rem 0
	}

	.prjcts__wrapper.m .prjcts__wrapper-item {
		grid-template-columns: 2fr 1fr;
		gap: 0
	}

	.prjcts__wrapper-item-filters-dropdown {
		left: 0;
		top: 5rem
	}

	.prjcts__wrapper-item {
		grid-template-columns: 1fr;
		gap: 9.5rem
	}

	.prjcts__wrapper-item-subtitle {
		width: 80%
	}

	.prjcts__wrapper-item-text {
		margin-top: 4.5rem;
		width: 46%
	}

	.prjcts__wrapper-item-btn {
		margin-top: 3rem
	}

	.prjcts__wrapper-item-img {
		height: 56rem
	}

	.prjcts__wrapper {
		padding: 10rem 0
	}

	.prjcts {
		margin-bottom: 10rem
	}


	.policy {
		margin-top: 5rem;
		margin-bottom: 12rem
	}


	.subscribe__wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.subscribe__wrapper-info {
		padding: 4.9rem 3.2rem 5rem 3.2rem
	}

	.subscribe__wrapper-img {
		width: 100%;
		height: 47.5rem
	}


	.subscribe {
		margin: 3.6rem 0 12.3rem 0
	}

	.filter.n {
		margin: 12.1rem 0 27rem 0
	}

	.article .t-p {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse
	}





	.filter.l {
		padding-bottom: 12.5rem;
		margin: 12rem 0 0 0
	}

	.artcl .projects {
		margin: 8rem
	}






	.athr .projects {
		margin: 5rem 0
	}

	.filter.t {
		margin: 5rem 0 10rem 0;
		padding-top: 3rem
	}

	.athr .projects__slider-btn {
		margin: 5rem auto 0 auto
	}

	.pr_main__img {
		width: 100%;
		max-height: 57.6rem
	}

	.pr_main {
		height: auto;
		padding-top: 3.2rem
	}

	.pr_main .container {
		position: absolute
	}

	.pr_main__img {
		position: relative
	}

	.pr_main__title {
		font-size: 15rem;
		line-height: 15.5rem
	}

	.prjct section {
		margin: 5.4rem 0
	}

	.pr_logo__wrapper-logo {
		max-height: 6.4rem
	}

	.pr_statistic__wrapper {
		gap: 4rem
	}

	.pr_col__wrapper {
		gap: 10rem 3rem
	}

	.pr_col__wrapper.c-3,
	.pr_col__wrapper.c-4,
	.pr_col__wrapper.c-5 {
		grid-template-columns: 1fr 1fr
	}

	.pr_col.img {
		padding: 2.8rem 0 7rem 0
	}

	.pr_img .container {
		max-width: 100% !important;
		padding: 0
	}

	.pr_post__wrapper {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 3.5rem 2rem
	}

	.done_send__title {
		font-size: 15rem;
		line-height: 15.5rem
	}
}

@media only screen and (max-width:568px) {

	body,
	html {
		font-size: min(6px, max(5px, 5px + 1 * (100vw - 375px) / 76))
	}

	.container {
		max-width: 100%;
		padding: 0 7rem
	}

	.main {
		height: 55.5rem
	}

	.main__btn {
		margin: 2.5rem auto 4rem auto;
		font-size: 3.2rem
	}

	.header__wrapper {
		padding: 7.3rem 0 4.6rem 0
	}

	.header__wrapper-logo {
		width: 48.4rem;
	}
	
	.header__wrapper .header__wrapper-logo {
		max-width: 260px!important;
	}

	.main__img {
		padding-top: 19.6rem
	}

	.main__title {
		font-size: 7.2rem;
		line-height: 8.5rem;
		margin-bottom: 0
	}

	.tasks {
		margin: 8rem 0 2rem 0
	}

	.tasks__wrapper {
		grid-template-columns: 1fr;
		gap: 3rem 0
	}

	.tasks__wrapper-item-title {
		font-size: 5rem;
		margin-bottom: 6rem
	}

	.tasks__title {
		margin-bottom: 8.6rem
	}

	.tasks__wrapper-item-list li {
		font-size: 3.6rem;
		line-height: 4.8rem;
		margin: 5.5rem 0
	}

	.promo__text {
		font-size: 7.8rem;
		width: 100%;
		line-height: 8.1rem
	}

	.promo__wrapper {
		display: grid;
		grid-template-columns: 1fr;
		gap: 3rem 0;
		margin-top: 5.5rem
	}

	.promo__wrapper .btn {
		margin: 0 auto;
		margin-right: auto !important
	}

	.btn {
		width: 47.8rem;
		font-size: 2.9rem;
		line-height: 3.2rem;
		padding: 2.5rem 2rem;
		border-radius: 20rem
	}

	.promo {
		padding: 7rem 0 8rem 0
	}

	.effect {
		margin: 8rem 0 7.5rem 0
	}

	.effect__wrapper {
		grid-template-columns: 1fr;
		gap: 8rem 0
	}

	.effect__wrapper-item {
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end
	}

	.effect__wrapper-item-title {
		width: 75%;
		margin-bottom: 5rem
	}

	.effect__wrapper-item-number {
		width: 25%;
		font-size: 20rem;
		margin-bottom: 5rem
	}

	.effect__title {
		margin-bottom: 10rem
	}

	.effect__wrapper-item-title {
		font-size: 5rem;
		line-height: 5.4rem
	}

	.effect__wrapper-item-text {
		font-size: 3.7rem;
		line-height: 4.8rem
	}

	.effect__btn {
		margin: 4rem auto 8.5rem auto
	}

	.effect__text {
		max-width: 100%;
		font-size: 3.2rem;
		line-height: 4.6rem
	}

	.projects {
		padding: 7rem 0 4rem 0
	}

	.projects__slider {
		overflow: hidden
	}

	.projects__title {
		margin-bottom: 7.5rem
	}

	.projects__slider-slide-img {
		height: 36rem;
		border-radius: 2rem
	}

	.projects__slider-slide-name {
		font-size: 5rem;
		line-height: 5rem;
		margin: 5.5rem 0
	}

	.projects__slider-slide-text {
		font-size: 3.65rem;
		line-height: 4.9rem
	}

	.projects.cs .projects__slider-slide-text {
		-webkit-line-clamp: 5;
		height: 25rem
	}

	.projects__slider-slide-text a {
		font-size: 3.65rem;
		line-height: 4.9rem
	}

	.projects__slider.i .swiper-wrapper {
		display: grid;
		grid-template-columns: 1fr;
		gap: 5rem 0
	}

	.projects__slider.i .swiper-slide {
		width: 100% !important
	}

	.blog__header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 8rem
	}

	.blog__header-img {
		width: 100%;
		height: auto;
		margin-bottom: 7rem
	}

	.blog__header-text {
		margin-left: 0;
		font-size: 3.3rem;
		line-height: 3.5rem;
		line-height: 4.8rem
	}

	.blog__slider-slide-img {
		border-radius: 2rem
	}

	.blog__slider-slide-img {
		height: 36rem
	}

	.blog__slider-slide-title {
		height: auto;
		font-size: 5rem;
		line-height: 5.8rem;
		margin: 5.5rem 0;
		-webkit-line-clamp: 5
	}

	.blog__slider-slide-text {
		font-size: 3.6rem;
		line-height: 4.7rem
	}

	.blog {
		margin: 8rem 0 4rem 0
	}

	.blog__slider .swiper-wrapper {
		display: grid;
		grid-template-columns: 1fr;
		gap: 5rem 0
	}

	.blog__slider .swiper-slide {
		width: 100%
	}

	.projects__slider.i .projects__slider-pagination {
		display: none
	}

	.blog__slider-pagination {
		display: none
	}

	.achievements {
		padding: 7rem 0
	}

	.achievements__title {
		font-size: 5rem;
		line-height: 6rem;
		margin-bottom: 5.5rem
	}

	.achievements__text {
		font-size: 5.1rem;
		line-height: 5.6rem;
		margin-bottom: 6rem
	}

	.achievements__col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.achievements__col div {
		margin-right: 0;
		max-width: 100%
	}

	.achievements__col div img {
		width: 100%;
		height: auto;
		margin-bottom: 5.5rem
	}

	.achievements__wrapper img {
		max-width: 100%;
		max-height: 8rem
	}

	.steps {
		margin: 7rem 0
	}

	.steps__title {
		max-width: 100%;
		line-height: 8.1rem;
		margin-bottom: 8rem
	}

	.steps__wrapper {
		grid-template-columns: 1fr
	}

	.steps__wrapper-title {
		font-size: 5rem;
		line-height: 5rem;
		margin-bottom: 5rem
	}

	.steps__wrapper-text {
		font-size: 3.6rem;
		line-height: 4.8rem
	}

	.form {
		margin: 8rem 0
	}

	.form__wrapper {
		grid-template-columns: 1fr;
		gap: 7rem
	}

	.form__wrapper-col-title {
		max-width: 100%;
		margin-bottom: 5.5rem
	}

	.form__wrapper-col-text {
		font-size: 3.6rem;
		line-height: 4.8rem;
		max-width: 100%;
		margin-bottom: 6.5rem
	}

	.form__wrapper-col-btn {
		margin: 0 auto
	}

	.footer {
		padding: 7rem 0
	}

	.footer__wrapper-col-title {
		line-height: 8rem
	}

	.footer__wrapper-col-text {
		font-size: 2.83rem;
		line-height: 3.9rem;
		margin-bottom: 4.5rem
	}

	.footer__wrapper-col-btn {
		margin: 0 auto
	}

	.footer__wrapper-col-wrapper {
		grid-template-columns: 1fr;
		gap: 7rem;
		margin-top: 7.5rem
	}

	.footer__wrapper-col-wrapper-col-text {
		font-size: 2.83rem;
		line-height: 3.9rem
	}

	.footer__text {
		width: 100%;
		font-size: 2.83rem;
		line-height: 3.7rem;
		margin: 6rem 0 8rem 0
	}

	.footer__link {
		font-size: 2.83rem;
		line-height: 3.7rem;
		margin-bottom: 7rem
	}

	.footer__bottom-text {
		font-size: 2.83rem;
		line-height: 3.7rem
	}

	.footer__bottom {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 8rem
	}

	.footer__bottom-fav {
		width: 20rem;
		margin: 8rem auto
	}

	.footer__bottom-mob {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.footer__bottom-social:nth-child(2) {
		margin-left: 6rem;
		margin-right: 0
	}

	.footer__bottom-social {
		height: 5rem
	}

	.header__wrapper-burger {
		margin-left: auto;
		width: 4.5rem;
		height: 4.4rem
	}

	.nav {
		padding-top: 16.2rem
	}

	.nav__logo {
		width: 19rem
	}

	.nav__form {
		margin: 8rem 0;
		padding: 3.5rem 2rem;
		border-radius: 10rem
	}

	.nav__form-search {
		width: 4rem
	}

	.nav .header__wrapper-btn,
	.nav a {
		font-size: 5rem;
		line-height: 5rem;
		padding: 5.5rem 0
	}

	.nav__close {
		left: 4rem;
		width: 4rem;
		top: -8rem
	}

	.pre {
		padding: 8.5rem 0 6rem 0
	}

	.pre__title {
		font-size: 7.2rem;
		line-height: 7.4rem
	}

	.about {
		padding: 8rem 0 2rem 0
	}

	.about__title {
		margin-bottom: 8rem
	}

	.about__text {
		font-size: 5rem;
		line-height: 5.7rem;
		width: 100%;
		margin-bottom: 5rem
	}

	.about__wrapper-text {
		font-size: 3.6rem;
		line-height: 4.8rem
	}

	.about__wrapper div img {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		margin: 0 auto;
		height: 7rem;
		width: auto
	}

	.about__wrapper div picture {
		margin: 0 auto
	}

	.about__wrapper {
		gap: 5rem
	}

	.directions {
		padding: 8rem 0 7rem 0
	}

	.directions .about__title {
		margin-bottom: 8rem
	}

	.directions__wrapper-item {
		width: 100%
	}

	.directions__wrapper {
		gap: 13rem 18rem
	}

	.opportunities {
		padding: 7.5rem 0 8rem 0
	}

	.opportunities__text {
		line-height: 4.8rem
	}

	.opportunities__text {
		margin-bottom: 8rem
	}

	.opportunities__wrapper {
		grid-template-columns: 1fr;
		gap: 7rem
	}

	.opportunities__wrapper-col-title {
		height: auto;
		font-size: 5rem;
		line-height: 5.7rem;
		-webkit-line-clamp: 5
	}

	.opportunities__wrapper-col-text {
		font-size: 3.6rem;
		line-height: 4rem
	}

	.opportunities__wrapper-col {
		width: 87%
	}

	.team {
		padding: 8rem 0 7rem 0
	}

	.team__wrapper {
		grid-template-columns: 1fr 1fr;
		gap: 10.6rem 0
	}

	.team__wrapper-item-name {
		margin: 2.2rem 0
	}

	.team__wrapper-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.team__wrapper-item-img {
		width: 70%;
		margin: 0 auto
	}

	.team__wrapper-item-post {
		font-size: 2.8rem;
		line-height: 3rem
	}

	.team__text {
		font-size: 5rem;
		line-height: 5.7rem
	}


	.projects__slider.cus .swiper-slide {
		width: 100% !important
	}

	.projects__slider-slide .btn {
		width: 48rem;
		margin: 5rem auto 0 auto
	}

	.form__text {
		font-size: 3.6rem;
		line-height: 4.6rem;
		max-width: 100%
	}

	.form__title {
		margin-bottom: 4.5rem
	}

	.form__container-item-lable {
		font-size: 5rem;
		line-height: 5.7rem
	}

	.form__container-item-input {
		font-size: 3.8rem;
		line-height: 4.6rem
	}

	.form__container-item {
		margin: 6rem 0
	}

	.form__container-item-input {
		height: 11.4rem;
		border-radius: 2rem;
		padding: 3.2rem 6rem
	}

	.form__container-items {
		grid-template-columns: 1fr
	}

	.form__container-items {
		gap: 6rem
	}

	.form__container-item-text {
		font-size: 3.6rem;
		line-height: 4.6rem;
		margin-top: 6rem
	}

	.form__container-item textarea {
		height: 61.3rem
	}

	.form__container .btn {
		width: 49%;
		display: inline;
		margin-top: -2rem;
		padding: 3rem 0;
		font-size: 2.8rem
	}

	.form__policy .checkmark {
		width: 4.4rem;
		height: 4.4rem;
		margin-right: 2rem;
		margin-top: 1rem
	}

	.form__policy {
		margin-top: 4.5rem;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.form__policy p {
		font-size: 2.8rem;
		line-height: 4rem
	}

	.b .projects__slider-slide-img {
		height: 89rem
	}

	.projects.b {
		padding: 10rem 0 12rem 0
	}

	.contacts {
		margin: 8rem 0 3rem 0
	}

	.contacts__wrapper {
		width: 86%;
		grid-template-columns: 1fr;
		gap: 7rem 0
	}

	.contacts__wrapper-title {
		font-size: 5rem;
		line-height: 5.7rem
	}

	.contacts__wrapper-text {
		font-size: 3.6rem;
		line-height: 4.6rem
	}

	.pre.light {
		padding: 9rem 0 0 0
	}

	.pre__text {
		font-size: 5rem;
		line-height: 5.7rem;
		margin-top: 8rem
	}

	.pre__btn {
		margin: 5rem auto 0 auto;
		font-size: 3.3rem
	}

	.form.cus {
		margin: 8rem 0 10rem 0
	}

	.form__policy.active .checkmark::after {
		width: 3.2rem;
		height: 3.2rem
	}

	.works__title {
		display: none
	}

	.works {
		margin: 0 0 7rem 0
	}

	.works .container {
		padding: 0
	}

	.works__text {
		display: none
	}

	.works__wrapper {
		grid-template-columns: 1fr;
		gap: 0
	}

	.works__wrapper-item-header-title {
		font-size: 5rem;
		line-height: 5.7rem;
		max-width: 100%;
		margin-bottom: 10rem
	}

	.works__wrapper-item-header {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: auto;
		margin-bottom: 6rem
	}

	.works__wrapper-item {
		padding: 12.2rem 4rem 2.7rem 7rem;
		min-height: 133.8rem;
		border-radius: 2rem;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.works__wrapper-item-header-circle {
		width: 48rem;
		height: 48rem
	}

	.works__wrapper-item-text {
		font-size: 3.6rem;
		line-height: 4.8rem;
		max-width: 100%
	}

	.works__btn {
		margin: 5.5rem auto 0 auto
	}

	.location__text {
		font-size: 5rem;
		line-height: 5.7rem
	}

	.location__text.l {
		font-size: 3.6rem;
		line-height: 4.8rem
	}

	.location__wrapper {
		width: 100%;
		gap: 6.5rem
	}

	.location__gallery {
		margin-top: 7.5rem
	}

	.location__gallery-img {
		height: 32rem;
		border-radius: 2rem;
		width: 54.8rem !important
	}

	.advantages {
		margin: 13rem 0 7rem 0
	}

	.advantages__title {
		margin-bottom: 6rem
	}

	.advantages__text {
		font-size: 5rem;
		line-height: 5.7rem;
		margin-bottom: 8rem
	}

	.advantages__wrapper {
		grid-template-columns: 1fr;
		gap: 8rem
	}

	.advantages__wrapper-item-img {
		width: 21.2rem;
		height: 21.2rem
	}

	.advantages__wrapper-item-title {
		font-size: 5rem;
		line-height: 5.7rem;
		margin-bottom: 6rem
	}

	.advantages__wrapper-item-text {
		font-size: 3.6rem;
		line-height: 4.8rem
	}

	.advantages__wrapper-item {
		width: 100%
	}

	.vacancy {
		margin: 7rem 0
	}

	.vacancy__wrapper {
		grid-template-columns: 1fr;
		gap: 8rem
	}

	.vacancy__wrapper-item-title {
		font-size: 5rem;
		line-height: 5.7rem;
		font-weight: 500;
		height: auto;
		margin-bottom: 10rem
	}

	.vacancy__wrapper-item-list li {
		font-size: 3.6rem;
		line-height: 4.8rem;
		margin: 3.5rem 0
	}

	.vacancy__title {
		margin-bottom: 6rem
	}

	.vacancy__wrapper-item-btn {
		margin: 8rem auto 0 auto
	}

	.prjcts__wrapper.m {
		padding: 7rem 0
	}

	.prjcts__wrapper.m .prjcts__wrapper-item-subtitle {
		display: none
	}

	.prjcts__wrapper.m .prjcts__wrapper-item {
		grid-template-columns: 1fr
	}

	.prjcts__wrapper-item-filters-header img {
		display: none
	}

	.prjcts__wrapper-item-filters-dropdown {
		display: block;
		position: relative;
		top: 0;
		margin-top: 5rem;
		border-radius: 2rem;
		padding: 6rem 6rem
	}

	.prjcts__wrapper-item-filters-dropdown-item {
		padding: .8rem
	}

	.prjcts__wrapper-item {
		max-width: 100%;
		padding: 0 7rem;
		gap: 6.5rem
	}

	.prjcts__wrapper-item-filters-header p {
		font-size: 5rem;
		line-height: 5.7rem
	}

	.prjcts__wrapper-item-filters-dropdown-item p {
		font-size: 2.8rem;
		line-height: 4.8rem
	}

	.prjcts__wrapper-item-filters-dropdown-item .checkmark {
		width: 4.8rem;
		height: 4.8rem
	}

	.prjcts__wrapper-item-filters-dropdown-item.active .checkmark::after {
		width: 3.6rem;
		height: 3.6rem
	}

	.prjcts__wrapper {
		padding: 8rem 0 7.5rem 0
	}

	.prjcts__wrapper-item-subtitle {
		font-size: 5rem;
		line-height: 5.7rem;
		width: 100%
	}

	.prjcts__wrapper-item-title {
		margin-bottom: 6.2rem
	}

	.prjcts__wrapper-item-text {
		font-size: 3.6rem;
		line-height: 4.8rem;
		width: 100%;
		margin-top: 6rem
	}

	.prjcts__wrapper-item-btn {
		display: none
	}

	.prjcts__wrapper-item-btn.mob {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 8rem auto 0 auto
	}

	.prjcts__wrapper-item-img {
		border-radius: 2rem;
		height: 40rem
	}

	.prjcts__btn {
		margin: 8rem auto 0 auto
	}

	.prjcts {
		margin-bottom: 7rem
	}


	.policy {
		margin-top: 11rem;
		margin-bottom: 8rem
	}

	.pre.flex .container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.filter {
		margin: 6rem 0
	}

	.filter__title {
		font-size: 4.8rem;
		margin-bottom: 7.7rem
	}

	.filter__nav {
		gap: 8rem
	}

	.filter__nav a,
	.filter__nav span {
		font-size: 2.8rem
	}


	.cases__wrapper-item-type {
		font-size: 2.8rem;
		line-height: inherit
	}

	.cases.b .cases__wrapper {
		grid-template-areas: "a""b""c""d""f"
	}

	.cases.b .cases__wrapper .cases__wrapper-item:nth-child(2) .cases__wrapper-item-link {
		font-size: 3.6rem;
		line-height: inherit;
		margin-top: 3rem
	}

	.cases.b .cases__wrapper .cases__wrapper-item:nth-child(2) .cases__wrapper-item-img {
		min-height: 84rem
	}






	.filter__nav {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 6rem 8rem
	}

	.subscribe {
		margin: 6rem 0
	}

	
	.filter.n {
		margin: 6rem 0 24rem 0
	}

	.article .t-p {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.article .t-p img {
		width: 100%
	}

	.preview {
		margin-top: 5rem
	}

	.article h2, .rubric__h3-small, .wp-content h1, .wp-content h2, .wp-content h3, .wp-content h4 {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 12px!important;
		font-weight: 500!important;
	}

	.article p {
		font-size: 4.2rem;
		line-height: 6.2rem
	}

	.social__wrapper img {
		width: 4.8rem
	}

	.social__wrapper {
		gap: 4rem
	}

	.storyteller.g {
		margin: 24px 0;
	}

	.storyteller.g .storyteller__wrapper-info {
		padding: initial
	}

	.writh__wrapper {
		border-radius: 2rem
	}
	

	.writh__wrapper-info-form .btn {
		width: 100%
	}

	.artcl .projects {
		margin: 0 0 10rem 0
	}


	.athr .projects {
		margin: 4rem 0 10rem 0
	}

	.athr .projects__slider-btn {
		margin: 10rem auto 0 auto
	}

	.filter.t {
		margin: 10rem 0 22rem 0;
		padding-top: 16rem
	}

	.pr_main__title {
		font-size: 7.2rem;
		line-height: 8rem;
		margin-bottom: 4rem
	}

	.prjct section {
		margin: 4rem 0
	}

	.pr_logo__wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 8rem
	}

	.pr_logo__wrapper-logo {
		max-height: 10.4rem;
		max-width: 100%
	}

	.pr_logo__wrapper-text {
		font-size: 3.6rem;
		line-height: 4.8rem;
		max-width: 100%
	}

	.pr_statistic__wrapper {
		grid-template-columns: 1fr 1fr;
		gap: 6rem
	}

	.pr_statistic {
		padding: 6.4rem 0 17rem
	}

	.pr_statistic__title {
		font-size: 5rem;
		line-height: 5.7rem;
		margin-bottom: 9.2rem
	}

	.pr_statistic__wrapper-item {
		gap: 2.4rem
	}

	.pr_statistic__wrapper-item-title {
		font-size: 5rem;
		line-height: 5.7rem
	}

	.pr_statistic__wrapper-item-text {
		font-size: 3.2rem;
		line-height: 4.8rem
	}

	.pr_col__title,
	.pr_text__title {
		font-size: 5rem;
		line-height: 5.7rem;
		margin-bottom: 4rem
	}

	.pr_col__text,
	.pr_text__text {
		font-size: 3.6rem;
		line-height: 4.8rem
	}

	.pr_col__wrapper.c-2,
	.pr_col__wrapper.c-3,
	.pr_col__wrapper.c-4,
	.pr_col__wrapper.c-5 {
		grid-template-columns: 1fr;
		gap: 4rem
	}

	.pr_col__wrapper .pr_col__title {
		margin-bottom: 3.6rem
	}

	.pr_col__wrapper li.pr_col__text::after {
		top: 1.6rem;
		left: 1.5rem;
		width: .8rem;
		height: .8rem
	}

	.pr_col__wrapper li.pr_col__text {
		padding-left: 3.8rem
	}

	.pr_col.color {
		padding: 2rem 0 4rem 0
	}

	.pr_col.img {
		padding: 7.4rem 0 8.6rem 0
	}

	.pr_post__title {
		font-size: 7.2rem;
		line-height: 8rem
	}

	.pr_post__wrapper {
		grid-template-columns: 1fr;
		gap: 6rem
	}

	.pr_post__wrapper-item-img {
		margin-bottom: 4rem
	}

	.pr_post__wrapper-item-title {
		font-size: 3.6rem;
		line-height: 4.8rem
	}

	.pr_img__wrapper {
		padding: 0 7rem;
		grid-template-columns: 1fr;
		gap: 6rem
	}

	.pr_text.color .container {
		padding: 0
	}

	.pr_text.color {
		padding: 7rem
	}

	.pr_text img {
		border-radius: 2rem;
		margin-top: 9rem
	}

	.done_send__title {
		font-size: 7.2rem;
		line-height: 8rem
	}

	.done_send__btn {
		margin: 8rem auto 0 auto
	}

	.done_send__close {
		width: 3.6rem
	}
}


/*Header Blog*/

.m-t__blog {
    margin-top: 110px;
}



.header-blog {
    position: fixed;
    z-index: 10;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff8f0;
    border-bottom: 1px solid transparent;
    transition: background-color 0.4s ease-in-out, border-bottom 0.4s ease-in-out;
}

.header__wrapper-blog {
    display: flex;
    position: relative;
    padding: 24px 0;
    transition: padding 0.6s ease-in-out;
}

.header-blog.active {
    border-bottom: 1px solid #000;
}

.header-blog.active .header__wrapper-blog {
   padding: 4px 0;
}


.header__wrapper-logo {
    position: relative;
    width: 54.4rem;
    height: auto;
    max-width: 460px;
    transform-origin: left center;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease-in-out;
    will-change: transform, opacity;
}


.header__wrapper-search {
    transition: transform 0.4s ease-in-out;
    will-change: transform;
}

.header-blog.active .header__wrapper-logo {
    transform: scale(0.8) translateX(-50px);
    opacity: 0;
    max-width: 380px;
    transition-delay: 0s;
}


.header__wrapper-logo__m {
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: -25px;
    border-radius: 100%;
    opacity: 0;
    left: 0;
    background-color: #fff8f0;
    transform: scale(0.8);
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
    will-change: transform, opacity;
}



.header-blog.active .header__wrapper-logo__m {
    transform: scale(1);
    opacity: 1;
    transition-delay: 0.1s;
}

.header-blog:not(.active) .header__wrapper-logo__m {
    opacity: 0;
    transform: scale(0.8);
    transition: none;
}

.header__wrapper-nav__blog {
    position: relative;
    font-size: 2.4rem;
    line-height: 2.6rem;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
    color: #000;
    transition: font-size 0.4s ease-in-out, line-height 0.4s ease-in-out, letter-spacing 0.4s ease-in-out;
    will-change: font-size, line-height, letter-spacing;
}

.header__wrapper-nav__blog::after {
    content: "";
    position: absolute;
    top: 120%;
    right: 0;
    width: 0%;
    height: 1.5px;
    background-color: currentColor;
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
}

.header__wrapper-nav__blog:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}

.header-blog.active .header__wrapper-nav__blog {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.02rem;
}

.header__wrapper-w__blog {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: 80px;
    transition: transform 0.6s ease-in-out, opacity 0.4s ease-in-out;
    will-change: transform, opacity;
}

.header-blog.active .header__wrapper-w__blog {
    justify-content: flex-end;
    gap: 24px;
    transition-delay: 0.15s;
}


.header-blog.active .header__wrapper-search {
    transition-delay: 0.2s;
	    width: 17px;
}


.header-blog.active .header__wrapper-btn  {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 12px;
	transition-delay: 0.25s;
}




/*Блог. О нас*/

.blog-about {
    margin: 20px 0 120px;
}

.blog-about__title {
    margin-bottom: 64px;
    font-size: 7rem;
    line-height: 7.4rem;
    font-weight: 400;
    font-family: Oranienbaum;
}


.blog-about__box-link {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 32px;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;  
    scrollbar-width: none;  
}

.blog-about__box-link::-webkit-scrollbar {
    display: none; 
}

.blog-about__link {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    flex: 1;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #000;
    border-radius: 60px;
    padding: 18px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.blog-about__link:hover {
    background-color: #000;
    color: #fff;
}

.blog-about__box-image {
    width: 100%;
    height: 400px;
    border-radius: 15px;
    overflow: hidden;
    display: block;
    margin-top: 64px;
    position: relative;
}

.blog-about__box-image-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.5s ease-in-out;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Полупрозрачный черный */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 9; /* Должно быть ниже меню, но выше основного контента */
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}

.header-blog .header__wrapper-logo {
	max-width: 460px;
}

.share-button {
    background-color: #EF433A;
    border: none;
    font-size: 18px;
    height: 48px;
    border-radius: 60px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.6px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
	cursor:pointer;
	width: 190px;
	transition: background-color 0.4s ease-in-out;
}

.share-button:hover {
	background-color:#000;
}

.share-button.active {
    background-color: #000;
}


.storyteller.g .storyteller__wrapper-img {
    max-width: 333px;
    max-height: 333px;
    width: 100%;
    margin-right: 20px;
}

.storyteller.g .storyteller__wrapper-info {
    padding: 32px;
    gap: 24px;
    justify-content: center;
}


.storyteller.g .storyteller__wrapper-info-link {
    background-color: #000000;
    padding: 1rem 3.7rem;
    border-radius: 3rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 600;
    letter-spacing: .06rem;
}


.read-also {
    margin: 16rem 0;
}

.read-also__box {
	justify-content: center;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 4rem 3rem;
}

.read-also__title {
    margin-bottom: 12px;
    font-size: 7rem;
    line-height: 7.4rem;
    font-weight: 400;
    font-family: Oranienbaum;
}
			
.read-also__btn {
    border: 1px solid #000;
    background: #000;
    color: #fff;
    cursor: pointer;
    margin: 32px auto 0;
	transition: background-color 0.4s ease-in-out;
}

.read-also__btn:hover {
    border: 1px solid #000;
    background: #00000000;
    color: #000;
}



.rubric__h3-small {
	font-weight: 500;
    font-size: 32px;
    line-height: 38px;
}

.Iword {
    margin: 42px 0;
}

.Iword__span {
    display: block;
    margin: 0 0 2px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #5b5b5b;
}

.Iword__text {
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
}

.Iword__text p {
    margin: 0;
}

.Iword__text-strong {
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
}

.Iword__cont {
    margin-bottom: 1.6rem;
}

.Iword__cont-question {
    margin-top: 4rem;
}



.tag__title-box {
    padding: 5.5rem 0 0 0;
    background-color: #fff8f0;
}

.tag__title {
    font-family: Oranienbaum;
    color: #000;
    font-size: 7rem;
    line-height: 7.4rem;
    font-weight: 400;
    margin: 0;
}

.tag .cases__wrapper {
    grid-template-areas:
        "a b c"
        "d e f"
        "g h i"
        "j k l";
}


@media only screen and (max-width: 1360px) {
	
	.writh__wrapper {
		flex-direction: column-reverse;
	}
	
	.writh__wrapper-info {
		padding: 32px 32px 12px 32px;
	}
	
	.writh__wrapper-img {
		padding-bottom: 24px;
	}
	
	.writh__wrapper-info-form .btn {
		margin: 0 auto;
	}
	
	.storyteller.g .storyteller__wrapper-img {
		max-width: 280px;
		max-height: 280px;
		width: 100%;
		margin-right: 0px;
	}
	
}


@media only screen and (max-width: 1024px) {
	.header__wrapper-nav__blog::after {
		display:none;
	}
	
	.header-blog .header__wrapper-logo {
		width: 100%;
		height: auto;
		max-width: 460px;
	}
	
	.m-t__blog {
		margin-top: 78px;
	}
	
	.header-blog.active .header__wrapper-w__blog {
		gap: 0;
	}
	
	.header-blog.active .header__wrapper-search {
		width: 17px;
	}
	
	.cases {
		margin: 24px 0;
	}
	
	.cases__wrapper {
		gap: 24px 24px;
	}
	
	.cases__wrapper-item-title {
        margin-bottom: 8px;
        font-size: 26px;
        line-height: 29px;
    }
	
	.cases__wrapper-item-text {
		font-size: 18px;
		line-height: 24px;
	}
	
	.cases__wrapper-item-type {
		font-size: 14px;
		line-height: 24px;
	}
	
	.cases__wrapper-item-date {
		font-size: 14px;
		line-height: 24px;
	}
	
	.cases__wrapper-item-reading-time {
		font-size: 14px;
		line-height: 24px;
	}
	
	.cases__wrapper-item-img {
        height: 240px;
        margin-bottom: 8px;
    }
	
	.storyteller__wrapper {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
	
	.storyteller__wrapper-img {
		margin-right: 0;
		width: 242px;
	}
	
	.storyteller__wrapper-info {
		padding: 12px 32px 32px 32px;
		display: flex;
		align-items: center;
		max-width: 752px;
		text-align: center;
	}
	
	.blog-about {
		margin: 100px 0;
	}
	
	.blog-about__title {
		margin-bottom: 32px;
	}
	
	.blog-about__box-image {
		margin-top: 32px;
	}
	
	.header__wrapper-burger {
        position: relative;
        z-index: 14;
        width: 20px;
        height: 16px;
        display: block;
        margin-left: 16px;
    }
	
	.header__wrapper-search {
		width: 17px;
	}
	
	.blog-about__box-link {
		gap: 24px;
	}
	
	.article p {
		font-size: 2.8rem;
		line-height: 3.6rem;
	}
	
	.article blockquote p {
		font-size: 3rem;
		line-height: 3.6rem;
	}
	
	.article {
        margin: 3.2rem 0 18rem 0;
    }
	
	.read-also {
		margin: 14rem 0;
	}
	
	.read-also__box {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.writh__wrapper.active .writh__wrapper-info-title.d {
		text-align: center;
		font-size: 26px;
		line-height: 34px;
	}
	
	.tag .cases__wrapper {
		grid-template-areas:
			"a b"
			"c d"
			"e f"
			"g h"
			"i j"
			"k l";
	}
	
	.tag .cases__wrapper .cases__wrapper-item:nth-child(4) {
        grid-row: span 1; 
    }

	
	
	.header__wrapper-w__blog {
		will-change: auto;
	}
	
}

@media only screen and (max-width: 768px) {
	.header-blog .nav {
		width: 50%;
	}	
}		


@media only screen and (max-width: 568px) {
	.m-t__blog {
        margin-top: 60px;
    }
	
	.header__wrapper-blog {
		padding: 16px 0;
	}
	
	.slider {
		margin: 12px 0 32px;
	}
	
	.header-blog.active .header__wrapper-blog {
		padding: 16px 0;
	}
	
	.slider__img {
        max-height: 260px;
        height: 260px;
        flex: none;
    }
	
    .slider__title {
        font-size: 28px;
        line-height: 32px;
        margin: 12px 0;
    }
	
	.slider__text {
		font-size: 16px;
		line-height: 24px;
		margin: 12px 0 0 0;
	}
	
	.cases__wrapper-item-title {
        height: auto;
        -webkit-line-clamp: 5;
		font-size: 22px;
        line-height: 29px;
    }
	
	.cases__wrapper-item-text {
		font-size: 16px;
	}
	
	.cases__wrapper-meta--item {
		gap: 8px;
	}
	
	.cases__wrapper-item-img {
        margin-bottom: 6px;
    }
	
	.cases__wrapper-meta {
		margin-bottom: 6px;
	}
	
		.cases__wrapper {
        grid-template-columns: 1fr; 
        grid-template-areas:
            "a"
            "b"
            "d"
            "d"
            "c"
            "e"
            "f"
            "g"
            "h"
		    "i"	
			"j"
			"k";
    }
	
	
	.subscribe__wrapper-info .storyteller__wrapper-info-title {
		margin-bottom: 16px;
		font-size: 24px;
		line-height: 29px;
	}
	
	.subscribe__wrapper-info .storyteller__wrapper-info-text {
		margin-bottom: 16px;
		font-size: 16px;
		line-height: 22px;
	}

    .subscribe__wrapper-info-form-i input {
        font-size: 16px;
        height: 51px;
        padding: 0 16px;
    }
	
	
	
	.subscribe__wrapper-info-form-text {
        font-size: 12px;
        line-height: 16px;
    }
	
	.subscribe__wrapper-info-form-btn {
        width: 100%;
        font-size: 18px;
        line-height: 21px;
        padding: 12px;
    }
	
	.subscribe__wrapper-info {
        padding: 24px;
    }
	
	.storyteller__wrapper-info-title {
		font-size: 24px;
		line-height: 29px;
		text-align: left;
    	width: 100%;
	}
	
	.storyteller__wrapper-info-text {
		font-size: 16px;
		text-align: left;
		width: 100%;
	}

	.storyteller__wrapper-info {
        padding: 0 24px 24px 24px;
        gap: 12px;
    }
	
	.storyteller__wrapper-info-link {
		width: 100%;
		max-width: 100%;
		margin-top: 12px;
	}
	
	.swi-title-success {
		margin-bottom: 16px;
		font-size: 24px;
		line-height: 29px;
	}

	.swi-text-success {
		font-size: 16px;
		line-height: 22px;
	}

	
	.blog-about__title {
		margin-bottom: 24px;
	}
	
	#blog-rep .container {
        max-width: 100%;
        padding: 0 16px;
    }
	
	.blog-about__link {
		font-size: 16px;
		padding: 14px 40px;
		line-height: 22px;
	}
	
	.blog-about__box-link {
        gap: 12px;
    }
	
	.blog-about__box-image {
        margin-top: 24px;
        height: 230px;
    }
	
	.search__form-input {
		font-size: 16px;
		line-height: 22px;
	}
	
	.header-blog .nav {
        width: 80%;
    }
	
	
	.preview__title {
        margin: 16px 0 24px;
        font-size: 32px;
        line-height: 36px;
    }
	
	.preview__type {
		font-size: 13px;
        line-height: 17px;
    }
	
	.preview__reading-time {
		font-size: 13px;
		line-height: 17px;
	}
	
	.reading-time__img {
		width: 12px;
	}
	
	.preview__info-date {
		font-size: 14px;
        line-height: 20px;
	}
	
	.preview__info-name {
		font-size: 14px;
		line-height: 20px;
	}
	
	.preview__info {
		margin: 0 0 24px 0
	}
	
	.preview__subtitle {
    	font-size: 18px;
		line-height: 24px;
		margin: 24px 0;
	}
	
	.article blockquote p {
		font-size: 20px;
		line-height: 24px;
		max-width: calc(100% - 40px);
	}
	
	.article blockquote::before {
		bottom: 5px;
		right: -5px;
		width: 21px;
		height: 23px;
	}
	
	.article blockquote::after {
		top: 2px;
		left: -5px;
		width: 21px;
		height: 23px;
	}
	
	.storyteller.g .storyteller__wrapper-img {
		max-width: 240px;
		max-height: 240px;
	}
	
	.storyteller.g .storyteller__wrapper-info-link {
		font-size: 18px;
		line-height: 24px;
		padding: 12px 0;
		border-radius: 60px;
	}
	
	.writh__wrapper-info-title {
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 16px;
		text-align: center;
	}
	
	.writh__wrapper-info-text {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 28px;
		text-align: center;
	}
	
	.writh__wrapper-info-form-i textarea {
		height: 150px;
		padding: 16px;
		font-size: 18px;
		line-height: 22px;
	}
	
	.writh__wrapper-info-form-i input {
		padding: 16px;
		font-size: 18px;
		line-height: 22px;
	}
	
	.writh__wrapper-info {
        padding: 24px;
    }
	
	.read-also__box {
        grid-template-columns: repeat(1, 1fr);
    }
	
	.writh__wrapper.active .writh__wrapper-info-title.d {
		font-size: 22px;
		line-height: 27px;
	}
	
	.article p {
        font-size: 16px;
        line-height: 22px;
    }
	
	.writh__wrapper-info-form-i {
		margin-bottom: 12px;
	}
	
	.rubric__h3-small {
		font-size: 22px;
        line-height: 26px;
        margin-bottom: 12px !important;
        font-weight: 500 !important;
	}

	.tag .cases__wrapper {
		grid-template-areas:
			"a"
			"b"
			"c" 
			"d"
			"e" 
			"f"
			"g" 
			"h"
			"i" 
			"j"
			"k"
			"l";
	}	
	
}	

/*Списки*/

.single ul {
    margin: 32px 0;
}

.single ul li {
    position: relative;
    color: #000000;
    padding-left: 30px;
    margin-left: 22px;
    font-weight: 400;
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 32px;
}

.single ul li::after {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    background-color: #000;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.single ol {
    list-style-type: auto;
    padding-left: 22px;
     margin: 32px 0;
}

.single ol li {
    position: relative;
    color: #000000;
    margin-left: 22px;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 12px;
    list-style-type: auto;
}

.article ul.link-scroll-list li a {
    color: #EF433A;
    text-decoration: none;
}

.article ul.link-scroll-list li::after {
    background-color: #EF433A;
}

@media only screen and (max-width: 1024px) {
	.single ul li, .single ol li {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }
}

@media only screen and (max-width: 568px) {
	.single ul li, .single ol li {
		font-size: 16px;
        line-height: 24px;
    }
}



.double-photo {
    display: flex;
    gap: 3.2rem;
}

.double-photo__item {
    width: calc(1 / 2 * 100% - (1 - 1 / 2) * 3.2rem);
	margin-bottom: 3.2rem;
}

.double-photo__item img {
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 568px) {
	.double-photo {
		flex-direction: column;
	}
	
	.double-photo__item {
		width: 100%;
		margin-bottom: 3.2rem;
	}
}


.preview__type__separation {
    width: 4px;
    height: 4px;
    background: #000000;
    border-radius: 100%;
    display: block;
}

.preview__box {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.preview__reading-time {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
    text-transform: uppercase;
}

.preview__subtitle a {
    text-decoration: underline;
}



@media only screen and (max-width: 768px) {
.author__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 32px 0 24px;
}

.author__wrapper-info {
    margin: 0;
}
	
.author__wrapper-info-name {
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    margin: 12px 0;
}
	
.author__wrapper-info-post {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
}	
	
.author-social {
    display: flex;
    justify-content: center;
}	
	
.author__wrapper-text {
    font-size: 18px;
    line-height: 26px;
}
	
.author-posts .cases__wrapper-item {
    width: 100%;
}	
	
	
.preview__info-img {
    width: 32px;
    height: 32px;
    margin-right: 6px;
}
	
	
.single ul li::after {
    top: 8px;
    width: 6px;
    height: 6px;
}	
	
.single ul li {
    padding-left: 14px;
    margin-left: 14px;
}	
	

}



.page-template-page-cases .cases__wrapper {
    grid-template-areas:
        "a b c"
        "d e f"
        "g h i"
        "j k l";
}

@media only screen and (max-width: 1024px) {
    .page-template-page-cases .cases__wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
        "a b"
        "c d"
        "e f"
        "g h"
        "i j"
        "k l";
    }
}


@media only screen and (max-width: 568px) {
    .page-template-page-cases .cases__wrapper {
        grid-template-columns: 1fr;
        grid-template-areas:
        "a"
        "b"
        "c"
        "d"
        "e"
        "f"
        "g"
        "h"
        "i"
        "j"
        "k"
        "l";
    }
}


.page-template-page-cases .b .projects__slider-slide-img {
    height: 30rem;
}




@media (max-width: 768px) {
	
	.policy__title {
		font-size: 32px;
		line-height: 38px;
		margin-bottom: 16px;
	}
	
	.policy li, .policy p {
		font-size: 16px;
	}
	
	.policy p, .policy ul, .policy ol {
		margin-bottom: 16px;
	}
	
}



.about-blog__title {
    font-family: Oranienbaum;
    font-weight: 400;
    font-size: 8.7rem;
    line-height: 100%;
}

.about-blog-wrapper__title {
    max-width: 37.6rem;
}

.about-blog__sep {
    width: 100%;
    height: 1px;
    background-color: #000;
    margin: 4.8rem 0;
}

.about-blog-wrapper {
    display: flex;
    margin-top: 2.4rem;
    gap: 3.2rem;
    justify-content: space-between;
}

.about-blog-wrapper__item {
    font-weight: 400;
    line-height: 140%;
    width: calc(1 / 2 * 100% - (1 - 1 / 2) * 32px);
    font-size: 2.4rem;
}

.about-blog-advantages__title {
    margin-top: 4.8rem;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 140%;
    margin-bottom: 1.7rem;
}

.about-blog-advantages__item {
    font-size: 2.4rem;
    line-height: 140%;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
}

.about-blog-advantages__item img {
    width: 3.2rem;
    height: 3.2rem;
    object-fit: contain;
}

.about-blog-advantages {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.about-blog {
    margin-top: 32px;
}

.page-id-4929 .storyteller {
    margin: 48px 0 120px;
}


@media (min-width: 1025px) {
  .page-id-4929 [data-aos] {
    opacity: 1 !important;
    transform: none !important;
  }
}


@media (max-width: 1024px) {
	.about-blog__title {
		font-size: 64px;
	}
	
	.about-blog__sep {
		margin: 32px 0;
	}
	
	.about-blog-wrapper__title {
		max-width: 300px;
	}
	
	.about-blog-wrapper__item {
		font-size: 20px;
		width: calc(1 / 2 * 100% - (1 - 1 / 2) * 24px);
	}
	
	.about-blog-wrapper {
		margin-top: 16px;
		gap: 24px;
	}
	
	.about-blog-advantages__title {
		margin-top: 32px;
		font-size: 28px;
		margin-bottom: 16px;
	}
	
	.about-blog-advantages__item {
		font-size: 18px;
	}
	
	.about-blog-advantages {
		gap: 16px;
	}
	
}


@media (max-width: 768px) {
	
	.about-blog__title {
		font-size: 32px;
	}
	
	.about-blog__sep {
		margin: 24px 0;
	}
	
	.about-blog-wrapper__title {
		max-width: 180px;
	}
	
	.about-blog-wrapper {
		flex-direction: column;
	}
	
	.about-blog-wrapper__item {
		width: 100%;
		font-size: 16px;
		line-height: 160%;
	}
	
	.about-blog-advantages__title {
		font-size: 20px;
		margin-top: 24px;
	}
	
	.about-blog-advantages__item {
		font-size: 16px;
		    gap: 8px;
	}
	
	.about-blog-advantages__item img {
		width: 24px;
		height: 24px;
	}
	
	
}