.filters__card-img img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.course-detail__block h2,
.course-detail__block h3 {
    margin: 20px 0;
    font-size: calc(20px + (25 - 20) * ((100vw - 375px) / (1920 - 375)));
    line-height: 1.3;
    font-weight: 500;
}

section.content-info {
    margin-top: 20px;
    margin-bottom: 50px;
}

.review-card__img img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
}

.first-screen__subtitle { margin-bottom: 30px; }

h3.modal-select-city__header-title.--active { color: #458AFB; }
h3.modal-select-city__header-title { margin-bottom: 10px; }
 
.modal-select-city__container {
    display: flex;
    padding-left: 60px;
    padding-bottom: 20px;
    max-height: 350px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 20px;
    flex: 1 0;
    --scrollbar-foreground: #999;
    --scrollbar-background: #fff;
    --scrollbar-size: 5px;
    scrollbar-color: #458afb var(--scrollbar-background);
    scrollbar-width: thin;
}

div#modal-select-city {
    height: 530px;
}

.modal-select-city__header {
    height: 350px;
}

@media (max-width: 991px) {
    .modal-select-city__item {
        flex-direction: initial;
    }
	.modal-select-city__container {
		display: flex;
		padding-left: 15px;
		padding-bottom: 19px;
		max-height: 312px;
		overflow: hidden;
		overflow-y: auto;
		padding-right: 15px;
		flex: 1 0;
		--scrollbar-foreground: #999;
		--scrollbar-background: #fff;
		--scrollbar-size: 5px;
		scrollbar-color: #458afb var(--scrollbar-background);
		scrollbar-width: thin;
		padding-top: 0;
	}
	.modal-select-city__header {
        width: auto;
        padding-bottom: 15px;
        padding-right: 30px;
        border-right: 0px;
        border-bottom: 0px
    }
    .header__top-city {
        margin-right: 23px;
        font-size: 14px;
    }
}