/*
Theme Name: cpu
Template: Goodini
Theme URI: https://degorov.ru/
Description: Дочерняя тема для Goodini
Author: Дмитриева Ольга
Author URI: https://degorov.ru/
Version: 1.0
*/
:root {
	--radius: 3px;
	--zoom: 1;
	--form-bottom: 7.43rem;
	--form-top: 1.5rem;
	--font-40: calc(22px + (40 - 22) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--font-24: calc(14px + (24 - 14) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--padding-top: calc(80px + (289 - 80) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--font-56: calc(24px + (56 - 24) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	--hero-top: calc(80px + (148 - 80) * (calc(100vw / var(--zoom)) - 1023px) / (1920 - 1023));
	--hero-bottom: calc(48px + (110 - 48) * (calc(100vw / var(--zoom)) - 1023px) / (1920 - 1023));

}

/* .container-fluid {
	max-width: 1632px;
} */

body:not(.home) .page-frame {
	background-image: url("assets/i/bg.webp");
	background-position: center;
	background-size: 100% auto;
	background-repeat: repeat;
}
.page-id-2561 .portfolio {
    padding:  0;
}
#catalog__terms{
	display: flex;
	flex-wrap: wrap;
    gap: 1rem;
	margin-bottom: 2rem;
}
.t_b::before {
    content: '';
    position: absolute;
    top: 0;
    left: -5rem;
    right: -5rem;
    bottom: 0;
    background: #d1d4da6b;
    z-index: -1;
}
.t_b {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    margin-bottom:-2rem;
    justify-content: center;
    padding: 0.5rem;
}
.t_b .social-hero{
    gap:0.3rem
}
.catalog__term{
	padding: 5px 10px;
    background: var(--color_bg_1);
    border-radius: 8px;
}
.social-hero.social .soc {
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
}  
.social-hero.social .soc svg{
    width: 2rem;
    height: 2rem;
}
.social-hero{
    display:none;
}
#header .social-hero {
    display: flex;
    padding: 0 2rem;
}
.page-id-2247 .social-hero,
.page-id-2243 .social-hero {
    display: flex;
    order: 0;
}
.page-id-2247 .hero-btn-desc, .page-id-2243 .hero-btn-desc {
    order: 1;
    flex: 0 0 21rem;
    max-width: 21rem;
}
.header_time{
	display: flex;
    flex-direction: column;
}
.header_time span{
	white-space: nowrap;
}
.catalog__term:hover{
	background: var(--color);
	color: #fff;
}
.content-section p {
	font-size: 1rem;
}

.bottom_cat{
	padding-top:3rem;
}

.dark_theme .boss .blockquote {
	background: var(--color_30);
}
.boss .blockquote .quote {
	color: #fff;
}
.li_col-2 {
	column-count: 2;
}
.li_col-2 li {
	margin: 0.25rem 0 !important;
	display: inline-block;
	width: 100%;
}

.tabl_str{
	display: flex;
    justify-content: space-between;
}
.dark_theme #cases {
	background: transparent;
}
#cases .item {
	display: block;
	background-color: transparent;
	background-image: url(assets/i/portfolio.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	color: #fff;
	margin-bottom: 0;
	min-height: auto;
}
#cases .item .title ,
#cases .item:hover .title {
	color: #fff;
	background-color: #A92527;
	padding: 1.5rem;
	width: fit-content;
	font-size: 1.125rem;
	font-weight: var(--f1wb);
}
#cases .item .work-list {
	padding: 1.5rem;
	padding-bottom: 3rem;
}
#cases .item .work-list .head {
	font-weight: var(--f1wb);
	margin-top: 1rem;
}
#cases .item .work-list.list ul li {
	font-size: 0.9rem;
}
#cases .item .work-list.list ul li::before {
	background-color: #fff;
}
#cases .item:hover {
	transform: none;
	box-shadow: none;
}


#pages .item {
	background-image: none !important;
	background-color: var(--dark_60);
}
#pages .item .body {
	width: 100%;
}


#product-hero {
	padding-top: 2rem;
}
#product-hero .price-list ul li {
	font-size: 0.9rem;
}
.price-list ul li .text_color {
	color: #fff;
	font-weight: var(--f1wb);
}


.logos-row .items {
	justify-content: center;
}
.logos-row .item .logo img {
	max-height: 5rem;
}


.tariff-section {
	background: transparent;
}


h2 {
	font-size: var(--font-40);
}

.btn {
	border-radius: var(--radius);
}
.btn span {
	padding: 1.125rem 2rem;
}
.btn:hover {
	background: #A11416;
}

.agreement-check a:hover {
	border-bottom-color: transparent;
}

.category__item:hover {
	transform: scale(1.05);
}

.portfolio__buttons .slick-arrow:hover {
	transform: scale(1.1);
}
.hero .slick-arrow:hover svg path {
	stroke: #232832;
}

.popular__item:hover .light__link ,
.light__link:hover {
	background-color: var(--color);
	color: #fff;
}





#footer a[href^="mailto:"]:hover {
	color: var(--color);
	border-bottom-color: transparent;
}
#footer .phone-content:hover {
	color: var(--color);
}
.footer-menu .menu .menu-item a:hover {
	color: var(--color);
}
.policy:hover {
	border-bottom-color: transparent;
}
.dark__btn {
	background: #191E28;
}
.wrapper {
	overflow: hidden;
}
.after__section-bg {
	margin-top: -7%;
	position: relative;
}


#menu {
	width: auto;
	margin-right: auto;
	margin-left: 3rem;
}
#menu .menu {
	background-color: transparent;
}
#menu .menu .menu-item a {
	border-left: none;
	padding-top: 3.4rem;
	padding-bottom: 3.4rem;
}
#menu .menu .menu-item a:hover,
#header .contacts .phone-content:hover {
	color: var(--color);
}
#menu .menu .menu-item .sub-menu .menu-item a {
	padding: 0.5rem 1rem
}
.menu .menu-item::after,
.menu .menu-item::before {
	display: none;
}
.menu-item.menu-item-has-children a::before {
	border-right: 2px solid #A11416;
	border-bottom: 2px solid #A11416;
}
#menu .menu .current-menu-item a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 33%;
	height: 2px;
	background-color: #A11416;
	border-style: none;
}


#header {
	border-bottom: 1px solid #232832;
	padding: 0;
}
#header .container-fluid {
	max-width: 1952px;
}
#header .row {
	margin: 0;
}
#header .content {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-left: 1.125rem;
}
#header .logo a {
	background-color: #fff;
	width: 10rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius);
	position: absolute;
	width: 100%;
	top: 0;
}
#header .contacts .link {
	color: #fff;
	border-bottom-color: #fff;
}
.footer-logo img {
    margin:0;
}
.header__contacts {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	flex: 0 0 11rem;
	gap: 0.25rem;
	padding-left: 3rem;
}
.header__adress {
	max-width: 18.5rem;
	padding: 2rem 2.5rem;
	position: relative;
}
.header__adress p {
	margin: 0;
}
.header__adress::before,
.header__adress::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #232832;
	top: 0;
}
.header__adress::after {
	right: 0;
}
.header__adress::before {
	left: 0;
}
.header__adress.descriptor::before {
	display: none;
}
#header .content .contacts {
	-ms-flex: 0 0 11rem;
	flex: 0 0 11rem;
}
#header .logo {
	position: relative;
	width: 10rem;
	align-self: flex-start;
	flex: 0 0 10rem
}
#header-wrapper.main_menu.type-header {
	margin-bottom: 0;
}


.hero {
	padding: 0rem 0 0 0;
}

