<style>
	.product-card {
    width:233px;
    position: relative;
    box-shadow: 0 2px 7px #dfdfdf;
    margin: 50px auto;
    background: #fafafa;
}

.badge {
    position: absolute;
    left: 0;
    top: 20px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    background: red;
    color: #fff;
    padding: 3px 10px;
}

.product-tumb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 181px;
    padding: 16px;
    background: #f0f0f0;
}

.product-tumb img {
    max-width: 100%;
    max-height: 100%;
}

.product-details 
{
    padding: 16px;
}

.product-catagory {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ccc;
    margin-bottom: 18px;
}

.product-details h4 a {
    font-weight: 500;
    display: block;
    margin-bottom: 18px;
    text-transform: uppercase;
    color: #363636;
    text-decoration: none;
    transition: 0.3s;
}

.product-details h4 a:hover {
    color: #fbb72c;
}

.product-details p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 18px;
    color: #999;
}

.product-bottom-details {
    overflow: hidden;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.product-bottom-details div {
    float: left;
    width: 50%;
}

.product-price {
    font-size: 18px;
    color: red;
    font-weight: 600;
}

.product-price small {
    font-size: 80%;
    font-weight: 400;
    text-decoration: line-through;
    display: inline-block;
    margin-right: 5px;
}

.product-links {
    text-align: right;
}

.product-links a {
    display: inline-block;
    margin-left: 5px;
    color: #e1e1e1;
    transition: 0.3s;
    font-size: 17px;
}

.product-links a:hover {
    color: #fbb72c;
}
.product-links a
{
	margin:0!important;
}
.btn
{
	padding: 9px 3px;
	background: red;
	color:white;
}
	</style>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="whb-flex-row whb-general-header-inner">
<div class="whb-column whb-col-left whb-visible-lg">
			<div class="site-logo wd-switch-logo"> 
							<a href="index.html"
										class="wd-logo wd-main-logo woodmart-logo woodmart-main-logo" rel="home"> <img
											src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
											alt="Prabhudarbar" style="max-width: 200px;"
											data-lazy-src="sun.png" /><noscript><img
												src="sun.png"
												alt="Prabhudarbar" style="max-width: 200px;" /></noscript> </a> <a
										href="index.html" class="wd-logo wd-sticky-logo" rel="home"> <img
											src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
											alt="Prabhudarbar" style="max-width: 250px;"
											data-lazy-src="sun.png" /><noscript><img
												src="sun.png"
												alt="Prabhudarbar" style="max-width: 250px;" /></noscript> </a></div>
							</div>

							<div class="whb-column whb-col-center whb-visible-lg">
								<div class="whb-space-element " style="width:15px;"></div>
								<div class="whb-space-element " style="width:15px;"></div>
							</div>


<div class="whb-column whb-col-right whb-visible-lg">
								<div class="wd-header-nav wd-header-main-nav text-center navigation-style-underline"
									role="navigation">
									<ul id="menu-my-menu" class="menu wd-nav wd-nav-main wd-style-underline">
										<li id="menu-item-10276"
											class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-9145 current_page_item menu-item-10276 item-level-0 menu-item-design-default menu-simple-dropdown wd-event-hover">
											<a href="index.php" class="woodmart-nav-link"><span
													class="nav-link-text">Home</span></a>
										</li>
										<li id="menu-item-10716"
											class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10716 item-level-0 menu-item-design-default menu-simple-dropdown wd-event-hover">
											<a href="about.php" class="woodmart-nav-link"><span
													class="nav-link-text">About</span></a>
										</li>
										<!-- <li id="menu-item-10277"
											class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10277 item-level-0 menu-item-design-default menu-simple-dropdown wd-event-hover">
											<a href="online.php" class="woodmart-nav-link"><span
													class="nav-link-text">Book Online Puja</span></a>
										</li>
										<li id="menu-item-10278"
											class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10278 item-level-0 menu-item-design-default menu-simple-dropdown wd-event-hover">
											<a href="consult.php" class="woodmart-nav-link"><span
													class="nav-link-text">Consultancy</span></a>
										</li> -->
										<li id="menu-item-10339"
											class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10339 item-level-0 menu-item-design-default menu-simple-dropdown wd-event-hover">
											<a href="product.php" class="woodmart-nav-link"><span
													class="nav-link-text">Product</span></a>
										</li>
										<!-- <li id="menu-item-11006"
											class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11006 item-level-0 menu-item-design-default menu-simple-dropdown wd-event-hover">
											<a href="blog/index.html" class="woodmart-nav-link"><span
													class="nav-link-text">Blog</span></a>
										</li> -->
										
										<!-- <li id="menu-item-10733"
											class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10733 item-level-0 menu-item-design-default menu-simple-dropdown wd-event-hover">
											<a href="cart/index.html" class="woodmart-nav-link"><span
													class="nav-link-text">Cart</span></a>
										</li> -->
									</ul>
								</div>
								<div class="wd-header-text set-cont-mb-s reset-last-child whb-text-element">
									<b>[language-switcher]</b>
								</div>
							</div>
							<div class="whb-column whb-mobile-left whb-hidden-lg">
								<div class="wd-tools-element wd-header-mobile-nav wd-style-text woodmart-burger-icon">
									<a href="#" rel="noffollow"> <span class="wd-tools-icon woodmart-burger-icon">
										</span> <span class="wd-tools-text">Menu</span> </a>
								</div>
							</div>
							<div class="whb-column whb-mobile-center whb-hidden-lg">
								<div class="site-logo wd-switch-logo"> <a href="index.html"
										class="wd-logo wd-main-logo woodmart-logo woodmart-main-logo" rel="home"> <img
											src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
											alt="Prabhudarbar" style="max-width: 190px;"
											data-lazy-src="wp-content/uploads/2020/12/sun.png" /><noscript><img
												src="wp-content/uploads/2020/12/sun.png" alt="Prabhudarbar"
												style="max-width: 190px;" /></noscript> </a> <a href="index.html"
										class="wd-logo wd-sticky-logo" rel="home"> <img
											src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
											alt="Prabhudarbar" style="max-width: 150px;"
											data-lazy-src="wp-content/uploads/2020/12/sun.png" /><noscript><img
												src="wp-content/uploads/2020/12/sun.png" alt="Prabhudarbar"
												style="max-width: 150px;" /></noscript> </a></div>
							</div>