.country-list,.phoneCode-list{position: relative;}
.phone-code{display: none;border-radius: 8px;overflow: hidden;padding: 12px;height: 306px;position: absolute;top: 62px;width: 204px;box-shadow: 0px 10px 14px #0000005E;background-color: var(--v-white);z-index: 999;}
.phone-code .phoneCode-results{height: 240px;overflow-y: scroll;padding-bottom: 20px;}
.phone-code .phoneCode-results::-webkit-scrollbar-thumb,
.country-code .results::-webkit-scrollbar-thumb{background-color: rgba(227, 87, 40, 1);width: 4px;}
.phone-code .phoneCode-results .phoneCode-results-option{padding-left: 8px;cursor: pointer;font-size: var(--fs-16);color: var(--v-black);min-height: 35px;display: flex;align-items: center;}
.phone-code .phoneCode-results .phoneCode-results-option span:nth-of-type(1){margin-right: 10px;color: var(--v-black);}
.phone-code .phoneCode-results .phoneCode-results-option span:nth-of-type(2){color:var(--v-grey);}
.phone-code .phoneCode-results .phoneCode-results-option:hover,
.country-code .results .results-option:hover,
.country-code .results .results-option.active,
.phone-code .phoneCode-results .phoneCode-results-option.active{background-color: var(--v-grey-light1);}
.phone-code #phoneCode-search,
.country-code #country-search{width: 100%;height: 44px;border: none;outline: none;padding-right: 42px !important;border-radius: 4px;margin-bottom: 12px;background-color: var(--v-grey-light2);padding-left: 12px !important;padding-top: 4px !important;}
.phone-code #phoneCode-search:hover,
.country-code #country-search:hover{background-color: #ECECEC;}
.phone-code #phoneCode-search:focus,
.country-code #country-search:focus{border-radius: 4px 4px 0px 0px;}
.phone-code #phoneCode-search:focus ~ .phoneCode-search-bottom,
.country-code #country-search:focus ~ .country-search-bottom{width: calc(100% - 24px);}
.phone-code .phoneCode-search-bottom{display: block;width: 0;height: 1px;transition: all 0.4s;background-color: var(--v-orange);position: absolute;top: 56px;left: 12px;} 

.country-code{display: none;border-radius: 8px;overflow: hidden;padding: 12px;height: 309px;position: absolute;top: 62px;width: 100%;box-shadow: 0px 10px 14px #0000005E;background-color: var(--v-white);z-index: 999;}
.country-code .country-search-bottom{display: block;width: 0;height: 1px;transition: all 0.4s;background-color: var(--v-orange);position: absolute;top: 56px;left: 12px;} 
.country-code .results{height: 229px;overflow-y: scroll;padding-bottom: 10px;}
.country-code .results .results-option{padding-left: 8px;cursor: pointer;font-size: var(--fs-16);color: var(--v-black);height: 35px;line-height: 35px;white-space: nowrap;}