@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 */
.main__inner { min-height: 157.5vw; }

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

.utp__title { margin: 0 0 6.66667vw; }

.utp__items { display: grid; grid-template-columns: repeat(6, 77.77778vw); grid-gap: 2.22222vw; }

.utp__item { display: flex; flex-direction: column; justify-content: space-between; gap: 1.38889vw; min-height: 68.33333vw; padding: 3.33333vw; border-radius: 4.44444vw; background: var(--gray-20); transition: all .3s; }

.utp__item-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 4.16667vw; }

.utp__item-title { font-weight: 600; font-size: 6.66667vw; line-height: 110%; letter-spacing: -0.01em; }

.utp__item-img { width: 10vw; height: 10vw; border-radius: 50%; background: var(--red); flex: 0 0 auto; box-shadow: -1.41389vw 0px 3.11056vw rgba(136, 6, 11, 0.2), inset -0.80536vw 0px 1.61073vw #FF5057, inset 0.80536vw 0px 1.40939vw #D61018; }

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

.utp__item-text { color: var(--gray-80); font-weight: 600; font-size: 3.88889vw; line-height: 110%; }

.utp__item:hover { color: white; background: var(--red); }

.utp__item:hover .utp__item-img { background: white; box-shadow: -1.41389vw 0px 3.11056vw rgba(148, 148, 148, 0.2), inset -0.80536vw 0px 1.61073vw #FFFFFF, inset 0.80536vw 0px 1.40939vw #9E9E9E; }

.utp__item:hover .utp__item-img img { -webkit-filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(4598%) hue-rotate(350deg) brightness(93%) contrast(100%); filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(4598%) hue-rotate(350deg) brightness(93%) contrast(100%); }

.utp__item:hover .utp__item-text { color: white; }

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

.speciality__title { margin: 0 0 6.66667vw; }

.speciality__items { margin: 0 -1.66667vw 5.55556vw; }

.speciality__item { display: flex; flex-direction: column; height: 100%; margin: 0 1.66667vw; }

.speciality__item-img { height: 41.38889vw; border-radius: 4.44444vw 4.44444vw 0px 0px; overflow: hidden; }

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

.speciality__item-content { position: relative; display: flex; flex-direction: column; gap: 4.44444vw; padding: 3.33333vw; flex: 1 0 auto; }

@media (max-width: 767px) { .speciality__item-content { border-radius: 4.44444vw; background: var(--gray-20); margin: -3.33333vw 0 0; } }

.speciality__item-title { font-weight: 600; font-size: 7.22222vw; line-height: 100%; }

.speciality__item-text { font-weight: 600; font-size: 4.72222vw; line-height: 120%; letter-spacing: -0.01em; }

.speciality__item-tags { display: flex; flex-wrap: wrap; gap: 2.22222vw; margin: auto 0 0; }

.speciality__item-tags span { display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 3.61111vw; line-height: 1; letter-spacing: -0.02em; border: 1px solid #7E7F81; backdrop-filter: blur(6.11111vw); -webkit-backdrop-filter: blur(6.11111vw); background: rgba(255, 255, 255, 0.01); border-radius: 11.11111vw; min-height: 7.77778vw; padding: 1.66667vw 3.33333vw; }

.speciality__item-tags span.wide { padding: 1.66667vw 2.22222vw; }

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

.salary__box { display: grid; grid-template-columns: 1fr; grid-gap: 6.66667vw; padding: 3.33333vw; border-radius: 4.44444vw; background: var(--gray-40); }

.salary__content { display: flex; flex-direction: column; gap: 6.66667vw; }

.salary__title { font-weight: 600; font-size: 6.66667vw; line-height: 120%; letter-spacing: -0.01em; margin: 0 0 2.22222vw; }

.salary__text { font-weight: 600; font-size: 4.72222vw; line-height: 120%; letter-spacing: -0.01em; }

.salary__button { font-weight: 600; font-size: 4.16667vw; line-height: 120%; }

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

.salary__images-item { border-radius: 1.54167vw; height: 33.05556vw; overflow: hidden; }

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

.guarantees { padding-top: 11.11111vw; padding-bottom: 11.11111vw; }

@media (max-width: 767px) { .guarantees { margin: 5.55556vw 0; border-radius: 4.44444vw; background: var(--gray-20); } }

.guarantees__title { margin: 0 0 6.66667vw; }

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

.guarantees__item { display: flex; flex-direction: column; justify-content: space-between; margin: 0 1.11111vw; padding: 3.33333vw; border-radius: 4.44444vw; background: white; min-height: 69.16667vw; height: 100%; }

.guarantees__item-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 2.22222vw; }

.guarantees__item-title { font-weight: 600; font-size: 6.66667vw; line-height: 120%; letter-spacing: -0.01em; -ms-hyphens: auto; hyphens: auto; }

.guarantees__item-num { position: relative; width: 11.11111vw; height: 11.11111vw; border-radius: 3.33333vw; background: var(--gray-20); overflow: hidden; flex: 0 0 auto; }

.guarantees__item-num span { position: absolute; top: -2.08333vw; left: 3.47222vw; font-weight: 900; font-size: 15.27778vw; line-height: 110%; letter-spacing: -0.02em; color: var(--red); text-shadow: -0.93035px 0px 0.67192vw rgba(136, 6, 11, 0.2); -webkit-transform: matrix(0.95, -0.32, 0, 1, 0, 0); transform: matrix(0.95, -0.32, 0, 1, 0, 0); }

.guarantees__item-text { color: var(--gray-80); font-weight: 600; font-size: 4.72222vw; line-height: 120%; letter-spacing: -0.01em; }

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

.steps__inner { display: grid; grid-template-columns: 1fr; grid-gap: 6.66667vw; }

.steps__title { margin: 0 0 4.44444vw; }

.steps__text { font-weight: 600; font-size: 4.72222vw; line-height: 120%; letter-spacing: -0.01em; }

.steps__items { display: flex; flex-direction: column; gap: 2.22222vw; }

.steps__item { display: flex; justify-content: space-between; gap: 2.77778vw; padding: 3.33333vw; border-radius: 4.44444vw; min-height: 50vw; background: var(--gray-20); transition: all .3s; }

.steps__item-box { display: flex; flex-direction: column; justify-content: space-between; gap: 2.77778vw; }

.steps__item-text { font-weight: 600; font-size: 5.27778vw; line-height: 100%; }

.steps__item-num { display: flex; justify-content: center; align-items: center; padding: 1.66667vw 3.33333vw; border-radius: 5.55556vw; width: -webkit-fit-content; width: fit-content; background: var(--gray-10); }

.steps__item-num span { font-weight: 600; font-size: 3.61111vw; line-height: 120%; }

.steps__item-img { width: 18.88889vw; height: 18.88889vw; border-radius: 50%; background: var(--gray-20); box-shadow: inset 0.77941vw 0.6861vw 1.05934vw rgba(140, 140, 140, 0.15), inset -0.66689vw 0px 1.74131vw #FCFCFC; overflow: hidden; flex: 0 0 auto; align-self: flex-end; }

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

.steps__item:hover { background: var(--red); }

.steps__item:hover .steps__item-text { color: white; }

.steps__item:hover .steps__item-img { background: var(--red); box-shadow: inset 0.77941vw 0.6861vw 1.05934vw rgba(129, 1, 1, 0.15), inset -0.66689vw 0px 1.74131vw #FF7373; }

.steps__item:hover .steps__item-img img { -webkit-filter: brightness(0) saturate(100%) invert(94%) sepia(5%) saturate(830%) hue-rotate(190deg) brightness(106%) contrast(88%); filter: brightness(0) saturate(100%) invert(94%) sepia(5%) saturate(830%) hue-rotate(190deg) brightness(106%) contrast(88%); }

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

.how__title { margin: 0 0 6.66667vw; }

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

.how__block { display: none; }

.how__block.content-tab-active { display: flex; flex-direction: column; gap: 2.22222vw; }

.how__box { position: relative; display: flex; flex-direction: column; gap: 4.44444vw; padding: 3.33333vw; border-radius: 4.44444vw; min-height: 167.77778vw; overflow: hidden; }

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

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

.how__box h3 { font-weight: 600; font-size: 6.66667vw; line-height: 120%; letter-spacing: -0.01em; }

@media (max-width: 767px) { .how__box h3 { -ms-hyphens: auto; hyphens: auto; } }

.how__box p { font-weight: 600; font-size: 4.72222vw; line-height: 120%; letter-spacing: -0.01em; }

.how__box-button { font-weight: 600; font-size: 4.16667vw; line-height: 120%; margin: auto 0 0; }

.how__cards { display: flex; gap: 2.22222vw; }

@media (max-width: 767px) { .how__cards { padding: 0 var(--p); margin: 0 calc(var(--p) * -1); } }

.how__card { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 2.77778vw; background: white; border-radius: 3.33333vw; padding: 3.33333vw; min-height: 54.72222vw; flex: 0 0 auto; }

@media (max-width: 767px) { .how__card { width: 77.77778vw; } }

.how__card-title { font-weight: 600; font-size: 7.22222vw; line-height: 100%; }

.how__card-text { font-weight: 600; font-size: 4.16667vw; line-height: 120%; padding-right: 26.11111vw; }

.how__card-img { width: 26.11111vw; height: 26.11111vw; border-radius: 50%; background: var(--gray-10); box-shadow: inset 1.07075vw 0.94256vw 1.45531vw rgba(140, 140, 140, 0.15), inset -0.91617vw 0px 2.39219vw #FCFCFC; }

@media (max-width: 767px) { .how__card-img { position: absolute; right: 1.66667vw; bottom: 1.66667vw; } }

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