.hero__inner {
	display: grid;
	gap: 2rem;
	grid-template-columns: calc(100% - 5.8% - 2rem) 5.8%;
}
.hero3__slider {
	opacity: 0;
	height: 845px;
}
.hero3__slider.slick-initialized {
	opacity: 1;
	height: auto;
}
.hero .slick-arrow:hover {
	background-color: #fff;
}
.dark_theme #hero3 {
	background: transparent;
}
.hero3__slick-btns {
	width: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: var(--hero-top);
	padding-bottom: var(--hero-bottom);
	position: relative;
	height: 92%;
}
.hero3__slick-btns::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 4%);
	width: 1px;
	height: 73%;
	background-color: #232832;
	z-index: -1;
}
.hero3__slick-btns-img {
	width: 3rem;
	display: flex;
	flex-direction: column;
}
.ellipses {
	width: 3rem;
	height: 3rem;
	position: relative;
	gap: 1.25rem;
	/* background-image: url(assets/i/h1.png);
	background-repeat: no-repeat;
	background-size: contain; */

}
.ellipses svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3rem;
	height: 3rem;
	opacity: 0;
}
.ellipses.active {
	background-color: var(--dark);
}
.ellipses.active svg {
	opacity: 1;
}
.ellipses.active::before {
	background-color: #B83436;
	box-shadow: 0px 0px 19px #B83436;
}
.ellipses::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #3D475A;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 50%;
}
@keyframes opacity {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}

}
.hero3__slick-btns-wrap {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	margin-top: auto;
	background-color: var(--dark);
}
.hero3__slider h1,
.hero3__slider h2 {
	font-size: var(--font-56);
	line-height: 1.19;
	margin-top: 0;
}
.hero3__slider h1 strong,
.hero3__slider h2 strong {
	font-weight: 800;
}
.hero .slick-arrow {
	background-color: #232832;
	border-radius: var(--radius);
	box-shadow: none;
	padding: 0;
	width: 2.875rem;
	height: 2.875rem;
	bottom: 0;
	position: relative;
}
.hero .slick-arrow svg {
	fill: transparent;
	width: auto;
	height: auto;
}
.hero3-slick-next,
.hero3-slick-prev {
	position: relative;
}
.hero__text-inner {
	border: 1px solid #373B43;
	padding: 1.55rem;
}
.hero__btns-ellips {
	position: relative;
	height: 4.5rem;
	margin-top: 2rem;
}
.hero__btns-ellips::before,
.hero__btns-ellips::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: #3D475A;
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 50%;
}
.hero__btns-ellips::before {
	top: 0;
}
.hero__btns-ellips::after {
	bottom: 0;
}
.hero__slide-inner {
	display: flex;
	justify-content: space-between;
	padding-top: var(--hero-top);
	padding-bottom: var(--hero-bottom);
}
.hero__content {
	width: 57%;
	flex: 0 0 57%;
	position: relative;
	z-index: 2;
}
.hero__img {
	position: absolute;
	top: 0;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	/* transform: translate(17%, -4%); */
}

