:root {--primary: #111;}	
		.select-box {position: relative;width: 14rem;margin-right: 2px;}
		.select-box input {width: 100%;padding: 6.7px;outline: none;}/*border: .1rem solid transparent*/
/* 		.select-box input:focus {border-bottom:none; border: 1px solid #a9a9a9;color: #000;} */
		.selected-option {background-color: #eee;overflow: hidden;display: flex;border-radius: 5px;justify-content: space-between;align-items: center;}
		.selected-option div{position: relative;width: 6rem;padding: 0 1.8rem 0 .5rem;text-align: center;cursor: pointer;}
		.selected-option div::after{position: absolute;content: "";right: .8rem;top: 45%;transform: translateY(-50%) rotate(45deg);width: .3rem;
									height: .3rem;border-right: .12rem solid var(--primary);border-bottom: .12rem solid var(--primary);transition: .2s;}
		.selected-option div.active::after{transform: translateY(-50%) rotate(225deg);}
		.select-box .options {position: absolute;top: 3rem;width: 100%;background-color: #fff;border-radius: .5rem;display: none;}
		.select-box .options.active {display: block;z-index: 1;}
		.select-box .options::before {position: absolute;content: "";left: 1rem;top: -1.2rem;width: 0;height: 0;border: .6rem solid transparent;border-bottom-color: #eee;}
		
		.select-box ol {list-style: none;max-height: 11rem;overflow: overlay;border: 1px solid;border-color: darkgrey;padding-left: 0px;}
		.select-box ol::-webkit-scrollbar {width: 0.6rem;}
		.select-box ol::-webkit-scrollbar-thumb {width: 0.4rem;height: 3rem;background-color: #ccc;border-radius: .4rem;}
		.select-box ol li {padding: 0.7rem;display: flex;justify-content: space-between;cursor: pointer;}
		.select-box ol li.hide {display: none;}
		.select-box ol li:not(:last-child) {border-bottom: .1rem solid #eee;}
		.select-box ol li:hover {background-color: #31aff5;}
		.select-box ol li .country-name {margin-left: .4rem;}
		.img-flag{width: 1.34em;height: 1em;}  
		.phone-input {border-radius: 0px 5px 5px 0px !important;}
		.selected-option:focus{border-color: #36a3f7;}
		
		.select-box-multiple {position: relative;width: 14rem;margin-right: 2px;}
		.select-box-multiple input {width: 100%;padding: 6.7px;outline: none;}
		/* .select-box-multiple input:focus {border-bottom:none; border: 1px solid #a9a9a9;color: #000;}  */
		.select-box-multiple .options {position: absolute;top: 3rem;width: 100%;background-color: #fff;border-radius: .5rem;display: none;}
		.select-box-multiple .options.active {display: block;z-index: 1;}
		.select-box-multiple .options::before {position: absolute;content: "";left: 1rem;top: -1.2rem;width: 0;height: 0;border: .6rem solid transparent;border-bottom-color: #eee;}
		.select-box-multiple ol {list-style: none;max-height: 11rem;overflow: overlay;border: 1px solid;border-color: darkgrey;padding-left: 0px;}
		.select-box-multiple ol::-webkit-scrollbar {width: 0.6rem;}
		.select-box-multiple ol::-webkit-scrollbar-thumb {width: 0.4rem;height: 3rem;background-color: #ccc;border-radius: .4rem;}
		.select-box-multiple ol li {padding: 0.7rem;display: flex;justify-content: space-between;cursor: pointer;}
		.select-box-multiple ol li.hide {display: none;}
		.select-box-multiple ol li:not(:last-child) {border-bottom: .1rem solid #eee;}
		.select-box-multiple ol li:hover {background-color: #31aff5;}
		.select-box-multiple ol li .country-name {margin-left: .4rem;}
		
		
		input.search-box {color: #000;border-radius: .5rem .5rem 0 0;padding: 1rem 1rem;border: 1px solid #a9a9a9;border-bottom: none;}