/* Common */
/* Media */
/* Content */
/* Blocks */
.courses { padding-top: 5.55556vw; }

.courses__title { max-width: 100%; }

.courses__search { border: 1px solid #E0E1E5; font-size: 3.61111vw; min-height: 13.33333vw; padding: 0 13.33333vw 0 3.33333vw; border-radius: 3.33333vw; font-variant-numeric: lining-nums; -webkit-font-feature-settings: 'pnum' on, 'lnum' on, 'liga' off; font-feature-settings: 'pnum' on, 'lnum' on, 'liga' off; }

.courses__search-label { position: relative; display: block; width: 100%; }

.courses__search-icon { position: absolute; top: 4.44444vw; right: 4.44444vw; width: 4.44444vw; height: auto; -o-object-fit: contain; object-fit: contain; }

.courses__search-inner { flex: 1; }

.courses__search-wrap { display: flex; flex-direction: column; gap: 2.22222vw; margin-bottom: 6.66667vw; }

.courses__search-button { flex: 1; height: 10.27778vw; padding: 0 5.55556vw; font-size: 3.88889vw; line-height: 1.2; color: #1C1C1C; border-radius: 2.22222vw; min-width: auto; }

.courses__search-button:hover { opacity: 1; color: #1C1C1C; }

.courses__search-button--active { background: #1C1C1C; color: #fff; }

.courses__search-button--active:hover { opacity: 1; color: #fff; }

.courses__search-button-wrap { border-radius: 2.22222vw; border: 1px solid #CACACB; }

.courses__tab { gap: 3.33333vw; padding: 1.66667vw 3.33333vw; height: 8.05556vw; border: 1px solid #CACACB; border-radius: 2.22222vw; font-size: 3.88889vw; }

.courses__tab:first-child { max-width: -webkit-fit-content; max-width: fit-content; }

.courses__tab-wrap { margin-left: -3.33333vw; margin-right: -3.33333vw; padding-right: 3.33333vw; padding-left: 3.33333vw; margin-bottom: 4.44444vw; gap: 2.22222vw; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }

.courses__tab-wrap::-webkit-scrollbar { display: none; }

.courses__tab-text--desk { display: none; }

.courses__tab-text--mobile { display: block; }

.courses__tab-icon { width: 4.16667vw; min-width: 4.16667vw; height: 4.16667vw; }

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

.courses__item { min-height: 61.11111vw; border-radius: 4.44444vw; padding: 3.33333vw; }

.courses__item-top { margin-bottom: 0.83333vw; }

.courses__item-subtitle { font-size: 3.61111vw; color: #1C1C1C; margin-bottom: 2.22222vw; line-height: 1; }

.courses__item-title { font-size: 6.66667vw; letter-spacing: -0.01em; padding-right: 8.05556vw; line-height: 1.2; }

.courses__item-title--mob { display: inline-block; }

.courses__item-title--desk { display: none; }

.courses__item-percent { height: 12.77778vw; padding: 0 3.33333vw; font-size: 7.77778vw; border-radius: 16.66667vw; }

.courses__item-button { padding: 0 4.16667vw; font-size: 3.33333vw; height: 11.11111vw; width: 41.66667vw; line-height: 1; }

.courses__item-list { display: flex; flex-direction: column; align-items: flex-end; gap: 2.77778vw; padding: 0; margin: 0; list-style-type: none; margin-bottom: 2.77778vw; }

.courses__item-list-item { padding-left: 2.5vw; font-size: 3.61111vw; line-height: 1; }

.courses__item-list-item:before { content: ''; position: absolute; left: 0; top: 1.38889vw; width: 1.38889vw; height: 1.38889vw; background: #1C1C1C; border-radius: 50%; }

.courses__item-tag { font-size: 3.61111vw; padding: 0 2.22222vw; height: 7.77778vw; border-radius: 8.33333vw; width: -webkit-fit-content; width: fit-content; line-height: 1; }

.courses__item-tag-inner { display: flex; flex-direction: column; align-items: flex-end; gap: 2.22222vw; }

.courses__item-tag-wrap { display: flex; flex-direction: column; align-items: flex-end; }

.courses__more { margin: 4.44444vw auto 0; max-width: 80.55556vw; }

.form-section { padding-top: 16.66667vw; }

.form-section__content { display: flex; flex-direction: column; gap: 0; }

.form-section__bg { display: none; }

.form-section__desc { font-size: 4.72222vw; line-height: 1.2; max-width: 100%; letter-spacing: -0.01em; color: #fff; }

.form-section__desc-wrap { flex: 1; padding: 5.55556vw 3.33333vw; border-radius: 4.44444vw 4.44444vw 0 0; background: #1C1C1C; }

.form-section__title { font-size: 7.22222vw; line-height: 1; font-weight: 600; letter-spacing: 0; margin-bottom: 4.44444vw; color: #fff; max-width: 100%; }

.form-section__form { flex: 1; padding: 0 3.33333vw 5.55556vw; border-radius: 0 0 4.44444vw 4.44444vw; background: #1C1C1C; }