.image-holder.active::before {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 101%;
	background: var(--dark);
	transform-origin: 100% 50%;
	animation: revealRight 1.7s cubic-bezier(0.23, 1, 0.75, 1) forwards;
}
.hero__slide {
	position: relative;
}
.hero3__slider .slick-slide.slick-active .hero__title {
	opacity: 0;
	animation: fadeIn 1.5s ease forwards;
	animation-delay: 0.5s;
}
.hero3__slider .slick-slide.slick-active .hero__text-container {
	opacity: 0;
	animation: fadeIn 1.5s ease forwards;
	animation-delay: 0.5s;
}
.hero__img {
	transition-duration: 0.8s;
	opacity: 0;
}
@keyframes transform {
	0% {
		transform: translate(0, -50%) scale(0.8);
	}
	100% {
		opacity: 1;
		transform: translate(0, -50%) scale(1);
	}
}
.hero3__slider .slick-slide.slick-active .hero__img {
	animation: transform 0.5s forwards;
}
.hero__img.active {
	top: 0;
	transform: translate(17%, 0);
}
.hero3__slider .slick-slide.slick-active .hero__img.active {
	opacity: 1;
	animation: transform-main 0.5s forwards;
}
@keyframes transform-main {
	0% {
		transform: translate(17%, 3%) scale(0.8);
	}
	100% {
		opacity: 1;
		transform: translate(17%, 3%) scale(1);
	}
}
@keyframes revealRight {
	0% {
		transform: scaleX(1);
	}
	100% {
		transform: scaleX(0);
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(20%);
	}

	100% {
		opacity: 1;
		transform: translate(0);
	}
}
.hero .slick-list {
	overflow: visible;
}
.hero__text-container {
	max-width: 20.94rem;
	position: relative;
	padding: 0.7rem;
	margin-top: calc(16px + (98 - 16) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
}
.hero__text p {
	margin-bottom: 1.375rem;
}



.quiz {
	padding-top: calc(48px + (133 - 48) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	margin-top: calc((48px + (133 - 48) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360))* -1);
}
.quiz__main-bg {
	position: absolute;
	top: 0;
	left: 0;
}
.quiz .title {
	width: 50%;
}
.quiz__inner-form {
	display: grid;
	grid-template-columns: 66% calc(34% - 1.25rem);
	align-items: stretch;
	gap: 1.25rem;
	padding-top: 1.6rem;
}
.quiz .full__col {
	margin-bottom: 2rem;
}
.quiz .full__col .phone a {
	font-size: var(--font-24);
	color: #444E67;
	font-weight: 400;
}
.quiz .working__now {
	justify-content: center;
}
.quiz__box {
	background-image: url(assets/i/box.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 0%;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	justify-content: flex-end;
	align-self: flex-end;
}
.quiz__box-img {
	transform: translate(5%, 0);
}
.quiz__form {
	background-image: url(assets/i/box2.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 100%;
	color: #444E67;
	padding: 2rem 2rem 1.5rem 2rem;
	border-radius: var(--radius);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.quiz__form-inner {
	display: grid;
	grid-template-columns: calc(70% - 1.5rem) 30%;
	gap: 1.5rem;
	margin-bottom: 1.5rem;
}
.quiz__form-img {
	align-self: flex-end;
}
.quiz__form .light__link {
	width: 3.687rem;
	padding: 0;
}
.quiz__answers {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.quiz__answer {
	width: calc((100% / 2) - 0.5rem);
	border: 1px solid #CACFD9;
	border-radius: var(--radius);
	display: flex;
	align-items: center;
	justify-content: center;
}
.quiz__flex {
	display: flex;
	gap: 1rem;
}
.quiz .hideLabels .form-group {
	margin: 0;
}
.quiz__progress-wrapper {
	font-size: 0.875rem;
	font-weight: 700;
	gap: 0.6rem;
	display: flex;
	flex-direction: column;
}
.quiz__answer input[type=radio]+label::before,
.quiz__answer input[type=checkbox]+label::before {
	position: absolute;
	content: "";
	width: 1.625rem;
	height: 1.625rem;
	left: 1rem;
	top: 50%;
	transform: translate(0, -50%);
	background-color: #fff;
	border: 1px solid var(--color);
	border-radius: 50%;
	opacity: 1;
}
.quiz__buttons {
	display: flex;
	gap: 0.62rem;
	margin-top: 1rem;
	padding-top: 2.5rem;
	justify-content: flex-end;
	border-top: 1px solid rgba(175, 180, 190, 0.37);
	margin-top: auto;
}
.quiz__buttons .quiz__btn__prev:hover::before {
	border-right-color: #fff;
	border-bottom-color: #fff;
}
.quiz .btn[disabled] {
	opacity: 0.5;
}
.quiz__btn__prev {
	position: relative;
}
.quiz__btn__prev::before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	border-right: 2px solid #444E67;
	border-bottom: 2px solid #444E67;
	transform: translate(-50%, -50%) rotate(135deg);
}
.quiz__answer input[type=radio],
.quiz__answer input[type=checkbox] {
	display: none;
}
.quiz__answer input[type=radio]+label::after,
.quiz__answer input[type=checkbox]+label::after {
	display: block;
	position: absolute;
	content: "";
	width: 0.65rem;
	height: 1rem;
	left: 1rem;
	top: 50%;
	border: 2px solid #fff;
	opacity: 1;
	border-top-color: transparent;
	border-left-color: transparent;
	background-color: transparent;
	transform: translate(80%, -65%) rotate(45deg);
	border-radius: 2px;
}
.quiz__answer input[type=radio]:checked+label::before,
.quiz__answer input[type=checkbox]:checked+label::before {
	background-color: var(--color);
}
.quiz input[type=radio]+label,
.quiz input[type=checkbox]+label {
	margin: 0;
	display: block;
	padding: 1.125rem 1.125rem 1.125rem 3.875rem;
	width: 100%;
	font-size: 1rem;
}
.quiz__item {
	display: none;
	padding-top: 2.5rem;
	border-top: 1px solid rgba(175, 180, 190, 0.37);
}
.quiz__item.active {
	display: block;
}
.quiz__range {
	width: 100%;
	height: 1rem;
	background-color: rgba(229, 229, 229, 1);
	border-radius: 5px;
	position: relative;
	margin-bottom: 0.75rem;
}
.quiz__item .quiz__answer--other {
	padding: 1.125rem;
	width: 50%;

}
.quiz__item .quiz__answer--other input {
	border: none;
	width: 88%;
}
.quiz__res {
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% / 5);
	height: 100%;
	background: linear-gradient(270deg, #CB3335 0%, #FFA857 33.85%, #FFF0E2 100%);
	border-radius: 80px;
}
.quiz__question {
	font-size: 1.25rem;
	font-weight: 700;
}




.company__img {
	position: absolute;
	top: 0;
	transform: translate(0, -19%);
}

.company__items {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	padding-top: calc(16px + (67 - 16) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
}

.company__inner {
	padding-top: 2rem;
}

.company__item {
	padding: 4rem 2rem;
}

.company__item:nth-child(even) {
	background-color: var(--color);
	transform: scale(1.03);
}

.company__item:nth-child(even) .company__item-inner {
	border-bottom: 1px solid #F28587;
}

.company__item-num {
	display: inline-block;
}

.company__item:nth-child(odd) {
	border: 1px solid #373B43;
}

.company__item .company__item-inner {
	font-size: 1.125rem;
	margin: 0;
}

.company__item .company__item-inner {
	font-weight: 200;
	font-size: calc(24px + (56 - 24) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));

}

.company__item .company__item-inner {
	padding-bottom: 2rem;
	/* margin-bottom: 2rem; */
	border-bottom: 1px solid #667085;
	display: block;
}

.category::before {
	content: '';
	position: absolute;
	height: 56vw;
	width: 10vw;
	right: 0;
	bottom: 0;
	transform: translateY(19%);
	background-image: url(assets/i/el3.webp);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.category::after {
	content: '';
	position: absolute;
	height: 72vw;
	width: 32vw;
	left: 0;
	bottom: 0;
	transform: translateY(19%);
	background-image: url(assets/i/fare.webp);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	pointer-events: none;
}

.category.active .pulse circle,
.category.active .pulse g {
	opacity: 0;
	animation-delay: 0.5s;
	animation: opacity 3s forwards;
	animation-duration: 3s;
}

.category.active .pulse path {
	animation: pulse 3s forwards;
}

.category__inner {
	position: relative;
}

.category__inner .title {
	width: 40%;
	margin: 0 auto;
	left: 50%;
	top: 0;
	transform: translate(-50%, -26%);
	position: absolute;
	/* margin-bottom: -8%; */
}

.category {
	padding-top: calc(48px + (140 - 48) * (calc(100vw / var(--zoom)) - 1023px) / (1920 - 1023));

}

.category__inner .title h2 {
	margin-top: 0;
}

.category__inner .btn {
	transform: translate(0, 25%);
	margin: 0 auto;
	display: block;
	max-width: 16rem;
}

.category__inner .btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 2.5rem;
	height: 3rem;
	background-image: url(assets/i/el_btn.svg);
	background-repeat: no-repeat;
	background-size: cover;
	transform: translate(-50%, -100%);

}

.category__items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	padding: 0 calc(32px + (124 - 32) * (calc(100vw / var(--zoom)) - 550px) / (1920 - 550)) 5rem calc(32px + (124 - 32) * (calc(100vw / var(--zoom)) - 550px) / (1920 - 550));
	position: relative;
	padding-top: calc(48px + (150 - 48) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	/* padding-bottom: 5rem; */

}


.category__item {
	position: relative;
	width: calc((100% / 3) - 1.5rem);
	padding: 0.7rem;
	transition: all 0.3s linear;
	z-index: 10;
}

.pulse.category__border-bottom {
	/* top: unset;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0); */
	/* width: 103.5%; */
	top: unset;
	bottom: 0;
	left: -1.5rem;
	right: -1.5rem;
	z-index: -1;
	pointer-events: none;
	position: absolute;
}

.pulse.category__border-right {
	right: 0rem;
	top: 0;
	/* height: calc(100% - 4.2rem); */
	height: 100%;
	/* overflow: hidden;
	width: 30%; */
}

.pulse.category__border-left {
	left: 0rem;
	top: 0;
	height: 100%;
	/* height: calc(100% - 4.2rem); */
	/* overflow: hidden;
	width: 30%; */
}

.category__border-right svg,
.category__border-left svg {
	height: 100%;
	width: 100%;
}


.element {
	position: absolute;
	width: 1.375rem;
	height: 1.375rem;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='7' y='7' width='8' height='8' fill='%23D9D9D9'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 13V21H9V22H1H0V21V13H1ZM9 1H1V9H0V1V0H1H9V1ZM21 9V1H13V0H21H22V1V9H21ZM13 21H21V13H22V21V22H21H13V21Z' fill='%23A11416'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
}

.category__item-inner {
	min-height: 28.5rem;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 2.81rem 3.12rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
}

.category__item-name {
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	display: flex;
	align-items: flex-end;
}



.category__item-name span {
	position: relative;
}

.category__item-name svg {
	transform: translate(100%, -38%);
	bottom: 0;
	flex-shrink: 0;
	position: absolute;
}

.column__item {
	width: calc((100% / 4) - 1.5rem);
	color: #444E67;
}

.columns__items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 1.5rem;
	gap: 2rem;
}

.popular::before {
	content: '';
	position: absolute;
	height: 53vw;
	width: 14vw;
	right: 0;
	bottom: 0;
	transform: translateY(28%);
	background-image: url(assets/i/fare2.webp);
	background-repeat: no-repeat;
	background-size: cover;
}

.popular__item {
	padding: 1rem;
	position: relative;

}

.red__line {
	position: absolute;
	transform: translateY(-79%);
	width: 50vw;
}

.border {
	position: absolute;
	width: 18px;
	height: 18px;
	border: 1px solid #fff;
}

.top-l {
	top: 0;
	left: 0;
	border-bottom: transparent;
	border-right: transparent;
	border-radius: var(--radius) 0 0 0;
}

.top-r {
	top: 0;
	right: 0;
	border-bottom: transparent;
	border-left: transparent;
	border-radius: 0 var(--radius) 0 0;

}

.bottom-l {
	bottom: 0;
	left: 0;
	border-top: transparent;
	border-right: transparent;
	border-radius: 0 0 0 var(--radius);
}

.bottom-r {
	bottom: 0;
	right: 0;
	border-left: transparent;
	border-top: transparent;
	border-radius: 0 0 var(--radius) 0;
}


.popular {
	margin-top: -2rem;
}

.popular__item-inner {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	text-align: center;
	padding: 2rem 1.5rem;
}

.popular__item-inner .light__link {
	margin-top: 1rem;
}

.popular__item-text {
	margin-top: 2rem;
}

.light__link {
	padding: 1.125rem 3.5rem;
	border: 1px solid var(--color);
	border-radius: var(--radius);
	background-color: #fff;
}

.experts {
	padding-top: calc(48px + (96 - 48) * (calc(100vw / var(--zoom)) - 1023px) / (1920 - 1023));

}

.experts::after {
	content: '';
	position: absolute;
	height: 77vw;
	width: 18vw;
	left: 0;
	bottom: 0;
	transform: translateY(13%);
	background-image: url(assets/i/fare3.webp);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.experts__img {
	position: absolute;
	top: 0;
	transform: translateY(-55%) scale(1.05);

}

.experts .title {
	position: relative;
}

.experts__line {
	position: absolute;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: 50% 50%;
	height: 18rem;
	top: 50%;
	transform: translateY(-50%);
}

.experts_el-two {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 36% 100%);
	width: 50vw;
	height: 100%;
	background-color: var(--color);
	transform: translateY(100%);

}



.experts__inner .title h2 {
	width: 32rem;
}

.experts::before {
	content: '';
	position: absolute;
	width: 23vw;
	height: 28vw;
	bottom: 0;
	right: 0;
	background-image: url(assets/i/add_el.webp);
	background-repeat: no-repeat;
	background-size: contain;
	transform: translate(0, 9%);
	z-index: 1;
}

.experts__item {
	background-color: #E8E8E8;
	display: flex;
	flex-direction: column;
}

.experts__item-text {
	color: #191E28;
	padding: 5.56rem 1.875rem 2.32rem 1.875rem;
	position: relative;
	font-size: 1.125rem;
}

.experts__item-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 5rem;
	height: 5rem;
	background-color: #B83436;
	top: 0;
	transform: translate(0, -33%);
	border-radius: var(--radius);
}

.certificate {
	background-image: url(assets/i/certificate.webp);
	background-repeat: no-repeat;
	background-size: 92%;
	background-position: bottom;
	padding-top: var(--padding-top)
}

/* @keyframes scroll {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 100% 0;
	}
} */

.certificate::before {
	/* content: '';
	position: absolute;
	background-image: url(assets/i/cat_bg.webp);
	top: 0;
	left: 0;
	width: 100%;
	height: var(--padding-top); */
	content: '';
	position: absolute;
	background-image: url(assets/i/cat_bg.webp);
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
	transform: translateY(-37%);
	/* animation: scroll linear 10s infinite; */
	background-color: #131720;
	background-repeat-y: no-repeat;
	background-position: center;

}

.certificate__grid {
	display: grid;
	grid-template-columns: 32% calc(68% - 2rem);
	gap: 2rem;
	font-size: 1.25rem;
}

.certificate__items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
}

.certificate__item {
	padding-top: var(--form-top);
	position: relative;
}

.certificate__item::before {
	content: '';
	position: absolute;
	width: 100%;
	height: var(--form-top);
	top: -1%;
	left: 50%;
	transform: translate(-50%, 0);
	background-image: url(assets/i/form1.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.certificate__content {
	position: relative;
	padding-top: 3.44rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2rem;
}

.certificate__content .title p {
	margin: 0
}


.certificate__img {
	/* position: absolute; */
	transform: translate(-9%, 0%) scale(1.6);
	bottom: 0;
}

.portfolio {
	padding-top: calc(48px + (108 - 48) * (calc(100vw / var(--zoom)) - 1023px) / (1920 - 1023));
}

.portfolio__slider_item .image {
	position: relative;
}


.section__bg {
	background-image: url(assets/i/cube.webp);
	background-size: contain;
	background-position: 100% 100%;
}

.portfolio__slider-img.visible.visible_two {
	top: 0;
	left: 50%;
	transform: translate(-28%, -25%);
	z-index: -1;

}

.portfolio__slider .slick-list {
	overflow: visible;

}

.portfolio__slider-img.visible.visible_three {
	top: 0;
	right: 0;
	z-index: -2;
}

.main_slide {
	transform: translateY(13%);
}

.portfolio__wrapper {
	display: grid;
	display: block;
	grid-template-columns: 48% 52%;
	/* padding-bottom: calc(100px + (144 - 100) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360)); */
	padding-bottom: 3rem;
	padding-top: 2rem;
}

.portfolio__inner {
	position: relative;
}

.portfolio__inner .btn {
	margin: 0 auto;
	display: block;
	max-width: 16.5rem;
}

.portfolio__inner .pulse {
	top: unset;
	bottom: 0;
	left: -1.5rem;
	right: -1.5rem;
	z-index: -1;
	pointer-events: none;
}

.portfolio__inner.active .pulse path {
	animation: pulse 2s forwards;
	animation-delay: 1s;
}

.portfolio__inner.active .pulse circle,
.portfolio__inner.active .pulse g {
	animation: opacity 2s forwards;
	animation-delay: 1s;

}

.portfolio-slider__wrapper {
	/* width: 50%; */
	position: relative;
}

.portfolio__buttons {
	position: absolute;
	left: 2rem;
	width: 8.5rem;
	height: 3.5rem;
	bottom: -1.75rem;
}



.portfolio__buttons .slick-next {
	right: 0;

}

.portfolio__images {
	/* width: 54%; */
	/* transform: translate(-15%, 0); */
	margin-left: -16%;
}

.portfolio-slider-title {
	background-color: #A92527;
	padding: 1.7rem;
	display: flex;
	align-items: center;
	gap: 1.37rem;
	width: fit-content;
	font-size: var(--font-24);
	margin: 0;
	font-weight: 700;
}
.portfolio-slider-intro {
	margin: 2rem;
	margin-bottom: 0;
	max-width: 800px;
	font-size: 1.125rem;
	border-bottom: 1px solid rgb(255 255 255 / 20%);
	padding-bottom: 1rem;
}
.portfolio-slider-logo {
	position: absolute;
	right: 2rem;
	top: 2rem;
	background: #fff;
	padding: 1rem;
	max-width: 300px;
}
.portfolio-slider-logo img {
	max-height: 80px;
}

.reviews-section {
	padding-bottom: 0;
}

.reviews-section .title h2 {
	margin-bottom: 0;
}

.reviews-section::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 47vw;
	height: 47vw;
	background: radial-gradient(50% 50% at 50% 50%, #BE0C0B 0%, rgba(190, 12, 11, 0) 100%);
	filter: blur(270px);
	transform: translate(-64%, -79%);
}

.portfolio__slider-big {
	position: relative;
}

.portfolio__slider-big .portfolio__slider_item {
	/* background-image: url(assets/i/portfolio.webp); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	border: 1px solid var(--btn_color_1);
}

.portfolio__slider .portfolio__slider_item {
	position: relative;
}

.portfolio__lists {
	display: flex;
	padding: 2rem;
	gap: 2rem;
}
.portfolio__list .head {
	font-weight: var(--f1wb);
	margin-bottom: 1rem;
	color: var(--color);
}

.portfolio__list li:not(:last-child) {
	margin-bottom: 0.625rem;
}

.portfolio__list p {
	margin: 0;
	display: inline-block;
}

.portfolio__slider-img.visible {
	position: absolute;

}

.reviews-section .after__section-bg {
	margin-top: -10%;
}

.reviews__slider {
	position: relative;
	margin: 4rem 3.5rem 0 3.5rem;

}

.reviews__slider::before {
	content: '';
	position: absolute;
	background-image: url(assets/i/rev.webp);
	background-repeat: no-repeat;
	background-size: cover;
	top: 50%;
	transform: translateY(-50%);
	left: calc((calc(100vw / var(--zoom)) - 100%/0.9)* -0.9);
	width: 100%;
	height: 81%;

}

.reviews__slider .slick-arrow.slick-disabled.slick-next {
	transform: translate(100%, -50%) !important;
}

.reviews__slider .image img {
	vertical-align: middle;
	border-style: none;
	max-width: unset;
	max-height: unset;
	width: 100%;
	height: 100%;
	color: transparent;
}

.slick-arrow {
	background-color: #FFFFFF;
	border-radius: var(--radius);
	box-shadow: none;
	bottom: unset;
	width: 3.5rem;
	height: 3.5rem;
}
.slick-arrow svg {
	width: auto;
	height: auto;
}
.reviews-section  .slick-slide {
	margin: 0 0.75rem;
}
.reviews-section .slick-arrow {
	top: 50%;
}
.reviews-section  .slick-arr-next ,
.reviews-section  .slick-next {
	right: 0;
	transform: translate(100%,-50%);
}
.reviews-section  .slick-arr-prev ,
.reviews-section  .slick-prev {
	left: 0;
	transform: translate(-100%,-50%);
}
.reviews-section  .slick-arr-next:hover ,
.reviews-section  .slick-next:hover {
	transform: translate(100%,-50%) scale(1.1);
}
.reviews-section  .slick-arr-prev:hover ,
.reviews-section  .slick-prev:hover {
	transform: translate(-100%,-50%) scale(1.1);
}

.cooperation {
	padding-bottom: 0;
}

.cooperation::before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 47vw;
	height: 47vw;
	background: radial-gradient(50% 50% at 50% 50%, #BE0C0B 0%, rgba(190, 12, 11, 0) 100%);
	filter: blur(270px);
	transform: translate(65%, -50%);
}

.cooperation__inner .title {
	padding-bottom: calc(16px + (78 - 16) * (calc(100vw / var(--zoom)) - 1023px) / (1920 - 1023));
	width: 48%;
	margin: 0 auto;
}

.cooperation__inner .title p {
	font-size: var(--font-24);
	padding-right: 2rem;
	width: 83%;

}

.cooperation__inner .title h2 {
	margin-bottom: 1.5rem;

}

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


.cooperation__item {
	background: #E8E8E8;
	border-radius: var(--radius);
	padding: 2rem 2rem 2.5rem 2rem;
	color: #444E67;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	justify-content: space-between;
	text-align: center;
	position: relative;
	gap: 1rem;
}

.cooperation__item .btn {
	z-index: 2;
}

.cooperation__item-img {
	z-index: 2;
}

.cooperation__item:nth-child(4) .cooperation__item-img {

	transform: translateX(-10%);
}

.cooperation__item-text {
	/* padding: 0 2rem; */
	font-size: 1.25rem;
	min-height: 3.7rem;

}

.cooperation__item-text p {
	margin-bottom: 0;
}

.cooperation__item-index {
	position: absolute;
	top: 0;
	left: 0;
	color: #771B1D;
	font-size: var(--font-40);
	background: #B83436;
	padding: 1.37rem;
	line-height: 1.2;
	border-radius: var(--radius);
}

.cooperation__item-form {
	grid-column: 3 / 5;
	background-image: url(assets/i/f.webp);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: left;
	align-items: flex-start;
	color: #fff;
	justify-content: flex-start;
	gap: 1.5rem;

}

.cooperation__item-form .cooperation__item-text {
	font-size: var(--font-24);
	font-weight: 700;
	width: 16rem;
	z-index: 2;
}

.cooperation__item-form .cooperation__item-img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}



.manager__gradient {
	background-image: url(assets/i/gradient.webp);
	background-repeat: no-repeat;
	background-size: cover;
}

.manager__img {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-45%, 0);
	width: 64%;

}

.manager-1 {
	padding-bottom: 0;
}

.manager-1 .wrap {
	background: transparent;
	padding: 0;
	box-shadow: none;
	border-radius: 0;
}

.manager-1 .text-wrap {
	max-width: 28rem;
	position: relative;
	padding: 0;
}

.manager-1 .text-wrap h2 {
	margin-top: 0;
}

.manager-1 .text-wrap::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translate(-27%, 2%);
	width: 17vw;
	height: 10vw;
	background-image: url(assets/i/el.webp);
	background-repeat: no-repeat;
	background-size: contain;

}

