.create-question {
    margin: 15px 32px;
    padding: 16px;
    background-color: white;
    border-radius: 8px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.create-question .section-header {
    width: 100%;
    display: flex;
    margin-bottom: 15px;
}

.create-question .section-header .left-side {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 18px;
    row-gap: 10px;
}

.create-question .section-header .right-side {
    margin-left: auto;
}

.create-question .section-body {
    padding: 16px 16px 24px 16px;
    border-radius: 8px;
    border: solid 2px #d8dfff;
    background-color: #fff;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.create-question .section-body .toolbar-section {
    margin-bottom: 18px;
}

.create-question .section-body .ql-toolbar + .ql-container.ql-snow {
    border: 1px solid #00000045;
}

.create-question .section-body .quill .ql-toolbar {
    display: none;
}

.create-question .ql-editor {
    min-height: 40px;
    width: 95%;
}

.create-question .ql-tooltip.ql-editing {
    z-index: 1000;
}

.create-question .section-body .user-input-section {
    display: grid;
    grid-template-columns: 150px 1fr;
    row-gap: 18px;
}

.create-question .section-body .options-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    min-height: 60px; 
}

.create-question .section-body .options-box .radio-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 16px auto;
    column-gap: 8px;
    align-items: center;
}

.create-question .section-body .options-box .radio-wrapper .delete-field-btn {
    position: absolute;
    /* background-color: #fff; */
    color: red;
    border-radius: 50%;
    top: -5px;
    right: -5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.create-question-2 .section-body-2 .options-box .radio-wrapper .delete-field-btn svg {
    color: red;
}

.button-container {
    margin: 0px 32px;
    display: flex;
    justify-content: flex-end;
    column-gap: 10px;
}

.button-container[data-need-margin="false"] {
    margin: 0px;
}