.condition_a_box_scs_1,
.condition_b_box_scs_1,
.condition_c_box_scs_1,
.condition_a_box_scs_2,
.condition_b_box_scs_2,
.condition_c_box_scs_2,
.condition_a_box_scs_3,
.condition_b_box_scs_3,
.condition_c_box_scs_3
 {
    display: none;
}

.option_statement_box_scs_1,
.option_statement_box_scs_2,
.option_statement_box_scs_3
 {
    display:none;
}
.condition_boxes_scs_1,
.condition_boxes_scs_2,
.condition_boxes_scs_3
 {
    display:none;
}



.tradein_product_input,
.tradein_line_input,
.tradein_cashback_input
 {
    display:none;
}

.tradein_box_scs_1,
.tradein_box_scs_2,
.tradein_box_scs_3
 {
    width:100%;
    display: block;
    border: 2px solid black;
    padding: 2px;
    margin: 1px;
    margin-top: 3px;
}

.tradein_box_scs_1,
.tradein_box_scs_2,
.tradein_box_scs_3 
{
    display:none;
}
.tradein_box_scs_1>p,
.tradein_box_scs_2>p,
.tradein_box_scs_3>p
 {
    display:block;
    text-align:center;
    margin:1%;
    padding:1%;
    color:#000000;
    font-size: 16px;
    font-weight:bold;
}
.tradein_box_scs_1 #returnselectoption,
.tradein_box_scs_2 #returnselectoption,
.tradein_box_scs_3 #returnselectoption
 {
    width: 80%;
    height: auto;
    display: block;
    padding: 1%;
    margin-left: 5%;
    margin-right:5%;
    margin-top: 2%;
    margin-bottom: 2%;
    font-size: 12px;
    text-align: center;
    align-items:center;
}

.condition_boxes_scs_1,
.condition_boxes_scs_2,
.condition_boxes_scs_3
 {
    display:block;
    text-align:center;
    margin:1%;
    padding:1%;
    color:#000000;
    font-size: 14px;
    font-weight:bold;
}


.condition_a_box_scs_1 >label,
.condition_b_box_scs_1 >label,
.condition_c_box_scs_1 >label,
.condition_a_box_scs_2 >label,
.condition_b_box_scs_2 >label,
.condition_c_box_scs_2 >label,
.condition_a_box_scs_3 >label,
.condition_b_box_scs_3 >label,
.condition_c_box_scs_3 >label
{   
    width: 100%;
    height: auto;
    display: block;
    padding: 1%;
    margin-left: 10%;
    margin-right:10%;
    margin-top: 1%;
    margin-bottom: 1%;
    font-size: 12px;
    text-align: left;
    align-items:center;
}
/* Style for radio buttons */
input[type="radio"] {
    /* Increase the size */
    width: 20px;
    height: 20px;

    /* Add border and some spacing */
    border: 2px solid blue;
    margin: 2px;
}
/* Style for radio buttons when checked */
input[type="radio"]:checked {
    background-color: blue;
}
/* Style for labels associated with radio buttons */
label {
    /* Make labels bold and increase font size */
    font-weight: bold;
    font-size: 12px;
}

/* Style for the select dropdown */
#returnselectoption_scs_1,
#returnselectoption_scs_2,
#returnselectoption_scs_3 {
    display:block;
    font-size: 12px;        /* Larger font size */
    color: #333333;         /* Font color */
    background-color: #fff; /* Background color */
    border: 1px solid #ccc; /* Border color */
    padding: 3px 8px;      /* Padding for better spacing */
    border-radius: 4px;     /* Rounded corners */
    width: 80%;            /* Full width */
    margin_top: 5px;
    text-align:center;
    align_items:center;
}

/* Style for the option elements */
#returnselectoption_scs_1 option,
#returnselectoption_scs_2 option,
#returnselectoption_scs_3 option
 {
    padding: 2px 5px;      /* Padding for options */
    color: #333333;         /* Font color for options */
}

.tradein_confirm_button_1,
.tradein_confirm_button_2,
.tradein_confirm_button_3
 {
    margin_top: 10px;
    background-color: #4CAF50; /* Green background */
    color: white;             /* White text */
    padding: 10px 20px;       /* Padding around text */
    border: none;             /* No border */
    border-radius: 5px;       /* Rounded corners */
    cursor: pointer;          /* Pointer cursor on hover */
    font-size: 16px;          /* Font size */
    margin-right: 10px;       /* Margin to the right */
}

.tradein_confirm_button_1:hover,
.tradein_confirm_button_2:hover,
.tradein_confirm_button_3:hover
 {
    background-color: #45a049; /* Darker green on hover */
}

/* Style for the 'Cancel' button */
.tradein_cancel_button_1,
.tradein_cancel_button_2,
.tradein_cancel_button_3
 {

    margin_top: 10px;
    background-color: #f44336; /* Red background */
    color: white;              /* White text */
    padding: 10px 20px;        /* Padding around text */
    border: none;              /* No border */
    border-radius: 5px;        /* Rounded corners */
    cursor: pointer;           /* Pointer cursor on hover */
    font-size: 16px;           /* Font size */
}


.tradein_checkbox_option_1,
.tradein_checkbox_option_2,
.tradein_checkbox_option_3 {
    display: none; /* Hide the default checkbox */
}

.custom_checkbox_label_scs_1,
.custom_checkbox_label_scs_2, 
.custom_checkbox_label_scs_3 {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 3%;
    border-radius: 5px;
    background-color: lightblue;
    border: 5px solid blue;
    box-shadow: 10px 10px 5px lightgreen;
    cursor: pointer;
    text-align:center;
    position: relative; /* Add position relative for absolute positioning of :after content */
    margin-top: 2%;
    margin-bottom: 2%;
}

.tradein_checkbox_option_1:checked + .custom_checkbox_label_scs_1,
.tradein_checkbox_option_2:checked + .custom_checkbox_label_scs_2,
.tradein_checkbox_option_3:checked + .custom_checkbox_label_scs_3
 {
    border: 5px solid green;
    background-color: lightgreen; /* Change color on checked */
    box-shadow: 10px 10px 5px lightblue;
}

.tradein_checkbox_option_1:checked + .custom_checkbox_label_scs_1:after,
.tradein_checkbox_option_2:checked + .custom_checkbox_label_scs_2:after,
.tradein_checkbox_option_3:checked + .custom_checkbox_label_scs_3:after {
    content: '\2713'; /* Unicode character for a check mark */
    color: white; /* Color of the check mark */
    position: absolute;
    left: 2px; /* Adjust these values to position your check mark */
    top: 2px;
    font-size: 24px; /* Size of the check mark */
}


.payment_cart_tradein
{
    display: block;
    color: blue;
    font-size: 12 px;
    margin: 2%;
    padding: 2%;
    text-align: left;
}