.manager-1 .text-wrap .header h2 {
	margin-right: 0;
}

#manager {
	overflow: visible;
	padding-top: calc(48px + (166 - 48) * (calc(100vw / var(--zoom)) - 767px) / (1920 - 767));
	z-index: 0;
}

#manager ul {
	margin: 0;
	padding: 1.5rem 1rem 1.5rem 0;
	max-width: unset;

}

#manager ul li {
	margin-bottom: 0;
	font-size: 1.125rem;
	padding-left: 4.3rem;
}

#manager ul li::before {
	width: 3.12rem;
	height: 3.12rem;
	background-color: var(--color);
	background-size: 1.8rem 2rem;
	padding: 0.56rem;
	border-radius: 5px;
}

.form-wrap .form-head {
	margin: 0;
	padding: 0;
	background: transparent;
	color: #444E67;
	text-align: center;
	font-size: calc(20px + (40 - 20) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
}

.form-desk {
	color: #444E67;
	text-align: center;
}
.popup .form-desk {
	color: #fff;
}

.dark_theme .manager-1,
.dark_theme .manager-1 .wrap {
	background: transparent;
}

.pulse {
	position: absolute;
	top: -5%;
}

#manager .pulse path {
	animation: pulse 2s forwards infinite;
}

.pulse-right {
	right: 0;
	top: 19%;
	height: 22vw;
}

