Sivakasi Enterprises – Hero Section Mobile Optimized

/* Hero Section Styles – Self Contained */
.se-hero-wrapper * {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.se-hero-wrapper {
/* Color System */
–se-elite-gold: #C9A961;
–se-royal-gold: #F4E4C1;
–se-deep-black: #0A0A0A;
–se-rich-black: #141414;
–se-pure-white: #FFFFFF;
–se-silver: #F5F5F5;
–se-crimson: #B22222;
–se-emerald: #00A86B;
–se-amber: #FFC000;

/* Gradients */
–se-luxury-gradient: linear-gradient(135deg, #C9A961 0%, #F4E4C1 50%, #C9A961 100%);
–se-success-gradient: linear-gradient(135deg, #00A86B 0%, #00C781 100%);
–se-danger-gradient: linear-gradient(135deg, #B22222 0%, #DC143C 100%);

font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif;
background: var(–se-deep-black);
color: var(–se-pure-white);
-webkit-font-smoothing: antialiased;
}

/* Hero Section */
.se-hero {
min-height: 100vh;
position: relative;
display: flex;
align-items: center;
padding: 80px 0;
background: radial-gradient(circle at top right, rgba(201, 169, 97, 0.1) 0%, transparent 50%),
radial-gradient(circle at bottom left, rgba(178, 34, 34, 0.05) 0%, transparent 50%),
#0A0A0A;
overflow: hidden;
}

/* Animated Background */
.se-hero-bg {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0;
}

.se-glow {
position: absolute;
width: 500px;
height: 500px;
border-radius: 50%;
filter: blur(100px);
opacity: 0.2;
}

.se-glow-1 {
background: var(–se-elite-gold);
top: -200px;
right: -200px;
animation: se-float-slow 20s ease-in-out infinite;
}

.se-glow-2 {
background: var(–se-crimson);
bottom: -200px;
left: -200px;
animation: se-float-slow 25s ease-in-out infinite reverse;
}

@keyframes se-float-slow {
0%, 100% { transform: translate(0, 0); }
50% { transform: translate(50px, -50px); }
}

/* Hero Container */
.se-hero-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 1;
}

.se-hero-content {
display: grid;
grid-template-columns: 1.3fr 1fr;
gap: 80px;
align-items: center;
}

/* Left Content */
.se-hero-left {
animation: se-slideInLeft 0.8s ease-out;
}

@keyframes se-slideInLeft {
from {
opacity: 0;
transform: translateX(-30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

/* Trust Badge */
.se-hero-badge {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(201, 169, 97, 0.1);
border: 1px solid rgba(201, 169, 97, 0.3);
padding: 8px 20px;
border-radius: 50px;
margin-bottom: 25px;
backdrop-filter: blur(10px);
}

.se-badge-content {
display: flex;
align-items: center;
gap: 8px;
color: var(–se-elite-gold);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}

.se-badge-icon {
font-size: 16px;
animation: se-pulse 2s infinite;
}

@keyframes se-pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.1); }
}

/* Hero Title */
.se-hero-title {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(3.5rem, 8vw, 5rem);
line-height: 0.9;
margin-bottom: 20px;
letter-spacing: 2px;
}

.se-title-line1 {
color: var(–se-pure-white);
}

.se-title-line2 {
background: var(–se-luxury-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

@media (max-width: 768px) {
.se-hero-title {
text-align: center;
}
}

.se-hero-subtitle {
font-size: clamp(1.1rem, 3vw, 1.4rem);
color: rgba(255, 255, 255, 0.7);
margin-bottom: 30px;
font-weight: 300;
line-height: 1.4;
}

/* Value Props */
.se-value-props {
display: flex;
gap: 30px;
margin-bottom: 40px;
}

.se-value-item {
display: flex;
align-items: center;
gap: 10px;
}

.se-value-icon {
width: 40px;
height: 40px;
background: rgba(201, 169, 97, 0.1);
border: 1px solid rgba(201, 169, 97, 0.3);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: var(–se-elite-gold);
font-size: 18px;
}

.se-value-text {
display: flex;
flex-direction: column;
}

.se-value-label {
font-size: 11px;
color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
letter-spacing: 1px;
}

.se-value-number {
font-size: 18px;
font-weight: 700;
color: var(–se-pure-white);
}

/* Hero CTAs */
.se-hero-actions {
display: flex;
gap: 15px;
align-items: stretch;
margin-bottom: 30px;
}

.se-btn-primary {
background: var(–se-success-gradient);
color: var(–se-pure-white);
text-decoration: none;
padding: 18px 35px;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: all 0.3s ease;
box-shadow: 0 10px 40px rgba(0, 168, 107, 0.3);
position: relative;
overflow: hidden;
cursor: pointer;
}

.se-btn-primary::before {
content: ”;
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
transform: translate(-50%, -50%);
transition: all 0.6s ease;
}

.se-btn-primary:hover::before {
width: 400px;
height: 400px;
}

.se-btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 15px 50px rgba(0, 168, 107, 0.5);
}

.se-btn-secondary {
background: var(–se-luxury-gradient);
color: var(–se-deep-black);
text-decoration: none;
padding: 18px 35px;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: all 0.3s ease;
cursor: pointer;
box-shadow: 0 10px 40px rgba(201, 169, 97, 0.3);
}

.se-btn-secondary:hover {
transform: translateY(-3px);
box-shadow: 0 15px 50px rgba(201, 169, 97, 0.5);
}

/* Order Options Info */
.se-order-info {
display: flex;
align-items: flex-start;
gap: 15px;
padding: 15px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(201, 169, 97, 0.2);
border-radius: 12px;
margin-bottom: 20px;
}

.se-info-icon {
font-size: 24px;
flex-shrink: 0;
}

.se-info-text {
font-size: 13px;
color: rgba(255, 255, 255, 0.8);
line-height: 1.5;
}

.se-info-text strong {
color: var(–se-elite-gold);
}

/* Payment Methods */
.se-payments {
display: flex;
align-items: center;
gap: 20px;
}

.se-payment-text {
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
letter-spacing: 1px;
}

.se-payment-icons {
display: flex;
gap: 10px;
}

.se-payment-icon {
width: 40px;
height: 25px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: rgba(255, 255, 255, 0.7);
font-weight: 600;
}

/* Right Content – Order Options Cards */
.se-hero-right {
animation: se-slideInRight 0.8s ease-out;
}

@keyframes se-slideInRight {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

.se-order-options {
display: flex;
flex-direction: column;
gap: 20px;
}

/* Order Option Card */
.se-option-card {
background: rgba(20, 20, 20, 0.8);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(201, 169, 97, 0.2);
border-radius: 20px;
padding: 30px;
text-decoration: none;
color: inherit;
transition: all 0.3s ease;
cursor: pointer;
position: relative;
overflow: hidden;
}

.se-option-card::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: var(–se-luxury-gradient);
transform: scaleX(0);
transition: transform 0.3s ease;
}

.se-option-card:hover {
transform: translateY(-5px);
border-color: var(–se-elite-gold);
box-shadow: 0 20px 40px rgba(201, 169, 97, 0.2);
}

.se-option-card:hover::before {
transform: scaleX(1);
}

.se-option-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}

.se-option-icon {
width: 50px;
height: 50px;
background: rgba(201, 169, 97, 0.1);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
}

.se-option-title-wrap {
flex: 1;
}

.se-option-label {
font-size: 11px;
color: var(–se-elite-gold);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 3px;
}

.se-option-title {
font-size: 20px;
font-weight: 700;
color: var(–se-pure-white);
}

.se-option-description {
font-size: 14px;
color: rgba(255, 255, 255, 0.7);
line-height: 1.5;
margin-bottom: 20px;
}

.se-option-features {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 20px;
}

.se-feature-tag {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 6px 12px;
background: rgba(0, 168, 107, 0.1);
border: 1px solid rgba(0, 168, 107, 0.3);
border-radius: 20px;
font-size: 12px;
color: var(–se-emerald);
}

.se-option-cta {
display: flex;
align-items: center;
justify-content: space-between;
}

.se-option-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 25px;
background: var(–se-luxury-gradient);
color: var(–se-deep-black);
border-radius: 25px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: all 0.3s ease;
}

.se-option-btn:hover {
transform: translateX(5px);
}

.se-price-range {
font-size: 13px;
color: rgba(255, 255, 255, 0.6);
}

/* Popular Badge */
.se-popular-badge {
position: absolute;
top: 20px;
right: 20px;
background: var(–se-danger-gradient);
color: white;
padding: 5px 12px;
border-radius: 20px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
animation: se-badge-pulse 2s infinite;
}

@keyframes se-badge-pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}

/* Contact Alternative */
.se-contact-note {
text-align: center;
margin-top: 25px;
padding: 20px;
background: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
}

.se-contact-text {
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 10px;
}

.se-whatsapp-link {
display: inline-flex;
align-items: center;
gap: 8px;
color: #25D366;
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition: all 0.3s ease;
}

.se-whatsapp-link:hover {
transform: translateY(-2px);
}

/* Enhanced Mobile Responsive Design */
@media (max-width: 1024px) {
.se-hero-content {
grid-template-columns: 1fr;
gap: 50px;
}

.se-order-options {
max-width: 600px;
margin: 0 auto;
}
}

@media (max-width: 768px) {
.se-hero {
padding: 40px 0 60px 0;
min-height: auto;
}

.se-hero-container {
padding: 0 16px;
}

/* Optimized mobile title */
.se-hero-title {
font-size: 2.8rem;
letter-spacing: 1px;
margin-bottom: 16px;
}

.se-hero-subtitle {
font-size: 1rem;
margin-bottom: 24px;
line-height: 1.5;
}

/* Badge optimization */
.se-hero-badge {
padding: 6px 14px;
margin-bottom: 20px;
}

.se-badge-content {
font-size: 11px;
gap: 6px;
}

/* Value props in row on mobile */
.se-value-props {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-bottom: 28px;
}

.se-value-item {
flex-direction: column;
text-align: center;
gap: 8px;
padding: 12px 8px;
background: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(201, 169, 97, 0.15);
border-radius: 12px;
}

.se-value-icon {
width: 36px;
height: 36px;
font-size: 16px;
}

.se-value-label {
font-size: 10px;
}

.se-value-number {
font-size: 16px;
}

/* Info box optimization */
.se-order-info {
padding: 12px;
gap: 12px;
margin-bottom: 24px;
}

.se-info-icon {
font-size: 20px;
}

.se-info-text {
font-size: 12px;
line-height: 1.6;
}

/* CTA buttons */
.se-hero-actions {
flex-direction: column;
gap: 12px;
margin-bottom: 24px;
}

.se-btn-primary,
.se-btn-secondary {
width: 100%;
padding: 16px 24px;
font-size: 15px;
border-radius: 25px;
}

/* Payment icons */
.se-payments {
justify-content: center;
gap: 12px;
margin-bottom: 40px;
}

.se-payment-text {
font-size: 11px;
}

/* Option cards */
.se-option-card {
padding: 20px;
}

.se-option-header {
gap: 12px;
}

.se-option-icon {
width: 44px;
height: 44px;
font-size: 20px;
}

.se-option-title {
font-size: 18px;
}

.se-option-description {
font-size: 13px;
margin-bottom: 16px;
}

.se-option-features {
gap: 8px;
margin-bottom: 16px;
}

.se-feature-tag {
padding: 5px 10px;
font-size: 11px;
}

.se-option-cta {
flex-direction: column;
gap: 10px;
align-items: stretch;
}

.se-option-btn {
width: 100%;
justify-content: center;
padding: 10px 20px;
}

.se-price-range {
text-align: center;
}

/* Popular badge */
.se-popular-badge {
top: 12px;
right: 12px;
font-size: 10px;
padding: 4px 10px;
}

/* Contact note */
.se-contact-note {
padding: 16px;
margin-top: 20px;
}
}

@media (max-width: 480px) {
.se-hero-title {
font-size: 2.4rem;
}

.se-hero-subtitle {
font-size: 0.95rem;
}

/* Extra small screen adjustments */
.se-value-props {
gap: 10px;
}

.se-value-item {
padding: 10px 6px;
}

.se-value-icon {
width: 32px;
height: 32px;
font-size: 14px;
}

.se-value-number {
font-size: 14px;
}
}

/* Touch-friendly mobile adjustments */
@media (hover: none) and (pointer: coarse) {
.se-btn-primary,
.se-btn-secondary,
.se-option-card {
-webkit-tap-highlight-color: transparent;
}

.se-btn-primary:active {
transform: scale(0.98);
}

.se-btn-secondary:active {
transform: scale(0.98);
}

.se-option-card:active {
transform: scale(0.99);
}
}

🎆
Diwali 2025 Sale Live – Upto 80% OFF

SIVAKASI ENTERPRISES
CRACKERS ONLINE

Order fireworks from sivakasi online. No calls needed,
Just browse, submit products to enquiry cart, make payment
and share screenshot. It’s that simple!Delivery to Chennai, Bangalore, Hyderabad, Mumbai & More.

🚚

Delivery
All India

💰

Savings
80% OFF

✅

Products
200+

💡

Simple Process! Browse our catalog, add items to enquiry cart,
make payment and share screenshot. Prepaid orders only for fastest processing.

🛒
Browse All Products

🎁
View Gift Boxes

Secure Payment

UPI

BANK

WHO WE ARE & WHY CHOOSE US

15 years of excellence in bringing joy to your celebrations with
authentic Sivakasi fireworks

Direct from Sivakasi – Standard Fireworks Online From Sivakasi Enterprises

Welcome to Sivakasi Enterprises, Standard fireworks retailer,
your trusted partner for authentic fireworks since 2010. As a
GST registered company based in the heart
of Sivakasi, we’ve been lighting up celebrations across India for over 15 years.

We’re not just another online seller – we’re
authorized distributors of elite brands like
Standard Fireworks, Ayyan Fireworks, Vanitha Fireworks, and Anandas Fireworks. We do not sell cheap non green certfied products.
This means you get genuine products at wholesale prices, directly from Sivakasi
with no middlemen involved.

Our Green Crackers from Standard Fireworks and 15 years
of experience ensure that every cracker that leaves our warehouse meets the highest
safety and quality standards. From small family celebrations to large corporate events,
we’ve delivered joy to over 20,000+ satisfied customers nationwide.

15+

Years in Business

20K+

Happy Customers

500+

Products

✅

100% Authentic

Direct from manufacturers. No duplicate or fake products ever.

🏭

Sivakasi Direct

Straight from Sivakasi with wholesale prices. Save up to 80% on MRP.

🚚

All India Delivery

Safe & insured shipping to all legally permitted locations.

🛡️

GST Registered

Legal business with proper GST bills for every purchase.

8 REASONS TO CHOOSE US

💰

Lowest Prices

Sivakasi direct rates with discounts up to 80% off MRP

📦

₹3000 Min Order

Low minimum order value suitable for families

⚡

24 Hour Dispatch

Quick processing and same-day dispatch available

🎁

Gift Box Options

Pre-made family packs from ₹3000 to ₹20000

🏢

Corporate Orders

Bulk orders with special pricing for companies

🔒

Secure Payment

Bank transfer, UPI, QR code – all safe options

📱

Easy Ordering

Simple online process – no calls needed

🌟

Premium Quality

ISO certified, green crackers from top brands

Authorized Distributors of Elite Brands

Standard Fireworks

Ayyan Fireworks

Vanitha Fireworks

Anandas Fireworks

Ready to Light Up Your Celebration?

Join 20,000+ happy customers who trust us for their celebrations

🛒
Start Shopping Now

🎁
View Gift Boxes

// Intersection Observer for animation on scroll
const observerOptions = {
threshold: 0.1,
rootMargin: ‘0px 0px -50px 0px’
};

const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.animationPlayState = ‘running’;
}
});
}, observerOptions);

