/* Common */
/* Media */
/* Content */
@media (min-width: 768px) {
	:root {
		--bs-gutter-x: 20px;
	}
	body {
		min-width: 0;
		font-size: 18px;
	}
	.container {
		padding-right: calc(30 * 1px);
		padding-left: calc(30 * 1px);
		max-width: calc(1500 * 1px);
	}
	.d-mobile {
		display: none !important;
	}
	.title {
		font-size: 48px;
		font-weight: 600;
		line-height: 110%;
		margin-bottom: 40px;
	}
	.button {
		gap: 10px;
		font-size: 17px;
		font-weight: 600;
		line-height: 105%;
		border-radius: 8px;
		padding: 12px;
		min-height: 47px;
		max-width: 313px;
	}
	.top-block {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.slick-slide {
		margin: 0 10px;
	}
	.slick-dots {
		margin: 40px 10px 0;
		width: 100%;
	}
	.slick-dots li {
		margin: 0 5px;
	}
	.slick-dots li button {
		height: 4px;
		border-radius: 10px;
	}
	.section-block {
		padding: 30px 0;
	}
	.section-block-mt {
		margin-top: calc(24 * 1px);
	}
	.hide-scrollbar {
		margin: 0;
		padding: 0;
	}
}

@media (min-width: 1440px) {
	.section-block {
		padding: 20px 0 !important;
		background: none !important;
	}
	.section-block-mt {
		margin-top: 0;
	}
	.section-inner {
		padding: 60px 70px 66px;
		border-radius: 12px;
		background: #fff;
		overflow: hidden;
	}
	.slider-nav {
		display: grid;
		grid-template-columns: repeat(2, 44px);
		grid-gap: 16px;
		height: 44px;
		align-items: center;
	}
	.slider-nav span {
		width: 44px;
		height: 44px;
		border-radius: 8px;
	}
	.slider-nav-icon {
		width: 12px;
		height: 12px;
		flex: 0 0 auto;
		font-size: 12px;
	}
}

@media (min-width: 1921px) {
	.wrapper {
		max-width: 1920px;
	}
}

/* Form */
@media (min-width: 768px) {
	.form-section {
		padding: 60px 0;
	}
}

@media (min-width: 1440px) {
	.form-section {
		background: transparent;
		padding: 20px 0;
	}
	.form-section-red .form-section__box {
		background: url("../img/form/rune.svg") right -60px center no-repeat, #FF0A47;
		background-size: 540px;
		padding: 60px 70px;
		border-radius: 12px;
	}
	.form-section-blue .form-section__box {
		background: url("../img/form/catalog.svg") right -10% bottom 5% no-repeat, #0D1140;
		background-size: 400px;
		padding: 60px 70px;
		border-radius: 12px;
	}
	.form-section .form-blue .form__footer-text {
		max-width: 776px;
	}
}

@media (min-width: 768px) {
	.form__title {
		font-size: 48px;
		margin-bottom: 40px;
	}
	.form__text {
		font-size: 23px;
		margin-bottom: 36px;
	}
	.form__items {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 16px;
	}
	.form__item button {
		font-size: 18px;
		line-height: 1;
		min-height: 50px;
		max-width: 100%;
		color: #fff;
		border-radius: 8px;
	}
	.form__input {
		font-size: 15px;
		min-height: 50px;
		border: 1px solid;
		padding: 0 20px;
		border-radius: 8px;
	}
	.form__input.error {
		border: 1px solid #ff2626;
	}
	.form__footer {
		padding: 16px 0 0;
	}
	.form__footer-checkbox {
		width: 16px;
		height: 16px;
		font-size: 16px;
		border-radius: 4px;
	}
	.form__footer-text {
		font-size: 14px;
		padding-left: 20px;
	}
}

@media (min-width: 992px) {
	.form__items {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 768px) {
	.form-red .form__title {
		max-width: 756px;
	}
}

/* Blocks */
@media (min-width: 768px) {
	.header__top {
		font-size: 14px;
		line-height: 1;
		padding: 10px 0;
	}
	.header__top span {
		margin-right: 5px;
	}
	.header__top-icon {
		width: 16px;
		height: 16px;
		font-size: 16px;
	}
	.header__top-box {
		gap: 38px;
		order: 2;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 15px;
	}
	.header__top-box a {
		flex: auto;
		margin-left: 0;
	}
	.header__top-box img {
		height: 45px;
	}
	.header__wrap {
		border-width: 1px 0;
	}
	.header__box {
		flex-wrap: nowrap;
		gap: 0;
	}
	.header__inner {
		padding: 16px 0;
		gap: 32px;
	}
	.header__logo {
		max-width: 290px;
	}
	.header__button {
		font-size: 16px;
		min-height: 40px;
		width: 100%;
		white-space: nowrap;
	}
	.header__button.button-blue {
		order: 0;
	}
	.header__button.button-red {
		order: 0;
	}
	.header__button.button-red:hover {
		color: #FF0A47;
		background: #fff;
		border-color: #FF0A47;
	}
	.header__menu {
		color: #FF0A47;
		font-size: 14px;
		font-weight: 600;
		line-height: 105%;
	}
	.header__menu-icon {
		width: 40px;
		height: 40px;
		font-size: 40px;
		-webkit-filter: brightness(0) saturate(100%) invert(25%) sepia(80%) saturate(4032%) hue-rotate(332deg) brightness(92%) contrast(121%);
		        filter: brightness(0) saturate(100%) invert(25%) sepia(80%) saturate(4032%) hue-rotate(332deg) brightness(92%) contrast(121%);
	}
	.header__nav {
		font-size: 17px;
		display: flex;
		justify-content: flex-start;
		gap: 24px;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
}

@media (min-width: 1440px) {
	.header::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 30%;
		width: 100%;
		height: 1px;
		background: rgba(168, 178, 199, 0.5);
	}
	.header__logo {
		max-width: 190px;
	}
	.header__nav {
		justify-content: space-between;
		gap: 0;
	}
	.header__menu {
		display: none;
	}
	.header__phones {
		display: flex;
		align-items: center;
		gap: 16px;
		font-size: 14px;
		font-weight: 500;
		line-height: 135%;
	}
}

@media (min-width: 1921px) {
	.header {
		max-width: 1920px;
		margin: 0 auto;
	}
}

@media (min-width: 768px) {
	.main {
		background: url("../img/main/rune.svg") no-repeat 120% 38%, #EFF2F9;
		background-size: 940px;
		min-height: 248px;
		display: flex;
		justify-content: space-between;
	}
	.main-lg {
		background: url("../img/main/rune.svg") no-repeat 140% -105px, #EFF2F9;
		background-size: 1160px;
	}
	.main .container {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.main__inner {
		height: auto;
		padding: 32px 0 56px;
		max-width: 881px;
	}
	.main__inner.lg {
		height: auto;
		padding: 113px 0;
	}
	.main__box {
		justify-content: center;
	}
	.main__title {
		font-size: 80px;
		margin-bottom: 24px;
	}
	.main__subtitle {
		font-size: 38px;
		margin-bottom: 60px;
		max-width: 580px;
	}
	.main__subtitle span {
		font-size: 30px;
		font-weight: 600;
		line-height: 120%;
		margin-top: 11px;
	}
	.main__text {
		font-weight: 600;
		font-size: 30px;
		line-height: 110%;
		margin: 0 0 10px;
	}
	.main__button {
		margin-top: 0;
		width: auto;
		min-height: 52px;
	}
	.main__image {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		width: 960px;
		height: auto;
		z-index: 10;
	}
}

@media (min-width: 1440px) {
	.main-lg {
		background: url("../img/main/rune.svg") no-repeat 150% -308px, #EFF2F9;
		background-size: 1160px;
	}
	.main__inner {
		max-width: 881px;
	}
	.main__inner.lg {
		min-height: 568px;
	}
	.main__image {
		position: absolute;
		bottom: 0;
		right: 11%;
		height: 568px;
		width: auto;
	}
}

@media (min-width: 768px) {
	.main-bottom {
		background: url("../img/main/rune-red.svg") no-repeat 120% 38%, #FF0A47;
		background-size: 940px;
	}
	.main-bottom.main-lg {
		background: url("../img/main/rune-red.svg") no-repeat 140% -105px, #FF0A47;
		background-size: 1160px;
	}
}

@media (min-width: 1440px) {
	.main-bottom {
		margin: 20px 0 -20px;
	}
	.main-bottom.main-lg {
		background: url("../img/main/rune-red.svg") no-repeat 125% -308px, #FF0A47;
		background-size: 1160px;
	}
}

@media (min-width: 768px) {
	.kviz {
		background: url("../img/kviz/rune.svg") no-repeat 120% 38%, #EFF2F9;
		background-size: 940px;
		min-height: 680px;
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	.kviz .container {
		width: 100%;
		max-width: 100%;
		height: 100%;
		padding: initial;
	}
	.kviz__content {
		height: 100%;
	}
	.kviz__swiper {
		height: 100%;
	}
	.kviz .swiper-wrapper {
		height: 100%;
	}
	.kviz__new-slides .kviz__slide {
		background: green;
	}
	.kviz__new-slides .kviz__slide-logo {
		width: 390px;
		height: 65px;
		margin-bottom: 36px;
	}
	.kviz__new-slides .kviz__slide-title {
		font: 700 64px/100% Raleway, serif;
		color: white;
		margin-bottom: 25px;
	}
	.kviz__new-slides .kviz__slide-title br {
		display: block;
	}
	.kviz__new-slides .kviz__slide-subtitle {
		font: 600 28px/115% Raleway, serif;
		color: white;
		margin-bottom: 46px;
	}
	.kviz__new-slides .kviz__slide-subtitle div {
		margin-bottom: initial;
	}
	.kviz__new-slides .kviz__slide-button {
		font: 600 38px/120% Raleway, serif;
		color: white;
		background: #1C1C1C;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 985px;
		height: 100px;
		border-radius: 20px;
		border: none;
		bottom: initial;
	}
	.kviz__new-slides {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.kviz__new-slide_0 {
		background: url("../img/kviz/girl-0.jpg") no-repeat center/cover;
	}
	.kviz__new-slide_1 {
		background: url("../img/kviz/girl-1.jpg") no-repeat center/cover;
	}
	.kviz__new-slide_2 {
		background: url("../img/kviz/girl-2.jpg") no-repeat center/cover;
	}
	.kviz__new-slide_3 {
		background: url("../img/kviz/girl-3.jpg") no-repeat center/cover;
	}
	.kviz__new-slide_0 .kviz__slide-logo {
		width: 430px;
		height: 82px;
	}
	.kviz__new-slide_0 .kviz__slide-title {
		width: 970px;
	}
	.kviz__new-slide_0 .kviz__slide-subtitle {
		width: 970px;
	}
	.kviz__new-slide_0 .kviz__slide-button {
		font: 600 38px/120% Raleway, serif;
		color: white;
	}
	.kviz__new-slide_2 .kviz__slide-title, .kviz__new-slide_2 .kviz__slide-subtitle {
		color: black;
	}
	.kviz__slide {
		border-radius: 20px;
		padding: 35px;
	}
	.kviz__slide-logo {
		width: 390px;
		height: 65px;
	}
	.kviz__slide_start-wrap {
		display: flex;
		align-items: flex-start;
		width: 100%;
		padding: 0;
		margin: 0 240px;
		max-width: 1440px;
	}
	.kviz__slide-img {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.kviz__slide-question, .kviz__slide_form {
		margin: 0 240px;
		max-width: 1440px;
	}
	.kviz__button {
		margin-top: 0;
		width: auto;
		min-height: 52px;
	}
	.kviz__welcome-img {
		height: 568px;
		width: auto;
		z-index: 10;
		left: initial;
		right: 150px;
		bottom: 0;
	}
	.kviz__welcome-title {
		font-size: 80px;
		margin-bottom: 24px;
	}
	.kviz__welcome-subtitle {
		font-size: 38px;
		margin-bottom: 60px;
		max-width: 580px;
	}
	.kviz__welcome-subtitle span {
		font-size: 30px;
		font-weight: 600;
		line-height: 120%;
		margin-top: 11px;
	}
	.kviz__welcome-text {
		font-weight: 600;
		font-size: 30px;
		line-height: 110%;
		margin: 0 0 10px;
	}
	.kviz__welcome-box {
		justify-content: center;
		padding: 0;
		max-width: 881px;
	}
	.kviz__slide {
		left: initial;
		min-height: 680px;
	}
	.kviz__slide_active {
		align-items: flex-start;
	}
	.kviz__slide_start {
		margin: 0;
		min-height: 680px;
	}
	.kviz__inner {
		max-width: 881px;
	}
	.kviz__question {
		margin: 0 0 50px;
		font-size: 40px;
		font-weight: 700;
		line-height: 1.2;
	}
	.kviz__question > ins {
		text-decoration: none;
	}
	.kviz__answers {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px;
	}
	.kviz__answer {
		position: relative;
		margin: 0 0 26px;
		padding-left: 57px;
	}
	.kviz__answer_radio .kviz__label:before,
	.kviz__answer_checkbox .kviz__label:before {
		top: 4px;
		left: 0;
		box-shadow: 0 0 0 3px #181940;
		width: 26px;
		height: 26px;
		border-width: 5px;
	}
	.kviz__answer_checkbox .kviz__label:before {
		border-radius: 1px;
	}
	.kviz__img {
		position: absolute;
		left: auto;
		right: 0;
		top: auto;
		bottom: 0;
		display: block;
		width: auto;
		height: 468px;
	}
	.kviz__label {
		font-size: 30px;
		line-height: 1.2;
	}
}

@media (min-width: 1440px) {
	.kviz {
		background: url("../img/kviz/rune.svg") no-repeat 150% -308px, #EFF2F9;
		background-size: 1160px;
	}
	.kviz__welcome-img {
		position: absolute;
		bottom: 0;
		right: 150px;
		height: 568px;
		width: auto;
	}
}

@media (min-width: 768px) {
	.kviz-bottom {
		background: url("../img/kviz/rune-red.svg") no-repeat 120% 38%, #FF0A47;
		background-size: 940px;
	}
}

@media (min-width: 1440px) {
	.kviz-bottom {
		margin: 20px 0 -20px;
		background: url("../img/kviz/rune-red.svg") no-repeat 125% -308px, #FF0A47;
		background-size: 1160px;
	}
}

@media (min-width: 768px) {
	.speciality {
		padding: 60px 0;
	}
	.speciality__items {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 32px;
	}
	.speciality__item {
		border: 1px solid #d3d8e3;
		border-radius: 12px;
		padding: 32px 32px 34px;
		height: 324px;
	}
	.speciality__item-title {
		font-size: 30px;
		font-weight: 600;
		line-height: 120%;
	}
	.speciality__item-text {
		font-size: 19px;
		font-weight: 400;
		line-height: 125%;
		max-width: 394px;
	}
	.speciality__item-links {
		gap: 24px;
		font-size: 17px;
	}
	.speciality__item-reg {
		width: 179px;
		min-height: 50px;
		border: 1px solid #D3D8E3;
		border-radius: 8px;
		padding: 14px 0;
	}
	.speciality__item-pic {
		width: 250px;
		height: 250px;
	}
	.speciality__filter {
		font-weight: 600;
		font-size: 15px;
		line-height: 120%;
		grid-gap: 16px;
	}
	.speciality__filter-box {
		gap: 24px;
		margin-bottom: 24px;
	}
	.speciality__filter-button {
		padding: 5px;
		font-weight: 600;
		font-size: 15px;
		line-height: 120%;
		border: 1px solid #9EA0B3;
		border-radius: 50px;
		max-width: 140px;
	}
	.speciality__filter-name {
		padding: 11px 16px;
		border: 1px solid #D3D8E3;
		border-radius: 8px;
	}
	.speciality__filter-name::after {
		content: url("../img/speciality/arrow.svg");
		position: absolute;
		right: 16px;
		top: calc(50% - 10px);
	}
	.speciality__filter-drop {
		border-radius: 10px;
		padding: 16px 16px 0;
		border: 1px solid #D3D8E3;
	}
	.speciality__filter-value {
		padding-left: 20px;
		margin-bottom: 16px;
	}
}

@media (min-width: 1440px) {
	.speciality {
		padding-top: 40px !important;
	}
}

.steps__items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
	overflow: hidden;
}

.steps__item {
	gap: 24px;
}

.steps__item-image {
	width: 47.25px;
	height: 60px;
}

.steps__item-text {
	font-size: 23px;
}

@media (min-width: 768px) {
	.team {
		padding: 60px 0;
	}
	.team__items {
		margin: 0 -10px;
	}
	.team__item {
		border: 1px solid #D3D8E3;
		border-radius: 12px;
		padding: 0;
		gap: 40px;
		min-height: 379px;
		flex-direction: row;
		align-items: center;
	}
	.team__item-photo {
		width: 277px;
		min-height: auto;
		height: 100%;
		border-radius: 0;
	}
	.team__item-box {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 40px 40px 40px 0;
	}
	.team__item-block {
		gap: 10px;
	}
	.team__item-name {
		font-size: 30px;
	}
	.team__item-post {
		font-size: 17px;
	}
	.team__item-contacts {
		font-size: 17px;
		font-weight: 400;
		line-height: 130%;
	}
	.team__item-info {
		gap: 10px;
		font-size: 17px;
	}
	.team__item-list {
		padding-left: 20px;
		font-size: 17px;
	}
	.team__item-list li + li {
		margin-top: 5px;
	}
	.team__more {
		margin-top: 30px;
	}
}

@media (min-width: 768px) {
	.footer {
		padding: 60px 0;
	}
	.footer__inner {
		gap: 30px;
	}
	.footer__top {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.footer__logo {
		max-width: 290px;
	}
	.footer__phones {
		font-size: 15px;
		font-weight: 600;
		line-height: 120%;
		flex-direction: row;
		gap: 14px;
	}
	.footer__phones a {
		gap: 14px;
	}
	.footer__phones-icon {
		width: 12px;
		height: 12px;
		flex: 0 0 auto;
		font-size: 12px;
	}
	.footer__menu {
		font-size: 23px;
		font-weight: 600;
		line-height: 120%;
		display: flex;
		justify-content: space-between;
		gap: 24px;
		overflow: hidden;
	}
	.footer__info {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-top: 1px solid #6A7291;
		padding-top: 54.5px;
	}
	.footer__social {
		margin: 0;
		color: #9EA0B3;
		font-size: 15px;
		font-weight: 600;
		line-height: 120%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 24px;
		order: 2;
	}
	.footer__social-box {
		gap: 12px;
	}
	.footer__social-link {
		width: 32px;
		height: 32px;
	}
	.footer__docs {
		font-size: 15px;
		font-weight: 400;
		line-height: 130%;
		flex-direction: row;
		gap: auto;
	}
	.footer__docs a:first-child {
		order: 2;
	}
}

@media (min-width: 1440px) {
	.footer {
		margin-top: 20px;
	}
	.footer__inner {
		background: #0D1140;
	}
	.footer__logo {
		max-width: 190px;
	}
}

/* Popups */
@media (min-width: 768px) {
	.popup {
		max-width: 768px;
		padding: 32px 30px;
	}
	.popup .form__items {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 768px) {
	.popup-review {
		padding: 0;
	}
	.popup-review iframe {
		width: 100%;
		max-width: 800px;
		aspect-ratio: 16/9;
	}
}

@media (min-width: 768px) {
	.popup-privacy {
		padding: 50px 24px;
		max-width: 900px;
	}
	.popup-privacy__title {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 16px;
	}
	.popup-privacy__blocks {
		gap: 24px;
		margin-bottom: 60px;
	}
	.popup-privacy__subtitle {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.popup-privacy__text {
		font-size: 16px;
		line-height: 24px;
	}
	.popup-privacy__text p + p {
		margin-top: 8px;
	}
	.popup-privacy__text ul, .popup-privacy__text ol {
		padding-left: 20px;
	}
	.popup-privacy__text li {
		margin-top: 8px;
	}
	.popup-privacy__footer {
		flex-direction: row;
		justify-content: flex-end;
		gap: 10px;
	}
	.popup-privacy__footer-text {
		font-size: 14px;
		font-weight: 400;
		line-height: 110%;
		max-width: 50%;
	}
	.popup-privacy__footer-button {
		max-width: 215px;
	}
}