.custom_select{height: 45px; background: var(--white); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.20); border-radius: 25px; transition: all .5s ease-in-out;}

	/*Select input*/
	.custom_select .input{display: flex; justify-content: space-between; align-items: center; height: 45px; padding: 0 10px 0 25px; cursor: pointer; border-radius: 50px;}

		/*Selected option*/
		.custom_select .input .selected_option{font-size: 0.875rem; font-weight: 500; color: var(--black);}

		/*Empty placeholder*/
		.custom_select:not(.active) .input .selected_option.empty{font-size: 0;}

		/*Select arrow*/
		.custom_select .input .arrow{display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 30px; height: 30px; transition: all .35s ease-in-out;}

				/*Open arrow*/
				.custom_select.open .input .arrow{transform: rotate(-180deg);}

	/*Select options*/
	.custom_select .content_options{display: flex; height: 0; transform: translateY(0); background-color: var(--white); border-radius: 10px; margin: 5px 0 0; padding: 0 10px; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.20); transition: all .5s ease-in-out; z-index: 20;}
	
		/*Animated height*/
        /*Padding top and bottom must be defined here*/
		.custom_select.open .content_options{padding-top: 10px; padding-bottom: 10px; height: 205px;}
		.custom_select.civic.open .content_options{padding-top: 10px; padding-bottom: 10px; height: 160px;}

			.custom_select .content_options .options_list{width: 100%; overflow: hidden;}

			.custom_select.open .content_options .options_list{overflow: auto;}

				.custom_select .content_options .options_list::-webkit-scrollbar{width:5px; border-radius:2px;}
				.custom_select .content_options .options_list::-webkit-scrollbar-track{background:var(--soft-gray); border-radius:2px;}
				.custom_select .content_options .options_list::-webkit-scrollbar-thumb{background:var(--black); border-radius:2px;}

		/*Options*/
		.custom_select .content_options .options_list .option{display: flex; align-items: center; height: 45px; font-size: 0.875rem; font-weight: 500; color: var(--black); cursor: pointer; transition: all .2s ease-in-out; border-bottom: 1px solid var(--black-02);}
		.custom_select .content_options .options_list .option:hover{background-color: var(--soft-brown);}

		.custom_select .content_options .options_list .option span{transition: transform .2s ease-in-out;}

	/*Real select*/
	.custom_select .real_select{position: absolute; width: 0px; height: 0px; margin: -1px; border: 0; padding: 0;}