.sd-navigation__next-btn {
    background-color: rgb(30, 184, 217);
    color: white;
    margin-bottom: 20px;


}

.sd-navigation__next-btn:hover {
    background-color: rgb(18, 147, 179);
}

.sd-navigation__complete-btn {
    background-color: rgb(30, 184, 217);
    color: white;
    margin-bottom: 20px;

}

.sd-navigation__complete-btn:hover {
    background-color: rgb(18, 147, 179);
    color: white;
}

.sd-navigation__prev-btn {
    margin-bottom: 20px;
}

.sd-navigation__prev-btn:hover {
    background-color: rgb(206, 206, 206);

}

/* Remove background for all options */
.sd-selectbase .sd-item {
    background-color: #fff !important;
    border-radius: 11px;
    padding: 8px;
    margin: 4px 0;
    transition: background 0.2s;
}

/* Remove odd/even coloring */
.sd-selectbase .sd-item:nth-child(odd),
.sd-selectbase .sd-item:nth-child(even) {
    background-color: #fff !important;
}

/* Hover effect for all options */
.sd-selectbase .sd-item:hover,
.sd-selectbase .sd-item.sd-item--allowhover:hover {
    background-color: #F9F9FA !important;
}

/* Table-like alignment for radio options */

.sd-selectbase .sd-item {
    background: #fff !important;
    border-radius: 0 !important;
    margin: 0 !important;
    /* padding: 18px 24px 18px 2px !important; */
    border-bottom: 1px solid #eee !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    min-height: 56px;
    transition: background 0.2s;
}

.sd-selectbase {
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    /* padding: 16px !important; */
    margin-top: 12px !important;
    background-color: #fff !important;
}

/* Remove border from last option */
.sd-selectbase .sd-item:last-child {
    border-bottom: none !important;
}

/* Round top corners for first option, bottom corners for last option */
.sd-selectbase .sd-item:first-child {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

.sd-selectbase .sd-item:last-child {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

/* .sd-item{ */
	/* padding:20px !important; */
/* } */
/* Remove gap between options */
.sd-question--radiogroup .sd-selectbase.sd-question__selectbase {
    gap: 0 !important;

}

/* Optional: Make radio button and label align nicely */
.sd-radio {
    margin-right: 16px !important;
}

/* Change radio button (circle) color */
/* Unchecked radio button border color (gray) */
/* Unchecked radio button: gray border, white background */
.sd-radio__decorator {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #bdbdbd !important;
    background: #fff !important;
}

/* Checked radio button: blue fill and white border */
.sd-radio input[type="radio"]:checked+.sd-radio__decorator {
    background-color: #2D7AF1 !important;
    border-color: #fff !important;
}

/* Make the radio button's inner dot white when selected */
.sd-radio input[type="radio"]:checked+.sd-radio__decorator::after {
    background: #fff !important;
}

/* On hover/focus, keep border blue for accessibility */
.sd-radio input[type="radio"]:focus+.sd-radio__decorator,
.sd-radio__decorator:hover {
    border-color: #2D7AF1 !important;
}

.sd-error {
    background-color: #ffe6ea !important;
    /* light reddish pink */
    color: #d12f2f !important;
    /* optional: strong red text */
    border-radius: 8px;
    border: 1px solid #f8b6c1;
    padding: 8px 16px;
}

.sv-popup__content {
    background-color: #ffffff;
    border-radius: 11px;
    padding: 8px;
    margin: 4px 0;
}

.sv-list .sv-list__item:nth-child(odd) {
    background-color: #e9ecef;
    border-radius: 11px;
    /* padding: 8px;
    margin: 4px 0; */
}


/* Universal override for all radiogroups */
.sd-question--radiogroup .sd-selectbase.sd-question__selectbase {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-top: 12px !important;
    background-color: #fff !important;
}

/* Center align only the question titles */
.sd-question__header {
    text-align: left ;
    width: 100%;
   

}
.sd-question__description {
    text-align: centre !important ;
    width: 100%;
   

}

/* Make only the question text bold */
.sd-question__title .sv-string-viewer {
    font-weight: bold !important;
    font-size: large !important;
}

[data-name="contact_name"] .sd-question__title,
[data-name="mobile_number"] .sd-question__title {
    display: none !important;
}




/* .sv-dropdown_select-wrapper {
    background-color: black
} */

/* .sv_window {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80%;  
    height: 90vh; 
    max-height: 90vh; 
    overflow: auto; 
} */

/* .sd-logo__image{
    color: #1278B3;
    position: relative;
    margin-left: 10px;
} */

/* .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    background-color: white;
    margin: 5% auto;
    border-radius: 10px;
    width: 90vw;
    height: 80vh;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

.close {
    float: right;
    font-size: 28px;
    cursor: pointer;
} */

.button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

/*button {
    padding: 15px 30px;
    font-size: 18px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;

}

button:hover {
    background-color: #0056b3;
}*/

.body {
    background-color: #000000;
    display: flex;
    justify-content: center;
}

.sd-boolean__thumb {
    background-color: #007bff;
}

.sd-checkbox .sd-item__control-label span:contains("Select All") {
    color: green;
    font-weight: bold;
}

.sd-page {
    background-color: rgb(139, 230, 187);
    /* padding: 10px; */
    /* margin-left: -20px; */
    /* margin-right: -20px; */
    /* margin-right: -10px;
    margin-left: -30px; */
    width: 100%;

    /* padding: 1px; */
    /* background-color: rgb(255, 255, 255); */

}

.sd-body {
    background-color: #ffffffde;
    padding: 0;
    position: relative;
}

.sd-element {
    background-color: rgb(255, 255, 255);
    width: 100% !important;
    /* min-height: 100vh; */
    /* Full viewport height */
}

.sd-body__page {
    padding: 0;
    margin: 0;
    background-color: rgb(255, 255, 255);

    width: 100%;


}

/* .sd-row__panel{
    background-color: brown;
    margin-left: -20px;
    margin-right: -150px;
} */


.sd-body.sd-body--static {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));
    padding-bottom: calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))));
}

