.selectBox {position: relative; }

.search-box { width: 100%; padding: 10px; border: none; border-bottom: 1px solid #ccc; outline: none; font-size: 16px; }

.center-text {
    text-align: center;
    color: green;
}


.options {
    list-style: none;
    padding: 0;
    max-height: 250px;
    overflow-y: auto;
    border-bottom: 1px solid #ccc;
/*    display: none;*/
}

.options li {
    padding: 10px;
    cursor: pointer;
}

.options li:hover {
    background-color: #f0f0f0;
}

.selected-option, .selected-city-option, span.state, span.city {
    padding: 10px;
    cursor: pointer;
    bottom: 40px;
    position: relative;
    z-index: -1;
}

ul.stateOptions{
    display: none;
}

.select-select ul.stateOptions, .select-select ul.cityOptions{border: 1px solid #000; border-top: 0; border-bottom: 0; z-index: 9999;}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.onlyChar.selected-option.state-option {
    position: absolute;
    left: -25px;
    height: 30px;
    z-index: 2;
    bottom: 4px;
}


input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.onlyChar.selected-city-option.city-option{
    position: absolute;
    left: -25px;
    height: 30px;
    z-index: 2;
    bottom: 4px;
}

.mandatory{
    color: red;
}

.wpcf7-form.invalid .wpcf7-response-output{
    display: none;
}

.stateBox svg, .cityBox svg{cursor: pointer;}

.form-wrapper .item .form-wrap form .number-input .grp-c_list input{padding-left: 0;}
.grp-c_list span:first-child{line-height: 0;}
.contact_page .form-wrapper .grp-c_list .wpcf7-not-valid-tip{left: -73px;}
.contact_page .form-wrapper .wpcf7-not-valid-tip{left: 7px;}
.form-wrapper .item .form-wrap form .input-form.select-select{padding-top: 7px;}