.elementor-644 .elementor-element.elementor-element-b2e6039{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-644 .elementor-element.elementor-element-7626494{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-644 .elementor-element.elementor-element-869666a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-644 .elementor-element.elementor-element-61a1db2 .elementor-heading-title{font-size:22px;}@media(max-width:767px){.elementor-644 .elementor-element.elementor-element-b2e6039{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-644 .elementor-element.elementor-element-61a1db2 .elementor-heading-title{font-size:18px;}}/* Start custom CSS for container, class: .elementor-element-7626494 */.input-group label {
    display: inline-block;
    width: 70%;
    margin-right: 10px;
}

.input-group input[type="number"] {
    -webkit-appearance: none;
    width: 25%;
    padding: 5px;
    background-color: #ebf9f5;
    color: #00cd82;
    border: none;
}

/* Range Slider Base Styling */
.input-group input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
    height: 5px;
    background: transparent;
    border-radius: 0px;
    position: relative;
}

/* Slider Track with Dynamic Fill */
.input-group input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #00cd82 0%, #00cd82 var(--value, 0%), #e9e9eb var(--value, 0%), #e9e9eb 100%);
    border-radius: 5px;
}

/* Thumb Styling */
.input-group input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #00cd82;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -7px;
}

/* Active thumb styles for interaction */
.input-group input[type="range"]::-webkit-slider-thumb:active {
    background: #00cd82;
}

/* Summary Styling */
.result-summary {
    margin-top: 10px;
}

.summary-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.summary-item label {
    flex: 1;
    text-align: left;
    font-weight: 400;
}

.summary-item span {
    flex: 1;
    text-align: right;
    font-weight: 500;
}/* End custom CSS */