/* IIIPS professional styling for Courses, Certifications, Live Classes and Instructors */

:root {
    --iiips-page-navy: #071f4d;
    --iiips-page-blue: #0b4f9c;
    --iiips-page-gold: #d8ad54;
    --iiips-page-border: #e4eaf2;
    --iiips-page-muted: #64748b;
    --iiips-page-surface: #ffffff;
}

.quiz_wizged {
    overflow: hidden;
    border: 1px solid var(--iiips-page-border);
    border-radius: 14px;
    background: var(--iiips-page-surface);
    box-shadow: 0 5px 22px rgba(7, 31, 77, 0.06);
    transition: transform .2s ease, box-shadow .2s ease;
}

.quiz_wizged:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(7, 31, 77, 0.12);
}

.quiz_wizged .thumb {
    overflow: hidden;
    background: #eef3f9;
}

.quiz_wizged .thumb_inner {
    background-size: cover;
    background-position: center;
    transition: transform .25s ease;
}

.quiz_wizged:hover .thumb_inner {
    transform: scale(1.025);
}

.quiz_wizged .course_content {
    padding: 20px;
}

.quiz_wizged .course_content h4,
.quiz_wizged .course_content h3 {
    color: var(--iiips-page-navy);
    font-weight: 700;
}

.quiz_wizged .course_content a:hover {
    color: var(--iiips-page-blue);
}

.quiz_wizged .course_less_students {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 14px;
    color: var(--iiips-page-muted);
    font-size: 13px;
}

.quiz_wizged .live_tag {
    border-radius: 5px;
    background: var(--iiips-page-blue);
}

.box_header {
    gap: 12px;
}

.box_header select,
.short_select select,
#order {
    max-width: 100%;
    border: 1px solid var(--iiips-page-border);
    border-radius: 8px;
    background-color: #fff;
}

.instractors_wrapper .section__title h3,
.instractors_wrapper .section__title h2 {
    color: var(--iiips-page-navy);
    font-weight: 750;
}

.instractors_wrapper .section__title p {
    color: var(--iiips-page-muted);
    line-height: 1.75;
}

.instractors_wrapper .single_instructor,
.instractors_wrapper .instructor_item {
    border-radius: 14px;
}

.single_instructor_part {
    height: 100%;
    padding: 28px 22px;
    border: 1px solid var(--iiips-page-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 22px rgba(7, 31, 77, .05);
}

.single_instructor_part > i {
    margin-bottom: 18px;
    color: var(--iiips-page-blue);
}

.single_instructor_part h4 {
    margin-bottom: 12px;
    color: var(--iiips-page-navy);
    font-weight: 700;
}

.single_instructor_part p {
    color: var(--iiips-page-muted);
    line-height: 1.8;
}

.instructor_process {
    padding-top: 64px;
    padding-bottom: 64px;
}

.cta_part,
.cta_area {
    background-color: var(--iiips-page-navy);
    background-size: cover;
    background-position: center;
}

.cta_part_iner {
    border-radius: 16px;
}

.cta_part_iner h2,
.cta_area .section__title h3 {
    font-weight: 750;
    line-height: 1.25;
}

.cta_part_iner p,
.cta_area .section__title p {
    line-height: 1.8;
}

.theme_btn,
button.theme_btn {
    border-radius: 8px;
    transition: transform .2s ease, opacity .2s ease;
}

.theme_btn:hover,
button.theme_btn:hover {
    transform: translateY(-1px);
}

.Nocouse_wizged {
    min-height: 180px;
    padding: 28px;
    border: 1px dashed #cbd5e1;
    border-radius: 14px;
    background: #f8fafc;
}

.Nocouse_wizged h1 {
    color: var(--iiips-page-navy);
    font-size: 20px;
}

.pagination {
    flex-wrap: wrap;
    gap: 4px;
}

.pagination .page-link {
    border-radius: 7px;
}

@media (max-width: 767px) {
    .quiz_wizged {
        border-radius: 12px;
    }

    .quiz_wizged .course_content {
        padding: 16px;
    }

    .box_header {
        align-items: flex-start;
    }

    .box_header_right {
        width: 100%;
    }

    .short_select {
        flex-wrap: wrap;
        gap: 8px;
    }

    .single_instructor_part {
        padding: 22px 18px;
    }

    .instructor_process {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .cta_part_iner h2,
    .cta_area .section__title h3 {
        font-size: 25px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .quiz_wizged,
    .quiz_wizged .thumb_inner,
    .theme_btn {
        transition: none;
    }
}