.pulse circle {
	opacity: 0;
}



.pulse circle,
.pulse g {
	opacity: 0;
	animation-delay: 0.5s;
	animation-duration: 2s;
}

#manager .pulse circle,
#manager .pulse g {
	animation: opacity 2s forwards infinite;
}

@keyframes opacity {
	100% {
		opacity: 1;
	}
}

@keyframes pulse {
	100% {
		stroke-dashoffset: 0;
	}
}

.dark_theme .manager-1 .form-wrap {
	color: #444E67;
}

.form-wrap .button {
	text-align: center;
	margin: 1.5rem 0;
}

.form__inner {
	padding-top: var(--form-top);
	padding-bottom: var(--form-bottom);
	position: relative;
	margin-bottom: 3.19rem;
	max-width: 28.6rem;
}

.form__inner::after {
	content: '';
	position: absolute;
	width: 100%;
	height: var(--form-top);
	top: -1%;
	left: 50%;
	transform: translate(-50%, 0);
	background-image: url(assets/i/form1.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.form__inner::before {
	content: '';
	position: absolute;
	width: 100%;
	height: var(--form-bottom);
	bottom: -2%;
	left: 50%;
	transform: translate(-50%, 0);
	background-image: url(assets/i/form2.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#manager .agreement-check {
	width: 15rem;
	margin: 0 auto;
}

.agreement-check a {
	border-bottom: 1px solid;
}

.manager-1 .form-wrap {
	padding: 2rem;
	box-shadow: none;
	max-width: 100%;
	height: auto;
	margin-top: 0;
	position: relative;
}

.manager-1 .wrap {}

.manager-1 .form-wrap::before {
	content: '';
	position: absolute;
	height: 38px;
	width: 38px;
	background-color: inherit;
	border: inherit;
	bottom: 0%;
	left: 49%;
	clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
	transform: rotate(-45deg) translate(-50%, 0);
	border-radius: 0 0 0 1.25em;
}

.dark_theme .form-group {
	background: #EEEFF2;
	border: 1px solid #D1D4DA;
	border-radius: 5px;
	color: #444E67;
	padding-right: 0;
}

.form-group {
	border-radius: 5px;
	position: relative;
	display: flex;
	align-items: center;
	padding: 0rem 0.62rem 0rem 1rem;
}



.dark_theme .hideLabels .form-control {
	color: #444E67;
	padding: 1rem 0.43rem 1rem 1.19rem;
}

.hideLabels .form-control {
	/* margin-left: 1rem; */
	/* border-left: 1px solid #D1D4DA; */
	border-radius: 0;
	/* padding: 1rem 1rem 1rem 4.5rem; */

}

.form__icon {
	position: relative;
	border-right: 1px solid #D1D4DA;
	padding: 0.2rem 0.875rem 0.2rem 0;
}

/* .form__icon::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 80%;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	background-color: #D1D4DA;
} */

.dark_theme .manager-1 .form-wrap {
	background: #fff;
}



#manager ul li:not(:last-child) {
	margin-bottom: 1.5rem;
}

#manager ul li:first-child::before {
	background-image: url(assets/i/1.svg);
}

#manager ul li:nth-child(2)::before {
	background-image: url(assets/i/2.png);
}

#manager ul li:nth-child(3)::before {
	background-image: url(assets/i/3.svg);
}

/* #manager .form-group::before {
	content: '';
	position: absolute;
	width: 1.4rem;
	height: 1.4rem;
	background-size: contain;
	background-repeat: no-repeat;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
} */

/* #manager .form-group.form__name::before {
	background-image: url(assets/i/person.svg);
}

#manager .form-group.form__tel::before {
	background-image: url(assets/i/tel.svg);
}

#manager .form-group.form__mail::before {
	background-image: url(assets/i/mail.svg);
} */

#footer {
	margin: 0 1.3rem;
	padding: 0 0 2rem 0;
	border-top-right-radius: var(--radius);
	border-top-left-radius: var(--radius);
	z-index: unset;
}

#footer .row {
	margin: 0;
	position: relative;
	padding-bottom: calc(32px + (73 - 32) * (calc(100vw / var(--zoom)) - 767px) / (1920 - 767));

}

#footer .row::before {
	content: '';
	position: absolute;
	bottom: 1.3rem;
	left: 50%;
	transform: translate(-50%, 0);
	background: linear-gradient(45deg, #B83436 0%, rgba(184, 52, 54, 0) 100%);
	width: 1px;
	height: 100%;
}

.footer__wrapper {
	position: absolute;
	background-color: #10131A;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	height: 88%;
	width: 92%;
	background-image: url(assets/i/footer.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-top-right-radius: var(--radius);
	border-top-left-radius: var(--radius);
}

.logo__col {
	width: 100%;
	margin-bottom: 0rem;
	transform: translateY(-3rem);
	position: relative;
	z-index: 2;
	margin-bottom: -2rem;
}

.footer-contacts {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.4rem;
}

.footer-contacts li {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	font-size: var(--font-24);

}

#footer .phone-content,
#footer a[href^="mailto:"] {
	color: #fff;
	font-size: var(--font-24);
}

#footer a[href^="mailto:"] {
	border-bottom: 2px solid;
}

#footer li[itemprop="telephone"] {
	margin-bottom: 0;

}

#footer .footer__address {
	margin-left: auto;
	text-align: right;
	flex-direction: column;
}

.footer__wrapper-logo {
	max-width: 12rem;
	margin: 0 auto;
}

#footer .footer-logo {
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius);
}

