/* Cutom First select Option */
.select::after {
	content: '\25BC';
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 1em;
	background: #2b2e2e;
	cursor:pointer;
	pointer-events:none;
	transition:.25s all ease;
}
.custom-select-wrapper {
	position: relative;
	user-select: none;
	width: 100%;
}
.custom-select {
	position: relative;
	display: flex;
	flex-direction: column;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #00a2ff;
}
.custom-select__trigger {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 22px;
	font-size: 17px;
	color: #3b3b3b;
	height: 40px;
	line-height: 60px;
	background: #ffffff;
	cursor: pointer;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #00a2ff;
}
.custom-options {
	position: absolute;
	display: block;
	top: 100%;
	left: 0;
	right: 0;
	border: 1px solid #00a2ff;
	border-top: 0;
	background: #fff;
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 2;
}
.custom-select.open .custom-options {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
.custom-option {
	position: relative;
	display: block;
	padding: 0px 9px 0 9px;
	font-size: 17px;
	font-weight: 300;
	color: #3b3b3b;
	line-height: 40px;
	cursor: pointer;
	transition: all 0.5s;
}
.custom-option:hover {
	cursor: pointer;
	color: #00a2ff !important;
}
.custom-option.selected {
	color: #616060 !important;
}
.arrow {
	position: relative;
	height: 10px;
	width: 4px;
}
.arrow::before, .arrow::after {
	content: "";
	position: absolute;
	bottom: 0px;
	width: 0.15rem;
	height: 100%;
	transition: all 0.5s;
}
.arrow::before {
	left: -5px;
	transform: rotate(45deg);
	background-color: #394a6d;
}
.arrow::after {
	left: 2px;
	transform: rotate(-45deg);
	background-color: #394a6d;
}
.open .arrow::before {
	left: -5px;
	transform: rotate(-45deg);
}
.open .arrow::after {
	left: 1px;
	transform: rotate(45deg);
}
/* End First select Option */

/* Cutom Second select Option */
.select::after {
	content: '\25BC';
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 1em;
	background: #2b2e2e;
	cursor:pointer;
	pointer-events:none;
	transition:.25s all ease;
}
.custom-select-wrapper_next {
	position: relative;
	user-select: none;
	width: 100%;
}
.custom-select_next {
	position: relative;
	display: flex;
	flex-direction: column;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #00a2ff;
}
.custom-select__trigger_next {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 22px;
	font-size: 17px;
	color: #3b3b3b;
	height: 40px;
	line-height: 60px;
	background: #ffffff;
	cursor: pointer;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #00a2ff;
}
.custom-options_next {
	position: absolute;
	display: block;
	top: 100%;
	left: 0;
	right: 0;
	border: 1px solid #00a2ff;
	border-top: 0;
	background: #fff;
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 2;
}
.custom-select_next.open .custom-options_next {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
.custom-option_next {
	position: relative;
	display: block;
	padding: 0px 9px 0 9px;
	font-size: 17px;
	font-weight: 300;
	color: #3b3b3b;
	line-height: 40px;
	cursor: pointer;
	transition: all 0.5s;
}
.custom-option_next:hover {
	cursor: pointer;
	color: #00a2ff !important;
}
.custom-option_next.selected {
	color: #616060 !important;
}
.arrow {
	position: relative;
	height: 10px;
	width: 4px;
}
.arrow::before, .arrow::after {
	content: "";
	position: absolute;
	bottom: 0px;
	width: 0.15rem;
	height: 100%;
	transition: all 0.5s;
}
.arrow::before {
	left: -5px;
	transform: rotate(45deg);
	background-color: #394a6d;
}
.arrow::after {
	left: 2px;
	transform: rotate(-45deg);
	background-color: #394a6d;
}
.open .arrow::before {
	left: -5px;
	transform: rotate(-45deg);
}
.open .arrow::after {
	left: 1px;
	transform: rotate(45deg);
}
/* End Second select Option */

.select-pure__label{
	overflow: auto;
	height: 135px;
}


.custom-container{
	width: auto;
	margin: 0 auto;
	max-width: max-content;
}
.content-wrapper.setup-done{
	padding: 30px 15px;
}



@media only screen and (min-device-width: 200px) and (max-device-width: 1024px) {
	.progress-wrapper{
		display: none;
	}      
}

@media only screen and (min-device-width: 200px) and (max-device-width: 768px) {
	h2#swal2-title {
	    font-size: 20px;
	}
}