// Home Page start ===
.title-bar {
    display: flex;
    align-items: center;
    //margin-top: 15px;
    margin-bottom: 15px;
    justify-content: space-between;
	.title{
		margin-bottom: 0;
		text-transform: capitalize;
		font-weight: 500;
	}
	> a{
		color: var(--primary);
		font-size: 16px;
		font-weight: 500;	
	}
}

// Search Box ====
.search-box{
	margin-bottom: 20px;
	.input-group{
		.form-control{
			padding: 15px 0 15px 20px;
			background-color: var(--input-bg);
		}
		input::placeholder{
			color: #929292;
		}
		.input-group-text{
			padding: 15px;
			background-color: var(--input-bg);
		}
	}
}

// Overlay Swiper ===
.overlay-swiper1{
	margin-left: -15px;
	margin-right: -15px;
	padding: 0 15px 50px;
	margin-top: -20px;
	.swiper-slide{
		width: 205px;
		&.swiper-slide-active{
			.dz-card-overlay.style-1{
				.dz-media{
					img{    
						transform: scale(1.2);
					}
				}
				&::after{
					height: 220px;
				}
			}
		}
	}
}
.overlay-swiper2{
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	.swiper-slide{
		width: 265px;
	}
}

// Categories
.dz-categories-bx{
	padding: 15px 45px 15px 25px;
    display: flex;
    background-color: var(--bg-white);
    border-radius: var(--border-radius-lg);
	margin: 5px 0;
    box-shadow:  0px 3px 3px 0px rgba(4, 118, 78, 0.13);
    border: 1px solid var(--border-color);
	@include transitionMedium;
	
	.icon-bx{
		position: relative;
		display: flex;
		margin-right: 20px;
		i{
			color: var(--primary);	
		}
		path[fill],
		path{
			fill: var(--primary);
		}
	}
	.title{
		color: var(--primary);
		margin: 0;
		font-weight: 500;
	}
	.menus{
	    margin-top: 5px;
		display: block;
		font-weight: 500;
	}
}

// Categories Swiper
.categories-swiper{
	.swiper-slide{
		width: auto;
		&.swiper-slide-active{
			.dz-categories-bx{
				box-shadow: 0px 11px 22px 0px rgba(4, 118, 78, 0.06);
			}
		}
	}
}

// Our Location ===
.location-swiper{
	margin: 0 -15px;
	padding: 15px;
	.swiper-wrapper{
		.swiper-slide{
			width: auto;
			&.swiper-slide-thumb-active{
				.location-tag{
					background-color: var(--primary);
					color: var(--theme-text-color);
				}
			}
		}
	}
}
.location-swiper2{
	padding: 20px 15px;
}
.location-tag{
	font-size: 12px;
	font-weight: 400;
	border: 1px solid var(--primary);
	border-radius: var(--border-radius-xl);
	padding: 3px 12px;
	color: var(--primary);
	background-color: var(--bg-white);
	&.tag-lg{
		padding: 10px 20px;
		font-size: 16px;
		font-weight: 500;
	}
	&:hover,
	&.active{
		background-color: var(--primary);
		color: var(--theme-text-color);
	}
}

// Featured List ===
.featured-list{
	li{
		&:last-child{
			.dz-card.list{
				margin-bottom: 20px;
			}
		}
	}
}


// Products ==
.dz-custom-swiper{
	margin: 0 -15px;
	.dz-tabs-swiper{
		border-bottom: 1px solid var(--border-color);
		padding: 0 15px;
		.swiper-slide{
			width: auto !important;
			padding: 15px;
			border-bottom: 3px solid transparent;
			@include transitionMedium;
			.title{
				color: var(--rgba-primary-5);
				font-weight: 400;
				margin-bottom: 0;
				@include transitionMedium;
			}
			&.swiper-slide-thumb-active{
				border-color: var(--primary);
				.title{
					color: var(--primary);
					font-weight: 600;
				}
			}
		}
	}
	.dz-tabs-swiper2{
		padding: 30px 15px 0;	
	}
} 
// Home Page End ===