@import '../../../section/course/main.css';
@import '../../../section/tab/main.css';
@import '../../../section/teacher/main.css';
@import '../../../section/theme/card.css';
@import 'about.css';
@import 'section-course.css';
@import 'section-teacher.css';

.section-container {
    display: flex;
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section-preview {
    padding: 64px 0;
}

.section-tag {
    width: 100%;
}

@media (max-width: 1024px),
    (max-width: 960px),
    (max-width: 480px) {
    .section-category {
        width: 100%;
        padding: 8px 0;
    }

    .section-container {
        width: 100%;
    }

    .section-preview {
        padding: 16px 0;
    }

    .section-tab .nav-item {
        width: calc(100% / 2);
        padding: 0;
    }

    .section-tag {
        width: 100%;
    }
}