.icon {
	margin-left: 50px;
}

#image {
	margin-left: 24rem;
}

.review_div {
	margin-left: 140px;
	align-items: center;
}

.service-list {
	list-style: none;
	padding: 0;
}

/*.service-list li {*/
/*	padding: 20px;*/
/*	margin: 20px 0;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: space-between;*/
/*	background-color: #fff;*/
/*}*/
.service-list > li{
        padding: 16px;
    margin: 5px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #dfd2e5;
    border-radius: 6px;
}

.service-info img {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

.service-info h4 {
	font-size: 18px;
	color: #333;
	margin: 0;
}

.service-info p {
	font-size: 14px;
	color: #666;
	margin: 10px 0;
}

.discount-badge {
	background-color: #ff6600;
	color: #fff;
	padding: 4px 8px;
	border-radius: 5px;
	font-size: 14px;
}

/* Style the original price */
.original-price {
	text-decoration: line-through;
	color: #999;
	font-size: 16px;
}

/* Style the discounted price */
.discounted-price {
	font-size: 20px;
	color: #ff6600;
}

/* Style the "Add" button */
.add-button-inner {
	background-color: #ff6600;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}

@media (max-width: 768px) {
	.contact {
		width: 100%;
	}

	#image {
		display: block;
		margin: 0 auto;
	}

	.icon {
		margin-left: 41px;
	}

	.icon_div {
		margin-left: -3em !important;
	}

	.review_div:nth-child(n+3) {
		display: none;
	}

	.review_div {
		margin-left: 50px;
		border-bottom: none;
		border-left: none;
		border-right: none;
	}

	.work_shedule {}
}

.sticky-header {
	display: fixed !important;
	justify-content: space-between;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	/* Adjust this value as needed */
	background: white;
	border: 1px solid black;
	z-index: 999;
	top: 2rem;
}

.sticky {
	position: fixed !important;
}

.box {
	margin: 10px;
	padding: 10px;
	background: rgb(240 240 240);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	/* Added the blur shadow effect */
}

.green-box {
	background: rgb(0 186 0);
	padding: 10px;
	color: white;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	/* Added the blur shadow effect */
}

/*toggle button*/
/* Basic Rules */
.switch input {
	display: none;
}

.switch {
	display: inline-block;
	width: 60px;
	height: 30px;
	/*margin:8px;*/
	transform: translateY(50%);
	position: relative;
}

/* Style Wired */
.slider {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 30px;
	box-shadow: 0 0 0 2px #777, 0 0 4px #777;
	cursor: pointer;
	border: 4px solid transparent;
	overflow: hidden;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #777;
	border-radius: 30px;
	transform: translateX(-30px);
	transition: .4s;
}

input:checked+.slider:before {
	transform: translateX(30px);
	background: limeGreen;
}

input:checked+.slider {
	box-shadow: 0 0 0 2px limeGreen, 0 0 2px limeGreen;
}

/* Style Flat */
.switch.flat .slider {
	box-shadow: none;
}

.switch.flat .slider:before {
	background: #FFF;
}

.switch.flat input:checked+.slider:before {
	background: white;
}

.switch.flat input:checked+.slider {
	background: limeGreen;
}

.custom-container {
	background: white;
	padding: 10px;
}

.custom-header {
	display: flex;
	justify-content: center;
	/* Center the text in the header */
}

.schedule {
	display: flex;
	align-items: center;
}

.custom-input {
	margin: 10px;
	margin-left: 2rem;
}

.custom-input:nth-child(2) {
	margin-left: 36rem;
}

.categary_img {
	margin: 10px;
}

.categary {
	display: flex;
	overflow: hidden;
	overflow-y: scroll;
	margin-left: 10px;
	white-space: nowrap;
	cursor: grab;
}

@media (max-width: 768px) {
	.custom-input {
		margin: 10px;
		margin-left: 0;
	}

	.custom-input:nth-child(2) {
		margin-left: 0rem;
	}

	.cart {
		width: 100%;
	}
}

/* Add your custom styles for the service name */
.service_name {
	background-color: #FF5733;
	/* Example background color */
	color: #FFF;
	/* Example text color */
	font-size: 12px;
	/* Example font size */
	/*padding: 10px;*/
	/* Example padding */
	text-align: center;
	/* Example text alignment */
	border-radius: 5px;
	/* Example border radius */
}

/* Responsive styles for small screens (col-sm-12) */
@media screen and (max-width: 768px) {
	.container {
		padding: 10px;
	}

	.service-list li {
		flex-direction: column;
		text-align: center;
	}
}

.service_name {
	background-color: black;
	color: white;
}

/*mobile view css*/
@media(max-width:640px) {
	.cart {
		display: none;
	}

	.services-stick {
		margin-top: 80%;
	}
	.desktop-only{
	    /*display:none!important;*/
	    padding:1rem;
	}
	.desktop-only > .cards{
	    width:100% !important;
	}
}