.clearfix::after {
    content: "";
    display: table;
    clear: both;
}
.survey-page-wrapper {
    width: 100%;
    padding: 30px;
    background-image: linear-gradient(0deg, #00647b, #3cadc7 80%);
}
.survey-fields {
    width: 80%;
    margin: 0 auto 0 auto;
    padding: 30px;
    background-color: white;
}
.survey-button {
    background-color: white;
    border: 2px solid #3cadc7;
    color: #3cadc7;
    border-radius: 0;
    text-transform:uppercase;
}
.survey-save-complete-wrapper {
    margin: 30px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}
[class^="control-caption"],
[class*=" control-caption"] {
    font-size: 16px;
}
.form-control {
    font-size: 14px!important;
    min-height:28px!important;
}

.control-input-memo[readonly] {
    border:none;
    background-color: white;
    padding:0;
}

/*Override thead ellipsis for checkboxes so the T&Cs wrap*/
.control-caption {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-wrap: break-word; /* optional, for long words */
  
}
.dxbs-checkbox.control-control {
    margin: 20px 0 0 0;
    display: flex;
    flex-direction: row-reverse; /* reverse the order */
    align-items: flex-start; /* align tops */
    gap: 0px;
}

.dxbs-checkbox .control-caption {
    padding: 3px;
    white-space: normal;
    margin: 0;
    flex: 1 1 auto;
}

.dxbs-checkbox .control-control-chkbox {
    flex: 0 0 auto;
    max-width: none;
    width: auto !important; /* ✅ override col-md-12 */
}

.thankyou-wrapper {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin: 0 auto 0 auto;
}
.thankyou-banner {
    content: "";
    display: block;
    height: 50px;
    width: 100%;
    background-image: linear-gradient(90deg, rgb(200, 0, 26), rgb(81, 48, 129), rgb(42, 159, 187), rgb(141, 181, 41), rgb(255, 191, 0));
    flex: none;
    margin-bottom: 50px;
}
.thankyou-page {
    width: 100%;
    background-color:white;
}