/* RESET */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* ROOT */
:root {
–gold: #e4bc42;
–gold-soft: #f7e7b5;
–black: #000;
–white: #fff;
–soft: #faf7ec;
–text: #222;
–muted: #666;
–shadow: rgba(0, 0, 0, 0.1);
}
/* BASE */
body {
font-family: “Inter”, Arial, sans-serif;
background: var(–soft);
color: var(–text);
line-height: 1.7;
overflow-x: hidden;
}
.container {
max-width: 1200px;
margin: auto;
padding: 40px 20px;
}
/* FAQ SECTION */
.faq-section {
margin: 80px 0;
text-align: center;
}
.faq-section h2 {
font-size: 2.8rem;
margin-bottom: 50px;
color: var(–gold);
animation: goldenGlowText 3s ease-in-out infinite alternate;
}
.faq-list {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 800px;
margin: 0 auto;
}
.faq-item {
background: var(–white);
border: 2px solid transparent;
border-radius: 14px;
box-shadow: 0 8px 20px var(–shadow);
overflow: hidden;
transition: all 0.4s ease;
animation: fadeInUp 1.5s ease-out both;
cursor: pointer;
}
.faq-item:nth-child(odd) { animation-delay: 0.1s; }
.faq-item:nth-child(even) { animation-delay: 0.3s; }
.faq-item:hover {
transform: translateY(-5px) scale(1.02);
box-shadow: 0 15px 35px rgba(228, 188, 66, 0.3);
border-color: var(–gold);
}
.faq-item.active {
border-color: var(–gold);
box-shadow: 0 15px 35px rgba(228, 188, 66, 0.5);
}
.faq-question {
padding: 25px 30px;
font-size: 1.2rem;
font-weight: 600;
color: var(–text);
display: flex;
justify-content: space-between;
align-items: center;
transition: color 0.3s ease;
}
.faq-question:hover {
color: var(–gold);
}
.faq-question::after {
content: ‘+’;
font-size: 1.5rem;
color: var(–gold);
transition: transform 0.3s ease;
}
.faq-item.active .faq-question::after {
transform: rotate(45deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
padding: 0 30px;
background: var(–soft);
transition: max-height 0.4s ease, padding 0.4s ease;
font-size: 1rem;
color: var(–muted);
}
.faq-item.active .faq-answer {
max-height: 500px;
padding: 20px 30px;
}
/* Floating Golden Particles */
.floating-element {
position: absolute;
width: 12px;
height: 12px;
background: radial-gradient(circle, var(–gold) 0%, rgba(228, 188, 66, 0.5) 70%);
border-radius: 50%;
opacity: 0.6;
animation: floatAndGlow 6s ease-in-out infinite;
z-index: 1;
}
.floating-element:nth-child(1) { top: 20%; left: 10%; animation-delay: 0s; }
.floating-element:nth-child(2) { top: 40%; right: 15%; animation-delay: 1.5s; }
.floating-element:nth-child(3) { top: 60%; left: 20%; animation-delay: 3s; }
.floating-element:nth-child(4) { top: 80%; right: 10%; animation-delay: 4.5s; }
/* ANIMATIONS */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(50px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes floatAndGlow {
0%, 100% { transform: translateY(0px) scale(1); opacity: 0.6; }
50% { transform: translateY(-25px) scale(1.3); opacity: 1; }
}
@keyframes goldenGlowText {
from { text-shadow: 0 0 10px rgba(228, 188, 66, 0.5); }
to { text-shadow: 0 0 15px rgba(228, 188, 66, 0.8), 0 0 25px rgba(228, 188, 66, 0.4); }
}
/* RESPONSIVE */
@media (max-width: 768px) {
.faq-section h2 {
font-size: 2.2rem;
}
.faq-question {
font-size: 1rem;
padding: 20px 25px;
}
.faq-answer {
font-size: 0.95rem;
padding: 0 25px;
}
.faq-item.active .faq-answer {
padding: 15px 25px;
}
.floating-element {
width: 10px;
height: 10px;
}
}
Frequently Asked Questions
What makes AZSE products unique?
AZSE combines natural ingredients with advanced dermatological science to create effective, gentle skincare solutions. Our formulations are cruelty-free, eco-friendly, and designed for all skin types.
Are AZSE products suitable for sensitive skin?
Yes, our products are formulated with hypoallergenic, natural ingredients to minimize irritation. However, we recommend patch testing and consulting a dermatologist if you have specific sensitivities.
How should I use AZSE skincare products?
Apply cleansers in the morning and evening, followed by serums and moisturizers. For best results, follow the routine outlined on each product page and incorporate sunscreen during the day.
Do you offer international shipping?
Absolutely! We ship worldwide with reliable carriers. Shipping costs and times vary by location; check our shipping policy for details.
What is your return policy?
We offer a 30-day return policy on unopened products. If you’re not satisfied, contact us for a full refund or exchange. Opened products cannot be returned for hygiene reasons.
Are AZSE products cruelty-free and vegan?
Yes, all AZSE products are cruelty-free, vegan, and free from animal-derived ingredients. We prioritize ethical sourcing and sustainability in every step.
How can I contact customer support?
Reach out via our contact form, email at support@azse.in, or call us. We’re here to help with any questions about our products or orders.
// FAQ Accordion Functionality
document.querySelectorAll(‘.faq-item’).forEach(item => {
item.addEventListener(‘click’, () => {
item.classList.toggle(‘active’);
});
});
