/*
 Theme Name:     Hello Elementor Child
 Theme URI:      https://example.com/
 Description:    A child theme of Hello Elementor
 Author:         Nahom
 Author URI:     https://yourwebsite.com/
 Template:       hello-elementor
 Version:        1.0.0
 Text Domain:    hello-elementor-child
*/

/* Custom CSS for the child theme can go below this line */


li.sub-section-item {
    text-transform: capitalize;
}

select.progress-class {
    width: 87px;
}

input.percentage-cell {
    width: 77% !important;
}

.radio-button.highlight {
    border-color: var(--brand-3, #B79366); /* Orange border for duplicate answer highlight */
}

.radio-button.highlight .radio-label {
    background-color: var(--brand-3, #B79366); /* Light orange for duplicates */
}

span.impact_class {
    background-color: var(--brand, #0C3B5D);
    padding: 10px;
    
   
    font-weight: bold;
    color: #B79367;
    display: block;
    text-align: center;
    border-radius: 10px;
    margin: 10px;
}


[type=button], [type=submit], button {
    display: inline-block !important;
    padding: 10px 20px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 0.9rem !important;
    transition: background-color 0.3sease, transform 0.2sease;
    text-align: center !important;
    font-family: 'Poppins', sans-serif;
    background-color: var(--brand, #0C3B5D) !important;
    color: #fff !important;
    border: 0px !important;


    &:hover {
    background-color: var(--brand-3, #B79366)!important
}