// Observe all animated elements
document.querySelectorAll(‘.se-feature-card, .se-trust-card’).forEach(el => {
el.style.animationPlayState = ‘paused’;
observer.observe(el);
});

// Counter animation for stats
function animateCounter(element, target, duration = 2000, suffix = ‘+’) {
let start = 0;
const increment = target / (duration / 16);
const originalText = element.textContent;
const isThousands = originalText.includes(‘K’);

// Trigger counter animation when stats section comes into view
const statsObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting && !entry.target.dataset.animated) {
entry.target.dataset.animated = ‘true’;
const statNumbers = entry.target.querySelectorAll(‘.se-stat-number’);
statNumbers.forEach(stat => {
const text = stat.textContent;
if (text.includes(‘K’)) {
// For thousands (20K+ becomes 20)
const number = parseInt(text.replace(/[^0-9]/g, ”));
animateCounter(stat, number);
} else {
// For regular numbers (15+, 500+)
const number = parseInt(text.replace(/[^0-9]/g, ”));
animateCounter(stat, number);
}
});
}
});
}, { threshold: 0.5 });

const statsSection = document.querySelector(‘.se-experience-stats’);
if (statsSection) {
statsObserver.observe(statsSection);
}

Sivakasi Enterprises – Product Categories

/* Categories Section Styles – Self Contained */
.se-categories-wrapper * {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.se-categories-wrapper {
/* Color System */
–se-elite-gold: #C9A961;
–se-royal-gold: #F4E4C1;
–se-deep-black: #0A0A0A;
–se-rich-black: #141414;
–se-pure-white: #FFFFFF;
–se-silver: #F5F5F5;
–se-crimson: #B22222;
–se-emerald: #00A86B;
–se-amber: #FFC000;
–se-orange: #FF6B35;
–se-purple: #8B5CF6;
–se-blue: #3B82F6;

font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif;
background: var(–se-deep-black);
color: var(–se-pure-white);
-webkit-font-smoothing: antialiased;
}

/* Categories Section */
.se-categories {
padding: 100px 0;
position: relative;
overflow: hidden;
background: linear-gradient(180deg,
rgba(10, 10, 10, 1) 0%,
rgba(15, 15, 15, 1) 100%
);
}

/* Animated Background */
.se-categories::before {
content: ”;
position: absolute;
top: 50%;
left: 50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(201, 169, 97, 0.03) 0%, transparent 70%);
transform: translate(-50%, -50%) rotate(45deg);
animation: rotateGlow 30s linear infinite;
}

@keyframes rotateGlow {
from { transform: translate(-50%, -50%) rotate(0deg); }
to { transform: translate(-50%, -50%) rotate(360deg); }
}

.se-categories-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 1;
}

/* Section Header */
.se-cat-header {
text-align: center;
margin-bottom: 60px;
animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.se-cat-badge {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(201, 169, 97, 0.1);
border: 1px solid rgba(201, 169, 97, 0.3);
padding: 8px 20px;
border-radius: 50px;
margin-bottom: 20px;
}

.se-cat-badge-text {
color: var(–se-elite-gold);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
}

.se-cat-title {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(2.5rem, 5vw, 3.5rem);
color: var(–se-pure-white);
margin-bottom: 20px;
letter-spacing: 2px;
line-height: 1.1;
}

.se-cat-title span {
background: var(–se-luxury-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.se-cat-subtitle {
font-size: 1.1rem;
color: rgba(255, 255, 255, 0.6);
max-width: 600px;
margin: 0 auto;
line-height: 1.6;
}

/* Categories Grid */
.se-cat-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
margin-bottom: 50px;
}

/* Category Card */
.se-cat-card {
background: linear-gradient(135deg,
rgba(20, 20, 20, 0.9) 0%,
rgba(30, 30, 30, 0.7) 100%
);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 30px 20px;
text-align: center;
text-decoration: none;
color: inherit;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
cursor: pointer;
animation: fadeInUp 0.8s ease-out;
animation-fill-mode: both;
}

.se-cat-card:nth-child(1) { animation-delay: 0.1s; }
.se-cat-card:nth-child(2) { animation-delay: 0.15s; }
.se-cat-card:nth-child(3) { animation-delay: 0.2s; }
.se-cat-card:nth-child(4) { animation-delay: 0.25s; }
.se-cat-card:nth-child(5) { animation-delay: 0.3s; }
.se-cat-card:nth-child(6) { animation-delay: 0.35s; }
.se-cat-card:nth-child(7) { animation-delay: 0.4s; }
.se-cat-card:nth-child(8) { animation-delay: 0.45s; }
.se-cat-card:nth-child(9) { animation-delay: 0.5s; }
.se-cat-card:nth-child(10) { animation-delay: 0.55s; }
.se-cat-card:nth-child(13) { animation-delay: 0.7s; }
.se-cat-card:nth-child(14) { animation-delay: 0.75s; }
.se-cat-card:nth-child(15) { animation-delay: 0.8s; }

/* Gradient overlay on hover */
.se-cat-card::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg,
rgba(201, 169, 97, 0.2) 0%,
rgba(201, 169, 97, 0.1) 100%
);
opacity: 0;
transition: opacity 0.3s ease;
}