.sd-root-modern--mobile .sd-body.sd-body--static {
    padding: calc(0.1*(var(--sjs-base-unit, var(--base-unit, 8px))));
    /* padding: 20px; */
}

.sd-root-modern--mobile .sd-body.sd-body--responsive .sd-body__navigation,
.sd-root-modern--mobile .sd-body.sd-body--static .sd-body__navigation {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
}

.sd-body.sd-body--static .sd-body__navigation {
    padding-top: 0px;
}

.sd-header__text {
	font-size: 16px
}

.sd-title{
	font-size:24px !important;
	font-weight:900 !important ;
}

.sd-container-modern__title{
	padding: 0px !important;
	
}

.sd-panel__content{
	padding: 0px !important ;
}
/* .sd-completedpage {
    margin-top: 32px !important;
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 80px;
} */

.sd-body:has(.sd-completedpage) {
    padding-top: 16px !important;
}

.sd-body .sd-completedpage {
    margin-top: 12px !important;
}

.sd-body.sd-body--static {
    padding-top: 16px !important;
}

.sd-body.sd-completedpage::before {
    display: block !important;
    content: "";
    height: 24px;
    /* space above */
    margin: 0;
    padding: 0;
    background: none;
}

.sd-body.sd-completedpage::after {
    display: block !important;
    content: "";
    height: 24px;
    /* space below */
    margin: 0;
    padding: 0;
    background: none;
}

/* 1) Box around the entire radio group */
/* Target the .sd-selectbase that’s the direct child of the radiogroup question */
.sd-question--radiogroup>.sd-selectbase {
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    margin-top: 16px !important;
    /* we’ll pad the individual items instead of double‐padding here */
    padding: 0 !important;
    background: #fff !important;
}

/* 2) Pad each item so they sit neatly inside that box */
.sd-question--radiogroup>.sd-selectbase>.sd-item {
    padding: 12px 16px !important;
    margin: 0 !important;
    /* restore your bottom‐border separators if you like: */
    border-bottom: 1px solid #eee !important;
}

/* 3) Remove the last separator so the box looks clean at the bottom */
.sd-question--radiogroup>.sd-selectbase>.sd-item:last-child {
    border-bottom: none !important;
}

/* .sd-panel{
    background-color: rgb(255, 255, 255);
    border-color: #eba8a8;
} */