#footer .footer-head,
.footer-menu.footer-main-menu .menu .menu-item a {
	letter-spacing: 0;
	text-transform: none;
	font-size: 1.25rem;
	font-weight: 700;
	opacity: 1;

}

#footer .footer-head,
.footer-menu.footer-main-menu .menu .menu-item {
	margin-bottom: 1.3rem;
}

.footer-menu .menu .menu-item a {
	text-decoration: none;
	font-size: 1rem;
	line-height: 1.125;
}


.footer-menu .menu li {
	margin-bottom: 0.43rem;
}

#footer .descriptor {
	color: #707F94;
	text-align: center;
}

.footer__copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	color: #707F94;
	padding: 1.56rem 0 0 0;
	position: relative;
	font-size: 12px;
}



.b2b-copy {
	margin-top: 0;
}

.footer__copyright:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	background: radial-gradient(51.01% 510135.13% at 48.99% 0%, #B83436 0%, rgba(184, 52, 54, 0) 100%);

}

.policy {
	color: #707F94;
	border-bottom: 1px solid;
	padding-bottom: 0.3rem;
	font-size: 12px;
}

#white {
	fill: none;
	stroke: #fff;
	stroke-width: 6px;
	stroke-lineCap: square;
	stroke-dasharray: 0.5, 10.7075;
}

#def {
	fill: none;
	stroke: #373B43;
	stroke-width: 8px;
	stroke-lineCap: square;
	stroke-dasharray: 0.5, 10.7075;
}


@keyframes moveMask {
	0% {
		stroke-dashoffset: 314.15;
	}

	100% {
		stroke-dashoffset: 0;
	}
}



#hero.hero__error .wrap,
#hero.hero__thanks .wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#hero.hero__error h1 {
	font-size: calc(100px + (242 - 100) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	margin-bottom: 1rem;
}

#hero.hero__thanks h1 {
	font-size: calc(60px + (180 - 60) * (calc(100vw / var(--zoom)) - 360px) / (1920 - 360));
	margin-bottom: 1rem;
}

#hero.hero__error .main,
#hero.hero__thanks .main {
	justify-content: center;
	padding: 6rem 0;
}

#hero .main {
	padding-top: 7rem;
}
#hero.no-content .main {
	padding-bottom: 0rem;
	padding-top: 3rem;
}

#contacts.contacts-page {
	padding: 7rem 0 5rem;
}

@media screen and (min-width: 2500px) {
	body {
		zoom: 1.333;
	}

	:root {
		--zoom: 1.333;

	}
}

@media screen and (max-width: 1919px) {
	#manager .pulse {
		width: 10vw;
	}

	.header__contacts {
		padding-left: 1rem;
	}

	.header__adress {
		padding: 1rem 1.5rem;
	}

	#menu {
		margin-left: 1rem;
	}

	#menu .menu .menu-item a {
		padding-top: 2.4rem;
		padding-bottom: 2.4rem;
	}

	#header .logo {
		width: 8rem;
		flex: 0 0 8rem;
	}
}

@media screen and (max-width: 1600px) {
	.quiz .title h2 {
		margin-top: 0;
	}

	.quiz__item {
		padding-top: 1.5rem;
	}

	#header .content {
		margin-left: 0;
	}

	.quiz__buttons {
		padding-top: 1.5rem;
	}

	.hero3__slider .slick-slide .hero__img {
		max-width: 100%;
		height: 90%;
	}

	.header__adress {
		max-width: 15.5rem;
	}

	.popular__inner .columns__items {
		gap: 1rem;
	}

	.popular__inner .column__item {
		width: calc((100% / 4) - 0.8rem);
		color: #444E67;
	}
}

@media screen and (max-width: 1535px) {
	.cooperation__item-text {
		font-size: 1.15rem;

	}

	.company__item {
		padding: 3rem 2rem;
	}

	.cooperation__item-form .cooperation__item-img {
		width: 86%;
	}

	.cooperation__item {
		padding: 1.5rem;
	}

	.header__adress {
		max-width: 13rem;
		padding: 1rem;
		font-size: 0.8rem;
	}
	.header_time{
		font-size: 0.8rem;
	}
	.menu .menu-item a {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.menu-item.menu-item-has-children a {
		padding-right: 2.5rem;
	}

	.certificate__img {
		transform: translate(-9%, 0%) scale(1.4);
	}

	.quiz__inner-form {
		grid-template-columns: 70% calc(30% - 1.25rem);
	}

	.experts__item-text {
		padding: 4.5rem 1.875rem 3rem 1.875rem;
	}

	.experts__item-text br {
		display: none;
	}


	.popular__item-inner img {
		max-width: 85%;
	}

	.company__inner {
		padding-top: 0;
	}

	.cooperation__inner .title h2,
	.reviews-section .title h2,
	.experts__inner .title h2 {
		margin-top: 0;
	}

	.experts__img {
		transform: translateY(-58%) scale(1.05);
	}

}

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

	.popular__item-text {
		margin-top: 1rem;
	}

	.popular__item-inner {
		padding: 1rem;
	}

	#header .logo {
		width: 7rem;
		flex: 0 0 7rem;
	}

	.popular {
		margin-top: 0;
	}

	.popular .title h2 {
		margin-top: 0;
	}

	.reviews-section {
		padding-top: 0;
	}
}

@media screen and (max-width: 1365px) {
	.footer-contacts {
		gap: 1.4rem;
	}

	.certificate__content {
		padding-top: 0;
	}

	.quiz__inner-form {
		grid-template-columns: 75% calc(25% - 1rem);
		gap: 1rem;
	}

	.quiz input[type=radio]+label,
	.quiz input[type=checkbox]+label {
		margin: 0;
		display: block;
		padding: 1rem 1rem 1rem 3rem;
		width: 100%;
		font-size: 0.9rem;
	}

	.quiz__answer input[type=radio]+label::before,
	.quiz__answer input[type=checkbox]+label::before,
	.quiz__answer input[type=radio]+label::after,
	.quiz__answer input[type=checkbox]+label::after {
		left: 0.7rem;
	}

	.experts__item-text {
		padding: 4.5rem 1.5rem 3rem 1.5rem;
	}

	.columns__items {
		gap: 1rem;
	}

	.column__item {
		width: calc((100% / 4) - 0.8rem);
	}

	.experts__item-icon {
		width: 4rem;
		height: 4rem;
		padding: 0.7rem;
	}

	.category__item-inner {
		min-height: 24.5rem;
	}

	.pulse.category__border-bottom {
		left: -1.2rem;
		right: -1.2rem;
	}

	.popular .columns__items {
		gap: 1rem;
	}

	.main_slide,
	.visible {
		width: 60%;
	}


	.portfolio__slider-img.visible.visible_three {
		height: 100%;
	}

	.company__inner .title h2 {
		margin-top: 0;
		margin-bottom: 1rem;
	}

	.header__adress.descriptor {
		display: none;
	}


}

@media screen and (max-width: 1279px) {
	.footer__wrapper {
		width: 95%;
	}

	.manager-1 .text-wrap::before {
		transform: translate(0%, 2%);
	}

	.manager-1 .form-wrap .form-head {
		margin: 0;
		padding: 0;
	}

	.certificate__grid {
		font-size: 1.1rem;
	}

	.light__link {
		padding: 1.125rem;
		width: 100%;
	}

	.column__item {
		width: calc((100% / 3) - 1.5rem);
	}

	.columns__items {
		padding-top: 1rem;
	}



	.certificate::before {
		/* height: 50%; */
		background-size: 45%;
	}

	.experts::after {
		z-index: 0;
	}

	.experts__inner .columns__items {
		gap: 2rem;
	}
	
	.portfolio-slider-intro {
		width: calc(100% - 350px);
	}
	.portfolio-slider-logo {
		max-width: 250px;
	}
	.reviews-section .slick-arr-prev ,
	.reviews-section .slick-arr-next {
		transform: translate(0%,-50%);
		width: 2.5rem;
		height: 2.5rem;
	}

}