.se-cat-card:hover::before {
opacity: 1;
}

.se-cat-card:hover {
transform: translateY(-10px) scale(1.02);
border-color: var(–se-elite-gold);
box-shadow: 0 20px 40px rgba(201, 169, 97, 0.3);
}

/* Category Icon */
.se-cat-icon {
width: 80px;
height: 80px;
margin: 0 auto 20px;
background: rgba(255, 255, 255, 0.05);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 36px;
position: relative;
transition: all 0.3s ease;
}

/* Color coding for different categories */
.se-cat-card[data-category=”gift-box”] .se-cat-icon {
background: linear-gradient(135deg, rgba(201, 169, 97, 0.2), rgba(201, 169, 97, 0.1));
border: 2px solid rgba(201, 169, 97, 0.3);
}

.se-cat-card[data-category=”sparklers”] .se-cat-icon {
background: linear-gradient(135deg, rgba(255, 193, 0, 0.2), rgba(255, 193, 0, 0.1));
border: 2px solid rgba(255, 193, 0, 0.3);
}

.se-cat-card[data-category=”chakkar”] .se-cat-icon {
background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(139, 92, 246, 0.1));
border: 2px solid rgba(139, 92, 246, 0.3);
}

.se-cat-card[data-category=”flower-pots”] .se-cat-icon {
background: linear-gradient(135deg, rgba(0, 168, 107, 0.2), rgba(0, 168, 107, 0.1));
border: 2px solid rgba(0, 168, 107, 0.3);
}

.se-cat-card[data-category=”sky-shots”] .se-cat-icon {
background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.1));
border: 2px solid rgba(59, 130, 246, 0.3);
}

.se-cat-card[data-category=”sound”] .se-cat-icon {
background: linear-gradient(135deg, rgba(178, 34, 34, 0.2), rgba(178, 34, 34, 0.1));
border: 2px solid rgba(178, 34, 34, 0.3);
}

.se-cat-card[data-category=”sound-crackers”] .se-cat-icon {
background: linear-gradient(135deg, rgba(220, 38, 38, 0.2), rgba(220, 38, 38, 0.1));
border: 2px solid rgba(220, 38, 38, 0.3);
}

.se-cat-card[data-category=”fancy”] .se-cat-icon {
background: linear-gradient(135deg, rgba(255, 107, 53, 0.2), rgba(255, 107, 53, 0.1));
border: 2px solid rgba(255, 107, 53, 0.3);
}

.se-cat-card[data-category=”kids”] .se-cat-icon {
background: linear-gradient(135deg, rgba(236, 72, 153, 0.2), rgba(236, 72, 153, 0.1));
border: 2px solid rgba(236, 72, 153, 0.3);
}

.se-cat-card[data-category=”festival”] .se-cat-icon {
background: linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(168, 85, 247, 0.1));
border: 2px solid rgba(168, 85, 247, 0.3);
}

.se-cat-card[data-category=”bijili”] .se-cat-icon {
background: linear-gradient(135deg, rgba(250, 204, 21, 0.2), rgba(250, 204, 21, 0.1));
border: 2px solid rgba(250, 204, 21, 0.3);
}

.se-cat-card[data-category=”rockets”] .se-cat-icon {
background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(239, 68, 68, 0.1));
border: 2px solid rgba(239, 68, 68, 0.3);
}

.se-cat-card[data-category=”twinkle”] .se-cat-icon {
background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(251, 191, 36, 0.1));
border: 2px solid rgba(251, 191, 36, 0.3);
}

.se-cat-card[data-category=”garlands”] .se-cat-icon {
background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(34, 197, 94, 0.1));
border: 2px solid rgba(34, 197, 94, 0.3);
}

.se-cat-card[data-category=”multi-color”] .se-cat-icon {
background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(99, 102, 241, 0.1));
border: 2px solid rgba(99, 102, 241, 0.3);
}

.se-cat-card:hover .se-cat-icon {
transform: rotate(10deg) scale(1.1);
}

/* Category Name */
.se-cat-name {
font-size: 1.2rem;
font-weight: 700;
color: var(–se-pure-white);
margin-bottom: 10px;
transition: color 0.3s ease;
}

.se-cat-card:hover .se-cat-name {
color: var(–se-elite-gold);
}

/* Category Description */
.se-cat-desc {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.6);
line-height: 1.4;
margin-bottom: 15px;
}

/* Product Count */
.se-cat-count {
display: inline-block;
padding: 5px 12px;
background: rgba(201, 169, 97, 0.1);
border: 1px solid rgba(201, 169, 97, 0.2);
border-radius: 20px;
font-size: 0.8rem;
color: var(–se-elite-gold);
font-weight: 600;
}

/* Popular Badge */
.se-cat-popular {
position: absolute;
top: 15px;
right: 15px;
background: var(–se-danger-gradient);
color: white;
padding: 5px 12px;
border-radius: 20px;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
animation: pulse 2s infinite;
}

@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}

/* Special Offers Banner */
.se-cat-banner {
margin-top: 60px;
background: linear-gradient(135deg,
rgba(201, 169, 97, 0.1) 0%,
rgba(201, 169, 97, 0.05) 100%
);
border: 1px solid rgba(201, 169, 97, 0.3);
border-radius: 25px;
padding: 40px;
text-align: center;
position: relative;
overflow: hidden;
}

.se-cat-banner::before {
content: ”;
position: absolute;
top: -50%;
right: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(201, 169, 97, 0.1) 0%, transparent 70%);
animation: rotateGlow 20s linear infinite reverse;
}

.se-banner-content {
position: relative;
z-index: 1;
}

.se-banner-title {
font-size: 2rem;
font-weight: 700;
color: var(–se-pure-white);
margin-bottom: 15px;
}

.se-banner-text {
font-size: 1.1rem;
color: rgba(255, 255, 255, 0.8);
margin-bottom: 25px;
}

.se-banner-cta {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(–se-luxury-gradient);
color: var(–se-deep-black);
text-decoration: none;
padding: 15px 35px;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(201, 169, 97, 0.3);
}

.se-banner-cta:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(201, 169, 97, 0.4);
}

/* Mobile Responsive */
@media (max-width: 1200px) {
.se-cat-grid {
grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 992px) {
.se-cat-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}

@media (max-width: 768px) {
.se-categories {
padding: 60px 0;
}

.se-cat-header {
margin-bottom: 40px;
}

.se-cat-title {
font-size: 2rem;
}

.se-cat-subtitle {
font-size: 1rem;
}

.se-cat-grid {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}

.se-cat-card {
padding: 25px 15px;
}

.se-cat-icon {
width: 60px;
height: 60px;
font-size: 28px;
}

.se-cat-name {
font-size: 1rem;
}

.se-cat-desc {
font-size: 0.85rem;
}

.se-cat-banner {
padding: 30px 20px;
}

.se-banner-title {
font-size: 1.5rem;
}

.se-banner-text {
font-size: 1rem;
}
}

@media (max-width: 480px) {
.se-cat-grid {
grid-template-columns: 1fr;
gap: 15px;
}

.se-cat-card {
padding: 30px 20px;
}

.se-cat-icon {
width: 70px;
height: 70px;
font-size: 32px;
}
}

/* Touch-friendly adjustments */
@media (hover: none) and (pointer: coarse) {
.se-cat-card {
-webkit-tap-highlight-color: transparent;
}

.se-cat-card:active {
transform: scale(0.98);
}
}

🎆 Shop by Category

EXPLORE OUR PRODUCT RANGE

From traditional favorites to modern innovations – find the perfect
fireworks for your celebration

Popular

🎁

Gift Boxes

Complete family packs ready to celebrate

25+ Options

Trending

🌃

Night Sky Shots

Spectacular aerial displays

100+ Products

💣

Atom Bombs

Powerful sound crackers

30+ Products

Special

🎉

Festival Collection

Special items for festivities

50+ Products

✨

Sparklers

Electric, color & traditional sparklers

30+ Products

💫

Chakkar

Ground spinners & wheels

40+ Products

🌸

Flower Pots

Colorful fountains & flower pots

50+ Products

💥

Sound Crackers

Walas, kuruvi & loud crackers

60+ Products

🎨

Fancy Fireworks

Novelties & special effects

80+ Products

🎈

Kids Special

Safe & fun for children

35+ Products

⚡

Bijili & Magic

Strip crackers & magic pops

20+ Products

🚀

Rockets

Traditional & fancy rockets

45+ Products

⭐

Twinkling Stars

Delights & pencils

25+ Products

🎊

Garlands

1000 wala to 10000 wala

15+ Products

🌈

Multi Color Shots

7 shots to 120 shots

40+ Products

// Add intersection observer for animation on scroll
const categoryObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.animationPlayState = ‘running’;
}
});
}, {
threshold: 0.1,
rootMargin: ‘0px 0px -50px 0px’
});

// Observe all category cards
document.querySelectorAll(‘.se-cat-card’).forEach(card => {
card.style.animationPlayState = ‘paused’;
categoryObserver.observe(card);
});

// Add ripple effect on click
document.querySelectorAll(‘.se-cat-card’).forEach(card => {
card.addEventListener(‘click’, function(e) {
const ripple = document.createElement(‘span’);
ripple.classList.add(‘ripple’);
this.appendChild(ripple);

const x = e.clientX – e.target.offsetLeft;
const y = e.clientY – e.target.offsetTop;

ripple.style.left = `${x}px`;
ripple.style.top = `${y}px`;

setTimeout(() => {
ripple.remove();
}, 600);
});
});

// Parallax effect on mouse move (desktop only)
if (window.innerWidth > 768) {
document.querySelector(‘.se-categories’).addEventListener(‘mousemove’, (e) => {
const cards = document.querySelectorAll(‘.se-cat-icon’);
const x = e.clientX / window.innerWidth;
const y = e.clientY / window.innerHeight;

cards.forEach(card => {
const speed = card.getAttribute(‘data-speed’) || 5;
const xMove = (x – 0.5) * speed;
const yMove = (y – 0.5) * speed;

card.style.transform = `translate(${xMove}px, ${yMove}px)`;
});
});
}

