/* Customer fixes for the main/Omsk home pages, 2026-07-31. */

.banner-form {
    max-width: 760px;
}

.banner__title {
    max-width: 720px;
}

.banner__title span {
    display: block;
}

.banner__description {
    max-width: 690px !important;
}

@media screen and (min-width: 1024px) {
    .banner__title {
        margin-top: 0 !important;
    }

    .banner__description {
        width: 100% !important;
        line-height: 1.45 !important;
    }
}

@media screen and (min-width: 1920px) {
    .banner__title {
        font-size: 46px !important;
        line-height: 58px !important;
        margin-top: 72px !important;
    }

    .banner__description {
        font-size: 22px !important;
        line-height: 32px !important;
    }
}

.saikt-media-card_embed {
    cursor: default;
}

.saikt-media-card_embed:hover {
    transform: none;
}

.saikt-media-card_embed .saikt-media-card__preview {
    overflow: hidden;
    background: #f1f8fc;
}

.saikt-media-card__iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    border: 0;
}

.saikt-media-card_embed .saikt-media-card__button {
    pointer-events: none;
}

#courses .saikt-course-filters {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 30px !important;
    row-gap: 10px !important;
    justify-content: start !important;
    justify-items: start !important;
}

#courses .saikt-course-filters > div,
#courses .our-courses > .saikt-course-filters:first-child > div[style*="align-items: center"] {
    display: grid !important;
    grid-template-columns: 160px 250px !important;
    column-gap: 12px !important;
    align-items: center !important;
    width: auto !important;
    margin-bottom: 0 !important;
}

#courses .saikt-course-filters span {
    margin-right: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

#courses .our-courses > .saikt-course-filters:first-child > div[style*="align-items: center"] span {
    display: block !important;
    text-align: left !important;
}

html body #root #courses .our-courses > .saikt-course-filters:first-child > div[style*="align-items: center"] span {
    display: block !important;
    text-align: left !important;
}

#courses .saikt-course-filters select {
    width: 250px !important;
    max-width: 250px !important;
    box-sizing: border-box !important;
}

#courses .container-page__title {
    scroll-margin-top: 96px;
}

.master-block__head {
    max-width: 100% !important;
}

.master-block__subtitle,
#aboutUs .why-we-are__lead,
.student-achievements__intro p {
    max-width: 100% !important;
}

html body #root #aboutUs .why-we-are {
    background: transparent !important;
}

@media screen and (max-width: 700px) {
    .banner__title {
        max-width: 100%;
    }

    .banner__description {
        max-width: 100% !important;
    }

    #courses .saikt-course-filters {
        margin-top: 12px !important;
        margin-bottom: 24px !important;
    }

    #courses .saikt-course-filters > div,
    #courses .our-courses > .saikt-course-filters:first-child > div[style*="align-items: center"] {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: 100% !important;
    }

    #courses .saikt-course-filters select {
        width: 100% !important;
        max-width: 100% !important;
    }
}