.custom-select-mobile {
											display: none;
										}
										
										@media(max-width: 768px){
										.custom-select-mobile {
											display: block;
										}
											.SumoSelect {
												display: none;
											}
										}
										
										
										
									.custom-select-wrapper {
										position: relative;
										width: 100%;
									}

									.custom-select {
										width: 100%;
										position: relative;
									}

									.custom-select-trigger {
										display: flex;
										justify-content: space-between;
										align-items: center;
										padding: 12px 15px;
										background: #fff;
										border: 1px solid #ddd;
										border-radius: 4px;
										cursor: pointer;
										user-select: none;
										-webkit-user-select: none;
										-moz-user-select: none;
										-ms-user-select: none;
									}

									.custom-select-trigger:hover {
										border-color: #999;
									}

									.custom-select-trigger.active {
										border-color: #333;
										border-bottom: none;
										border-radius: 4px 4px 0 0;
									}

									.dropdown-icon {
										font-size: 10px;
										transition: transform 0.3s ease;
									}

									.custom-select-trigger.active .dropdown-icon {
										transform: rotate(180deg);
									}

									.custom-select-dropdown {
										display: none;
										position: absolute;
										top: 100%;
										left: 0;
										right: 0;
										background: #fff;
										border: 1px solid #ddd;
										border-top: none;
										border-radius: 0 0 4px 4px;
										max-height: 300px;
										overflow-y: auto;
										z-index: 1000;
										box-shadow: 0 4px 6px rgba(0,0,0,0.1);
									}

									.custom-select-dropdown.active {
										display: block;
									}

									.custom-option {
										display: flex;
										align-items: center;
										padding: 8px 15px;
										cursor: pointer;
										user-select: none;
										-webkit-user-select: none;
										border-bottom: 1px solid #f0f0f0;
										gap: 10px;
										margin-bottom: 0;
									}
									.custom-option input{
										margin-bottom: 0 !important;
									}

									.custom-option:hover {
										background: #f5f5f5;
									}

									.custom-option:last-child {
										border-bottom: none;
									}

									.custom-option input[type="checkbox"] {
										cursor: pointer;
										width: 18px;
										height: 18px;
									}

									.custom-option span {
										flex: 1;
									}

									.selected-text {
										color: #666;
									}