Sivakasi Enterprises – How to Order

/* How to Order Section Styles – Unique Class Names to Avoid Conflicts */
.hto-section-wrapper * {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.hto-section-wrapper {
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif;
background: #0A0A0A;
color: #FFFFFF;
-webkit-font-smoothing: antialiased;
}

/* Order Process Section */
.hto-order-process {
padding: 80px 0 100px 0;
position: relative;
overflow: hidden;
background: linear-gradient(135deg,
rgba(10, 10, 10, 1) 0%,
rgba(20, 20, 20, 1) 50%,
rgba(10, 10, 10, 1) 100%
);
}

/* Background Pattern */
.hto-order-process::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
radial-gradient(circle at 10% 20%, rgba(0, 168, 107, 0.05) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(201, 169, 97, 0.05) 0%, transparent 50%);
pointer-events: none;
}

.hto-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 1;
}

/* Section Header */
.hto-header {
text-align: center;
margin-bottom: 60px;
animation: htoFadeInUp 0.8s ease-out;
}

@keyframes htoFadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.hto-badge {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(0, 168, 107, 0.1);
border: 1px solid rgba(0, 168, 107, 0.3);
padding: 8px 20px;
border-radius: 50px;
margin-bottom: 20px;
}

.hto-badge-text {
color: #00A86B;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
}

.hto-title {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(2.5rem, 5vw, 3.5rem);
color: #FFFFFF;
margin-bottom: 20px;
letter-spacing: 2px;
line-height: 1.1;
}

.hto-title span {
background: linear-gradient(135deg, #00A86B 0%, #00C781 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.hto-subtitle {
font-size: 1.1rem;
color: rgba(255, 255, 255, 0.6);
max-width: 700px;
margin: 0 auto;
line-height: 1.6;
}

/* Steps Container */
.hto-steps-container {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 30px;
margin-bottom: 60px;
position: relative;
}

/* Progress Line */
.hto-progress-line {
position: absolute;
top: 60px;
left: 10%;
right: 10%;
height: 2px;
background: rgba(201, 169, 97, 0.2);
z-index: 0;
}

.hto-progress-line::before {
content: ”;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0;
background: linear-gradient(135deg, #C9A961 0%, #F4E4C1 50%, #C9A961 100%);
animation: htoProgressFill 3s ease-out 1s forwards;
}

@keyframes htoProgressFill {
to { width: 100%; }
}

/* Step Card */
.hto-step-card {
text-align: center;
position: relative;
z-index: 1;
animation: htoFadeInUp 0.8s ease-out;
animation-fill-mode: both;
}

.hto-step-card:nth-child(1) { animation-delay: 0.2s; }
.hto-step-card:nth-child(2) { animation-delay: 0.4s; }
.hto-step-card:nth-child(3) { animation-delay: 0.6s; }
.hto-step-card:nth-child(4) { animation-delay: 0.8s; }
.hto-step-card:nth-child(5) { animation-delay: 1s; }

/* Step Number */
.hto-step-number {
width: 120px;
height: 120px;
background: linear-gradient(135deg,
rgba(20, 20, 20, 0.9) 0%,
rgba(30, 30, 30, 0.9) 100%
);
border: 3px solid rgba(201, 169, 97, 0.3);
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto 25px;
position: relative;
transition: all 0.3s ease;
padding: 10px;
}

.hto-step-card:hover .hto-step-number {
transform: scale(1.1);
border-color: #C9A961;
box-shadow: 0 15px 35px rgba(201, 169, 97, 0.3);
}

.hto-step-label {
font-size: 11px;
color: #C9A961;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 2px;
opacity: 0.8;
}

.hto-step-num {
font-size: 28px;
font-weight: 800;
background: linear-gradient(135deg, #C9A961 0%, #F4E4C1 50%, #C9A961 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
line-height: 1;
margin-bottom: 5px;
}

/* Step Icon */
.hto-step-icon {
font-size: 24px;
margin-top: 5px;
}

/* Step Title */
.hto-step-title {
font-size: 1.1rem;
font-weight: 700;
color: #FFFFFF;
margin-bottom: 10px;
}

/* Step Description */
.hto-step-desc {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.6);
line-height: 1.4;
max-width: 200px;
margin: 0 auto;
}

/* Payment Methods */
.hto-payment-section {
margin-top: 60px;
padding: 50px;
background: linear-gradient(135deg,
rgba(201, 169, 97, 0.03) 0%,
rgba(201, 169, 97, 0.01) 100%
);
border: 1px solid rgba(201, 169, 97, 0.15);
border-radius: 25px;
}

.hto-payment-header {
text-align: center;
margin-bottom: 50px;
}

.hto-payment-title {
font-size: 2rem;
font-weight: 700;
color: #FFFFFF;
margin-bottom: 15px;
}

.hto-payment-subtitle {
font-size: 1rem;
color: rgba(255, 255, 255, 0.7);
}

/* Payment Grid */
.hto-payment-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
max-width: 1200px;
margin: 0 auto;
}

.hto-payment-card {
background: rgba(20, 20, 20, 0.6);
border: 1px solid rgba(201, 169, 97, 0.2);
border-radius: 20px;
padding: 30px;
text-align: center;
transition: all 0.3s ease;
}

.hto-payment-card:hover {
transform: translateY(-5px);
border-color: #C9A961;
box-shadow: 0 15px 35px rgba(201, 169, 97, 0.2);
}

.hto-payment-icon {
width: 60px;
height: 60px;
background: rgba(201, 169, 97, 0.1);
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
margin: 0 auto 20px;
}

.hto-payment-name {
font-size: 1.2rem;
font-weight: 600;
color: #FFFFFF;
margin-bottom: 20px;
}

/* Payment Details with Copy */
.hto-payment-details {
text-align: left;
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.8);
line-height: 1.8;
}

.hto-payment-details p {
margin-bottom: 8px;
padding: 5px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.hto-payment-details p:last-child {
border-bottom: none;
}

.hto-payment-details strong {
color: #C9A961;
display: inline-block;
min-width: 100px;
font-weight: 600;
}

/* Copy Text Styling */
.hto-copy-text {
cursor: pointer;
transition: all 0.3s ease;
position: relative;
padding: 2px 4px;
border-radius: 4px;
}

.hto-copy-text:hover {
background: rgba(201, 169, 97, 0.1);
color: #C9A961;
}

.hto-copy-text::after {
content: ‘📋’;
position: absolute;
right: -25px;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
opacity: 0;
transition: opacity 0.3s ease;
}

.hto-copy-text:hover::after {
opacity: 0.5;
}

/* Copy All Button */
.hto-copy-all-btn {
width: 100%;
margin-top: 15px;
padding: 10px;
background: rgba(201, 169, 97, 0.1);
border: 1px solid rgba(201, 169, 97, 0.3);
border-radius: 10px;
color: #C9A961;
font-size: 0.9rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}

.hto-copy-all-btn:hover {
background: rgba(201, 169, 97, 0.2);
transform: translateY(-2px);
}

/* UPI ID Container */
.hto-upi-id-container {
position: relative;
}

/* UPI ID Styling */
.hto-upi-id {
background: rgba(201, 169, 97, 0.1);
border: 1px solid rgba(201, 169, 97, 0.3);
padding: 15px;
border-radius: 10px;
font-size: 1.1rem;
font-weight: 600;
color: #C9A961;
margin-bottom: 15px;
word-break: break-all;
text-align: center;
}

/* Copy Button */
.hto-copy-btn {
width: 100%;
padding: 10px;
background: rgba(201, 169, 97, 0.1);
border: 1px solid rgba(201, 169, 97, 0.3);
border-radius: 10px;
color: #C9A961;
font-size: 0.9rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
margin-bottom: 15px;
}

.hto-copy-btn:hover {
background: rgba(201, 169, 97, 0.2);
transform: translateY(-2px);
}

.hto-payment-note {
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.6);
margin-top: 10px;
text-align: center;
}

/* QR Code Placeholder */
.hto-qr-placeholder {
text-align: center;
}

.hto-qr-text {
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 20px;
}

.hto-qr-image {
display: flex;
justify-content: center;
align-items: center;
}

.hto-qr-img {
width: 180px;
height: 180px;
border-radius: 15px;
border: 2px solid rgba(201, 169, 97, 0.2);
padding: 10px;
background: rgba(255, 255, 255, 0.05);
}

/* Copy Toast Notification */
.hto-copy-toast {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
background: #00A86B;
color: white;
padding: 12px 24px;
border-radius: 25px;
font-size: 14px;
font-weight: 600;
z-index: 10000;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}

.hto-copy-toast.show {
opacity: 1;
visibility: visible;
animation: htoSlideUp 0.3s ease;
}

@keyframes htoSlideUp {
from {
transform: translate(-50%, 20px);
}
to {
transform: translate(-50%, 0);
}
}

/* Payment Notice */
.hto-payment-notice {
margin-top: 40px;
padding: 20px 25px;
background: rgba(201, 169, 97, 0.05);
border-left: 4px solid #C9A961;
border-radius: 8px;
text-align: left;
}

.hto-payment-notice p {
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.8);
line-height: 1.5;
margin: 0;
}

.hto-payment-notice strong {
color: #C9A961;
font-weight: 600;
margin-right: 5px;
}

/* WhatsApp CTA */
.hto-whatsapp-cta {
text-align: center;
margin-top: 50px;
padding: 35px;
background: linear-gradient(135deg,
rgba(37, 211, 102, 0.08) 0%,
rgba(37, 211, 102, 0.03) 100%
);
border: 1px solid rgba(37, 211, 102, 0.25);
border-radius: 20px;
}

.hto-whatsapp-title {
font-size: 1.8rem;
font-weight: 700;
color: #FFFFFF;
margin-bottom: 15px;
}

.hto-whatsapp-text {
font-size: 1.1rem;
color: rgba(255, 255, 255, 0.8);
margin-bottom: 30px;
}

.hto-whatsapp-btn {
display: inline-flex;
align-items: center;
gap: 12px;
background: #25D366;
color: white;
text-decoration: none;
padding: 18px 40px;
border-radius: 30px;
font-size: 18px;
font-weight: 700;
transition: all 0.3s ease;
box-shadow: 0 10px 30px rgba(37, 211, 102, 0.3);
max-width: 400px;
margin: 0 auto;
}

