@import url(https://fonts.googleapis.com/css?family=Manrope:regular,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Unbounded:200,300,regular);

:root{
	--theme-color: var(--akcent);
	--text-color: var(--chernyy);
	--background-color: var(--seryy);
	accent-color: var(--theme-color);
	--wrapper-size: 178rem;
	--wrapper-padding: 1.5rem;
	--section-margin: 5rem;
		--chernyy: #111;
	--belyy: #fff;
	--akcent: #eec830;
	--seryy: #f2f2f2;
	--akcent---2: #7249f2;
	--radius: 2rem;
	--font-family: "Manrope", sans-serif;
  --second-family: "Unbounded", sans-serif;
}

html{
	height: 100%;
	font-size: 0.533335vw;
	scroll-behavior: smooth;
}

@media (min-width: 2200px) {
	html{
		font-size: 0.455vw;
	}
}


body{
	font-family: var(--font-family);
	display: flex;
	flex-direction: column;
	font-size: 2rem;
	min-height: 100%;
	background-color: var(--background-color);
	color: var(--text-color);
}


::selection{
	color: #FFF;
	background-color: var(--akcent---2);
}

body::-webkit-scrollbar{
	width: 0.8rem;
}

body::-webkit-scrollbar-thumb{
	background-color: var(--akcent---2);
}

body.z-index::before{
	z-index: 150;
}

body.scroll-lock, body.menu-open{
	overflow: hidden;
}

.mob-tel{
	display: none;
}

.mob-mini-tel{
	display: none;
}

.main{
	flex-grow: 1;
}

.wrapper{
	width: min(var(--wrapper-size), calc(100% - (var(--wrapper-padding) + var(--wrapper-padding))));
	margin-inline:auto;
}

.wrapper-padding{
	padding-left: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
	padding-right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
}

.wrapper-padding.scroll-table::-webkit-scrollbar, .wrapper-padding.scroll-phone{
	display: none;
}

.menu-burger{
	display: none;
}

[data-modal]{
	cursor: pointer;
}


.pp-animate .modal__body{
	opacity: 1;
	translate: 0px 0px;
}

.pp-animate .modal__fade{
	background-color: rgba(24, 24, 27, 0.88);
}

.modal-close::before{
	transform: rotate(-45deg);
	top: calc(50% - 3px);
}

.modal-close::after{
	transform: rotate(45deg);
	bottom: calc(50% - 1px);
}

.pp-unanimate .modal__body{
	opacity: 0;
	translate: 0px 2rem;
}

.modal-close{
	padding: 0.7rem 0.7rem;
	display: flex;
	position: relative;
	align-self: center;
	background-color: #ffffff00;
	width: 3.5rem;
	height: 3.5rem;
	z-index: 12;
	cursor: pointer;
}

.modal-close{
	position: absolute;
	right: 5px;
	top: 5px;
	transition: 0.2s ease 0s;
}

.modal-close:hover{
	opacity: 0.8;
}

.modal-close::before,
.modal-close::after{
	content: "";
	transition: all 0.3s ease 0s;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	position: absolute;
	width: calc(100% - 1.5rem);
	height: 0.4rem;
	background-color: var(--theme-color);
	border-radius: 0.2rem;
	animation: fadeIn 1s ease 0.5s forwards;
}

@keyframes fadeIn {
	0%{
		opacity: 0;
		translate: 0px 10px;
	}
	
	100%{
		opacity: 1;
		translate: 0px 0px;
	}
}

.scroll-up {
	box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.1);
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	width: 6rem;
	position: fixed;
	right: 3rem;
	bottom: 3rem;
	height: 6rem;
	border-radius: 50%;
	background-color: var(--theme-color);
	transition: 0.3s ease 0s;
	z-index: 100;
}

.scroll-up.active {
	opacity: 1;
	pointer-events: all;
}

.scroll-up svg, .scroll-up img{
	transition: 0.2s ease 0s;
}

.scroll-up:hover img,  .scroll-up:hover svg{
	transform: translate(0px, -2px);
}

.scroll-up svg{
	width: 40%;
}

.swiper-button-next, .swiper-button-prev{
	margin-top: 0px;
	top: 50%;
	translate: 0px -50%;
}

.swiper-slide{
	height: auto;
}

.swiper-button-next svg, .swiper-button-next img, .swiper-button-prev svg, .swiper-button-prev img{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}

.swiper-button-next::after, .swiper-button-prev::after{
	display: none;
}

.modal-cookie{
	position: fixed;
	pointer-events: none;
	bottom: 0;
	width: 100%;
	left: 0;
	padding: 0px 1.5rem;
	translate: 0px calc(100% + 3.5rem);
	z-index: 200;
	animation: cookieVisible 1s ease 2s forwards;
}

.modal-cookie .wrapper{
	display: flex;
	justify-content: flex-start;
}

.modal-cookie__body{
	pointer-events: all;
	box-shadow: 0 1.6px 2.9rem -1.6rem rgba(2, 54, 113, 0.3);
	background: #fff;
	translate: 0px calc(0% - 3rem);
	overflow: hidden;
	padding: 2.4rem;
	max-width: 45rem;
	text-align: center;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 150%;
	text-align: center;
	color: var(--dark);
	transition: 0.4s ease 0s;
}

.modal-cookie__body button{
	flex-grow: 1;
	width: calc((100% - 1.6rem) / 2);
	font-size: 1.4rem;
	border-radius: 1rem;
	padding: 1rem !important;
}

h1 span, .h1 span{
	color: var(--akcent---2) !important;
}

.privacy .wrapper *:not(:last-child){
	margin-bottom: 1.5rem;
}

@keyframes cookieVisible {
	0%{
		translate: 0px 20rem;
	}

	100%{
		translate: 0px 0rem;
	}
}

.modal-cookie.hidden-modal .modal-cookie__body{
	opacity: 0;
}

.modal-cookie__bottom{
	display: flex;
	gap: 1.6rem;
}

.modal-cookie a{
	color: var(--theme-color);
}

.modal-cookie__text{
	margin-bottom: 1.5rem;
}

.burger-menu{
	display: none;
}

.privacy ul{
	padding-left: 2.4rem;
}

.privacy ul li{
	list-style: disc;
}

/* ==================================== */