@media screen and (max-width: 1149px) {
	.cooperation__item-text {
		font-size: 1rem;
	}

	.certificate__grid {
		grid-template-columns: 40% calc(60% - 2rem);

	}

	.certificate__img {
		transform: translate(-9%, 0%) scale(1);
	}

	.certificate__items {
		gap: 1rem;
	}

	#manager .pulse {
		width: 13vw;
		top: unset;
		bottom: 20%;
	}



	.category__item-inner {
		min-height: 21.5rem;
	}

	.category__item-name {
		font-size: 1rem;

	}

	.category__item-name svg {
		transform: translate(60%, -38%);

	}

	.category__items {
		gap: 1.5rem;
	}

	.category__item-inner {
		padding: 2rem;
	}

	.portfolio__wrapper {
		grid-template-columns: 55% 45%;
	}

	.main_slide {
		transform: translateY(5%);
	}

	.category__items {
		padding-bottom: 3rem;
	}



	.portfolio__list {
		padding: 1rem
	}

	.portfolio__buttons {
		left: 1rem;
	}



	.popular__item-inner img {
		max-width: 71%;
	}

	.popular__item-text {
		font-size: 0.9rem;
	}

	.cooperation {
		padding-top: 1rem;
	}

	.type-header.slimbar_off.main_menu_on #header .contacts {
		margin-right: 0;
	}

	.mobile-icon {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	#footer .col:nth-child(1) {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		order: 2;
	}
.social-hero.social .soc {
    width: 1.75rem;
    height: 1.75rem;
}
.social-hero.social .soc svg {
    width: 1.3rem;
    height: 1.3rem;
}
	#footer .row::before {
		display: none;
	}

	.mobile-icon {
		display: block;
		top: 1rem !important;
	}

	.open span {
		background-color: var(--color) !important;
	}

	.header__adress {
		display: none;
	}

	#header .logo a img {
		max-height: 5rem;
	}

	#contacts.contacts-page {
		padding: 4rem 0;
	}

	#hero .main {
		padding-top: 4rem;
	}

	#header .contacts .phone-content {
		font-size: 1rem !important;

	}

	#header .content .descriptor {
		display: block;
		margin-right: auto;
	}

	.footer-contacts {
		width: 80%;
		margin-left: auto;
	}

	.hero3__slider .slick-slide .hero__img {
		height: 80%;
	}

	.portfolio {
		padding-bottom: 1rem;
	}
	.portfolio-slider-intro {
		width: auto;
	}
	.portfolio-slider-logo {
		display: none;
	}

	.footer__copyright {
		flex-wrap: wrap;
	}

	.hero__text p {
		margin-bottom: 1rem;
	}

	.hero__text-container {
		max-width: 19.4rem;
	}

	.type-header.slimbar_off.main_menu_on #header .contacts {
		margin-right: 4rem;
	}

	.footer__wrapper {
		background-position: 18% 100%;
	}

	.columns__items {
		gap: 1.5rem;
	}

	.column__item {
		width: calc((100% / 3) - 1rem);
	}

	.popular__item {
		padding: 0.5rem;
	}

	.popular__item-inner .light__link {
		padding: 1rem;
	}

	.manager-1 .text-wrap::before {
		display: none;
	}

	.manager__img {
		left: 0;
		transform: translate(0, 6%);
		width: 52%;
	}

	#manager {
		padding-top: 4rem;
	}

	.manager-1 .text-wrap h2 {
		margin-bottom: 1rem;
	}

	.popular .column__item {
		width: calc((100% / 3) - 1rem);
	}

	.form-wrap .form-header {
		margin-bottom: 1rem;
	}

	.form-desk {
		margin: 1rem 0 1rem;
	}

	#manager .agreement-check {
		width: 100%;
	}

	.manager-1 .form-wrap {
		padding: 1.3rem;
	}



	.form__inner {
		margin-bottom: 2rem;
		max-width: 24.6rem;
	}

	#manager ul li {
		font-size: 1rem;
	}

	.reviews__slider {
		position: relative;
		margin: 2rem 3rem 0 3rem;
	}

	.reviews__slider .slick-arrow,
	.portfolio .slick-arrow {

		width: 2.5rem;
		height: 2.5rem;
	}

	.category__inner .title h2 {
		margin-bottom: 0;
	}

	.reviews-section .slick-arrow svg,
	.portfolio .slick-arrow svg {
		width: 45%;
		height: 45%;
	}

	.cooperation__items {

		grid-template-columns: repeat(3, 1fr);
		gap: 1rem;
	}

	.cooperation__item-form {
		grid-column: 3 / 4;
	}

	.cooperation__item-form {
		grid-column: 1 / 4;
	}

	.cooperation__item-form .cooperation__item-img {
		width: 50%;
		right: 5%;
	}

	.cooperation__inner .title {
		width: 60%;
	}

	.cooperation__items {
		padding-top: 1.5rem;
	}

	.company__items {
		grid-template-columns: repeat(3, 1fr);
	}

	.company__item {
		padding: 2rem;
	}

	.quiz__box {
		display: none;
	}

	.quiz__inner-form {
		grid-template-columns: 100%;
	}

	.quiz__form-inner {
		grid-template-columns: calc(76% - 1rem) 24%;
		gap: 1rem;
	}

	/* .category__inner .title {
		width: 52%;
		margin: 0 auto;
		transform: translateY(-26%);
		background-color: #131720;
	} */

	.category__item-inner {
		min-height: 16.5rem;
	}

	.category__item {
		width: calc((100% / 3) - 0.5rem);
	}

	.category__items {
		/* padding: 6rem 2rem 6rem 2rem; */
		gap: 0.5rem;
	}

	.category__item-inner {
		padding: 1rem;
	}

	.category__item-name svg {
		width: 0.7rem;
		height: 0.7rem;
	}

	.category__item-name {
		font-size: 0.9rem;
	}

	.pulse.category__border-bottom {
		left: -0.8rem;
		right: -0.8rem;
	}

	.category__inner .title {
		width: 52%;
		margin: 0 auto;
		position: relative;
		transform: none;
		left: unset;
	}

	.popular__item-inner img {
		max-width: 70%;
	}

	.portfolio__wrapper {
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
		padding-top: 0;
	}

	.portfolio__images {
		margin-left: 0;
	}

	.portfolio__images {
		width: 80%;
		margin: 0 auto;
	}

	.main_slide {
		transform: translateY(0%);
	}

	.portfolio__buttons {
		height: 2.5rem;
		width: 6rem;
		right: 2rem;
		left: unset;
		bottom: -1rem;
	}

	.portfolio__slider-img.visible.visible_two {
		transform: translate(-28%, -6%);

	}

	.portfolio__slider_item .image,
	.portfolio__slider-img {
		height: 100%;
	}

	.portfolio__slider-img img {
		max-width: unset;
		max-height: unset;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.portfolio-slider__wrapper {
		position: unset;
	}

	.portfolio__list {
		padding: 1rem 0;
	}

	.portfolio .title {
		width: 80%;
	}

	.portfolio__inner .pulse {

		left: 2.25rem;
		right: 2.25rem;

	}

	.experts__img {
		transform: translateY(-77%) scale(1.05);
	}

	.element {
		width: 1rem;
		height: 1rem;
	}

	.after__section-bg {
		height: 24vh;
	}

	.after__section-bg img {
		max-width: unset;
		max-height: unset;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#footer .footer-head,
	.footer-menu.footer-main-menu .menu .menu-item a {
		font-size: 1rem;
	}

	.footer-menu.footer-main-menu .menu .menu-item {
		margin-bottom: 1rem;
	}

	.dark_theme .menu .menu-item .sub-menu {
		background-color: transparent;
	}

	.mobile .contacts {
		color: var(--dark);
	}

	.hero3__slider h1 br,
	.hero3__slider h2 br {
		display: none;
	}

	:root {
		--hero-top: 3rem;
		--hero-bottom: 2rem;
	}

	.hero__inner {
		display: flex;
		gap: 0rem;
		flex-direction: column;
	}

	.hero3__slick-btns {
		width: 100%;
		flex-direction: row;
		height: auto;
		padding: 0;
	}

	.hero3__slick-btns-img {
		width: 100%;
		flex-direction: row;
	}

	.hero3__slick-btns::before {
		top: 50%;
		right: 0;
		transform: translate(0, -50%);
		width: 97%;
		height: 1px;
		left: unset;
	}

	.hero3__slick-btns-wrap {
		flex-direction: row;
	}

	.hero {
		padding: 0;
	}

	.portfolio {
		padding-top: 3rem;
	}

	.experts__inner .columns__items {
		overflow: auto;
		flex-wrap: nowrap;
		overflow-y: hidden;
		justify-content: flex-start;
		padding-bottom: 1.5rem;
		margin-left: -2rem;
		margin-right: -2rem;
		padding-left: 2rem;
		padding-right: 2rem;
		gap: 1.5rem;
	}

	.experts__inner .column__item {
		width: 18rem;
		flex: 0 0 18rem;
		height: auto !important;
	}

	/* 
	@keyframes transform {
		0% {
			transform: translate(36%, -50%) scale(0.8);
		}

		100% {
			opacity: 1;
			transform: translate(36%, -50%) scale(1);
		}

	} */
}

@media screen and (max-width: 767px) {
	#footer {
		margin: 0;
	}
	.hero3__buttons {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 1rem;
}
.page-id-2247 .hero-btn-desc, .page-id-2243 .hero-btn-desc {
    max-width: 68%;
    flex: unset;
}

	.quiz .title {
		width: 67%;
	}

	.quiz__form-img {
		display: none;
	}

	#header .content .descriptor {
		display: none;
	}

	#header .content .contacts {
		padding: 1rem 0;
	}

	#manager .pulse.pulse-right {
		bottom: unset;
		height: 29vw;
		width: 23vw;
	}

	.quiz__form-inner {
		grid-template-columns: 100%;
	}

	.quiz__form {
		padding: 1.5rem;
	}

	.experts__inner .title h2 {
		width: 30rem;
	}


	.quiz__item {
		padding-top: 1.5rem;
	}

	.quiz__buttons {
		padding-top: 1.5rem;
	}

	.portfolio__wrapper {
	}
	.portfolio__lists {
		display: block;
		font-size: 0.9rem;
	}
	.portfolio-slider-intro {
		font-size: 1rem;
	}

	.portfolio__inner .pulse {
		left: 1.5rem;
		right: 1.5rem;
		height: 24%;
	}


	.column__item {
		width: calc((100% / 2) - 1rem);
	}

	.columns__items {

		gap: 1.5rem;
	}

	.quiz input[type=radio]+label,
	.quiz input[type=checkbox]+label {
		padding: 0.9rem 0.9rem 0.9rem 3rem;

	}

	.certificate::before {
		height: 50%;
		transform: translateY(-45%);
	}

	.quiz__form {
		min-height: 40rem;
		/* justify-content: flex-start; */
	}

	.quiz__buttons {
		padding-top: 1.5rem;
		margin-top: auto;
	}

	#footer .footer-head,
	.footer-menu.footer-main-menu .menu .menu-item {
		margin-bottom: 0.8rem;
	}

	.quiz__item.quantity .quiz__answer {
		width: 100%;
	}

	#footer .row {
		padding: 1.5rem 0;
		row-gap: 0;
	}

	.manager__img {
		display: none;
	}

	.form__inner {
		margin: 0 auto;
	}

	.cooperation__item-form {
		grid-column: 1 / 3;
	}

	.cooperation__items {
		grid-template-columns: repeat(2, 1fr);
	}

	.cooperation__item {
		padding: 1.5rem;
	}

	.cooperation__inner .title {
		width: 100%;
	}

	.company__item {
		padding: 1rem;
	}

	.certificate__grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.certificate__content {
		order: 1;
	}

	.category__item {
		width: calc((100% / 2) - 0.5rem);
	}

	.quiz__main-bg {

		width: 100%;
		height: 50%;
	}

	.quiz__main-bg img {
		max-width: unset;
		max-height: unset;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.popular .column__item {
		width: calc((100% / 2) - 0.5rem);
	}

	.hero__text-inner {
		padding: 1rem;
	}

	.hero .btn span {
		padding: 1.125rem .5rem;
	}

	.hero .btn {
		width: 100%;
	}

	.hero__content {
		width: 70%;
		flex: 0 0 70%;
		display: flex;
		flex-direction: column;
		justify-content: center;

	}

	.hero__slide-inner {
		height: 100%;
	}

	.hero__text-container {
		max-width: 16rem;
	}

	.hero3__slick-btns::before {
		width: 95%;
	}

	@keyframes transform {
		0% {
			transform: translate(36%, 0%) scale(0.8);
		}

		100% {
			opacity: 1;
			transform: translate(36%, 0%) scale(1);
		}

	}


	.hero__img {
		position: absolute;
		top: 0;
		right: 0;
		top: 0;
		transform: translate(0, 0%);

	}

	.hero3__slider .slick-slide .hero__img::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0.5;
		background-color: var(--dark);
	}

	.category__inner .title {
		width: 95%;
	}

	.category__items .pulse,
	.category__inner .btn::before,
	.pulse.category__border-bottom {
		display: none;
	}

	.category__items {
		padding: 2rem 0 2rem 0;
	}

}