.hto-whatsapp-btn:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(37, 211, 102, 0.5);
}

.hto-whatsapp-number {
display: block;
font-size: 1.5rem;
font-weight: 800;
color: #25D366;
margin-top: 20px;
}

/* Mobile Responsive */
@media (max-width: 1200px) {
.hto-steps-container {
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}

.hto-step-number {
width: 100px;
height: 100px;
}
}

@media (max-width: 992px) {
.hto-payment-grid {
grid-template-columns: 1fr;
max-width: 500px;
}

.hto-payment-card {
max-width: 100%;
}

.hto-payment-details {
font-size: 0.9rem;
}
}

@media (max-width: 768px) {
.hto-order-process {
padding: 40px 0 60px 0;
}

.hto-header {
margin-bottom: 40px;
}

.hto-title {
font-size: 2rem;
}

.hto-steps-container {
grid-template-columns: 1fr;
gap: 40px;
}

.hto-progress-line {
display: none;
}

.hto-step-number {
width: 90px;
height: 90px;
}

.hto-step-label {
font-size: 10px;
}

.hto-step-num {
font-size: 22px;
}

.hto-step-icon {
font-size: 20px;
}

.hto-step-desc {
max-width: 100%;
}

.hto-payment-section {
padding: 30px 20px;
}

.hto-payment-title {
font-size: 1.5rem;
}

.hto-payment-card {
padding: 20px;
}

.hto-payment-details {
font-size: 0.85rem;
}

.hto-payment-details strong {
min-width: 80px;
font-size: 0.85rem;
}

.hto-upi-id {
font-size: 0.95rem;
padding: 12px;
}

.hto-qr-img {
width: 150px;
height: 150px;
}

.hto-copy-all-btn,
.hto-copy-btn {
font-size: 0.85rem;
padding: 8px;
}

.hto-payment-notice {
padding: 15px;
}

.hto-payment-notice p {
font-size: 0.9rem;
}

.hto-whatsapp-cta {
padding: 30px 20px;
}

.hto-whatsapp-title {
font-size: 1.4rem;
}

.hto-whatsapp-btn {
padding: 15px 30px;
font-size: 16px;
}

.hto-whatsapp-number {
font-size: 1.2rem;
}
}

@media (max-width: 480px) {
.hto-step-number {
width: 80px;
height: 80px;
}

.hto-step-label {
font-size: 9px;
}

.hto-step-num {
font-size: 18px;
}

.hto-step-icon {
font-size: 18px;
margin-top: 3px;
}

.hto-step-title {
font-size: 1rem;
}

.hto-step-desc {
font-size: 0.85rem;
}
}

📱 Simple & Easy Process

HOW TO ORDER ONLINE

Just 5 simple steps to get your crackers delivered.
Browse, add to cart, submit enquiry, pay offline, and share screenshot.

Step
01
🛒

Browse Products

Choose from 500+ products or select ready-made gift boxes

Step
02
➕

Add to Cart

Add items to enquiry cart (Min order ₹3000)

Step
03
📝

Submit Enquiry

Fill your details and submit the enquiry form

Step
04
💳

Make Payment

Pay via Bank Transfer, UPI or QR Code

Step
05
📸

Share Screenshot

WhatsApp payment screenshot to +91 7904567729

Payment Details

All payments are 100% safe and go directly to our verified business account

🏦

Bank Transfer

Name: Sivakasi Enterprises

Account No: 42366039086

Branch: Sivakasi Town

IFSC: SBIN0009664

Type: Current Account

📱

UPI Payment

sivakasienterprises@sbi

Pay using GPay, PhonePe, Paytm or any UPI app

📷

QR Code

Scan QR for instant payment

Important: Due to Supreme Court guidelines, online payment through website is not available. Please use the above payment methods and share screenshot on WhatsApp.

Send Payment Screenshot

After making payment, share the screenshot with your order details on WhatsApp

💬
Send Screenshot on WhatsApp

📞 +91 7904567729

Copied to clipboard!

// Copy functionality with unique function names
function htoShowToast(message) {
const toast = document.getElementById(‘htoCopyToast’);
if (toast) {
toast.textContent = message || ‘Copied to clipboard!’;
toast.classList.add(‘show’);
setTimeout(() => {
toast.classList.remove(‘show’);
}, 2000);
}
}

// Copy UPI ID
function htoCopyUPI() {
const upiId = document.getElementById(‘htoUpiId’);
if (upiId) {
navigator.clipboard.writeText(upiId.textContent).then(() => {
htoShowToast(‘UPI ID copied!’);
}).catch(() => {
// Fallback for older browsers
const textArea = document.createElement(“textarea”);
textArea.value = upiId.textContent;
document.body.appendChild(textArea);
textArea.select();
document.execCommand(‘copy’);
document.body.removeChild(textArea);
htoShowToast(‘UPI ID copied!’);
});
}
}

// Copy all bank details
function htoCopyBankDetails() {
const bankDetails = `Bank: State Bank of India
Name: Sivakasi Enterprises
Account No: 42366039086
Branch: Sivakasi Town
IFSC: SBIN0009664
Type: Current Account`;

navigator.clipboard.writeText(bankDetails).then(() => {
htoShowToast(‘Bank details copied!’);
}).catch(() => {
// Fallback for older browsers
const textArea = document.createElement(“textarea”);
textArea.value = bankDetails;
document.body.appendChild(textArea);
textArea.select();
document.execCommand(‘copy’);
document.body.removeChild(textArea);
htoShowToast(‘Bank details copied!’);
});
}

// Individual copy for bank details
document.addEventListener(‘DOMContentLoaded’, function() {
// Add click handlers to copy text elements
document.querySelectorAll(‘.hto-copy-text’).forEach(element => {
element.addEventListener(‘click’, function() {
const textToCopy = this.getAttribute(‘data-copy’);
navigator.clipboard.writeText(textToCopy).then(() => {
htoShowToast(`${textToCopy} copied!`);
}).catch(() => {
// Fallback
const textArea = document.createElement(“textarea”);
textArea.value = textToCopy;
document.body.appendChild(textArea);
textArea.select();
document.execCommand(‘copy’);
document.body.removeChild(textArea);
htoShowToast(`${textToCopy} copied!`);
});
});
});
});

// Intersection Observer for animations
const htoObserverOptions = {
threshold: 0.1,
rootMargin: ‘0px 0px -50px 0px’
};

const htoObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.animationPlayState = ‘running’;
}
});
}, htoObserverOptions);

// Observe all animated elements
document.querySelectorAll(‘.hto-step-card, .hto-payment-card’).forEach(el => {
el.style.animationPlayState = ‘paused’;
htoObserver.observe(el);
});

// Animate number counting
function htoAnimateValue(element, start, end, duration) {
const range = end – start;
const increment = range / (duration / 16);
let current = start;

// Trigger number animation when in view
const htoNumberObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting && !entry.target.dataset.animated) {
entry.target.dataset.animated = ‘true’;
const num = parseInt(entry.target.textContent);
htoAnimateValue(entry.target, 0, num, 1000);
}
});
}, { threshold: 0.5 });

document.querySelectorAll(‘.hto-step-num’).forEach(num => {
htoNumberObserver.observe(num);
});

Diwali Sales Live – Sivakasi Enterprises

/* Diwali Sales Live Section – Unique Classes */
.dsl-section-wrapper * { margin: 0; padding: 0; box-sizing: border-box; }
.dsl-section-wrapper {
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif;
background: #0A0A0A; color: #FFFFFF; -webkit-font-smoothing: antialiased;
}
.dsl-sales-section {
padding: 80px 0; position: relative; overflow: hidden;
background: linear-gradient(135deg,
rgba(178,34,34,.05) 0%,
rgba(10,10,10,1) 25%,
rgba(201,169,97,.05) 50%,
rgba(10,10,10,1) 75%,
rgba(255,140,0,.05) 100%);
}
.dsl-festive-bg { position:absolute; inset:0; pointer-events:none; opacity:.3; }
.dsl-diya{ position:absolute; font-size:20px; animation:dslFloat 15s infinite ease-in-out; }
.dsl-diya:nth-child(1){ left:10%; top:10%; animation-delay:0s;}
.dsl-diya:nth-child(2){ left:30%; top:60%; animation-delay:3s;}
.dsl-diya:nth-child(3){ left:50%; top:30%; animation-delay:6s;}
.dsl-diya:nth-child(4){ left:70%; top:70%; animation-delay:9s;}
.dsl-diya:nth-child(5){ left:90%; top:20%; animation-delay:12s;}
@keyframes dslFloat{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(10px) rotate(-5deg)}75%{transform:translateY(-10px) rotate(3deg)}}
.dsl-container{ max-width:1400px; margin:0 auto; padding:0 20px; position:relative; z-index:1; }

.dsl-header{ text-align:center; margin-bottom:60px; animation:dslFadeInDown .8s ease-out; }
@keyframes dslFadeInDown{from{opacity:0; transform:translateY(-30px)}to{opacity:1; transform:translateY(0)}}

