.case-study-header {
    margin-bottom: 40px;
}

.section-case-study {
    margin-top: 80px !important;
}

.case-study-title {
    font-family: Noto Sans;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    color: #646970;
    margin-bottom: 8px;
    line-height: 150%;
}

.case-study-main-title {
    font-family: Noto Sans;
    font-weight: 700;
    font-style: Bold;
    font-size: 31.25px;
    color: #21272D;
    line-height: 140%;
    margin-bottom: 40px;
}

.case-study-container {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.case-study-item {
    margin-bottom: 0;
}

.case-study-box {
    padding: 0;
    display: flex;
    justify-content: flex-start;
    gap: 80px;
}

.key-title {
    font-family: Noto Sans;
    font-weight: 700;
    font-style: Bold;
    font-size: 25px;
    line-height: 140%;
    color: #066BFC;
    width: 250px;
    min-width: 250px;
}

.value-content {
    font-family: Noto Sans;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    line-height: 150%;
    color: #394049;
}

.value-content p {
    margin: 0 0 16px 0;
}

.value-content p:last-child {
    margin-bottom: 0;
}

.value-content strong {
    font-weight: 600;
}

.value-content em {
    font-style: italic;
}

.value-content ul {
    margin: 16px 0 0 0;
    padding-left: 24px;
}

.value-content li {
    margin-bottom: 8px;
    line-height: 1.5;
}

.section-case-study ol {
    list-style-type: initial !important;
}

/* Hide undo/redo buttons in case study challenge module */
.ql-undo,
.ql-redo {
    display: none !important;
}

/* Quill Editor Styles - Ensure all editors have proper styling */
.ql-container {
    font-family: inherit !important;
    font-size: inherit !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background: white !important;
}

.ql-editor {
    min-height: 100px !important;
    padding: 12px 15px !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: 1.5 !important;
}

.ql-toolbar {
    border: 1px solid #ccc !important;
    border-bottom: none !important;
    border-radius: 4px 4px 0 0 !important;
    background: #f8f9fa !important;
    padding: 8px !important;
}

.ql-toolbar button {
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 3px !important;
    padding: 3px 5px !important;
    margin: 0 1px !important;
    cursor: pointer !important;
}

.ql-toolbar button:hover {
    background: #e9ecef !important;
    border-color: #adb5bd !important;
}

.ql-toolbar button.ql-active {
    background: #007bff !important;
    color: white !important;
    border-color: #007bff !important;
}

.ql-toolbar .ql-stroke {
    stroke: currentColor !important;
}

.ql-toolbar .ql-fill {
    fill: currentColor !important;
}

/* Ensure all Quill editors have proper z-index and positioning */
.ql-container.ql-snow {
    border-color: #ccc !important;
}

.ql-toolbar.ql-snow {
    border-color: #ccc !important;
}


/* Responsive Design */
@media (max-width: 1250px) {


    .case-study-box {
        flex-direction: column;
        gap: 0;
    }

    /* Module Custom Styles */
    .case-study-header {
        margin-bottom: 24px;
    }

    .case-study-main-title {
        font-size: 25px;
        margin-bottom: 24px;
    }

    .case-study-container {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .key-title {
        font-size: 20px;
    }

    .value-content {
        font-size: 18px;
    }

    .value-content p {
        margin: 0 0 16px 0;
    }

    .value-content p:last-child {
        margin-bottom: 0;
    }

    .value-content strong {
        font-weight: 600;
    }

    .value-content em {
        font-style: italic;
    }

    .value-content ul {
        margin: 16px 0 0 0;
        padding-left: 24px;
    }

    .value-content li {
        margin-bottom: 8px;
        line-height: 1.5;
    }

    .section-case-study ol {
        list-style-type: initial !important;
    }

}

@media (max-width: 600px) {

    .section-case-study {
        margin-top: 60px !important;
    }

    .case-study-box {
        flex-direction: column;
    }

    .case-study-title {
        font-size: 14px;
        margin-bottom: 4px;
    }

    /* Module Custom Styles */

    .case-study-header {
        margin-bottom: 24px;
    }

    .case-study-main-title {
        font-size: 20px;
        margin-bottom: 24px;
    }

    .case-study-container {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .key-title {
        font-size: 16px;
    }

    .value-content {
        font-size: 16px;
    }

    .value-content p {
        margin: 0 0 16px 0;
    }

    .value-content p:last-child {
        margin-bottom: 0;
    }

    .value-content strong {
        font-weight: 600;
    }

    .value-content em {
        font-style: italic;
    }

    .value-content ul {
        margin: 16px 0 0 0;
        padding-left: 24px;
    }

    .value-content li {
        margin-bottom: 8px;
        line-height: 1.5;
    }

    .section-case-study ol {
        list-style-type: initial !important;
    }

}