@charset "UTF-8";
/* Common */
/* Media */
/* Content */
/* Common animations */
@-webkit-keyframes marquee { 0% { -webkit-transform: translateX(calc(100% + 2.77778vw)); transform: translateX(calc(100% + 2.77778vw));
		/* Начинаем движение справа */ }
	100% { -webkit-transform: translateX(-100%); transform: translateX(-100%);
		/* Заканчиваем движением слева */ } }
@keyframes marquee { 0% { -webkit-transform: translateX(calc(100% + 2.77778vw)); transform: translateX(calc(100% + 2.77778vw));
		/* Начинаем движение справа */ }
	100% { -webkit-transform: translateX(-100%); transform: translateX(-100%);
		/* Заканчиваем движением слева */ } }

@-webkit-keyframes fadeOut { from { opacity: 0; }
	to { opacity: 1; } }

@keyframes fadeOut { from { opacity: 0; }
	to { opacity: 1; } }

/* Blocks */
.about { padding-top: 5.55556vw; padding-bottom: 5.55556vw; }

.about__items { display: grid; grid-template-columns: 1fr; grid-gap: 2.22222vw; }

.about-block { display: flex; flex-direction: column; padding: 3.33333vw; border-radius: 3.33333vw; min-height: 128.61111vw; background: white; }

.about-block__text { display: flex; flex-direction: column; gap: 3.33333vw; font-weight: 600; font-size: 4.72222vw; line-height: 120%; letter-spacing: -0.01em; }

@media (max-width: 767px) { .about-block__text { text-align: left; -ms-hyphens: auto; hyphens: auto; } }

.about-block__text p:first-child { font-weight: 600; font-size: 6.66667vw; line-height: 120%; letter-spacing: -0.01em; }

.about-block__bottom { display: flex; flex-direction: column; gap: 2.22222vw; margin: auto 0 0; }

.about-block__bottom-tags { display: flex; flex-direction: column; gap: 1.11111vw; }

.about-block__bottom-tag { cursor: default; font-weight: 600; font-size: 3.61111vw; width: -webkit-fit-content; width: fit-content; min-height: 7.77778vw; border-radius: 11.11111vw; border-color: var(--black); }

.about-block__bottom-box { display: flex; justify-content: space-between; align-items: center; gap: 2.22222vw; }

.about-block__bottom-button { font-weight: 600; font-size: 3.88889vw; border-radius: 11.11111vw; min-height: 8.88889vw; max-width: -webkit-fit-content; max-width: fit-content; }

.about-block__bottom-img { width: auto; height: 8.88889vw; -o-object-fit: contain; object-fit: contain; }

.about__cards { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2.22222vw; }

.about__card { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 3.33333vw; border-radius: 3.33333vw; min-height: 38.88889vw; overflow: hidden; }

.about__card_bg-gray { color: var(--black); background: var(--gray-40); }

.about__card_bg-red { color: #fff; background: var(--red); }

.about__card_bg-img { color: #fff; }

.about__card-title { font-weight: 600; font-size: 7.22222vw; line-height: 100%; z-index: 1; }

.about__card-text { font-weight: 600; font-size: 3.88889vw; line-height: 120%; z-index: 1; }

.about__card-img { position: absolute; width: 29.16667vw; height: 29.16667vw; left: auto; top: auto; right: 0; bottom: 0; -o-object-fit: contain; object-fit: contain; }

.about__card-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.services { padding-top: 5.55556vw; padding-bottom: 5.55556vw; }

.services__title { margin: 0 0 6.66667vw; }

.services__tabs { padding-top: 3.33333vw; padding-bottom: 3.33333vw; margin-bottom: 4.44444vw; }

.services__items { display: grid; grid-template-columns: 1fr; grid-gap: 2.22222vw; }

.services__item { position: relative; display: grid; grid-template-rows: 11.11111vw 1fr auto; grid-gap: 2.77778vw; text-align: center; padding: 3.33333vw; border-radius: 4.44444vw; min-height: 61.66667vw; overflow: hidden; }

.services__item[data-more-hidden] { display: none !important; }

.services__item-white { color: white; }

.services__item-black { color: var(--black); }

.services__item-bg { position: absolute; inset: 0; z-index: -1; }

.services__item-bg-photo::after { content: ''; position: absolute; width: 100%; height: 35%; bottom: 0; left: 0; background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(to top, black 55%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 55%, transparent 100%); }

.services__item-bg-img { width: 100%; height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; }

.services__item-head { display: flex; justify-content: space-between; align-items: flex-start; }

.services__item-icon { display: flex; justify-content: center; align-items: center; width: 10vw; height: 10vw; border-radius: 1.38889vw; background: white; }

.services__item-icon img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.services__item-button { font-weight: 600; font-size: 3.33333vw; max-width: 28.05556vw; min-height: 11.11111vw; }

.services__item-title { font-weight: 600; font-size: 6.66667vw; line-height: 100%; align-self: center; }

.services__item-text { font-weight: 600; font-size: 3.88889vw; line-height: 120%; opacity: 0.5; }

.services__button { display: flex; width: 68.05556vw; border-radius: 22.22222vw; margin: 6.66667vw auto 0; }

.articles { padding-top: 5.55556vw; padding-bottom: 5.55556vw; }

.articles__title { margin: 0 0 6.66667vw; }

.articles__items { margin: 0 -1.11111vw 5.55556vw; }

.articles__item { z-index: 1; position: relative; display: flex; flex-direction: column; height: 100%; margin: 0 1.11111vw; }

.articles__item-img { display: block; width: 100%; height: 56.11111vw; -o-object-fit: cover; object-fit: cover; border-radius: 4.44444vw; }

.articles__item-box { display: flex; flex-direction: column; gap: 4.44444vw; padding: 3.33333vw; border-radius: 4.44444vw; background: #fff; min-height: 52.22222vw; flex: 1 1 auto; margin: -8.33333vw 0 0; }

.articles__item-date { color: var(--gray-80); font-weight: 600; font-size: 3.61111vw; line-height: 120%; }

.articles__item-title { font-weight: 600; font-size: 4.72222vw; line-height: 120%; letter-spacing: -0.01em; display: -webkit-box; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; /* autoprefixer: off */ -webkit-box-orient: vertical; line-height: 1.1; }

.articles__item-button { font-weight: 600; font-size: 3.33333vw; width: -webkit-fit-content; width: fit-content; min-height: 11.11111vw; margin: auto 0 0; }