@media (max-width: 1024px) {
	:root{
		--wrapper-size: 100%;
		--section-margin: 4rem;
	}

	html{
		font-size:0.977vw; 
	}

	.wrapper-padding.scroll-table{
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.wrapper-padding.scroll-table .scroll-el{
		scroll-snap-align: center;
	}

	.modal-cookie.hidden-modal .modal-cookie__body{
		opacity: 0;
	}

	.modal-cookie__body{
		padding: 2rem;
		font-size: 1.4rem;
		transition: 0.4s ease 0s;
	}

	body{
		font-size: 1.8rem;
	}
}

@media (max-width: 768px) {
	.mob-tel{
		display: block;
	}
			html{
		font-size: 1.705vw;
			/* 1.305vw */
	}
	
		body{
		font-size: 1.6rem;
	}

	.wrapper-padding.scroll-phone{
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.modal-cookie__body button {
    height: 4rem;
		font-size: 1.4rem;
		width: calc((100% - 1rem) / 2);
	}


	.modal-cookie__bottom{
		gap: 1rem;
	}

	.wrapper-padding.scroll-phone .scroll-el{
		scroll-snap-align: center;
	}

	.scroll-up {
		width: 4.5rem;
		height: 4.5rem;
		padding: 0.5rem;
		right: 1.5rem;
		bottom: 1.5rem;
		margin-bottom: -4.5rem;
	}

	.scroll-up.active {
		margin-bottom: 0;
	}

	:root{
		--section-margin: 3.5rem;
	}

	.burger-menu{
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: var(--background-color);
		z-index: 200;
		overflow: auto;
		transition: 0.8s ease 0s;
		translate: 100% 0%;
	}

	body.menu-open .burger-menu{
		translate: 0px 0px;
	}

	.burger-menu::-webkit-scrollbar{
		display: none;
	}

	.menu-burger{
		padding: 0px 1rem;
		display: flex;
		position: relative;
		align-self: center;
		background-color: #ffffff00;
		width: 5.5rem;
		height: 2.4rem;
		margin: 0px -1rem;
		z-index: 12;
	}
	
	.menu-burger span,
	.menu-burger::before,
	.menu-burger::after{
		content: "";
		transition: all 0.4s ease 0s;
		left: 50%;
		translate: -50% 0%;
		position: absolute;
		width: calc(100% - 20px);
		height: 4px;
		background-color:var(--theme-color);
		border-radius: 0.2rem;
	}
	
	.menu-burger::before{
		top: 0px;
	}
	
	.menu-burger::after{
		bottom: 0px;
	}
	
	.menu-burger span {
		top: calc(50% - 1px);
	}
	
	body.menu-open .menu-burger span{
		transform: scale(0);
	}
	
	body.menu-open .menu-burger::before{
		transform: rotate(-45deg);
		top: calc(50% - 3px);
	}
	
	body.menu-open .menu-burger::after{
		transform: rotate(45deg);
		bottom: calc(50% - 1px);
	}

	:root{
		--radius: 1rem;
	}
}

@media (max-width: 480px) {
	.mob-mini-tel{
		display: block;
	}
	
	
	html{
		font-size: 2.63vw;
	}

	.modal-cookie{
		padding: 0px 1rem;
	}

	.modal-cookie__body {
		padding: 1rem;
	}

	.modal-cookie__text{
		font-size: 1.2rem;
	}

	.modal-cookie__body {
    translate: 0px calc(0% - 1.5rem);
	}

	.modal-cookie__body button {
		height: 3.5rem;
		font-size: 1.2rem;
	}

	:root{
		--wrapper-padding: 1rem;
		--section-margin: 2.5rem;
	}

	.modal-cookie__body{
		width: 100%;
	}
}

/* ==================================== */

.modal{
	display: none;
}

.header {
	padding: 2rem 0rem 1.5rem 0rem;
}

.header__body {
	display: flex;
	color: var(--belyy);
	padding: 2rem 3rem;
	border-radius: var(--radius);
	align-items: center;
	background: var(--chernyy);
	justify-content: space-between;
	gap: 2rem;
}
.header__logo {
	display: flex;
	align-items: center;
	gap: 2rem;
}
.logo {
	flex-shrink: 0;
	width: 18.7rem;
}

.logo  img{
	min-width: 100%;
}

.header__logo-description::before{
	content: '';
	width: 0.1rem;
	height: 3rem;
	background: var(--belyy);
	opacity: 0.3;
}

.header__logo-description {
	display: flex;
	align-items: center;
	gap: 2rem;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 120%;
}
.header__right {
	display: flex;
	gap: 3.7rem;
	align-items: center;
}
.socials {
	display: flex;
	gap: 1.5rem;
}
.socials__link, a.socials__link {
	width: 6rem;
	height: 6rem;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: black;
	transition: 0.3s ease 0s;
	border-radius: 50%;
	background: #F1F1F1;
}

 a.socials__link  svg{
	width: 2.7rem;
 }

.socials__link_telegram svg{
	translate: -0.1rem 0rem;
}

.tel {
	font-size: 2.5rem;
	font-weight: 700;
	transition: color 0.3s ease 0s;
	line-height: 145%
}

.tel:hover{
	color: var(--akcent---2);
}

.button, a.button {
	background: var(--akcent---2);
	border-radius: var(--radius);
	min-height: 8rem;
	font-size: 2rem;
	font-style: normal;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-width: 28rem;
	padding: 1rem 2rem;
	color: #fff;
	font-weight: 700;
	line-height: 150%;
	transition: 0.3s ease 0s;
}

.button:hover{
	background: #6842da;
}

.header .button{
	min-height: 7rem;
}

.modal-cookie button{
	min-width: 0rem;
	min-height: 6rem;
}

.socials__link:hover{
	background: var(--akcent---2);
	color: #fff;
}

@media (max-width: 1024px) {
	.header__logo-description{
		display: none;
	}

	.header__body {
    padding: 1.5rem 1.5rem;
    gap: 2rem;
}

.header__right{
	gap: 2rem;
}

.header {
    padding: 1.5rem 0rem 1.5rem 0rem;
}

.button, a.button {
    min-width: 25rem;
}
}

@media (max-width: 768px) {


	.logo {
    width: 13.7rem;
}

.header .button{
	display: none;
}

.socials__link, a.socials__link {
    width: 4.5rem;
    height: 4.5rem;
}

a.socials__link svg {
    width: 2.2rem;
}

.socials {
    gap: 1rem;
}

.header__right{
	gap: 1rem;
}

.tel {
    font-size: 2.2rem;
}
}

@media (max-width: 480px) {

	    .tel {
        font-size: 1.4rem;
    }

		    .socials__link, a.socials__link {
        width: 4rem;
        height: 4rem;
    }

		    a.socials__link svg {
        width: 2rem;
    }

		.header {
        padding: 1rem 0rem 1rem 0rem;
    }

		.header__body{
			border-radius: var(--radius);
			padding: 1rem;
			gap: 1rem;
		}

		    .logo {
        width: 10.7rem;
    }

		.header__right{
			gap: 1rem;
		}

		    .socials__link, a.socials__link {
        width: 3.5rem;
        height: 3.5rem;
    }
}
/* ==================================== */

.intro {
	margin-bottom: var(--section-margin);
}

.intro__body {
	display: flex;
	gap: 2rem;

}
.intro__section {
	display: flex;
	gap: 4rem;
		background-color: #FFF;
	border-radius: var(--radius);
		padding: 7rem 3rem 7rem 7rem;
	flex-direction: column;
}

h1, .h1{
	font-size: 4.5rem;
	font-weight: 600;
	line-height: 130%;
	font-family: var(--second-family);
}

.sub-title {
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 145%
}

.sub-title span{
	color: var(--akcent---2);
}

.list {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	font-size: 2rem;
	font-weight: 500;

}

.list li{
	position: relative;
	padding-left: 3rem;
}

.list li::before{
	content: '';
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	left: 0;
	top: 0.7rem;
	background: var(--akcent);
	border-radius: 0.2rem;
}

.intro__bottom {
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	align-items: flex-end;
}
.intro .button {
	min-height:  10rem;
	min-width: 47rem;
}
.intro__circles {
	display: flex;
	gap: 1rem;
	padding-right: 4rem;
	
}
.intro__circle {
	width: 5rem;
	display: flex;
	transition: 0.3s ease 0s;
	color: #111;
	align-items: center;
	justify-content: center;
	height: 5rem;
	border-radius: 50%;
	background: #F2F2F2;
}

.intro__circle svg{
	width: 2.2rem;
	height: auto;
}

.intro__circle[title="google"] svg{
	width: 2rem;
}

.intro__circle:hover{
	background: var(--akcent---2);
	color: #FFF;
}

.intro__circle[title="yandex"]:hover svg path:nth-child(2){
	fill: #111;
}

.intro__image-section {
	padding-top: 7.2rem;
	overflow: hidden;
	flex-shrink: 0;
	min-width: 73rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	position: relative;
	border-radius: var(--radius);
	background: #EEC830;
}
.intro__image {
	width: 55.6rem;
}

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

@media (max-width: 1024px) {
	.intro__body{
		flex-direction: column;
	}
	

	.intro__section{
		padding: 5rem;
	}

	.intro__image-section{
		display: none;
	}

	h1, .h1 {
    font-size: 3.8rem;
}

.intro__section{
	gap: 3rem;
}

.sub-title {
    font-size: 2.2rem;
}

.intro__circles{
	padding-right: 0rem;
}
}

@media (max-width: 768px) {
	.intro__section{
		padding: 3rem;
	}

	    h1, .h1 {
        font-size: 2.8rem;
    }

		.intro__section{
			gap: 2rem;
		}


		    .sub-title {
        font-size: 2rem;
    }

		.intro__bottom{
			gap: 2rem;
			align-items: center;
			flex-direction: column;
		}

		.intro__bottom .button{
			min-height: 8rem;
			min-width: 0rem;
			width: 100%;
		}

		.button, a.button{
			border-radius: var(--radius);
			font-size: 1.8rem;
		}
}

@media (max-width: 480px) {
	    h1, .h1 {
        font-size: 2.2rem;
    }

		h1  br{
			display: none;
		}

		.intro__section{
			padding: 2rem;
			border-radius: var(--radius);
		}

				    .sub-title {
        font-size: 1.8rem;
    }

		.list {
    gap: 1rem;
    font-size: 1.6rem;
}

.list li::before {
    width: 1.2rem;
    height: 1.2rem;
    top: 0.5rem;
}

.list li {
    padding-left: 2rem;
}

    .intro__bottom .button {
        min-height: 7rem;
    }


		    .button, a.button {
        border-radius: var(--radius);
        font-size: 1.6rem;
				min-height: 6rem;
    }

		.intro__circle {
    width: 4rem;
    height: 4rem;
}

.intro__circle svg {
    width: 1.8rem;
}

}
/* ==================================== */

section{
	padding: var(--section-margin) 0px;
}

.intro-bottom__blocks {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.intro-bottom__block {
	display: flex;
	border-radius: var(--radius);
	background: #FFF;
	flex-direction: column;
	padding: 3rem 4rem;
	min-height: 29rem;
	width: calc((100% - 4rem) / 3);
}
.intro-bottom__block-text {
	font-size: 2.5rem;
	line-height: 145%;
}


.intro-bottom__block-text span{
	font-size: 1.5rem;
	display: inline-block;
		line-height: 145%;
}

.item-icon{
	display: flex;
	align-items: center;
	font-weight: 500;
	gap: 3rem;
}

.intro-bottom__block .item-icon {
	margin-top: auto;
}
.icon {
	width: 6rem;
	height: 6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 0.5rem;
	background: var(--akcent);
}

.icon img{
	height: 3rem;
}

.intro-bottom .item-icon{
	padding-top: 1rem;
}

@media (max-width: 1024px) {
	.intro-bottom__block {
		padding: 2rem;
		width: 100%;
		min-height: 25rem;
	}

	.intro-bottom__block-text{
		font-size: 2.2rem;
	}

	.item-icon{
		font-size: 2rem;
	}

	.intro-bottom__block-text{
		max-width: 45rem;
	}
}

@media (max-width: 768px) {
	.intro-bottom__block-text{
		font-size: 2rem;
	}

	.item-icon {
    gap: 2rem;
}

.intro-bottom__block{
	border-radius: var(--radius);
}

.icon {
    width: 5rem;
    height: 5rem;
}
    .icon {
        width: 4.5rem;
        height: 4.5rem;
    }

		    .item-icon {
        font-size: 1.8rem;
    }

		.icon img {
    width: 2rem;
}
}

@media (max-width: 480px) {
		.intro-bottom__block-text{
		font-size: 1.8rem;
	}

	.intro-bottom__block{
	border-radius: var(--radius);
}
.intro-bottom__blocks{
	gap: 1.5rem;
}

.intro-bottom__block-text span {
    font-size: 1.3rem;
}

    .item-icon {
        gap: 1.5rem;
    }

		    .intro-bottom__block {
        min-height: 20rem;
    }

}
/* ==================================== */


._section-paddingx2 {
	margin: var(--section-margin) 0rem;
	padding: calc(var(--section-margin) + var(--section-margin)) 0px;
}

.wrapper_padd{
	padding-top: calc(var(--section-margin) + var(--section-margin));
	padding-bottom: calc(var(--section-margin) + var(--section-margin));
}

.wrapper_padd_top{
		padding-top: calc(var(--section-margin) + var(--section-margin));
}

.wrapper_padd_bottom{
	padding-bottom: calc(var(--section-margin) + var(--section-margin));
}

.express-audit .sub-title{
		font-family: var(--second-family);
		font-weight: 400;
	margin-top: 3rem;
}

h2, .h2{
	font-family: var(--second-family);
	font-size: 3rem;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;;
}


.theme-section {
		background:#EEC830;
}
.express-audit .wrapper {
	display: flex;
	gap: 3rem;
	justify-content: space-between;
}

.express-audit__right {
	border-radius: var(--radius);
	padding: 5rem;
	max-width: 88rem;
	background: #FFF;
		text-align: center;
		align-items: center;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}


.express-audit__right .button{
	margin-top: 2rem;
	width: 100%;
}

.express-audit__right p{
	max-width: 75rem;
}

h2 span, .h2 span{
	color: var(--akcent---2);
}

@media (max-width: 1024px) {
.express-audit .wrapper {
    flex-direction: column;
}

.express-audit__right{
	max-width: 100%;
}

h2, .h2 {
    font-size: 2.8rem;
}
}

@media (max-width: 768px) {
h2, .h2 {
    font-size: 2.4rem;
}

.express-audit .sub-title {
    margin-top: 2rem;
}

.express-audit__right {
	    border-radius: var(--radius);
    padding: 3.5rem;
}

}

@media (max-width: 480px) {
	h2, .h2 {
    font-size: 1.8rem;
}

    .express-audit .sub-title {
        margin-top: 1.5rem;
    }

.express-audit__right {
    padding: 2.5rem;
}

.express-audit__right{
	gap: 1rem;
}

.express-audit__right .button {
    margin-top: 1rem;
}

.express-audit .wrapper {
    gap: 2rem;
}
}
/* ==================================== */

.modal {
	background: none;
}
.modal__body {
	max-width: 57rem;
	border-radius: var(--radius);
	padding: 5rem;
	width: 100%;
	background:  #F2F2F2;
}
.modal__avatar-section {
	padding-bottom: 3rem;
	margin-bottom: 3rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.modal .sub-title{
	text-align: center;
	margin-bottom: 3rem;
	font-family: var(--second-family);
}

.avatar-section {
	display: flex;
	gap: 3rem;
	align-items: center;
}
.avatar-section__avatar {
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	flex-shrink: 0;
	overflow: hidden;
}

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

.avatar-section__name {
	font-size: 2.5rem;
	font-weight: 700;
	color: #111;
	line-height: 145%;
}
.avatar-section__job-title {
	color: #111;
font-style: normal;
font-weight: 500;
line-height: 150%;
}

.form {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.input {
	font-size: 2rem;
	padding: 1rem 4rem;
	min-height: 8rem;
	font-weight: 500;
	width: 100%;
	border-radius: var(--radius);
	background: #FFF;
	line-height: 150%;
}

.checkbox {
	font-size: 1.5rem;
	padding-left: 3.5rem;
	font-weight: 500;
	color: rgba(17, 17, 17, 0.44);
	position: relative;
}
.checkbox  input{
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

.checkbox span::before{
	content: '';
	width: 1.5rem;
	position: absolute;
	left: 0.4rem;
	top: 0.4rem;
	transition: 0.3s ease 0s;
	height: 1.5rem;
	border: 1px solid #111;
	opacity: 0.4;
}

.checkbox input:checked + span::before {
	opacity: 1;
	border-color: var(--akcent---2);
	background: #7249f2 url(../img/icons/checkbox.svg) center / 1rem no-repeat;
}

.checkbox  a{
	text-decoration: underline;
}

.fancybox-button{
	border-radius: 0.5rem !important;
	width: 5rem !important;
	opacity: 1;
	top: 6rem !important;
	right: 3rem !important;
	height: 5rem !important;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s ease 0s;
	background: #202020 !important;
}

.fancybox-button:hover{
	background: var(--akcent---2) !important;
}

.fancybox-button svg{
	width: 3.2rem;
	height: 3.2rem;
	color: #FFF;
}

.modal__avatar-section{
	padding-right: 5.5rem;
}

.modal-big .modal__body{
	background: var(--akcent);
	max-width:98rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.modal-big .h2{
	max-width: 77rem;
	margin-bottom: 1rem;
	text-align: center;
}

.modal-big  p{
	text-align: center;
	margin-bottom: 4rem;
	font-weight: 500;
	max-width: 56rem;
}

.form-big{
	padding: 5rem;
	background: #F2F2F2;
	border-radius: var(--radius);
}

.modal-big .fancybox-button{
	top: 4rem !important;
}

.modal-big  .checkbox{
	padding-right: 5rem;
}

.fancybox-content {
	padding: 1rem 0rem !important;
}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {
	.modal-big p {
			margin-bottom: 3rem;
	}

	.modal-big  .checkbox{
	padding-right: 0rem;
}


	.form-big {
    padding: 3rem;
}

.modal-big .h2 {
    max-width: 57rem;
}
}

@media (max-width: 480px) {
	.modal__body {
    max-width: 100%;
    border-radius: var(--radius);
    padding: 2rem;
}
    .modal-big p {
        margin-bottom: 2rem;
    }
		.modal-big .modal__body{
			padding: 6rem 1.5rem 1.5rem 1.5rem;
		}

	.form-big {
    padding: 1.5rem;
		 border-radius: var(--radius);
}


.fancybox-button{
	width: 4rem !important;
	top: 3rem !important;
	right: 2rem !important;
	height: 4rem !important;
}

.modal-big .fancybox-button{
	top: 2.5rem !important;
}


.avatar-section__avatar {
    width: 6rem;
    height: 6rem;
}

.avatar-section__name {
    font-size: 1.8rem;
}

.avatar-section{
	gap: 2rem;
}


.input {
    font-size: 1.5rem;
    padding: 1rem 2rem;
    min-height: 6rem;
    border-radius: var(--radius);
}

.form {
    gap: 1rem;
}

.checkbox {
    font-size: 1.2rem;
    padding-left: 3rem;
}

.modal .sub-title {
    margin-bottom: 2rem;
}

.modal__avatar-section {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}
}
/* ==================================== */

.statistik .sub-title-mini{
	margin-top: 1rem;
	max-width: 85rem;
	margin-bottom: 4rem;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}



.center {
	text-align: center;
}
.sub-title-mini {
	font-weight: 500;
}
.statistik__grid {
	display: grid;
	gap: 2rem;
grid-template-columns: repeat(9, 1fr);
}
.statistik__item {
	padding: 3rem 4rem;
	border-radius: var(--radius);
	min-height: 20rem;
	display: flex;
	flex-direction: column;
	background: #FFF;
}

.statistik__item .sub-title{
	margin-bottom: auto;
}

.statistik__item .h1{
	margin-bottom: 1rem;
}

.statistik__item  p{
	font-weight: 500;
}

.statistik__item_big .sub-title{
	margin-bottom: 1rem;
}

.statistik__item:nth-child(1) { grid-area: 1 / 1 / 3 / 4; }
.statistik__item:nth-child(2)  { grid-area: 1 / 4 / 3 / 7; }
.statistik__item:nth-child(3)  { grid-area: 1 / 7 / 5 / 10; }
.statistik__item:nth-child(4)  { grid-area: 3 / 1 / 5 / 4; }
.statistik__item:nth-child(5)  { grid-area: 3 / 4 / 5 / 7; }
.statistik__item:nth-child(6)  { grid-area: 5 / 1 / 7 / 4; }
.statistik__item:nth-child(7)  { grid-area: 5 / 4 / 7 / 7; }
.statistik__item:nth-child(8)  { grid-area: 5 / 7 / 7 / 10; }


.statistik__graphik {
	flex-grow: 1;
	display: flex;
	position: relative;
	padding-right: 5.5rem;
	padding-left: 5.5rem;
}
.statistik__graphik-text {
	position: absolute;
	top: 0.4rem;
	max-width: 30.6rem;
	opacity: 0.5;

	left: 0;
}
.statistik__graphik-main {
			display: flex;
			flex-grow: 1;
			justify-content: flex-end;
	gap: 0.8rem;
	align-items: flex-end;
}
.statistik__graphik-item {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	font-weight: 500;
	font-size: 1.5rem;
	align-items: center;
}

.statistik__graphik-item span{
	width: 7rem;
	border-radius: 1rem;
	transition: 0.3s ease 0s;
	display: flex;
	background: var(--akcent);
}

.statistik__graphik-item span:hover{
	background-color: var(--akcent---2);
}

.small {
	margin: 1rem 0rem;
	font-size: 1.5rem;
}

@media (max-width: 1024px) {
	.statistik__grid{
		display: flex;
		flex-wrap: wrap;
		gap: 2rem;
	}

	.statistik__item{
		width: calc((100% - 2rem) / 2) !important;
	}

	.statistik__graphik {
    padding-right: 0rem;
    padding-left: 0rem;
}
}

@media (max-width: 768px) {
	.statistik__item_big{
		width: 100% !important;
	}

}

@media (max-width: 480px) {
	.statistik__grid{
		gap: 1.5rem;
	}

		.statistik__item {
		padding: 1.5rem;
		border-radius: var(--radius);
	}

	    .statistik__item {
				min-height: 12rem;
        width: 100% !important;
    }

			.statistik__item_big{
		width: 100% !important;
	}

	.statistik__graphik-item span {
    width: 5rem;
	}

	.statistik__graphik-item{
		font-size: 1.2rem;
	}
	.small {
    font-size: 1.3rem;
}

.statistik .sub-title-mini {
    margin-bottom: 2rem;
}

.statistik__graphik-text {
    max-width: 20.6rem;
}

.statistik__item p br{
	display: none;
}
}
/* ==================================== */


.mention__body {
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mention__block {
	display: flex;
	align-items: center;
	text-align: center;
	flex-direction: column;
	gap: 3rem;
	width: calc((100% - 3rem) / 3);
}
.mention__block  p{
	font-family: var(--second-family);
	max-width: 43rem;
	font-weight: 400;
}

.icon_v2 {
	background-color: #111 !important;
}


@media (max-width: 768px) {
	.mention__body {
		gap: 3rem;
	}

.mention__block {
	width: 100%;
	gap: 2rem;
}
}

/* ==================================== */


.provide__main {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
}
.provide__block {
	padding: 5rem;
	background: #FFF;
	min-height: 52rem;
	border-radius: var(--radius);
	width: calc((100% - 2rem) / 2);
}

.provide__block .list{
	margin-top: 3rem;
	gap: 2rem;
}

.list {
}
.provide__circles {
	margin-top: 2rem;
	display: flex;
	gap: 1rem;
}
.provide__circle {
	width: 5rem;
	height: 5rem;
	overflow: hidden;
	border-radius: 50%;
}

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

.provide__block_v2 {
	display: flex;
	position: relative;
	overflow: hidden;
	flex-direction: column;
	z-index: 1;
	justify-content: flex-end;
	background: var(--akcent);
}
.provide__block-text {
	background: #FFF;
	border-radius: var(--radius);
	font-weight: 500;
	padding: 3rem;
	max-width: 37.6rem;
}

.provide__block-text  span{
	color: var(--akcent---2);
}

.provide__block-image {
	z-index: -1;
	position: absolute;
	right: 0;
	width: 48.6rem;
	bottom: 0rem;
}

.provide__block-image  img{
	width: 100%;
}

.provide__bottom {
	margin-top: 2rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.provide__card {
	width: calc((100% - 4rem) / 3);
}
.card {
	border-radius: var(--radius);
	padding: 3rem 4rem;
	background: #fff;
}
.item-icon {
}
.icon {
}

@media (max-width: 1024px) {
.provide__block {
	min-height: 42rem;
	width: 100%;
}

.provide__block_v2{
	min-height: 52rem;
}

.provide__card{
	width: 100%;
}

		
}

@media (max-width: 768px) {
.card {
    padding: 2rem 3rem;
}

.provide__block{
	padding: 3rem;
}

.provide__block-image {
    width: 36.6rem;
}

    .provide__block_v2 {
        min-height: 42rem;
    }
}

@media (max-width: 480px) {
	.card {
		border-radius: var(--radius);
    padding: 2rem 2rem;
}

.provide__block-image {
    width: 36.6rem;
}

.provide__block{
	padding: 2rem;
	border-radius: var(--radius);
}

.provide__circle {
    width: 4rem;
    height: 4rem;
}

.provide__main{
	gap: 1.5rem;
}


.provide__block_v2{
	padding-bottom: 40rem;
}

.provide__bottom {
    margin-top: 1.5rem;
    gap: 1.5rem;
}

.provide__block-text {
    border-radius: var(--radius);
    padding: 2rem;
    max-width: 100%;
}

    .provide__block-image {
       width: 100%;
			 translate: -1rem 0rem;
    }

    .provide__block_v2 {
        min-height: 42rem;
    }

}
/* ==================================== */

.potok {
}
.wrapper {
}

.potok h2{
	max-width: 140rem;
	margin-left: auto;
	margin-right: auto;
}

.wrapper_padd {
	border-top: 1px solid rgba(17, 17, 17, 0.3);
	border-bottom: 1px solid rgba(17, 17, 17, 0.3);
}


.wrapper_padd_top{
		border-top: 1px solid rgba(17, 17, 17, 0.3);
}

.wrapper_padd_bottom{
		border-bottom: 1px solid rgba(17, 17, 17, 0.3);
}

.potok__body {
	margin-top: 4rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.potok__block {
	width: calc((100% - 4rem) / 3);
}

.potok__block span{
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--akcent---2);
}

.potok .item-icon{
	align-items: flex-start;
}


@media (max-width: 1024px) {
.potok__block {
	width: calc((100% - 2rem) / 2);
}

.potok__block span {
    font-size: 2.2rem;
}

}

@media (max-width: 768px) {
.potok__block {
	width: 100%;
}


}

@media (max-width: 480px) {
	.potok__body{
		  margin-top: 3rem;
		gap: 1.5rem;
	}

	    .potok__block span {
        font-size: 1.8rem;
    }
}
/* ==================================== */


.center {
	margin-left: auto;
	margin-right: auto;
}

.quiz h2{
	max-width: 100rem;
}

.quiz .sub-title-mini {
	max-width: 100rem;
	margin-top: 1rem;
}
.quiz__body {
	margin-top: 4rem;
	display: flex;
	gap: 2rem;
}
.quiz__main {
	padding: 5rem;
	width: 100%;
	min-height: 71rem;
	background: #FFF;
	border-radius: var(--radius);
}
.quiz__main  .h2 {
	margin-bottom: 2rem;
}
.quiz__progress-bar {
	height: 1rem;
	border-radius: 1rem;
	background: #F2F2F2;
	overflow: hidden;
}
.quiz__progress-bar  span{
	display: block;
	border-radius: inherit;
	transition: 0.3s ease 0s;
	height: 100%;
	background: var(--akcent);
}

.quiz__steps {
	margin-top: 4rem;
}

.quiz__step.active{
	display: block;
}

.quiz__step {
	display: none;
}
.quiz__step .sub-title {
	margin-bottom: 2rem;
}
.quiz__step-variants {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.quiz__variant {
	display: flex;
	flex-direction: column;
	font-weight: 500;
	gap: 1rem;
	width: calc((100% - 6rem) / 4);
}

.quiz__variant input{
	display: none;
}

.quiz__variant:hover .quiz__variant-image{
	opacity: 0.8;
}

.quiz__variant-image {
	transition: 0.3s ease 0s;
	height: 15rem;
	border-radius: var(--radius);
	overflow: hidden;
}
.quiz__step-variants_v2{
	flex-direction: column;
	align-items: flex-start;
}

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

.quiz__variant_v2{
	position: relative;
	width: auto;
	padding-left: 4rem;
}

.quiz__variant_v2 input:checked + span::before{
	border-color: var(--akcent);
}
.quiz__variant_v2 input:checked + span::after{
	opacity: 1;
}

.quiz__variant_v2 span::before{
	content: '';
	width: 3rem;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	height: 3rem;
	border: 1px solid #111111;
}
.quiz__variant_v2 span::after{
	content: '';
	width: 2rem;
	position: absolute;
	left: 0.5rem;
	top: 0.5rem;
	opacity: 0;
	transition: 0.3s ease 0s;
	border-radius: 50%;
	height: 2rem;
	background: var(--akcent);
}

.quiz__body.final .quiz__main{
	display: none;
}
.quiz__body.final .quiz__right{
	display: none;
}

.quiz__variant_no-image .quiz__variant-image{
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--akcent);
}

.quiz__variant_no-image .quiz__variant-image img{
	width: auto;
	height: 5rem;
}

.quiz__variant_v2 {
	min-height: 3rem;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	width: auto !important;
}
.quiz__right {
	flex-shrink: 0;
	max-width: 60rem;
	padding: 4rem;
	border-radius: var(--radius);
	background: #FFF;
	width: 100%;
}
.quiz__avatar-section {
	align-items: flex-start;
	margin-bottom: 3rem;
}

.quiz .avatar-section__avatar {
    width: 12rem;
    height: 12rem;
}

.quiz  .avatar-section__name {
	font-family: var(--second-family);
	font-size: 3rem;
}


.quiz__answer {
	display: none;
	line-height: 150%; 
	font-weight: 500;
}

.quiz__answer.active{
	display: block;
}


.quiz__final.active {
	display: flex !important;
	flex-direction: column;
}

.quiz__final{
	padding: 5rem;
	width: 100%;
	border-radius: var(--radius);
	background: #FFF;
}

.quiz__final .h2{
	max-width: 106rem;
}

.quiz .form-main {
	margin-top: 4rem;
}

.form-main {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	max-width: 88rem;
	margin-left: auto;
	margin-right: auto;
	padding: 5rem;
	border-radius: var(--radius);
	background: var(--akcent);
}

.select {
	width: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
	background: #FFF;
	position: relative;
	font-size: 2rem;
	min-height: 8rem;
	transition: 0.3s ease 0s;
	border-radius: var(--radius);
}

.select.open{
	border-radius: var(--radius) var(--radius) 0rem 0rem;
}

.select.open::after{
	rotate: 180deg;
}

.select::after{
	position: absolute;
	top: 50%;
	right: 2.5rem;
	translate: -0rem -50%;
	content: '';
	width: 1.2rem;
	height: 1.2rem;
	background: url(../img/icons/icon.svg) center / contain no-repeat;
}

.select__placeholder {
	min-height: 8rem;
	padding: 0rem 4rem;
	width: 100%;
	display: flex;
	align-items: center;
	color: rgba(17, 17, 17, 0.44);
}

.select.selected .select__placeholder {
	color: rgba(17, 17, 17, 1);
}

.select__list {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	left: 0;
	top: 100%;
	transition: 0.3s ease 0s;
	background: #FFF;
	padding: 2rem 0rem;
	width: 100%;
	border-radius: 0rem 0rem var(--radius) var(--radius);
	display: flex;
	color: #070808;
	flex-direction: column;
	font-weight: 500;
	gap: 2rem;
}

.select.open .select__list {
	opacity: 1;
	pointer-events: all;
}

.select__item {
	padding-left: 4rem;
	padding-right: 4rem;
	transition: 0.3s ease 0s;
}

.select__item:hover{
	color: var(--akcent---2);
}

.form-main  .input {
	width: calc((100% - 2rem) / 2);
}
.form-main .button {
	flex-grow: 1;
}
.form-main  .checkbox {
	padding-right: 4rem;
}

@media (max-width: 1024px) {
.quiz__right {
    max-width: 40rem;
    padding: 3rem;
}

.quiz__avatar-section .avatar-section__avatar {
    width: 8rem;
    height: 8rem;
}

.quiz .avatar-section__job-title {
	font-size: 1.6rem;
}

.quiz .quiz__avatar-section{
	gap: 2rem;
}

.quiz__avatar-section .avatar-section__name {
    font-size: 2.2rem;
}


.quiz__main {
    padding: 3rem;
}

.quiz__variant {
    width: calc((100% - 4rem) / 3);
}
}

@media (max-width: 768px) {
.quiz__final {
    padding: 3rem;
}

.quiz__main {
	min-height: 40rem;
}

.quiz__body{
	flex-direction: column;
}

.quiz .sub-title-mini br{
	display: none;
}

.quiz__right{
	max-width: 100%;
}

.form-main {
    padding: 2.5rem;
		gap: 1.5rem;
}

.form-main .input {
  width: 100%;
}

.form-main .checkbox {
    padding-right: 0rem;
}

.quiz .form-main {
    margin-top: 3rem;
}

		.quiz__body {
    margin-top: 3rem;
}
}

@media (max-width: 480px) {
	    .quiz__final {
				border-radius: var(--radius);
        padding: 2rem;
    }

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

.quiz__variant-image {
    height: 12rem;
    border-radius: var(--radius);
}

.quiz__steps {
    margin-top: 2rem;
}

.quiz__step .sub-title {
    margin-bottom: 1.5rem;
}

    .quiz__main {
			border-radius: var(--radius);
        padding: 2rem;
    }

		.quiz__step-variants{
			gap: 1.5rem;
		}

		    .quiz__variant {
        width: calc((100% - 1.5rem) / 2);
    }

		    .quiz .avatar-section__job-title {
        font-size: 1.4rem;
    }

		.quiz__avatar-section {
    margin-bottom: 2rem;
}

		    .quiz__right {
        padding: 2rem;
				border-radius: var(--radius);
    }

		    .quiz__avatar-section .avatar-section__name {
        font-size: 1.8rem;
    }

		.select {
			border-radius: var(--radius);
    font-size: 2rem;
		font-size: 1.5rem;
    min-height: 6rem;
}

		.select__placeholder {
    min-height: 6rem;
    padding: 0rem 2rem;
}

    .quiz .form-main {
        border-radius: var(--radius);
				padding: 1.5rem;
    }

		    .quiz .form-main {
        margin-top: 2rem;
    }

.form-main .button {
   min-height: 6rem;
}
}
/* ==================================== */


.power .wrapper {
	padding-bottom: 0rem;
	border-bottom: none;
}

.power h2{
	margin-bottom: 3rem;
	max-width: 118rem;
}

.power__body {
	margin-left: auto;
	margin-right: auto;
	max-width: 118rem;
	display: flex;
	gap: 2rem;
	padding: 3rem 4rem;
	background: #FFF;
	border-radius: var(--radius);
}
.power__left {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: calc((100% - 2rem) / 2);
}

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

.power__bottom {
	display: flex;
	justify-content: center;
	margin-top: 3rem;
}
.power__bottom  .button {
		padding: 1rem 5rem;
}

.modal-big_v2 {
	max-width: 100rem;
	width: 100%;
}
.modal-big_v2 .modal__body {
	max-width: 100%;
	padding: 7rem;
	width: 100%;
}
.h2 {
}
.modal-big__seo-geo {
	display: flex;
	margin-top: 3rem;
	gap: 2rem;
}
.modal-big__seo {
	padding: 2rem !important;
	width: calc((100% - 2rem) / 2);
}
.sub-title {
}
.modal-big__seo-top {
	background: #F2F2F2;
	padding: 2rem;
	border-radius: var(--radius);
	display: flex;
	margin-bottom: 1rem;
	flex-direction: column;
	gap: 1rem;
	align-items: flex-start;
}

.modal-big__seo-search  svg{
	height: 1.6rem;
	flex-shrink: 0;
	width: 1.6rem;
}

.modal-big_v2 .h2{
	margin-bottom: 0rem;
}

.modal-big__seo-search {
	min-width: 29rem;
	font-size: 1.5rem;
	min-height: 4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #FFF;
	border-radius: 1rem;
	padding: 1rem 2rem;
}
.modal-big__seo-text {
	padding: 1rem 2rem;
		background: #FFF;
		min-width: 29rem;
		display: flex;
		gap: 0.5rem;
		flex-direction: column;
	border-radius: 1rem;
}

.modal-big__seo-text span{
	height: 0.6rem;
}

.modal-big__seo-tags {
	display: flex;
	gap: 1rem;
	margin-bottom: 1rem;
	flex-wrap: wrap;
}
.modal-big__seo-tag {
	border-radius: 10rem;
	font-size: 1.5rem;
	display: flex;
	opacity: 0.7;
	align-items: center;
	font-weight: 500;
	padding: 0.6rem 0.9rem;
	justify-content: center;
	min-height: 3rem;
	min-width: 12rem;
	border: 1px solid #111;
	background: #FFF;
}
.modal-big__text {
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.modal-big__text-section {
}


.modal-big__text-section p{
	text-align: left;
	font-weight: 500;
	margin-bottom: 0rem;
	font-size: 1.5rem;
}

.modal-big__text-section .sub-title-mini {
	font-weight: 700;
	margin-bottom: 0.5rem;
}
.modal-big__seo-section-top {
	display: flex;
	gap: 1rem;
}
.modal-big__seo-section-top  .icon {
	width: 4rem;
	border-radius: 1rem;
	height: 4rem;
}

.modal-big__seo-section-top:first-child span{
	min-height: 4rem;
	border-radius: 1rem;
	flex-grow: 1;
	display: flex;
	align-items: center;
	padding: 1rem 3rem;
	font-size: 1.5rem;
background: #FFF;
}


		.modal-big__seo-geo{
			max-width: 100%;
		}

		
.modal{
	overflow: hidden;
}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {
.power__body {
    padding: 2rem 3rem;
		border-radius: var(--radius);
		flex-direction: column;
}

.modal-big__seo-geo{
	flex-direction: column;
}

.modal-big_v2 .modal__body {
    padding: 7rem 3rem 3rem 3rem;
}

.fancybox-button {
    width: 3.5rem !important;
    height: 3.5rem !important;
}

.modal-big__seo-search{
	width: 100%;
}

.modal-big__seo-geo {
    margin-top: 2rem;
    gap: 1.5rem;
}

.modal-big__seo-top {
    padding: 1.5rem;
    border-radius: var(--radius);
}

.modal-big__seo-search {
    min-width: 0rem;}

.modal-big__seo-text{
	width: 100%;
}

.modal-big__seo-section-top{
	width: 100%;
}

.modal-big__seo{
	width: 100%;
}

.power__left {
   width: 100%;
}
.power__right {
   width: 100%;
}

.list {
    font-size: 1.6rem;
}

.list li::before{
	top: 0.4rem;
}
}

@media (max-width: 480px) {
	.power__body {
    padding: 2rem 2rem;
}

.modal-big__seo-tag {
    font-size: 1.2rem;
    min-height: 2.5rem;
    min-width: 10rem;
}

.modal-big__seo-tags{
	gap: 1rem;
}


.modal-big__text-section p {
    font-size: 1.3rem;
}

.modal-big__seo-text {
    min-width: 0rem;
}

.modal-big__seo-section-top:first-child span {
    padding: 1rem 1rem;
    font-size: 1.2rem;
}

.modal-big__seo-search{
	font-size: 1.2rem;
	padding: 1rem;
}

    .modal-big__seo-text {
			padding: 1rem;
		}

.power__bottom {
    margin-top: 2rem;
}

    .modal-big_v2 .modal__body {
        padding: 7rem 2rem 2rem 2rem;
    }


.power h2 {
    margin-bottom: 2rem;
}

.power .power__bottom .button{
	width: 100%;
	padding: 1rem 2rem;
}
}
/* ==================================== */


.retrained h2{
	max-width: 98rem;
}
.retrained__body {
	margin-top: 4rem;
	display: flex;
	max-width: 118rem;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	gap: 2rem;
}
.retrained__block {
	display: flex;
	gap: 3rem;
	width: calc((100% - 2rem) / 2);
}

.retrained__block-body {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.bottom {
	display: flex;
	justify-content: center;
	margin-top: 3rem;
}
.bottom .button {
	width: 100%;
	max-width: 49rem;
}

.modal-big_v3 .modal__body{
	background: none;
	padding: 0rem;
	border-radius: 0rem;

}
.modal-big_v3 .form-main{
	background: #F2F2F2;

}

.modal-big_v3 .fancybox-button{
	width: 3rem !important;
	height: 3rem !important;
	right: 1rem !important;
	padding: 0.5rem !important;
	top: 2rem !important;
	
}

.fancybox-slide {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

@media (max-width: 768px) {
.retrained__block {
	width: 100%;
}

.express-audit .sub-title br{
	display: none;
}

.express-audit__right .button{
	padding-left: 5rem;
	padding-right: 5rem;
}

.modal-big_v3 .form-main{
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	padding-top: 5rem !important;

}

.modal-big_v3 .fancybox-button {
    right: 1.5rem !important;
}

.retrained__body{
	gap: 1.5rem;
}

.retrained  h2 br{
	display: none;
}

.retrained__body {
    margin-top: 3rem;
	}
}

@media (max-width: 480px) {
	.retrained__block{
		flex-direction: column;
		gap: 2rem;
	}

			    .retrained__body {
        margin-top: 2rem;
    }

		.bottom {
    margin-top: 2rem;
}
}
/* ==================================== */

.brands__body {
	margin-top: 4rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.brands__block {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	width: calc((100% - 4rem) / 3);
}

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

.brands__block-body {
	flex-grow: 1;
}
.card {
}
.h2 {
}

.brands__block p{
	margin-bottom: 3rem;
}

.brands__block  .item-icon img{
	height: 3rem;
}

.brands__block  .item-icon:not(:last-child){
	margin-bottom: 3rem;
}

.brands__block  .item-icon {
	font-weight: 700;
}

.form-section .form-main{
	background: #F2F2F2;
	margin-top: 4rem;
}

@media (max-width: 1024px) {
.brands__block {

    width: calc((100% - 2rem) / 2);
}

.brands__block .card {
    padding: 3rem 2rem;
}
}

@media (max-width: 768px) {
.brands__block {

    width: 100%;
}

.form-section .form-main{
	margin-top: 3rem;
}

.brands__body{
	gap: 1.5rem;
}

.brands__body {
    margin-top: 3rem;
}
}

@media (max-width: 480px) {
	.brands__body {
    margin-top: 2rem;
}

.form-section  h2{
	padding-right: 1rem;
	padding-left: 1rem;
}

.form-section  h2 br{
	display: none;
}

.form-section .form-main{
	margin-top: 2rem;
}
}
/* ==================================== */

.help h2 + .help__body{
	margin-top: 4rem;
}

.help__body {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.help__block:first-child {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.5rem;
	width: calc((100% - 2rem) / 2);
}
.help__block {
	width: calc((100% - 6rem) / 4);
}

.help__block-left {
	max-width: 39rem;
}

.help__block-left .list{
	margin-top: 2rem;
}

.help__block .sub-title {
	margin-bottom: 2rem;
}

.help__block p{
	font-weight: 500;
}

.help__block p:not(:last-child){
	margin-bottom: 2rem;
}

.help__right {
	flex-shrink: 0;
	width: 32.9rem;
	border-radius: 2rem;
}

.help__right img{
	width: 100%;
}

@media (max-width: 1024px) {
.help__block {
	width: calc((100% - 2rem) / 2);
}

.help__block:first-child {

	width: 100%;
}
}

@media (max-width: 768px) {

	.help__body{
		gap: 1.5rem;
	}

	.help h2 + .help__body{
	margin-top: 3rem;
}


	.help__right{
		max-width: 100%;
		width: 100%;
	}

	.help__block {
		flex-direction: column;
	width: calc((100% - 1.5rem) / 2);
}

.help h2 br{
	display: none;
}
}

@media (max-width: 480px) {
		.help__block {
	width: 100%;
}


.help h2 + .help__body{
	margin-top: 2rem;
}


.help__block .sub-title {
    margin-bottom: 1.5rem;
}

.provide__circles {
    margin-top: 1em;
}

.help__block p:not(:last-child) {
    margin-bottom: 1.5rem;
}
}
/* ==================================== */

.audit h2{
	margin-bottom: 4rem;
}

.audit__body {
	display: flex;
	gap: 2rem;
}
.audit__block {
	display: flex;
	width: calc((100% - 4rem) / 3);
	flex-direction: column;
	gap: 2rem;
}
.audit__block-num {
	min-height: 31.5rem;
}

.audit__block-num .h1 {
	margin-bottom: 2rem;
}
.audit__block-num  .sub-title {
	margin-bottom: 1rem;
}

.audit__block-num  p{
	font-weight: 500;
}

.audit__block-main {
	flex-grow: 1;
	display: flex;
	min-height: 69rem;
	flex-direction: column;
	background: var(--akcent);
}
.audit__block-main .h2 {
	margin-bottom: 1rem;
}

.audit__block-main{
	position: relative;
}

.audit__block-main  .sub-title{
	margin-bottom: 1.5rem;
}


.audit__block-main  .list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1.7rem;
}
.audit__block-main  .list li:before{
	background-color: #111;
	top: 0.3rem;
}

.audit__block-main .item-icon{
	font-size: 1.5rem;
}

.audit__block-main  .card{
	padding: 2rem 4rem;
}

.audit__block-main  .card + .sub-title{
	margin-top: 3rem;
}

p.fz15{
	font-size: 1.5rem;
}

.audit__result  p.fz15:not(:last-child){
	margin-bottom: 1.5rem;
}

.audit__block-main .sub-title + .sub-title-mini{
	margin-top: -0.5rem;
}


.audit__block-main .sub-title-mini{
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.audit__block-main  .list li{
	font-size: 1.5rem;
	padding-left: 2.5rem;
	width: calc((100% - 1.7rem) / 2);
}
.audit__columns {
	margin-top: 3rem;
	display: flex;
	gap: 2rem;
}
.audit__column {
	width: calc((100% - 2rem) / 2);
}

.audit__column li{
	display: flex;
	gap: 1.5rem;
}

.audit__column .list-icons{
	flex-direction: column;
}

.list-icons {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.list-icons li{
	align-items: center;
	display: flex;
	gap: 1rem;
	font-weight: 500;
	font-size: 1.5rem;
	font-weight: 500;
}
.list-icons li .icon{
	width: 3rem;
	height: 3rem;
	border-radius: 0.5rem;
	background: #111;
}

.list-icons li .icon img{
	width: 1.2rem;
	height: 1.2rem;
}

.retrained__block .icon svg{
	width: 3rem !important;
}

.list-icons {
	margin-bottom: 1rem;
}

.list-icons li .icon {
	align-self: flex-start;
}
.icon_white {
	background: #FFF !important;
}
.audit__result {
	margin-top: auto;
}
.audit__result-blocks {
	display: flex;
	gap: 4rem;
}
.audit__result-block {
	font-weight: 500;
	width: calc((100% - 4rem) / 2);
}

.audit__block:nth-child(1) .audit__result.card{
	padding: 2rem !important;
}


.audit__block-top {
	max-width: 35rem;
	margin-bottom: 3rem;
}
.audit__block-top-icon {
	position: absolute;
	right: 4rem;
	top: 3rem;
	background: #FFF;
	font-family: var(--second-family);
	font-size: 3rem;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
}

.fz15{
	font-weight: 500;
}

.audit__block-top p{
	position: relative;
	font-weight: 500;
}

.audit__block-top p:not(:last-child)::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 20rem;
	height: 1px;
	background: #111;
	opacity: 0.3;
}

.audit__block-top p:not(:last-child){
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.audit__column .list-icons {
	gap: 1rem;
}

.audit__column .list-icons li{
	width: 100%;
}

.list-icons {
	align-items: flex-start;
	gap: 2rem;
}

.list-icons  li{
	width: calc((100% - 2rem) / 2);
}



@media (max-width: 1024px) {
.audit{
	overflow: hidden;
}

.audit__body.wrapper-padding{
	flex-wrap: nowrap;
	scroll-snap-type: x mandatory;
	overflow: auto;
}

.audit__body.wrapper-padding::-webkit-scrollbar{
	display: none;
}

.audit__block{
	width: 52rem;
	flex-shrink: 0;
	scroll-snap-align: center;
}
}

@media (max-width: 768px) {
.audit__block{
	width: 44rem;
}

.audit__block-top-icon {
    right: 2rem;
    top: 2rem;
    font-size: 2.2rem;
}

.audit__block-main .card {
    padding: 1.5rem 1.5rem;
}

.audit h2 {
    margin-bottom: 3rem;
}

.audit__block-main .item-icon{
	align-items: flex-start;
}

.audit__block-num {
	min-height: 25.5rem;
}

    .audit__block-num {
        min-height: 28.5rem;
    }

}

@media (max-width: 480px) {
	.audit h2 {
    margin-bottom: 2rem;
}

.list-icons {
	flex-direction: column;
	gap: 1rem;
}
p.fz15 {
    font-size: 1.3rem;
}

.audit__block-main {
    min-height: 65rem;
	}

.audit__block-top{
	max-width: 22rem;
}

.list-icons li {
    width: 100%;
}

.audit__body{
	gap: 1.5rem;
}

    .audit__block {
        width: 30rem;
    }

		.audit__block:nth-child(1) .audit__result.card {
    padding: 1rem !important;
}

.audit__block{
	gap: 1.5rem;
}

.list-icons li .icon {
    width: 2.5rem;
    height: 2.5rem;
}

.list-icons li {
    font-size: 1.3rem;
}


.audit__result-blocks {
    gap: 2rem;
}

.audit__block-main .sub-title {
    margin-bottom: 1rem;
}

.audit__result-block p{
	font-size: 1.5rem;
}

.audit__block-main .list li {
    font-size: 1.3rem;
    padding-left: 2.2rem;
    width: calc((100% - 1.7rem) / 2);
}
}
/* ==================================== */

.geo-strategy {
	overflow: hidden;
}
.wrapper {
}
.wrapper_padd_top {
}

.geo-strategy .sub-title-mini{
	margin-top: 1rem;
}


.wrapper_double-padding + .wrapper_double-padding .wrapper_padd_top{
	border: none;
	padding-top: 0rem;
}


.swiper-buttons {
	display: flex;
	gap: 1rem;
	margin-top: 4rem;
	justify-content: center;
}
.swiper-buttons  .swiper-button-prev {
		position: static;
		margin-top: 0rem;
		translate: 0rem 0rem;
			transition: 0.3s ease 0s;
			padding: 1rem;
		background: #111;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFF;
}

.swiper-buttons  .swiper-button-next {
	position: static;
	transition: 0.3s ease 0s;
		padding: 1rem;
				display: flex;
		align-items: center;
		justify-content: center;
	translate: 0rem 0rem;
	background: #111;
	color: #FFF;
	margin-top: 0rem;
}

.swiper-buttons  .swiper-button-prev svg{
	width: 100%;
	position: static;
	translate: 0% 0%;
}
.swiper-buttons  .swiper-button-next svg{
	width: 100%;
	position: static;
		translate: 0% 0%;
}

.slide-num{
	border-radius: 1rem;
	padding: 2rem 4rem;
	min-width: 36rem;
	background: var(--akcent);
}

.slide-num .item-icon{
	font-size: 2.5rem;
	font-weight: 700
}

.slide-num .icon{
	background: #111;
}

.slide-num.icon svg{
	height: 3rem;
	width: 3rem;
}

.slide-num + .h2{
	margin-top: 3rem;
}


.swiper-buttons  .swiper-button-next:hover{
	background: var(--akcent---2);
}
.swiper-buttons  .swiper-button-prev:hover{
	background: var(--akcent---2);
}

.geo-strategy__swiper {
	margin-top: 3rem;
}

.strategy-slide {
	background: #FFF;
	border-radius: var(--radius);
	padding: 5rem;
}

.strategy-slide__column .sub-title-mini{
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.strategy-slide__columns {
	display: flex;
	gap: 2.5rem;
}
.strategy-slide__column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: calc((100% - 5rem) / 3);
}


@media (max-width: 1024px) {
.strategy-slide {
    padding: 3rem;
}

.slide-num {
    padding: 2rem 3rem;
    min-width: 29rem;
}

.strategy-slide__columns{
	flex-direction: column;
	gap: 1.5rem;
}


.strategy-slide__column{
	width: 100%;
}
}

@media (max-width: 768px) {
.swiper-buttons {
    margin-top: 3rem;
}

    .slide-num {
        padding: 1.5rem 2rem;
        min-width: 22rem;
    }

		.slide-num .item-icon {
    font-size: 2.2rem;
}
}

@media (max-width: 480px) {
			.slide-num .item-icon {
    font-size: 2rem;
}

    .slide-num {
        padding: 1rem 2rem;
        min-width: 22rem;
    }

		    .strategy-slide {
        padding: 2rem;
    }

		.geo-strategy__swiper {
    margin-top: 2rem;
}

    .swiper-buttons {
        margin-top: 2rem;
    }

		.slide-num + .h2 {
    margin-top: 2rem;
}

.swiper-buttons  .swiper-button-prev {
			padding: 1rem;
}

.swiper-buttons  .swiper-button-next {
			padding: 1rem;
}

}
/* ==================================== */


.otchet  .sub-title-mini {
	margin-top: 1rem;
}

.otchet__swiper {
	margin-top: 3rem;
}

.otchet-slide {
	display: flex;
	gap: 2rem;
}
.otchet-slide__left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 5rem;
	border-radius: var(--radius);
	background: #FFFFFF;
	width: calc((100% - 2rem) / 2);
}

.otchet-slide__left  .list{
	margin-top: 2rem;
	max-width: 38rem;
}


.slide-num .icon svg{
	height: 3rem;
	width: 3rem;
}

.otchet-slide__right {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--akcent);
	border-radius: var(--radius);
		width: calc((100% - 2rem) / 2);
}

.otchet-slide__left{
	min-height: 35rem;
}

.otchet-slide__image {
width: 100%;
	height: 100%;
}

.otchet-slide__image  img{
	width: auto;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1024px) {
.otchet-slide__left {
    padding: 3rem;
}

    .slide-num {
        padding: 1.5rem 2rem;
        min-width: 27rem;
    }
}

@media (max-width: 768px) {
	.otchet-slide{
		flex-direction: column;
	}

	.otchet-slide__left{
		width: 100%;
	}

	.otchet-slide__right{
		width: 100%;
	}

	.otchet-slide__left .list {
    max-width: 36rem;
}

.otchet .sub-title-mini br {
    display: none;
}

}

@media (max-width: 480px) {
	    .otchet-slide__left {
        padding: 2rem;
				min-height: 30rem;
    }

		.otchet-slide {
    gap: 1.5rem;
}
}
/* ==================================== */

.polgoda {
}

.wrapper_double-padding + .wrapper_double-padding .wrapper_padd{
	padding-top: 0rem !important;
	border-top: none !important;
}

h2 + .polgoda__body{
	margin-top: 4rem;
}

.polgoda__body {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
}
.polgoda__block {
	width: calc((100% - 2rem) / 2);
}

.polgoda__block .item-icon{
	align-items: flex-start;
}

.polgoda__block .item-icon span{
	color: var(--akcent---2);
	font-weight: 700;
}


@media (max-width: 768px) {
.polgoda__block {
	width: 100%;
}

.polgoda__body{
	gap: 1.5rem;
}

h2 + .polgoda__body {
    margin-top: 3rem;
}
}

/* ==================================== */


.geo-audit__body {
	display: flex;
	gap: 2rem;
}
.geo-audit__left {
	background: #FFF;
	padding: 7rem;
	display: flex;
	flex-direction: column;
	min-height: 47.3rem;
	border-radius: var(--radius);
	width: calc((100% - 2rem) / 2);
}
.geo-audit__left .sub-title-mini {
	margin-top: auto;
	margin-bottom: 1.5rem;
	font-size: 2rem;
	font-weight: 700;
}

.geo-audit__right {
	border-radius: var(--radius);
	width: calc((100% - 2rem) / 2);
	background: var(--akcent);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1.5rem;
}
.geo-audit__image {
	width: 65.1rem;
}

.geo-audit__image  img{
	width: 100%;
}

@media (max-width: 1024px) {
	.geo-audit__body{
		flex-direction: column;
	}

	.geo-audit__right {
		width: 100%;
	}

	.geo-audit__left {
		width: 100%;
		padding: 5rem;
	}
}

@media (max-width: 768px) {
	.geo-audit__left {
		padding: 3rem;
		min-height: 36rem;
	}

	.geo-audit__image {
    width: 45.1rem;
}
}

@media (max-width: 480px) {
	h2 + .polgoda__body {
    margin-top: 2rem;
}

	.geo-audit__image {
    width: 30.1rem;
}

	.geo-audit__left {
		padding: 2rem;
	}

	.geo-audit__left .sub-title-mini {
    font-size: 1.8rem;
}

.polgoda__block .item-icon br{
	display: none;
}

    .geo-audit__left {
        min-height: 30rem;
    }

		.geo-audit__body{
			gap: 1.5rem;
		}
	
}
/* ==================================== */


.why{
	overflow: hidden;
}

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

.why .sub-title-mini{
	max-width: 74.2rem;
}

.why__swiper {
	margin-top: 3rem;
}
.why .h2{

}

.wrapper-padding {
}
.why-swiper {
}
.swiper-wrapper {
}
.swiper-slide {
}
.why-slide {
}
.card {
}
.h2 {
}
.why-slide__main {
	display: flex;
	gap: 2rem;
	padding: 3rem 0rem;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	margin-top: 3rem;
}
.why-slide__block {
	width: calc((100% - 2rem) / 2);
}


.why-slide .sub-title-mini{
	font-weight: 700;
	margin-bottom: 1rem;
}

.why-slide__bottom {
	margin-top: 3rem;
	display: flex;
	gap: 2rem;
}
.list {
}
.fz15 {
}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {

}

@media (max-width: 480px) {
	.why-slide__main{
		padding: 2rem 0rem;
		flex-direction: column;
		margin-top: 2rem;
	}

	.why-slide__block{
		width: 100%;
	}

	.why-slide__bottom{
		flex-direction: column;
	}

	.why-slide__bottom {
    margin-top: 2rem;
    gap: 1.5rem;
}
}
/* ==================================== */

.stoimost{
	overflow: hidden;
}

.stoimost h2{
	margin-bottom: 1rem;
	max-width: 100.6rem;
}


.stoimost__body {
	margin-top: 4rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.stoimost__card {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: calc((100% - 4rem) / 3);
}
.stoimost__top {
	min-height: 56rem;
	display: flex;
	flex-direction: column;
}
.card {
}
.stoimost__top-header {
	border-bottom: 1px solid  rgba(17, 17, 17, 0.3);;
	display: flex;
	justify-content: space-between;
	padding-bottom: 1.2rem;
	margin-bottom: 2rem;
	gap: 1rem;
}
.tag {
	font-size: 1.5rem;
	font-weight: 500;
	color: #FFF;
	border-radius: 10rem;
	padding: 0.5rem 2rem;
	background: var(--akcent---2);
}
.stoimost__card-title {
	color: var(--akcent---2);
	text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
margin-bottom: 1rem;
text-underline-position: from-font;
}


.stoimost__card-prim{
	margin-top: auto !important;
}

.stoimost__card-title + p{
	margin-bottom: 2rem;
}

.stoimost__card-prim {
	background: #F3F3F3;
	padding: 2rem;
	margin: 2rem 0rem;
	border-radius: 1rem;
}
.stoimost__card-prim .sub-title {
	margin-bottom: 1rem;
}

.stoimost__card-prim p{
	font-weight: 500;
}

.stoimost__price {
	display: flex;
	align-items: flex-end;
	gap: 0.5rem;
}
.stoimost__price .h1 {
	line-height: 1;
}


.stoimost__price span{
	opacity: 0.3;
}
.stoimost__procent.card {
	min-height: 19rem;
	
}
.stoimost__procent-top {
	margin-bottom: 2rem;
	display: flex;
	justify-content: space-between;
}
.tooltip {
	cursor: pointer;
	position: relative;
	color: var(--akcent---2);
}

.tooltip  span{
	display: flex;
	gap: 1rem;
	align-items: center;
	font-weight: 700;
}

.tooltip  svg{
	width: 2rem;
	margin-top: 0.2rem;
	height: 2rem;
	flex-shrink: 0;
}


.tooltip__body {
	position: absolute;
	left: 50%;
	opacity: 0;
	border-radius: 1rem !important;
	pointer-events: none;
	bottom: 100%;
	translate: -50% 0%;
	transition: opacity 0.3s;
}

.tooltip__body {
	width: 57rem;
	color: #000;
	box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.1);
}

.tooltip__body .sub-title{
	margin-bottom: 1rem;
}

@media (min-width: 1025px) {
	.tooltip:hover .tooltip__body {
		opacity: 1;
		pointer-events: auto;
	}
}

.tooltip.active .tooltip__body {
	opacity: 1;
	pointer-events: auto;
}

.stoimost__card .sub-title-mini{
	font-weight: 700;
}

.stoimost__card p{
	font-weight: 500;
}

.stoimost__lists{
	min-height: 75rem;
}

.stoimost__list-section:not(:last-child){
	margin-bottom: 3rem;
}

.stoimost__list-section .sub-title{
	margin-bottom: 2rem;
}


.stoimost__list-section li {
	font-weight: 500;
}

.stoimost__list-section li span{
	color: var(--akcent---2);
	font-weight: 700;
}

.stoimost__procent-line {
	height: 0.3rem;
	margin-bottom: 2rem;
	background: #F2F2F2;;
	border-radius: 0.3rem;
	width: 100%;
}
.stoimost__procent-line  span{
	height: 100%;
	display: block;
	border-radius: inherit;
	background: var(--akcent);
}



.stoimost__list-section  + .stoimost__list-section {
	padding-top: 3rem;
	border-top: 1px solid rgba(17, 17, 17, 0.3);
}

.list {
}
.stoimost__hours {
	display: flex;
	align-items: flex-start;
	gap: 1.5rem;
	background: var(--akcent);
}

.stoimost__hours p{
	max-width: 24rem;
	padding-left: 1.5rem;
	border-left: 0.1rem solid rgba(0, 0, 0, 0.3);
}

.stoimost__bottom-text {
	min-height: 21rem;
	display: flex;
	align-items: center;
	background: var(--akcent);
}
.stoimost__top-header span{
	font-weight: 500;
}

@media (max-width: 1024px) {
	.stoimost__body{
		flex-wrap: nowrap;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
		gap: 2rem;
	}

	.stoimost__body::-webkit-scrollbar{
		display: none;
	}

	.stoimost__card {
		width: 52vw;
		flex-shrink: 0;
		scroll-snap-align: center;
	}
}

@media (max-width: 768px) {
    .stoimost__card {
        width: 80%;
    }

		.stoimost__bottom-text {
    min-height: 16rem;
}

.stoimost__lists {
    min-height: 60rem;
}

.stoimost__top {
    min-height: 45rem;
}

.stoimost__card .card{
	padding: 2rem;
}

.stoimost__procent.card {
    min-height: 15rem;
}

.stoimost__body{
	margin-top: 3rem;
}

.tooltip__body {
    width: 32rem;
}
}

@media (max-width: 480px) {
	    .stoimost__card {
        width: 90%;
    }

		.stoimost__body{
			margin-top: 2rem;
			gap: 1.5rem;
		}

		.stoimost__card-prim {

    padding: 1rem;
    margin: 1.5rem 0rem;
}

.stoimost__list-section + .stoimost__list-section {
    padding-top: 1.5rem;
}


.stoimost__list-section:not(:last-child) {
    margin-bottom: 1.5rem;
}

.stoimost__hours p {
	font-size: 1.4rem;
}

.stoimost__hours p {
    max-width: 17rem;
}

		.stoimost__procent-top{
			flex-direction: column;
			gap: 1.5rem;
		}

		.stoimost__card .card{
	padding: 1.5rem;
}
}
/* ==================================== */

.team {
}

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


.team__body {
	display: flex;
	gap: 2rem;
	margin-top: 4rem;
	flex-wrap: wrap;
}
.team__card {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: calc((100% - 4rem) / 3);
}
.team__card-image {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius);
	padding: 5rem;
	background: var(--akcent);
}

.team__card-image img{
	flex-shrink: 0;
	border-radius: 50%;
	object-fit: cover;
	width: 30rem;
	height: 30rem;
}

.team__card-info {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	text-align: center;
}

.team__card-info p{
	font-weight: 500;
	padding: 0rem 1rem;
}


.team__card-info-main {
	margin-top: 1rem;
	display: flex;
	flex-direction: column;
	padding-top: 2rem;
	gap: 1rem;
	border-top: 0.1rem solid rgba(17, 17, 17, 0.3);
}

@media (max-width: 1024px) {
.team__card-info {
	padding: 2rem;
}

.team__card-image {
    padding: 2rem;
}

.team__card-image img {
    width: 20rem;
    height: 20rem;
}
}

@media (max-width: 768px) {
.team__card {
	width: 100%;
}

.team__body{
	margin-top: 3rem;
}
}

@media (max-width: 480px) {
	.team__body{
	margin-top: 2rem;
}

    .team__card-image img {
        width: 16rem;
        height: 16rem;
    }

		.team__card-info-main {
			margin-top: 0rem;
    padding-top: 1rem;
}
.team__body{
	gap: 1.5rem;
}

}
/* ==================================== */
.accordion-section {
}



h2 + .accordion{
	margin-top: 4rem;
}

.accordion {
	max-width: 87.2rem;
	margin-left: auto;
	margin-right: auto;
}
.accordion__body {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.accordion__tab {
	padding: 2rem 3rem;
	background: #fff;
	min-height: 11rem;
	cursor: pointer;
	transition: 0.3s ease 0s;
	border-radius: 1rem;
}
.accordion__tab-top {
	display: flex;
	gap: 2rem;
	justify-content: space-between;
}
.accordion__tab-title {
	font-size: 2.5rem;
	max-width: 56rem;
}
.accordion__tab-arrow {
	width: 4rem;
	flex-shrink: 0;
	transition: 0.3s ease 0s;
	height: 4rem;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #111;
	border-radius: 1rem;
}

.accordion__tab.accordion-active{
	background: var(--akcent);
}

.accordion__tab.accordion-active .accordion__tab-title{
	font-weight: 700;
}

.accordion__tab-arrow  svg{
	width: 1.7rem;
	transition: 0.3s ease 0s;
}

.accordion__tab-body {
	padding-top: 1rem;
	font-weight: 500;
	line-height: 1.5;
	display: none;
	opacity: 0.8;

}

.accordion__tab.accordion-active  .accordion__tab-arrow{
	background: #fff;
	color: #111;
}

.accordion__tab.accordion-active  .accordion__tab-arrow svg{
	rotate: 45deg;
}


.accordion-form{
	padding-top: calc(var(--section-margin) + var(--section-margin));
}

.accordion-form .h2 + .form-main {
	margin-top: 4rem;
}
.textarea {
	width: 100% !important;
	padding: 3rem 4rem;
	min-height: 23rem;
	resize: none;
}
.accordion-form  .input {
	width: 100% !important;
}

.preimushestva {
}
.wrapper {
}
.preimushestva__body {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
}
.card {
}
.preimushestva__col {
	width: calc((100% - 4rem) / 3);
}

.preimushestva__col  .h2{
	max-width: 30rem;
	margin-bottom: 3rem;
}

.preimushestva__col .sub-title{
	font-weight: 400;
	max-width: 40rem;
}

.preimushestva__col .sub-title-mini {
	margin-bottom: 1.4rem;
	font-weight: 700;
}
.list {
	max-width: 45.6rem;
}


@media (max-width: 1024px) {
.accordion__tab {
    min-height: 9rem;
}

}

@media (max-width: 768px) {
h2 + .accordion {
    margin-top: 3rem;
}

.preimushestva__col{
	width: 100%;
}


.preimushestva__col .h2 {
	max-width: 100% !important;
    margin-bottom: 1.5rem;
}

.accordion__body{
	gap: 1.5rem;
}

.accordion__tab-title {
	font-size: 2rem;
}

.accordion-form .h2 + .form-main {
    margin-top: 3rem;
}
}

@media (max-width: 480px) {
	h2 + .accordion {
    margin-top: 2rem;
}

.preimushestva__col .h2  br{
	display: none;
}

	.textarea {
    padding: 2rem 2rem;
    min-height: 14rem;
}

    .accordion__tab-title {
        font-size: 1.6rem !important;
    }

		.accordion__tab-title br{
			display: none;
		}

.accordion__tab-arrow {
    width: 3rem;
    height: 3rem;
		border-radius: 0.5rem;
}

.accordion__tab {
    padding: 1.5rem 2rem;
    min-height: 7rem;
}

.accordion-form .h2 + .form-main {
    margin-top: 2rem;
}

.accordion__tab-arrow svg {
    width: 1.2rem;
}

.accordion__tab-text{
	font-size: 1.4rem;
}

.accordion__tab-title {
	font-size: 1.8rem;
}


}
/* ==================================== */

.footer {
	color: #FFF;
	background: #111;
	padding-top: calc(var(--section-margin) + var(--section-margin));
}

.footer__main {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: calc(var(--section-margin) + var(--section-margin));
	gap: 2rem;
}
.footer__block {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	min-height: 31rem;
	width: calc((100% - 4rem) / 3);
}

.footer__block .icon{
	background: var(--akcent---2);
	border-radius: 1rem;
	width: 4rem;
	height: 4rem;
}

.footer__block{
	color: #111;
}

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

.footer__block .button{
	margin-top: auto;
	gap: 2rem;
	border-radius: 1rem;
	min-height: 5rem;
	padding: 1rem 2.7rem;
	min-width: 0rem;
	font-size: 1.5rem;
}

.footer__block  p{
	font-weight: 500;
}

.footer__block .button svg{
	width: 2rem;
}


.list-socials {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 1rem;
}
.list-socials__item {
	display: flex;
	align-items: center;
	transition: 0.3s ease 0s;
	font-weight: 500;
	gap: 1.5rem;
}

.list-socials__item:hover{
	color: var(--akcent---2);
}

.list-socials__item .icon svg{
	width: 2rem;
}

.footer__bottom {
	display: flex;
	justify-content: space-between;
	gap: 1.5rem;
	padding-bottom: 4rem;
	font-size: 1.5rem;
	padding-top: 3rem;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.footer__bottom a{
	opacity: 0.3;
	transition: 0.3s ease 0s;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
}

.footer__bottom a:hover{
	opacity: 1;
}

.footer{
	overflow: hidden;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3rem,0);
        transform: translate3d(0,3rem,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@media (max-width: 1024px) {
	.footer__block {
		padding: 2rem;
	}

	.footer__bottom {
    font-size: 1.3rem;
	}
}

@media (max-width: 768px) {
	.footer__block {
		width: 100%;
		min-height: 0rem;
	}

	.footer__block  ul{
		margin-bottom: 1rem;
	}

	.footer__bottom{
		text-align: center;
		flex-direction: column;
		align-items: center;
		padding-bottom: 3rem;
	}
}

@media (max-width: 480px) {
	.footer__main{
		gap: 1.5rem;
	}

	.footer__block .button {
    min-height: 4rem;
    padding: 1rem 2.2rem;
    font-size: 1.3rem;
	}
}
/* ==================================== */

.intro-spasibo {
	margin-bottom: var(--section-margin);
}
.intro-spasibo .wrapper {
	background: #FFF;
	padding: 7rem;
	border-radius: var(--radius);
}

.intro-spasibo  h1{
	margin-bottom: 3rem;
	text-align: center;
}

.intro-spasibo__main {
	position: relative;
	display: flex;
	padding-top: 3rem;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.intro-spasibo__main::before{
	content: '';
	width: 15rem;
	top: 0;
	position: absolute;
	left: 50%;
	translate: -50% 0%;
	height: 1px;
	background: rgba(17, 17, 17, 0.5);
}

.intro-spasibo a{
	transition: 0.3s ease 0s;
}

.intro-spasibo a:hover{
	color: var(--akcent---2);
}

.intro-spasibo__main .sub-title {
	margin-bottom: 2rem;
}

.intro-spasibo__time {
	margin-top: 0.5rem;
	font-size: 2.5rem;
	font-style: normal;
	color: #111;
	opacity: 0.6;
	font-weight: 700;
	line-height: 145%;
}
.main {
}
.videos-section {
}
.videos-section__video {
	background: #FFF;
	position: relative;
	display: block;
	margin-left: auto;
	z-index: 1;
	margin-right: auto;
	margin-top: 4rem;
	max-width: 80rem;
	width: 100%;
	height: 45rem;
}

.videos-section__video  picture{
	position: absolute;
	left: 0;
	z-index: -2;
	top: 0;
	transition: 0.3s ease 0s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

.play {
	z-index: 1;
	width: 9rem;
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}

.play svg{
	width: 100%;
}


.videos-section__video:hover picture{
	opacity: .8;
}


.back  .wrapper {
	display: flex;
	gap: 4rem;
	padding-bottom: 4rem;
	align-items: center;
	flex-direction: column;

}

.back  .button{
	min-width: 32.4rem;
}

@media (max-width: 1024px) {
.intro-spasibo .wrapper {
    padding: 5rem;
}
}

@media (max-width: 768px) {
.intro-spasibo .wrapper {
    padding: 3rem;
}

.back  .wrapper {
	gap: 3rem;

}


.videos-section__video {
    margin-top: 3rem;
    max-width: 100%;
    height: 35rem;
}

.play {
    width: 6rem;
}

.intro-spasibo__time {
    font-size: 2.2rem;
}

.back .wrapper {
    padding-bottom: 2rem;
}
}

@media (max-width: 480px) {
	.intro-spasibo .wrapper {
    padding: 2rem;
}

.back .h2{
	padding-right: 2.5rem;
	padding-left: 2.5rem;
}

.back  .button{
	min-width: 0rem;
	width: 100%;
}

.videos-section__video {
    margin-top: 2rem;
    height: 30rem;
}

.intro-spasibo__time {
    font-size: 1.8rem;
}

.intro-spasibo__main {
    padding-top: 2rem;
}

.intro-spasibo h1 {
    margin-bottom: 2rem;
}

.back  .wrapper {
	gap: 2rem;

}
}
/* ==================================== */

.intro-case {
	margin-bottom: var(--section-margin);
}
.intro-case .wrapper {
		border-radius: var(--radius);
		background: var(--akcent);
		padding: 7rem;
}
.intro-case  .sub-title {
	font-weight: 400;
	margin-bottom: 2rem;
}

.intro-case  h1{
	margin-bottom: 3rem;
}

.intro-case .list li:before{
	background: #111;
}
.intro-case__blocks {
	display: flex;
	gap: 2rem;
	margin-top: 6rem;
	flex-wrap: wrap;
}
.intro-case__block {
	width: calc((100% - 6rem) / 4);
}

.intro-case__block-top {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	align-items: center;
	margin-bottom: 3rem;
}
.intro-case__block-top  .icon {
	width: 4rem;
	height: 4rem;
}

.intro-case__block-top  .icon svg{
	width: 2rem;
}

.intro-case__tag {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 120%;
	padding: 1rem 1.5rem;
	border-radius: 0.5rem;
	background: var(--akcent);
}
.intro-case__block-title {
	margin-bottom: 1rem;
}
.h1 {
}
.intro-case__block .fz15 {
	font-weight: 500;
}
.case-button-back {
}
.button {
}

.case-button-back{
	position: fixed;
	pointer-events: none;
	left: 0;
	bottom: 5rem;
	z-index: 50;
	transition: 0.4s ease 0s;
	width: 100%;
}

.case-button-back.hidden{
	opacity: 0;
	translate: 0rem 2rem;
}

.case-button-back .wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
}

.case-button-back .button{
	pointer-events: all;
}

.case-button-back .button{
	min-width: 36rem;
}

@media (max-width: 1024px) {
.intro-case .wrapper {
		padding: 5rem;
}

.intro-case__block {
	width: calc((100% - 4rem) / 3);
}

}

@media (max-width: 768px) {
.intro-case .wrapper {
		padding: 3rem;
}

.case-button-back{
	bottom: 3rem;
}


.intro-case__block {
	width: 100%;
}
.intro-case__blocks{
	margin-top: 3rem;
}

.intro-case h1 {
    margin-bottom: 2rem;
}
}

@media (max-width: 480px) {
	.intro-case .wrapper {
		padding: 2rem;
}

.case-button-back{
	bottom: 1.5rem;
}

.case-button-back + .scroll-up.active{
	bottom: 9rem;
}

.case-button-back.hidden + .scroll-up.active{
	bottom: 1.5rem;
}

.case-button-back .button{
	min-width: 0rem;
	width: 100%;
}


.intro-case__tag {
    font-size: 1.3rem;
    padding: 1rem 1.2rem;
}

.intro-case .sub-title {
    margin-bottom: 1rem;
}

.intro-case__blocks{
	gap: 1.5rem;
}
}
/* ==================================== */

.about-case__body {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.about-case__block {
	width: calc((100% - 2rem) / 2);
}
.card {
}
.about-case__block  .h2 {
	margin-bottom: 1rem;
}
.about-case__block  .list {
	margin-bottom: 3rem;
}
.about-case__blocks {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.about-case__block{
	border: 1px solid #F2F2F2;
	padding: 2rem 4rem;
	background: #FFF;
	border-radius: var(--radius);
	width: calc((100% - 2rem) / 2);
}

.about-case__block_v2{
	background: var(--akcent);
}

.about-case__block_v2 .list li::before{
	background: #111;
}

.about-case__block_v2 .list-icons .icon{
	background: #FFF;
}

.about-case__block .list-icons .icon svg{
	width: 1.2rem;
}

.about-case__block_v2 .list-icons{
	max-width: 51.5rem;
}

.about-case__block-top {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 2rem;
}
.about-case__block-top .icon {
	width: 4rem;
	height: 4rem;
}

.about-case__block-top .icon svg{
	width: 2rem;
}

.about-case__bottom-block {
	margin-top: 2rem;
	max-width: 51rem;
	border-radius: var(--radius);
	background: #F2F2F2;
}
.about-case__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.about-case__tag {
	font-size: 1.5rem;
	line-height: 120%;
	text-align: center;
	min-width: 7rem;
	border-radius: 10rem;
	padding: 0.3rem 1.5rem;
	opacity: 0.7;
	border: 1px solid rgba(17, 17, 17, 0.6);
	background: #FFF;
}

.about-case__block_v2 .list-icons br{
	display: none;
}

.about-case__block_v2 .list-icons b{
	display: block;
}

@media (max-width: 1024px) {
	.about-case__block{
		width: 100%;
	}

	.about-case__bottom-block{
		max-width: 100%;
	}
}

@media (max-width: 768px) {
.about-case__block {
    padding: 2rem 3rem;
}
}

@media (max-width: 480px) {
	.about-case__block {
    padding: 2rem;
}

.about-case__blocks{
	gap: 1.5rem;
}

.about-case__blocks .about-case__block{
	padding: 1.5rem;
}

.about-case__bottom-block {
    margin-top: 1.5rem;
	}

	.about-case__tag {
    font-size: 1.2rem;
    min-width: 5rem;
    border-radius: 10rem;
    padding: 0.3rem 1rem;
}

.about-case__block .list {
    margin-bottom: 2rem;
}

.about-case__tags{
	gap: 0.5rem;
}

.about-case__body{
	gap: 1.5rem;
}

.help__block .sub-title{
	padding-right: 2rem;
}
}
/* ==================================== */


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


.result__body {
	margin-top: 4rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.result__block {
	display: flex;
	flex-direction: column;
	min-height: 31rem;
	width: calc((100% - 4rem) / 3);
}
.result__block-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.result__top-left {
	display: flex;
	gap: 1rem;
	align-items: center;
}
.result__top-left .icon {
	width: 4rem;
	height: 4rem;
}

.result__top-left .icon  svg{
	width: 2rem;
}

.result__tag {
	font-weight: 700;
	line-height: 150%;
	border-radius: 0.5rem;
	padding: 0.5rem 0.8rem;
	background: var(--akcent);
}
.result__block-main {
	margin-top: auto;
}
.result__price {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1rem;
}

.result__price span{
	font-weight: 500;
}


.result__block-progress {
	height: 1rem;
	background: #F2F2F2;
	border-radius: 1rem;
}

.result__block-progress span{
	display: block;
	border-radius: inherit;
	background: var(--akcent);
	height: 100%;
}

.result__progress-bottom {
	margin-top: 1rem;
	font-weight: 700;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
}

.polgoda_v2 .polgoda__body{
	margin-top: 4rem;
}

.modal-cookie button{
	min-height: 4.5rem;
}

.polgoda_v2 .item-icon{
	align-items: center;
}

.about-case__block .fz15 span{
	color: var(--akcent---2);
	font-weight: 700;
}

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

.intro-case .list {
    max-width: 38.6rem;
}

@media (max-width: 1024px) {
.result__block {
	width: calc((100% - 2rem) / 2);
}

.polgoda_v2 .item-icon{
	align-items: flex-start;
}

}

@media (max-width: 768px) {
	.result__body{
		margin-top: 3rem;
	}

	.polgoda_v2 .polgoda__body{
	margin-top: 3rem;
}

	    .result__block {
        width: 100%;
				min-height: 28rem;
    }
}

@media (max-width: 480px) {
		.result__body{
		margin-top: 2rem;
	}

	.polgoda__block .item-icon{
		flex-direction: column;
	}

	
	    .result__block {
        width: 100%;
				min-height: 22rem;
    }

		.polgoda_v2 .polgoda__body{
	margin-top: 2rem;
}

.express-audit__right .button{
	padding-left: 2rem;
	padding-right: 2rem;
}

.brands__block .item-icon:not(:last-child) {
    margin-bottom: 2rem;
}

.select__item {
    padding-left: 2rem;
    padding-right: 2rem;
}

    .slide-num {
        padding: 1rem 1.5rem;
        min-width: 22rem;
    }

		.stoimost__card .button{
			margin-top: auto;
		}

		    .stoimost__lists {
        min-height: 62rem;
    }

		    .form-main {
        padding: 2rem;
    }
}
/* ==================================== */

@media (max-width: 1024px) {

}

@media (max-width: 768px) {

}

@media (max-width: 480px) {
	
}

/* ==================================== */

.tabs-content{
	display: none;
}

.d-block{
	display: block;
}

.none{
	display: none;
}

[class*="copyrights-pane"]{
	display: none !important;
}

.animate__animated, .animate__{
	opacity: 0;
	animation-fill-mode: forwards !important;
	animation-delay: 0.2s !important;
}

.animate__delay-1s{
	animation-delay: 0.8s !important;
}

.animate__delay-2s{
	animation-delay: 1.2s !important;
}

.animate__delay-2s.button{
	animation-delay: 1.4s !important;
}

/* Глобальный твик для всех анимируемых элементов */
.animate__animated,
.animated { /* подойдёт и для кастомного animation.css */
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Если в ваших классах есть анимации margin/height/width/top/left — запрещаем: */
[class*="animate-"][style*="margin"],
[class*="animate-"][style*="top"],
[class*="animate-"][style*="left"] {
}
  /* лучше переписать сами эффекты на transform/opacity */

/* По умолчанию скрыть, чтобы не было блинка первого кадра */
.animate__animated,
.animated {
  visibility: hidden;
}

/* Когда страница готова — показать и дать анимациям отработать */
.page-ready .animate__animated,
.page-ready .animated {
  visibility: visible;
}