.tutor-course-filter-container .tutor-course-filter {
    background-color: var(--mainBackgroundLighter);
    border-radius: 24px;
    padding: 20px;
    position: relative;
    margin-bottom: 74px;
    margin-top: 30px;
}
/*.tutor-course-filter .tutor-mb-48 {
    margin-bottom: 40px;
}
.tutor-course-filter .tutor-mt-48 {
    margin-top: 40px;
}*/
.rst-filter-sidebar-title {
    color: var(--mainGreen);
    margin-bottom: 0;
}
.rst-access-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.rst-access-list .tutor-list-item {
    margin: 0;
    padding: 0;
}
.rst-access-btn {
    background: transparent;
    border-radius: 12px;
    border: 1px solid transparent;
    color: var(--mainGray);
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    outline: none;
    padding: 9px 0;
    text-align: left;
    text-decoration: none;
    transition-duration: 480ms;
    transition-property: background-color, border-color, color,margin-bottom, padding-left, padding-right;
    transition-timing-function: cubic-bezier(0.5, 0.5, 0, 1);
    user-select: none;
    vertical-align: top;
    width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 12px;
}
.rst-access-btn:focus-visible {
    outline-offset: 1px;
    outline: 2px solid var(--mainBlack);
}
.rst-access-btn--active {
    background-color: var(--mainGreen);
    border-color: var(--mainGreen);
    color: var(--mainWhite);
    padding-left: 20px;
    padding-right: 20px;
}
.rst-access-btn:not(.rst-access-btn--active) {
    cursor: pointer;
}
.rst-access-btn:not(.rst-access-btn--active):hover {
    color: var(--mainGreen);
}

.tutor-course-filter .tutor-widget-course-categories {
    display: none;
}

.tutor-course-filter .tutor-widget-course-filter {
    bottom: -74px;
    left: 0;
    position: absolute;
    width: 250px;
}
.tutor-course-filter .tutor-widget-course-filter .tutor-btn {
    align-items: center;
    gap: 10px;
    display: inline-flex;
}
.tutor-course-filter .tutor-widget-course-filter .tutor-btn .tutor-icon-times {
    margin-right: 0;
    order: 1;
}

@media (max-width: 1199px) {
    .tutor-course-filter-container {
        left: -100%;
        margin-right: 15%;
        padding: 20px;
        right: auto;
        width: initial;
    }
    .tutor-text-right:has(.tutor-iconic-btn .tutor-icon-times) {
        margin-bottom: 0;
    }
    .tutor-iconic-btn:has(.tutor-icon-times) {
        background-color: var(--closeFilterIconBg);
        border-radius: 0;
        cursor: pointer;
        display: block;
        height: 0;
        overflow: hidden;
        padding-top: 44px;
        position: absolute;
        right: 8px;
        top: -62px;
        width: 44px;
    }

    .tutor-iconic-btn:has(.tutor-icon-times)::before {
        background-color: var(--mainGrayLight);
        content: '';
        cursor: pointer;
        height: 24px;
        left: 50%;
        margin-left: -12px;
        margin-top: -12px;
        position: absolute;
        top: 50%;
        width: 24px;

        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='black'/%3E%3C/svg%3E");

        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;

        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='black'/%3E%3C/svg%3E");

        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: 24px 24px;

        transition: background-color 300ms;
    }

    .tutor-iconic-btn:has(.tutor-icon-times):hover {
        background-size: 110%;
    }
    body.tutor-course-filter-open .tutor-course-filter-container {
        left: 0;
    }
}

@media (min-width: 1200px) {
    .tutor-course-filter-container .tutor-course-filter {
        margin-top: 55px;
    }
    .tutor-course-filter-container .tutor-course-filter {
        margin-right: 16px;
    }
}
@media (min-width: 1280px) {
    .tutor-course-filter-container .tutor-course-filter {
        margin-bottom: 94px;
        margin-top: 40px;
    }
    .tutor-course-filter .tutor-widget-course-filter {
        bottom: -94px;
    }
}
@media (min-width: 1400px) {
    .tutor-course-filter-container .tutor-course-filter {
        margin-right: 60px;
    }
}