.dsl-live-badge{ display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,#F00 0%,#F44 100%); padding:8px 20px; border-radius:50px; margin-bottom:20px; animation:dslPulse 2s infinite;}
@keyframes dslPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.dsl-live-dot{ width:8px; height:8px; background:#fff; border-radius:50%; animation:dslBlink 1.5s infinite;}
@keyframes dslBlink{0%,100%{opacity:1}50%{opacity:.3}}
.dsl-live-text{ color:#fff; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px;}

.dsl-title{
font-family:’Bebas Neue’,sans-serif; font-size:clamp(3rem,6vw,4.5rem); line-height:1; margin-bottom:20px;
background:linear-gradient(135deg,#FFD700 0%,#FFA500 50%,#FF6347 100%);
-webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
letter-spacing:3px; text-shadow:0 0 50px rgba(255,215,0,.3);
}
.dsl-subtitle{ font-size:1.3rem; color:rgba(255,255,255,.9); margin-bottom:10px; font-weight:600; }
.dsl-offer-text{ display:inline-block; background:linear-gradient(135deg,#00A86B 0%,#00C781 100%); color:#fff; padding:10px 30px; border-radius:30px; font-size:1.2rem; font-weight:700; margin-bottom:30px; box-shadow:0 10px 30px rgba(0,168,107,.3); }

.dsl-timer-section{ background:rgba(255,255,255,.03); border:1px solid rgba(255,215,0,.2); border-radius:20px; padding:30px; margin-bottom:50px; backdrop-filter:blur(10px); }
.dsl-timer-title{ text-align:center; font-size:1.2rem; color:#FFD700; margin-bottom:20px; font-weight:600; text-transform:uppercase; letter-spacing:2px;}
.dsl-countdown{ display:flex; justify-content:center; gap:20px; flex-wrap:wrap;}
.dsl-time-block{ background:linear-gradient(135deg,rgba(255,215,0,.1) 0%,rgba(255,140,0,.1) 100%); border:2px solid rgba(255,215,0,.3); border-radius:15px; padding:20px; min-width:100px; text-align:center; transition:.3s;}
.dsl-time-block:hover{ transform:translateY(-5px); border-color:#FFD700; box-shadow:0 10px 30px rgba(255,215,0,.2);}
.dsl-time-number{ font-size:2.5rem; font-weight:800; color:#FFD700; line-height:1; margin-bottom:5px;}
.dsl-time-label{ font-size:.9rem; color:rgba(255,255,255,.7); text-transform:uppercase; letter-spacing:1px;}

.dsl-deadlines-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:25px; margin-bottom:50px;}
.dsl-deadline-card{
background:linear-gradient(135deg,rgba(20,20,20,.9) 0%,rgba(30,30,30,.9) 100%);
border:2px solid transparent; border-radius:20px; padding:25px; position:relative; overflow:hidden; transition:.3s;
animation:dslFadeInUp .8s ease-out; animation-fill-mode:both;
}
.dsl-deadline-card:nth-child(1){ animation-delay:.1s; border-color:rgba(255,140,0,.3);}
.dsl-deadline-card:nth-child(2){ animation-delay:.2s; border-color:rgba(0,168,107,.3);}
.dsl-deadline-card:nth-child(3){ animation-delay:.3s; border-color:rgba(201,169,97,.3);}
.dsl-deadline-card:nth-child(4){ animation-delay:.4s; border-color:rgba(178,34,34,.3);}
.dsl-deadline-card:nth-child(5){ animation-delay:.5s; border-color:rgba(59,130,246,.3);}
.dsl-deadline-card:nth-child(6){ animation-delay:.6s; border-color:rgba(255,99,71,.3);}
.dsl-deadline-card:nth-child(7){ animation-delay:.7s; border-color:rgba(147,51,234,.3);}
.dsl-deadline-card:nth-child(8){ animation-delay:.8s; border-color:rgba(236,72,153,.3);}
@keyframes dslFadeInUp{from{opacity:0; transform:translateY(30px)}to{opacity:1; transform:translateY(0)}}
.dsl-deadline-card:hover{ transform:translateY(-5px); box-shadow:0 15px 40px rgba(255,215,0,.15);}
.dsl-deadline-card::before{ content:”; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#FFD700,#FFA500,#FF6347); transform:scaleX(0); transition:.3s;}
.dsl-deadline-card:hover::before{ transform:scaleX(1); }

.dsl-location-header{ display:flex; align-items:center; gap:15px; margin-bottom:20px;}
.dsl-location-icon{ width:50px; height:50px; background:rgba(255,215,0,.1); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:24px;}
.dsl-location-info{ flex:1;}
.dsl-location-name{ font-size:1.3rem; font-weight:700; color:#fff; margin-bottom:3px;}
.dsl-delivery-time{ font-size:.9rem; color:rgba(255,255,255,.6); }

.dsl-deadline-details{ background:rgba(255,215,0,.05); border-radius:12px; padding:15px; margin-bottom:15px;}
.dsl-last-date{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
.dsl-date-label{ font-size:.85rem; color:rgba(255,255,255,.7); text-transform:uppercase; letter-spacing:1px;}
.dsl-date-value{ font-size:1.1rem; font-weight:700; color:#FFD700; }

.dsl-days-left{ text-align:center; padding:8px; background:rgba(255,0,0,.1); border:1px solid rgba(255,0,0,.3); border-radius:8px; color:#FF6B6B; font-size:.9rem; font-weight:600;}
.dsl-days-left.urgent{ background:rgba(255,0,0,.2); border-color:rgba(255,0,0,.5); animation:dslUrgentPulse 1.5s infinite;}
@keyframes dslUrgentPulse{0%,100%{opacity:1}50%{opacity:.7}}

.dsl-status-badge{ display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:20px; font-size:.85rem; font-weight:600; margin-top:10px;}
.dsl-status-open { background:rgba(0,168,107,.1); border:1px solid rgba(0,168,107,.3); color:#00C781;}
.dsl-status-closing{ background:rgba(255,140,0,.1); border:1px solid rgba(255,140,0,.3); color:#FFA500;}

.dsl-free-delivery-tag{ margin-top:12px; padding:8px 12px; background:linear-gradient(135deg,rgba(0,168,107,.1) 0%,rgba(0,200,120,.05) 100%); border:1px solid rgba(0,168,107,.2); border-radius:10px; text-align:center;}
.dsl-free-delivery-tag span{ font-size:.85rem; color:#00C781; font-weight:600;}
.dsl-free-delivery-tag.northern{ background:linear-gradient(135deg,rgba(255,140,0,.1) 0%,rgba(255,165,0,.05) 100%); border-color:rgba(255,140,0,.2);}
.dsl-free-delivery-tag.northern span{ color:#FFA500;}

.dsl-features{ margin-top:50px; padding:40px; background:rgba(255,215,0,.03); border:1px solid rgba(255,215,0,.15); border-radius:20px;}
.dsl-features-title{ text-align:center; font-size:1.8rem; font-weight:700; color:#fff; margin-bottom:30px;}
.dsl-features-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px;}
.dsl-feature-item{ display:flex; align-items:center; gap:12px; padding:15px; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.1); border-radius:12px; transition:.3s;}
.dsl-feature-item:hover{ background:rgba(255,215,0,.05); border-color:rgba(255,215,0,.3); transform:translateX(5px);}
.dsl-feature-icon{ font-size:24px; flex-shrink:0;}
.dsl-feature-text{ font-size:.95rem; color:rgba(255,255,255,.9); line-height:1.4;}

.dsl-cta-section{ text-align:center; margin-top:50px; padding:40px; background:linear-gradient(135deg,rgba(255,140,0,.1) 0%,rgba(255,215,0,.05) 50%,rgba(255,140,0,.1) 100%); border-radius:25px; border:1px solid rgba(255,215,0,.2);}
.dsl-cta-title{ font-size:2rem; font-weight:700; color:#fff; margin-bottom:15px;}
.dsl-cta-text{ font-size:1.1rem; color:rgba(255,255,255,.8); margin-bottom:30px;}
.dsl-cta-buttons{ display:flex; gap:20px; justify-content:center; flex-wrap:wrap;}
.dsl-btn{ display:inline-flex; align-items:center; gap:10px; padding:18px 35px; border-radius:30px; font-size:16px; font-weight:700; text-decoration:none; transition:.3s; cursor:pointer;}
.dsl-btn-primary{ background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%); color:#0A0A0A; box-shadow:0 10px 30px rgba(255,215,0,.3);}
.dsl-btn-primary:hover{ transform:translateY(-3px); box-shadow:0 15px 40px rgba(255,215,0,.5);}
.dsl-btn-secondary{ background:transparent; color:#FFD700; border:2px solid #FFD700;}
.dsl-btn-secondary:hover{ background:rgba(255,215,0,.1); transform:translateY(-3px);}

.dsl-notice{ margin-top:30px; padding:20px; background:rgba(255,0,0,.05); border-left:4px solid #FF6B6B; border-radius:8px;}
.dsl-notice-text{ font-size:.95rem; color:rgba(255,255,255,.9); line-height:1.5;}
.dsl-notice-text strong{ color:#FFD700;}

@media (max-width:992px){ .dsl-deadlines-grid{ grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); } }
@media (max-width:768px){
.dsl-sales-section{ padding:50px 0;}
.dsl-title{ font-size:2.5rem;}
.dsl-subtitle{ font-size:1.1rem;}
.dsl-offer-text{ font-size:1rem; padding:8px 20px;}
.dsl-timer-section{ padding:20px;}
.dsl-countdown{ gap:10px;}
.dsl-time-block{ min-width:80px; padding:15px 10px;}
.dsl-time-number{ font-size:2rem;}
.dsl-deadlines-grid{ grid-template-columns:1fr; gap:20px;}
.dsl-deadline-card{ padding:20px;}
.dsl-location-name{ font-size:1.1rem;}
.dsl-features{ padding:25px 20px;}
.dsl-features-grid{ grid-template-columns:1fr;}
.dsl-cta-section{ padding:30px 20px;}
.dsl-cta-title{ font-size:1.6rem;}
.dsl-cta-buttons{ flex-direction:column;}
.dsl-btn{ width:100%; justify-content:center;}
}
@media (max-width:480px){
.dsl-title{ font-size:2rem; letter-spacing:1px;}
.dsl-time-block{ min-width:70px;}
.dsl-time-number{ font-size:1.5rem;}
.dsl-time-label{ font-size:.8rem;}
}

🪔🪔🪔🪔🪔

SALES LIVE NOW

🎆 DIWALI 2025 MEGA SALE 🎆

Order Now & Get Your Crackers Delivered On Time!

FLAT 80% OFF + FREE DELIVERY

⏰ Last Date for Most Cities — October 14

Days

Hours

Minutes

Seconds

🚚

Tamil Nadu

2-3 Days Delivery

Last Order Date:14th October

—

✅Orders Open

🎁 Free Delivery Above ₹5,000

✈️

Bangalore

2-4 Days Delivery

Last Order Date:14th October

—

✅Orders Open

🎁 Free Delivery Above ₹10,000

🏖️

Pondicherry

2-3 Days Delivery

Last Order Date:14th October

—

✅Orders Open

🎁 Free Delivery Above ₹10,000

🏛️

Hyderabad

4-6 Days Delivery

Last Order Date:14th October

—

✅Orders Open

🎁 Free Delivery Above ₹10,000

🛕

Tirupati

3-5 Days Delivery

Last Order Date:14th October

—

✅Orders Open

🎁 Free Delivery Above ₹10,000

🌆

Mumbai

7-9 Days Delivery

Last Order Date:1st October

—

⏰Closing Soon

🎁 Free Delivery Above ₹20,000

🏭

Ahmedabad

7-10 Days Delivery

Last Order Date:1st October

—

⏰Closing Soon

🎁 Free Delivery Above ₹20,000

🗺️

Northern States

7-15 Days Delivery

Last Order Date:1st October

—

⏰Closing Soon

🎁 Free Delivery Above ₹20,000

Why Order From Sivakasi Enterprises?

🏭Direct from Sivakasi Manufacturers

💰Wholesale Prices – Save up to 80%

🚚Free Delivery: TN ₹5K | South ₹10K | North ₹20K

✅100% Safe & Legal Products

📦500+ Premium Products

🎁Ready Gift Box Combos

🎊 Don’t Miss Out! Order Today 🎊

Limited stock available! Order now to ensure delivery before Diwali.

🛒Order Now – 80% OFF
🎁View Gift Boxes

⚠️ Important: Orders are first-come, first-served. Minimum order value ₹3000. Advance payment via Bank/UPI required.

(function () {
// Safe parser for YYYY-MM-DD -> local Date at 23:59:59.999
function endOfDayFromISO(ymd) {
// expect “YYYY-MM-DD”
const parts = (ymd || ”).split(‘-‘);
if (parts.length !== 3) return null;
const y = parseInt(parts[0], 10), m = parseInt(parts[1], 10) – 1, d = parseInt(parts[2], 10);
if (isNaN(y) || isNaN(m) || isNaN(d)) return null;
const dt = new Date(y, m, d, 23, 59, 59, 999); // local time EOD
return isNaN(dt.getTime()) ? null : dt;
}

function updateCountdown() {
// Global window closes Oct 14, 2025 EOD local
const target = endOfDayFromISO(‘2025-10-14’);
if (!target) return;
const now = new Date().getTime();
const distance = target.getTime() – now;

const daysEl = document.getElementById(‘dslDays’);
const hoursEl = document.getElementById(‘dslHours’);
const minutesEl = document.getElementById(‘dslMinutes’);
const secondsEl = document.getElementById(‘dslSeconds’);
if (!daysEl || !hoursEl || !minutesEl || !secondsEl) return;

if (distance > 0) {
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
daysEl.textContent = String(days).padStart(2, ‘0’);
hoursEl.textContent = String(hours).padStart(2, ‘0’);
minutesEl.textContent = String(minutes).padStart(2, ‘0’);
secondsEl.textContent = String(seconds).padStart(2, ‘0’);
} else {
const cd = document.querySelector(‘.dsl-countdown’);
if (cd) cd.innerHTML = ‘

Orders for Diwali 2025 are Closed!

‘;
}
}

function calculateDaysLeft() {
const cards = document.querySelectorAll(‘.dsl-deadline-card’);
const MS_DAY = 86400000;
const now = new Date();

cards.forEach(card => {
try {
const daysLeftElement = card.querySelector(‘.dsl-days-left’);
const statusBadge = card.querySelector(‘.dsl-status-badge’);
if (!daysLeftElement || !statusBadge) return;

const iso = card.getAttribute(‘data-deadline’);
const deadline = endOfDayFromISO(iso);
if (!deadline) { daysLeftElement.innerHTML = ‘—‘; return; }

const diff = deadline.getTime() – now.getTime();
const daysLeft = Math.ceil(diff / MS_DAY); // include today

// reset
daysLeftElement.classList.remove(‘urgent’);
statusBadge.className = ‘dsl-status-badge’;
statusBadge.style.background = ”;
statusBadge.style.border = ”;
statusBadge.style.color = ”;

if (daysLeft > 1) {
daysLeftElement.innerHTML = `${daysLeft} Days Left to Order!`;
if (daysLeft <= 5) {
daysLeftElement.classList.add('urgent');
daysLeftElement.innerHTML = `⚠️ Only ${daysLeft} Days Left!`;
statusBadge.classList.add(‘dsl-status-closing’);
statusBadge.innerHTML = ‘⏰Closing Soon‘;
} else {
statusBadge.classList.add(‘dsl-status-open’);
statusBadge.innerHTML = ‘✅Orders Open‘;
}
} else if (daysLeft === 1) {
daysLeftElement.classList.add(‘urgent’);
daysLeftElement.innerHTML = `⚠️ Only 1 Day Left!`;
statusBadge.classList.add(‘dsl-status-closing’);
statusBadge.innerHTML = ‘⏰Closing Soon‘;
} else if (daysLeft === 0) {
daysLeftElement.classList.add(‘urgent’);
daysLeftElement.innerHTML = `⚠️ Last Day to Order!`;
statusBadge.classList.add(‘dsl-status-closing’);
statusBadge.innerHTML = ‘⏰Closing Today‘;
} else {
daysLeftElement.classList.add(‘urgent’);
daysLeftElement.innerHTML = ‘❌ Orders Closed‘;
statusBadge.style.background = ‘rgba(255,0,0,.1)’;
statusBadge.style.border = ‘1px solid rgba(255,0,0,.3)’;
statusBadge.style.color = ‘#FF6B6B’;
statusBadge.innerHTML = ‘❌Orders Closed‘;
}
} catch (e) {
// Fail-safe: never break the whole script
}
});
}

if (‘IntersectionObserver’ in window) {
const observer = new IntersectionObserver((entries)=>{
entries.forEach(entry => {
if (entry.isIntersecting) entry.target.style.animationPlayState = ‘running’;
});
}, { threshold: .5 });
document.querySelectorAll(‘.dsl-deadline-card’).forEach(card => observer.observe(card));
}
}

function init() {
updateCountdown();
calculateDaysLeft();
setInterval(updateCountdown, 1000);
setInterval(calculateDaysLeft, 60000);
setupHoverAndObserver();
}

if (document.readyState === ‘loading’) {
document.addEventListener(‘DOMContentLoaded’, init);
} else {
init();
}
})();

FAQ Section – Sivakasi Enterprises

/* FAQ Section – Unique Classes */
.faq-section-wrapper * {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.faq-section-wrapper {
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif;
background: #0A0A0A;
color: #FFFFFF;
-webkit-font-smoothing: antialiased;
}

/* Main Section */
.faq-main-section {
padding: 80px 0;
position: relative;
overflow: hidden;
background: linear-gradient(135deg,
rgba(10, 10, 10, 1) 0%,
rgba(20, 20, 20, 1) 50%,
rgba(10, 10, 10, 1) 100%
);
}

/* Background Pattern */
.faq-bg-pattern {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
radial-gradient(circle at 20% 50%, rgba(201, 169, 97, 0.03) 0%, transparent 50%),
radial-gradient(circle at 80% 50%, rgba(0, 168, 107, 0.03) 0%, transparent 50%);
pointer-events: none;
}

.faq-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 1;
}

/* Header Section */
.faq-header {
text-align: center;
margin-bottom: 60px;
animation: faqFadeInDown 0.8s ease-out;
}

@keyframes faqFadeInDown {
from {
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.faq-badge {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(201, 169, 97, 0.1);
border: 1px solid rgba(201, 169, 97, 0.3);
padding: 8px 20px;
border-radius: 50px;
margin-bottom: 20px;
}

.faq-badge-text {
color: #C9A961;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
}

.faq-title {
font-family: ‘Bebas Neue’, sans-serif;
font-size: clamp(2.5rem, 5vw, 3.5rem);
color: #FFFFFF;
margin-bottom: 20px;
letter-spacing: 2px;
line-height: 1.1;
}

.faq-title span {
background: linear-gradient(135deg, #C9A961 0%, #F4E4C1 50%, #C9A961 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.faq-subtitle {
font-size: 1.1rem;
color: rgba(255, 255, 255, 0.6);
max-width: 700px;
margin: 0 auto;
line-height: 1.6;
}

/* FAQ Categories */
.faq-categories {
display: flex;
justify-content: center;
gap: 15px;
margin-bottom: 50px;
flex-wrap: wrap;
}

.faq-category-btn {
padding: 10px 25px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 25px;
color: rgba(255, 255, 255, 0.7);
font-size: 0.9rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}

.faq-category-btn:hover {
background: rgba(201, 169, 97, 0.1);
border-color: rgba(201, 169, 97, 0.3);
color: #C9A961;
transform: translateY(-2px);
}

.faq-category-btn.active {
background: linear-gradient(135deg, #C9A961 0%, #F4E4C1 100%);
border-color: #C9A961;
color: #0A0A0A;
}

/* FAQ Grid */
.faq-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
gap: 25px;
margin-bottom: 50px;
}

/* FAQ Item */
.faq-item {
background: rgba(20, 20, 20, 0.6);
border: 1px solid rgba(201, 169, 97, 0.15);
border-radius: 15px;
overflow: hidden;
transition: all 0.3s ease;
animation: faqFadeInUp 0.8s ease-out;
animation-fill-mode: both;
}

@keyframes faqFadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.faq-item:hover {
border-color: rgba(201, 169, 97, 0.3);
box-shadow: 0 10px 30px rgba(201, 169, 97, 0.1);
transform: translateY(-3px);
}

.faq-question {
padding: 20px 25px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
user-select: none;
transition: all 0.3s ease;
}

.faq-question:hover {
background: rgba(201, 169, 97, 0.05);
}

.faq-question-text {
font-size: 1.05rem;
font-weight: 600;
color: #FFFFFF;
display: flex;
align-items: center;
gap: 12px;
flex: 1;
}

.faq-icon {
font-size: 20px;
color: #C9A961;
}

.faq-toggle {
width: 30px;
height: 30px;
background: rgba(201, 169, 97, 0.1);
border: 1px solid rgba(201, 169, 97, 0.3);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
color: #C9A961;
font-size: 18px;
font-weight: 600;
}

.faq-item.active .faq-toggle {
background: linear-gradient(135deg, #C9A961 0%, #F4E4C1 100%);
color: #0A0A0A;
transform: rotate(45deg);
}

.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}

.faq-item.active .faq-answer {
max-height: 500px;
}

.faq-answer-content {
padding: 0 25px 20px 25px;
color: rgba(255, 255, 255, 0.8);
font-size: 0.95rem;
line-height: 1.6;
}

.faq-answer-content a {
color: #C9A961;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
border-bottom: 1px solid transparent;
}

.faq-answer-content a:hover {
color: #F4E4C1;
border-bottom-color: #F4E4C1;
}

/* Special Tags */
.faq-tag {
display: inline-block;
padding: 3px 10px;
background: rgba(0, 168, 107, 0.1);
border: 1px solid rgba(0, 168, 107, 0.3);
border-radius: 15px;
color: #00C781;
font-size: 0.8rem;
font-weight: 600;
margin-left: 10px;
}

.faq-tag.important {
background: rgba(255, 140, 0, 0.1);
border-color: rgba(255, 140, 0, 0.3);
color: #FFA500;
}

/* CTA Section */
.faq-cta {
text-align: center;
margin-top: 60px;
padding: 40px;
background: linear-gradient(135deg,
rgba(201, 169, 97, 0.05) 0%,
rgba(201, 169, 97, 0.02) 100%
);
border: 1px solid rgba(201, 169, 97, 0.2);
border-radius: 25px;
}

.faq-cta-title {
font-size: 1.8rem;
font-weight: 700;
color: #FFFFFF;
margin-bottom: 15px;
}

.faq-cta-text {
font-size: 1rem;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 30px;
}

.faq-cta-buttons {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}

.faq-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 15px 30px;
border-radius: 25px;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: all 0.3s ease;
cursor: pointer;
}

.faq-btn-primary {
background: linear-gradient(135deg, #00A86B 0%, #00C781 100%);
color: #FFFFFF;
box-shadow: 0 10px 30px rgba(0, 168, 107, 0.3);
}

.faq-btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(0, 168, 107, 0.5);
}

.faq-btn-secondary {
background: transparent;
color: #C9A961;
border: 2px solid #C9A961;
}

.faq-btn-secondary:hover {
background: rgba(201, 169, 97, 0.1);
transform: translateY(-3px);
}

/* Mobile Responsive */
@media (max-width: 1024px) {
.faq-grid {
grid-template-columns: 1fr;
}
}

@media (max-width: 768px) {
.faq-main-section {
padding: 50px 0;
}

.faq-header {
margin-bottom: 40px;
}

.faq-title {
font-size: 2rem;
}

.faq-subtitle {
font-size: 1rem;
}

.faq-categories {
gap: 10px;
}

.faq-category-btn {
padding: 8px 20px;
font-size: 0.85rem;
}

.faq-grid {
gap: 20px;
}

.faq-question {
padding: 15px 20px;
}

.faq-question-text {
font-size: 0.95rem;
}

.faq-answer-content {
padding: 0 20px 15px 20px;
font-size: 0.9rem;
}

.faq-cta {
padding: 30px 20px;
}

.faq-cta-title {
font-size: 1.5rem;
}

.faq-cta-buttons {
flex-direction: column;
}

.faq-btn {
width: 100%;
justify-content: center;
}
}

@media (max-width: 480px) {
.faq-title {
font-size: 1.8rem;
}

.faq-question-text {
font-size: 0.9rem;
gap: 8px;
}

.faq-icon {
font-size: 18px;
}

.faq-toggle {
width: 25px;
height: 25px;
font-size: 16px;
}
}

❓ Got Questions? We’ve Got Answers

FREQUENTLY ASKED QUESTIONS

Everything you need to know about ordering crackers from Sivakasi Enterprises

📍
Where do you ship from?

+

We ship from Sivakasi in Tamil Nadu and our other Licensed locations in Tamil Nadu. All our products are manufactured in the fireworks capital of India.

📅
When did you start?
Trusted Since 2010

+

We are in this business since 2010. We have shipped crackers to all the states in India for Diwali, Vishu, Marriages and other functions. With over 14 years of experience, we guarantee quality and timely delivery.

🎆
Are crackers available throughout the year?

+

Yes, crackers are available throughout the year. You can order anytime for weddings, celebrations, or any special occasions. We maintain stock year-round.

🚚
Can you ship to Northern States?
Important

+

Yes, we can ship to your nearest town or cities through lorry service. We can’t deliver to home as there are no courier services that accept fireworks. You will have to pickup from the lorry booking office or pay them to ship to your home from their location.

Check our shipping locations: View All Locations →

💰
Is there a minimum order?

+

Yes, minimum order is ₹2,000 for Tamil Nadu and ₹3,000 for other states. This ensures economical shipping and handling for both parties.

📦
How much do you charge for shipping?

+

Shipping charges vary by location. Free delivery for orders above ₹5,000 in Tamil Nadu, ₹10,000 for Southern states, and ₹20,000 for Northern states.

Check detailed shipping charges: View Shipping FAQ →

📋
Do you have a pricelist?

+

Yes, we have a detailed pricelist with all our products and current offers.

Download pricelist: Download PDF →

💳
Do you offer cash on delivery?

+

No, we do not offer cash on delivery to any locations. Only orders that are fully paid will be shipped. This ensures smooth processing and faster delivery.

📍
Can I track my order?

+

For locations like Tamil Nadu, Kerala, Bangalore, there may be options to track your order depending on courier service. For other locations, we will provide your Lorry Receipt (LR) using which you can call and get details about your order.

↩️
Do you offer refunds?

+

No, we don’t offer refunds once the order is shipped and delivered to you. If the order is not delivered, we will investigate and refund if the order is not delivered. Quality is guaranteed for all products.

🏷️
What brands do you sell?

+

We deal with Standard Fireworks, Ayyan Fireworks, Vanitha Fireworks for our elite brands. Budget brands may be any brand. All products are quality tested and certified.

💸
How to make payment?

+

You can make payment using our UPI ID (sivakasienterprises@sbi), scan our QR code, or bank account transfer. All payment details will be provided after order confirmation.

🌐
Do you accept online payment?
Legal Notice

+

Due to Supreme Court order regarding online purchase of firecrackers, we do not accept online payments through website. You have to manually make payment via UPI/Bank Transfer. This website is for enquiry purposes only.

⏰
How long will my order take to arrive?

+

Delivery time depends on your location:

• Tamil Nadu: 2-3 days

• Bangalore: 2-4 days

• Southern States: 3-6 days

• Northern States: 7-15 days

Check detailed delivery chart: View Delivery Times →

🏪
Do you offer wholesale orders?
Bulk Orders

+

Yes, for wholesale orders you have to purchase as full cartons of each product and a minimum order of ₹1 lakh. Special wholesale prices apply for bulk orders. Contact us for wholesale inquiries.

Still Have Questions?

Can’t find what you’re looking for? Our customer support team is here to help!

💬
WhatsApp Support

📧
Contact Us

// Close all FAQ items (utility)
function closeAllFAQs() {
document.querySelectorAll(‘.faq-item’).forEach(item => {
item.classList.remove(‘active’);
const ans = item.querySelector(‘.faq-answer’);
if (ans) ans.style.maxHeight = 0;
});
}

// Toggle FAQ Item
function toggleFAQ(element) {
const faqItem = element.parentElement;
const answer = faqItem.querySelector(‘.faq-answer’);
const wasActive = faqItem.classList.contains(‘active’);

// Close all
closeAllFAQs();

// Open clicked item if it wasn’t active
if (!wasActive) {
faqItem.classList.add(‘active’);
if (answer) {
// animate to its real height
answer.style.maxHeight = answer.scrollHeight + ‘px’;
}
}
}

// Filter FAQ by Category
function filterFAQ(category) {
// Map button text -> category keys (so we don’t depend on `event`)
const map = {
‘All Questions’: ‘all’,
‘Shipping & Delivery’: ‘shipping’,
‘Payment & Orders’: ‘payment’,
‘General Info’: ‘general’
};

// Update active button based on label
document.querySelectorAll(‘.faq-category-btn’).forEach(btn => {
const key = map[btn.textContent.trim()] || ”;
if (key === category) {
btn.classList.add(‘active’);
} else {
btn.classList.remove(‘active’);
}
});

// Filter items
const faqItems = document.querySelectorAll(‘.faq-item’);
faqItems.forEach(item => {
const match = (category === ‘all’ || item.dataset.category === category);
item.style.display = match ? ‘block’ : ‘none’;

// Ensure hidden items are collapsed
if (!match) {
item.classList.remove(‘active’);
const ans = item.querySelector(‘.faq-answer’);
if (ans) ans.style.maxHeight = 0;
}
});
}

// Add animation on scroll
const observerOptions = {
threshold: 0.1,
rootMargin: ‘0px 0px -50px 0px’
};

const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.animationPlayState = ‘running’;
}
});
}, observerOptions);

// Observe all FAQ items
document.querySelectorAll(‘.faq-item’).forEach(item => {
item.style.animationPlayState = ‘paused’;
observer.observe(item);
});

Игровые сессии в Пинко казино приносят море эмоций.

SIVAKASI ENTERPRISES CRACKERS ONLINE

WHO WE ARE & WHY CHOOSE US

Direct from Sivakasi – Standard Fireworks Online From Sivakasi Enterprises

100% Authentic

Sivakasi Direct

All India Delivery

GST Registered

8 REASONS TO CHOOSE US

Lowest Prices

₹3000 Min Order

24 Hour Dispatch

Gift Box Options

Corporate Orders

Secure Payment

Easy Ordering

Premium Quality

Authorized Distributors of Elite Brands

Ready to Light Up Your Celebration?

EXPLORE OUR PRODUCT RANGE

Gift Boxes

Night Sky Shots

Atom Bombs

Festival Collection

Sparklers

Chakkar

Flower Pots

Sound Crackers

Fancy Fireworks

Kids Special

Bijili & Magic

Rockets

Twinkling Stars

Garlands

Multi Color Shots

🎁 First Time Buyer? Start with Gift Boxes!

HOW TO ORDER ONLINE

Browse Products

Add to Cart

Submit Enquiry

Make Payment

Share Screenshot

Payment Details

Bank Transfer

UPI Payment

QR Code

Send Payment Screenshot

🎆 DIWALI 2025 MEGA SALE 🎆

⏰ Last Date for Most Cities — October 14

Tamil Nadu

Bangalore

Pondicherry

Hyderabad

Tirupati

Mumbai

Ahmedabad

Northern States

Why Order From Sivakasi Enterprises?

🎊 Don’t Miss Out! Order Today 🎊

Orders for Diwali 2025 are Closed!

FREQUENTLY ASKED QUESTIONS

Still Have Questions?

SIVAKASI ENTERPRISES
CRACKERS ONLINE