body {
	background-color:#fafafa;
}
/* Gradient Background Section */
        .index-container .hero-gradient {
	background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
	color:white;
	border-radius:0 0 30px 30px;
	box-shadow:0 10px 30px rgba(102,126,234,0.3);
	margin-bottom:40px;
	overflow:hidden;
	position:relative;
}
.index-container .hero-gradient::before {
	content:'';
	position:absolute;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
	background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);
	animation:rotate 15s linear infinite;
}
@keyframes rotate {
	0% {
	transform:rotate(0deg);
}
100% {
	transform:rotate(360deg);
}
}/* Enhanced Product Card */
        .index-container .product-card {
	transition:all 0.5s cubic-bezier(0.25,0.8,0.25,1);
	box-shadow:0 4px 8px rgba(0,0,0,0.05);
	margin-bottom:30px;
	overflow:hidden;
	border:none;
	border-radius:12px;
	background:white;
	position:relative;
}
.index-container .product-card::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:4px;
	background:linear-gradient(90deg,#667eea,#764ba2);
	opacity:0;
	transition:opacity 0.3s ease;
}
.index-container .product-card:hover {
	transform:translateY(-10px);
	box-shadow:0 15px 30px rgba(0,0,0,0.12);
}
.index-container .product-card:hover::after {
	opacity:1;
}
.index-container .product-img-container {
	overflow:hidden;
	position:relative;
	padding: 30px;
}
.index-container .product-img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.7s cubic-bezier(0.25,0.8,0.25,1);
}
.index-container .product-card:hover .product-img {
	transform:scale(1.08);
}
/* Enhanced Badges */
        .index-container .badge-new {
	position:absolute;
	top:15px;
	right:15px;
	padding:8px 12px;
	font-weight:600;
	letter-spacing:0.5px;
	border-radius:20px;
	box-shadow:0 4px 8px rgba(0,0,0,0.1);
	animation:float 3s ease-in-out infinite;
	z-index:2;
}
.index-container .badge-new::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius:20px;
	background:inherit;
	z-index:-1;
	filter:blur(5px);
	opacity:0.5;
}
@keyframes float {
	0%,100% {
	transform:translateY(0);
}
50% {
	transform:translateY(-8px);
}
}/* Price Tag Styling */
        .index-container .price {
	font-weight:600;
	color:#764ba2;
	position:relative;
	display:inline-block;
			font-size: 26px;
}
.index-container .price del {
	color:#999;
	font-size:0.8em;
	margin-right:5px;
}
/* Button Enhancements */
        .index-container .btn-primary {
	background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
	border:none;
	border-radius:25px;
	padding:8px 20px;
	font-weight:500;
	letter-spacing:0.5px;
	box-shadow:0 4px 10px rgba(102,126,234,0.3);
	transition:all 0.3s ease;
	position:relative;
	overflow:hidden;
}
.index-container .btn-primary::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(135deg,rgba(255,255,255,0.2) 0%,transparent 100%);
	transform:translateX(-100%);
	transition:transform 0.4s ease;
}
.index-container .btn-primary:hover {
	transform:translateY(-2px);
	box-shadow:0 6px 15px rgba(102,126,234,0.4);
}
.index-container .btn-primary:hover::after {
	transform:translateX(0);
}
.card-body .card-title{
height: 50px;
    overflow: hidden;
	}
/* Blog Card Enhancements */
 .blog-card {
	border-left:5px solid #667eea;
	transition:all 0.5s cubic-bezier(0.25,0.8,0.25,1);
	margin-bottom:15px;
	overflow:hidden;
	border-radius:8px;
	background:white;
	box-shadow:0 2px 5px rgba(0,0,0,0.05);
}
.blog-card:hover {
	transform:translateX(5px);
	box-shadow:0 5px 15px rgba(0,0,0,0.1);
	border-left-color:#764ba2;
}
.blog-card .card-title {
	color:#444;
	transition:color 0.3s ease;
	font-weight:600;
		margin: 5px 0;
    font-size: 17px;
	    height: inherit;
	
}
.blog-card .card-text {
	height:42px;
	overflow: hidden;
}
.blog-card:hover .card-title {
	color:#667eea;
}