@media screen and (max-width: 550px) {
	.footer__wrapper {
		height: 95%;
	}
#header .social-hero {
    display: none;
}
	.footer-contacts {
		width: 100%;

	}

	.footer__wrapper {
		width: 100%;
	}

	#footer .footer-head,
	.footer-menu.footer-main-menu .menu .menu-item a {
		font-size: 1rem;
	}

	.category__inner .btn {
		transform: none;
	}

}

@media screen and (max-width: 499px) {
	.header_time{
	display:none;
	}
	.page-id-2243 .social-hero {

    margin-top: 1rem;
}
	.li_col-2 {
		column-count: 1;
	}
	#footer .main {
		padding-left: 0.5rem;
	}

	.form__inner {

		max-width: 100%;
	}

	#header .logo {
		width: 6rem;
		flex: 0 0 6rem;
	}

	.reviews__slider {
		position: relative;
		margin: 2rem 0rem 0 0rem;
	}

	.company__items {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}

	.company__item:nth-child(even) {
		background-color: transparent;
		border: 1px solid #373B43;
	}

	.company__item:nth-child(even) .company__item-inner {
		border-bottom: 1px solid #667085;
	}

	.company__item:nth-child(4n+1),
	.company__item:nth-child(4) {
		background-color: var(--color);
	}

	.company__item:nth-child(4n+1) .company__item-inner,
	.company__item:nth-child(4) .company__item-inner {
		border-bottom: 1px solid #F28587;
	}

	.company__item .text_middle {
		margin: 0;
	}

	.column__item {
		width: calc((100% / 1) - 1rem);
	}

	.columns__items {
		margin: 0 1.5rem;
	}

	.popular .columns__items {
		margin: 0;
	}

	.experts__inner .title h2 {
		width: 100%;
	}

	.portfolio__images {
		width: 93%;

	}


	.experts__img {
		transform: translateY(-87%) scale(1.05);
	}

	.quiz .title {
		width: 90%;
	}

	.company__item .company__item-inner {
		padding-bottom: 1rem;
		margin-bottom: 1rem;

	}

	.company__item br {
		display: none;
	}

	.experts__item-text {
		padding: 3.5rem 1rem 2rem 1rem;
	}

	.hero3__slider .slick-slide .hero__img {
		height: 60%;
	}

	.hero__title h2 {
		margin-bottom: 1rem;
	}

	.reviews__slider {
		margin: 2rem 2rem 0 2rem;
	}

	.quiz__flex {
		flex-direction: column;
	}

	.quiz__item .quiz__answer--other {
		width: 100%;
	}

}

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

	.quiz__item.metal .quiz__answer,
	.quiz__item.type .quiz__answer {
		width: 100%;
	}
	.page-id-2247 .hero-btn-desc, .page-id-2243 .hero-btn-desc {
    max-width: 78%;
}

	.quiz__form {
		min-height: 46rem;
	}

	.category__item-inner {
		padding: 1.3rem;
	}

	.quiz .title {
		width: 91%;
	}

	.category__item-inner {
		min-height: 14rem;
	}

	.category__item {
		width: calc((100% / 2) - 0.3rem);
	}

	.category__item {
		padding: 0.5rem;
	}

	.portfolio__wrapper {

		padding-left: 0rem;
		padding-right: 0rem;
	}

	.portfolio__images {
		width: 100%;
	}

	.portfolio__inner .pulse {
		left: -0.4rem;
		right: -0.4rem;

	}

	.portfolio .title {
		width: 90%;
	}

	.hero__content {
		width: 73%;
		flex: 0 0 73%;

	}

	.popular .column__item {
		width: 100%
	}

	.popular .columns__items {
		margin: 0 2rem;
	}

	.popular__item-inner img {
		max-width: 57%;
	}

	.experts__inner .column__item {
		width: 16rem;
		flex: 0 0 16rem;
	}
}

@media screen and (max-width: 374px) {}

@media screen and (max-width: 359px) {
	.cooperation__item {
		padding: 0.9rem;
	}

	.category__item {
		width: 100%;
	}

	.category__items {
		padding: 2rem;
	}
}

@media screen and (max-width: 320px) {}