@import url('../../courses/css/courses.css');
@import url('../../courses/css/custom.css');
@import url('../../school-about/css/school-about.css');
@import url('../../school-about/css/custom.css');

.rounded-text-block-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding) 50px var(--container-padding);
}

.rounded-text-block-content {
    background: var(--color-white);
    border-radius: 30px;
    padding: 30px;

    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: var(--color-text-primary);
    letter-spacing: -0.18px;
}

.rounded-text-block-content a {
    color: var(--color-primary);
}

/* from school rating */

.category-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.category-tag {
    padding: 7px 12px 9px;
    border-radius: var(--radius-full);
    background-color: var(--color-white);
    border: none;
    font-family: var(--font-primary);
    font-size: var(--fs-16);
    font-weight: var(--fw-medium);
    line-height: var(--lh-20);
    letter-spacing: -0.16px;
    color: var(--color-text);
    cursor: pointer;
    transition: all var(--transition-normal);
    white-space: nowrap;
}

.category-tag:hover {
    background-color: #e8e8e8;
}

.category-tag--active {
    background-color: var(--color-primary);
    color: var(--color-white);
}

#catalogResultsPjax {
    display: flex;
    flex: 1;
}