/* Policy Box Enhancements */
.policy-box {
	background:white;
	border-radius:12px;
	padding:25px 20px;
	transition:all 0.5s cubic-bezier(0.25,0.8,0.25,1);
	height:100%;
	box-shadow:0 5px 15px rgba(0,0,0,0.05);
	border-top:3px solid transparent;
	text-align:center;
}
.policy-box:hover {
	transform:translateY(-5px);
	box-shadow:0 10px 25px rgba(0,0,0,0.1);
	border-top-color:#667eea;
}
.policy-icon {
	font-size:40px;
	margin-bottom:15px;
	background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	display:inline-block;
	transition:all 0.3s ease;
}
.policy-box:hover .policy-icon {
	animation:bounce 0.8s ease;
}
.policy-title{font-weight:600;font-size:18px;}
.policy-text-muted{font-size:16px;color:#999}
@keyframes bounce {
	0%,100% {
	transform:translateY(0);
}
40% {
	transform:translateY(-15px);
}
60% {
	transform:translateY(-7px);
}
}/* Filter Buttons */
        .index-container .filter-btn {
	transition:all 0.3s ease;
	margin:5px;
	border-radius:20px;
	padding:8px 15px;
	font-weight:500;
	border-width:2px;
	position:relative;
	overflow:hidden;
}
.index-container .filter-btn::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(135deg,rgba(255,255,255,0.2) 0%,transparent 100%);
	transform:translateX(-100%);
	transition:transform 0.4s ease;
}
.index-container .filter-btn:hover {
	transform:translateY(-2px);
	box-shadow:0 5px 10px rgba(0,0,0,0.1);
}
.index-container .filter-btn:hover::after {
	transform:translateX(0);
}
.index-container .filter-btn.active {
	background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
	color:white;
	border-color:transparent;
	box-shadow:0 4px 10px rgba(102,126,234,0.3);
}
/* Pagination Styling */
        .index-container .page-item.active .page-link {
	background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
	border-color:transparent;
	box-shadow:0 4px 8px rgba(102,126,234,0.3);
}
.index-container .page-link {
margin: 0px 50px 50px 50px !important;
    border-radius: 10px !important;
    width: 200px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #667eea;
    font-weight: 500;
    border: 2px solid #eee;
    transition: all 0.3s ease;
}
.index-container .page-link:hover {
	transform:translateY(-2px);
	box-shadow:0 5px 10px rgba(0,0,0,0.1);
	border-color:#667eea;
	background:transparent;
}
/* Section Headings */
        .index-container .section-heading {
	position:relative;
	display:inline-block;
	margin-bottom:25px;
}
.index-container .section-heading::after {
	content:'';
	position:absolute;
	bottom:-10px;
	left:0;
	width:50px;
	height:3px;
	background:linear-gradient(90deg,#667eea,#764ba2);
	border-radius:3px;
}
/* Responsive Adjustments */
        @media (max-width:767.98px) {
	.index-container .product-img-container {
}
.index-container .filter-btn {
	padding:6px 12px;
	font-size:0.8rem;
}
}/* Animations */
        .index-container .animate-on-scroll {
	opacity:0;
	transform:translateY(30px);
	transition:all 0.6s ease;
}
.index-container .animate-in {
	opacity:1;
	transform:translateY(0);
}
.index-container .delay-1 {
	transition-delay:0.1s;
}
.index-container .delay-2 {
	transition-delay:0.2s;
}
.index-container .delay-3 {
	transition-delay:0.3s;
}
.index-container .delay-4 {
	transition-delay:0.4s;
}
.index-container .delay-5 {
	transition-delay:0.5s;
}
.index-container .delay-6 {
	transition-delay:0.6s;
}