body,html {
	width: 100%;
	padding: 0;
	margin: 0;
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-color: #333 #eee;
}
h1,h2,h3,h4,h5 {
	width: 100%;
	font-family: 'Quicksand', sans-serif;
}
.category-box-wrap {
	border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 10px 25px 0 rgb(0 0 0 / 30%);
    margin: 15px;
}
.category-box {
	border-radius: 50%;
    transition: all 0.5s ease-in-out;
    width: 100%;
    display: block;
    border: 25px solid transparent;
}

.category-box h3 {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	background: rgba(0,0,0,0.5);
}
.category {
	position: relative;
    margin-top: -50px;
    transition: all 0.35s ease-in-out;
}
.category a {
	color: #fff !important;
	width: 100%;
}
.category-box:hover {
	border-color: #fa7a50;
	transition: all 0.5s ease-in-out;
	will-change: transform;
}
.category-box:hover + .category{
	margin-top: -58px !important;
	transition: all 0.35s ease-in-out;
}

.category-box:hover + .category a{
	box-shadow: 0 3px 8px 0 rgb(0 0 0 / 17%);
    background-color: #fa7a50;
}

.section.categories,.section.products {
	background: url(../images/bg-tile.png);
	background-repeat: repeat;
	background-size: 10%;
}

.carousel {
	background: #fff;
}
.carousel-item {
	min-height: 250px;
	height: auto;
}
.section.product-page .carousel-item {
	min-height: 500px;
	background-size: cover;
}

.product .price {
	width: 50%;
	font-size: 20px;
}

.section.product-page {
	padding-top: 125px;
}