/* General Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f4f4f4;
    /* फिक्स 1: यह साइड स्क्रॉलिंग को 100% रोकेगा */
    overflow-x: hidden;
    width: 100%;
}

main {
    padding: 20px;
}

a {
    color: #007bff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h2, h3, h4 {
    color: #004d99;
    margin-bottom: 15px;
    text-align: center;
}

/* --- Marquee Banner --- */
.welcome-marquee {
    background-color: #ffc107; /* Yellow background */
    color: #333;
    padding: 8px 0;
    text-align: center;
    /* फिक्स 2: HTML marquee टैग का उपयोग होने के कारण CSS animation हटा दिया गया */
    font-weight: bold;
    font-size: 1.1em;
}

/* @keyframes marquee ब्लॉक पूरी तरह से हटा दिया गया है */

/* --- Header and Navigation --- */
header {
    background-color: #fff;
    color: #333;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.logo-img {
    height: 40px; /* Logo size */
}

nav ul {
    list-style: none;
    display: flex;
}

nav ul li {
    margin-left: 20px;
}

nav ul li a {
    color: #004d99;
    font-weight: bold;
    transition: color 0.3s;
}

nav ul li a:hover {
    color: #007bff;
    text-decoration: none;
}

/* --- Hero Section --- */
.hero-section {
    background: linear-gradient(135deg, #007bff, #004d99); /* Blue gradient */
    color: white;
    padding: 60px 20px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.hero-section h2 {
    color: white;
    font-size: 2.5em;
    margin-bottom: 10px;
}

.hero-section p {
    font-size: 1.2em;
    margin-bottom: 30px;
}

/* --- WhatsApp CTA Button (Hero) --- */
.whatsapp-cta-button {
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;  /* <--- सफ़ेद बैकग्राउंड */
    color: #25d366;             /* <--- हरा टेक्स्ट */
    padding: 12px 25px;
    border-radius: 50px;
    font-size: 1.2em;
    font-weight: bold;
    transition: background-color 0.3s ease;
    border: 1px solid #25d366;  /* <--- हरा बॉर्डर */
}

.whatsapp-cta-button:hover {
    background-color: #128c7e;
    transform: translateY(-2px);
    text-decoration: none;
}

.cta-logo {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.whatsapp-cta-button.large {
    margin-top: 30px;
    padding: 15px 35px;
    font-size: 1.4em;
}

/* --- Pricing Section --- */
.pricing-section {
    padding: 20px 0;
}

.whatsapp-instruction {
    text-align: center;
    margin: 10px 0 20px;
    font-weight: bold;
    font-size: 1.1em;
    color: #dc3545; /* Red emphasis */
}

.price-table-container {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.price-table-container h4 {
    text-align: left;
    color: #007bff;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.service-logo {
    height: 20px;
    width: 20px;
    margin-right: 8px;
}

.price-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.price-table th, .price-table td {
    border: 1px solid #eee;
    padding: 10px;
    text-align: left;
}

.price-table th {
    background-color: #f0f8ff; /* Light blue header */
    color: #004d99;
    font-weight: bold;
}

.price-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.highlight-box {
    text-align: center;
    padding: 20px;
    background-color: #e9f7ff;
    border-left: 5px solid #007bff;
    margin: 20px 0;
    border-radius: 4px;
}

.mini-whatsapp-cta {
    display: inline-block;
    background-color: #25d366;
    color: white;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 0.9em;
    margin-top: 10px;
    transition: background-color 0.3s;
}

.mini-whatsapp-cta:hover {
    background-color: #128c7e;
    text-decoration: none;
}

.small-inline-logo {
    height: 16px;
    width: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

/* --- FAQ Section --- */
.faq-section {
    padding: 30px 0;
}

.faq-item {
    background-color: white;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden;
}

.faq-question {
    width: 100%;
    background-color: #f7f7f7;
    color: #333;
    padding: 15px;
    border: none;
    text-align: left;
    font-size: 1.1em;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s;
}

.faq-question:hover {
    background-color: #eee;
}

.faq-answer {
    padding: 0 15px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out;
}

.faq-answer p, .faq-answer ul, .faq-answer ol {
    padding: 10px 0;
    margin-bottom: 10px;
}

.faq-answer h4 {
    text-align: left;
    margin-top: 15px;
    color: #007bff;
}

/* --- About Us / SMM Highlight Section (New Bottom Section) --- */
.smm-highlight-section {
    padding: 30px 20px;
    background-color: #e6f7ff; /* Very light blue background */
    border-top: 3px solid #007bff;
    margin-top: 30px;
    border-radius: 8px;
    text-align: center;
}

.highlight-container {
    max-width: 900px;
    margin: 0 auto;
}

.panel-title {
    color: #004d99;
    font-size: 2em;
    margin-bottom: 10px;
}

.panel-description {
    font-size: 1.1em;
    margin-bottom: 25px;
    color: #555;
    line-height: 1.8;
}

.service-heading, .link-heading {
    color: #007bff;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.service-list, .quick-links {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.service-list li, .quick-links li {
    background-color: #fff;
    margin: 5px;
    padding: 8px 15px;
    border-radius: 20px;
    border: 1px solid #b3e0ff;
    font-weight: 500;
}

.quick-links a {
    color: #004d99;
    font-weight: bold;
}

/* --- Footer --- */
footer {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 15px 20px;
    margin-top: 20px;
    font-size: 0.9em;
}

/* ============================================== */
/* --- VIDEO PROOF SECTION STYLING --- */
/* ============================================== */

.video-proof-section {
    padding: 30px 20px;
    background-color: #f8f9fa; /* हल्का बैकग्राउंड */
    margin-bottom: 20px; /* Pricing से पहले थोड़ी दूरी */
    border-radius: 8px;
}

.video-container {
    /* Facebook embeds need specific alignment/sizing */
    text-align: center; 
    max-width: 800px;
    margin: 0 auto;
}

/* For Facebook's specific embed structure (Ensuring it is centered and responsive) */
.video-container iframe {
    display: block;
    margin: 0 auto;
    /* Maintain aspect ratio of Reel (Height is greater than width) */
    max-width: 100%; 
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}


/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
    header {
        flex-direction: column;
        text-align: center;
    }

    nav ul {
        margin-top: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    nav ul li {
        margin: 5px 10px;
    }
    
    .hero-section {
        padding: 40px 15px;
    }

    .hero-section h2 {
        font-size: 2em;
    }
    
    .whatsapp-cta-button {
        font-size: 1.1em;
        padding: 10px 20px;
    }

    .price-table th, .price-table td {
        padding: 8px;
        font-size: 0.9em;
    }
    
    .smm-highlight-section {
        padding: 20px 15px;
    }

    .service-list li, .quick-links li {
        font-size: 0.9em;
    }
    }
 /* --- Banner Section Styles (New Look) --- */

.banner-section {
    /* (1) नया आकर्षक ग्रेडिएंट: नारंगी से गुलाबी */
    background: #1a1a40;(90deg, #ff8c00 0%, #ff4c99 100%);
    padding: 40px 20px;
    color: white;
    text-align: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* शैडो थोड़ा गहरा किया */
}
/* बाकी banner-content स्टाइल वही रहेगी */


/* --- Call to Action Button Style (New Look) --- */

.banner-button {
    display: inline-block;
    /* (2) चमकीला पीला बटन */
    background-color: #ffc107;
    color: #333; /* टेक्स्ट का रंग गहरे भूरे रंग में */
    padding: 14px 35px; /* बटन का साइज़ थोड़ा बढ़ाया */
    text-decoration: none;
    border-radius: 8px; /* गोल कोने थोड़े और ज़्यादा किए */
    font-weight: 700; /* फॉन्ट मोटा किया */
    transition: all 0.3s ease;
    border: none;
}

.banner-button:hover {
    background-color: #e0a800; /* माउस ले जाने पर गहरा पीला */
    transform: translateY(-3px); /* हल्का ऊपर उठाएँ (ज़्यादा आकर्षक) */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* --- Service Bullets inside Hero Section (Two Columns) --- */

.service-bullets {
    list-style: none; /* बुलेट पॉइंट्स हटाएँ */
    padding: 0; /* पैडिंग हटाएँ */
    margin: 20px 0 30px 0; /* ऊपर और नीचे जगह दें */
    
    /* **दो कॉलम के लिए नया कोड** */
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center; /* आइटम्स को बीच में करें */
}

.service-bullets li {
    font-size: 1.1em;
    padding: 4px 10px; /* थोड़ी ज़्यादा पैडिंग */
    text-align: left; 
    width: 45%; /* प्रत्येक आइटम की चौड़ाई कम करें */
    border-bottom: none; /* लाइन हटाएँ क्योंकि दो कॉलम हैं */
    color: #f0f0f0;
    margin: 5px 2%; /* आइटम के चारों ओर जगह दें */
}

/* अगर आप आइकॉन जोड़ना चाहते हैं, तो यह CSS वही रहेगा */
.service-bullets li::before {
    content: "✅"; 
    margin-right: 10px;
}
/* --- NEW TOP VIDEO CONTAINER STYLE --- */
.top-video-container {
    width: 100%;
    /* वीडियो के ऊपर अगर कोई सफ़ेद जगह दिख रही हो तो इसे एडजस्ट करें */
    margin-top: -10px; 
    overflow: hidden; 
}

.website-video {
    width: 100%;
    height: auto;
    display: block;
}

/* छोटे स्क्रीन के लिए ऊँचाई कम करना (वैकल्पिक) */
@media (max-width: 600px) {
    .top-video-container {
        max-height: 300px;
    }
}
/* Floating WhatsApp Button Styling (Final Centering Fix) */
.whatsapp-float {
    /* इस div को फिक्स्ड पोजीशन और साइज़ देता है */
    position: fixed;
    width: 60px; 
    height: 60px; 
    bottom: 20px; 
    right: 20px; 
    background-color: #25d366; 
    border-radius: 50px; 
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
    z-index: 1000;
}

.whatsapp-float a {
    /* a टैग को Flex कंटेनर बनाकर उसके अंदर Icon को सेंटर करते हैं */
    display: flex; 
    justify-content: center; /* हॉरिजॉन्टल सेंटरिंग */
    align-items: center; /* वर्टिकल सेंटरिंग */
    width: 100%;
    height: 100%;
}

.whatsapp-float img {
    /* Icon का साइज़ */
    width: 35px; 
    height: 35px;
}
/* Modern Price Table Container Styling */
.price-table-container {
    background: #ffffff;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* हल्की परछाई */
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

/* Hover Effect - कार्ड ऊपर उठेगा और चमकेगा */
.price-table-container:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.2); /* परछाई गहरी होगी */
    border-color: #25d366; /* बॉर्डर का रंग WhatsApp हरा हो जाएगा */
}

.price-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.price-table td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    font-weight: bold;
}
.order-btn {
    display: block !important;
    background-color: #ffc107 !important; /* चमकदार पीला बटन */
    color: #000 !important; /* काला टेक्स्ट */
    padding: 12px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    margin-top: 15px !important;
    text-align: center !important;
    transition: background 0.3s !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

.order-btn:hover {
    background-color: #e0a800 !important;
}
.order-counter {
    background-color: rgba(255, 255, 255, 0.2); /* पारदर्शी सफ़ेद ताकि बैनर का रंग दिखे */
    color: #ffffff; /* सफ़ेद टेक्स्ट */
    padding: 8px 15px;
    border-radius: 50px;
    display: inline-block;
    margin: 15px 0; /* ऊपर और नीचे थोड़ी जगह */
    font-size: 0.95em;
    border: 1px solid rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(5px); /* हल्का धुंधला इफेक्ट */
}

.counter-icon {
    margin-right: 5px;
}
/* --- New Dashboard Hero Design (Social Growth Style) --- */

.new-dashboard-hero {
    background-color: #007bff; /* पीछे का नीला रंग */
    padding: 20px;
    display: flex;
    justify-content: center;
    /* Marquee और वीडियो के नीचे सही जगह बनाने के लिए */
    margin-top: 10px; 
}

.white-dashboard-card {
    background: #ffffff;
    width: 100%;
    max-width: 500px; /* मोबाइल पर एकदम ऐप जैसा दिखेगा */
    border-radius: 25px;
    padding: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* 1. Pink Welcome Box */
.welcome-pink-box {
    background: linear-gradient(180deg, #fff0f5 0%, #ffffff 100%);
    border: 2px solid #ffb6c1; /* पिंक बॉर्डर */
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 15px rgba(255, 105, 180, 0.2); /* पिंक ग्लो */
    margin-bottom: 10px;
}

.welcome-pink-box h2 {
    font-size: 1.3em;
    color: #333;
    margin-bottom: 5px;
    font-weight: 800;
}

.welcome-pink-box p {
    font-size: 0.9em;
    color: #d63384; /* गहरा पिंक टेक्स्ट */
    margin-bottom: 15px;
    font-weight: 500;
}

.hero-btn-group {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.pill-btn {
    text-decoration: none;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.9em;
    font-weight: bold;
    color: white;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: transform 0.2s;
}

.pill-btn:hover { transform: scale(1.05); }

.btn-pink { background: linear-gradient(to right, #ff5f6d, #ffc371); }
.btn-blue { background: linear-gradient(to right, #2193b0, #6dd5ed); }

/* 2. Service Pills (Stat Cards) */
.service-pill {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 12px 15px;
    border-radius: 50px; /* कैप्सूल जैसा आकार */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: transform 0.2s;
    border: 1px solid transparent;
}

.service-pill:hover { transform: translateY(-3px); }

/* Icons inside circle */
.icon-circle {
    width: 45px;
    height: 45px;
    min-width: 45px; /* सिकुड़े नहीं */
    background: #f8f9fa;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 1.2em;
    overflow: hidden;
}

.icon-circle img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.pill-info h3 {
    margin: 0;
    font-size: 1em;
    color: #222;
    font-weight: 700;
}

.pill-info p {
    margin: 0;
    font-size: 0.8em;
    color: #666;
}

/* Glow Border Colors */
.green-glow { border: 1px solid #a5d6a7; box-shadow: 0 4px 12px rgba(76, 175, 80, 0.15); }
.orange-glow { border: 1px solid #ffcc80; box-shadow: 0 4px 12px rgba(255, 152, 0, 0.15); }
.red-glow { border: 1px solid #ef9a9a; box-shadow: 0 4px 12px rgba(244, 67, 54, 0.15); }
.blue-glow { border: 1px solid #90caf9; box-shadow: 0 4px 12px rgba(33, 150, 243, 0.15); }
.cyan-glow { border: 1px solid #80deea; box-shadow: 0 4px 12px rgba(0, 188, 212, 0.15); }
/* --- FULL WEBSITE BLUE THEME (Social Growth Style) --- */

/* 1. पूरी वेबसाइट का बैकग्राउंड नीला करें */
body {
    background-color: #007bff; /* वही नीला रंग जो ऊपर Hero सेक्शन में है */
    background-image: linear-gradient(180deg, #007bff 0%, #0056b3 100%); /* हल्का शेड */
    color: #ffffff; /* बाहर का सारा टेक्स्ट सफ़ेद (ताकि नीले पर दिखे) */
    min-height: 100vh;
}

/* 2. जो सफ़ेद कार्ड्स हैं, उनके अंदर का टेक्स्ट काला रखें */
.white-dashboard-card, 
.price-table-container, 
.video-proof-section,
.faq-item {
    background: #ffffff;
    color: #333 !important; /* कार्ड के अंदर काला टेक्स्ट */
    border-radius: 20px; /* कोनों को गोल करें */
    box-shadow: 0 10px 25px rgba(0,0,0,0.2); /* शैडो ताकि कार्ड हवा में दिखे */
}

/* 3. प्राइस टेबल और हेडिंग्स के रंग ठीक करें (कार्ड के अंदर) */
.price-table-container h4,
.price-table-container h3, 
.price-table th, 
.price-table td,
.welcome-pink-box h2,
.welcome-pink-box p {
    color: #333 !important;
}

/* 4. FAQ सेक्शन को भी कार्ड जैसा बनाएं */
.faq-item {
    margin-bottom: 15px;
    padding: 15px;
    border: none;
}

.faq-question {
    background: transparent;
    color: #007bff; /* सवाल नीले रंग में */
    font-weight: bold;
}

.faq-answer p {
    color: #555 !important;
}

/* 5. फूटर और बाहरी हेडिंग्स */
footer p {
    color: rgba(255, 255, 255, 0.8);
}

section > h3, section > h2 {
    color: #ffffff; /* सेक्शन की मुख्य हेडिंग सफ़ेद */
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    margin-bottom: 20px;
}
/* --- Pink Text Box Style (Like Social Growth) --- */
.pink-text-box {
    background-color: #ffeef2; /* हल्का पिंक बैकग्राउंड */
    border: 1px solid #ffc1e3; /* पिंक बॉर्डर */
    border-radius: 15px; /* गोल कोने */
    padding: 20px;
    margin: 25px 0;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.pink-text-box h3 {
    color: #d63384 !important; /* हेडिंग का रंग गहरा पिंक */
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.pink-text-box p {
    color: #333 !important; /* टेक्स्ट का रंग काला (ताकि साफ़ दिखे) */
    font-weight: 500;
    font-size: 1rem;
    margin: 5px 0;
}

/* About Us वाले सेक्शन के लिए वाइट कार्ड */
#about-us-info {
    background: #ffffff;
    border-radius: 20px;
    padding: 20px;
    margin-top: 30px;
    color: #333 !important;
}
#about-us-info h3, #about-us-info li {
    color: #333 !important;
}
/* --- Header Navigation Buttons (Pink Pill Style) --- */

/* 1. हैडर का बैकग्राउंड हटा दें ताकि बटन नीले बैकग्राउंड पर तैरते हुए दिखें */
header {
    background: transparent !important; /* वाइट बैकग्राउंड हटाया */
    padding: 15px 0;
    box-shadow: none !important;
}

/* 2. लिंक्स को एक लाइन में सेट करें */
header nav ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; /* मोबाइल में जगह न होने पर नीचे आ जाएं */
    gap: 10px; /* बटन्स के बीच गैप */
    padding: 0;
    list-style: none;
}

/* 3. लिंक्स को 'Add Fund' जैसे बटन में बदलें */
header nav ul li a {
    background: linear-gradient(to right, #ff7eb3, #ff758c); /* पिंक ग्रेडिएंट कलर */
    color: #ffffff !important; /* टेक्स्ट सफ़ेद */
    padding: 8px 18px; /* बटन का साइज़ */
    border-radius: 50px; /* कोनों को पूरी तरह गोल (Pill shape) करें */
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9rem;
    box-shadow: 0 4px 8px rgba(255, 118, 136, 0.4); /* पिंक शैडो */
    border: 1px solid rgba(255, 255, 255, 0.3); /* हल्का बॉर्डर */
    display: inline-block;
    transition: transform 0.2s ease;
}

/* 4. बटन पर उंगली रखने पर इफेक्ट */
header nav ul li a:hover {
    transform: translateY(-3px); /* थोड़ा ऊपर उठेगा */
    box-shadow: 0 6px 12px rgba(255, 118, 136, 0.6);
    background: linear-gradient(to right, #ff6ba6, #ff5e78); /* गहरा पिंक */
}
/* --- Updated Card Size & Nav Design --- */

/* 1. कार्ड को चौड़ा (Wider) करें */
.white-dashboard-card {
    width: 95% !important; /* स्क्रीन का 95% हिस्सा भरेगा */
    max-width: 600px !important; /* ज्यादा से ज्यादा इतना चौड़ा होगा */
    padding: 15px !important;
}

/* 2. पिंक बॉक्स को छोटा (Shorter) करें */
.welcome-pink-box {
    padding: 10px 15px !important; /* पैडिंग कम की */
    margin-bottom: 15px !important;
}

.welcome-pink-box h2 {
    font-size: 1.2em !important; /* फोंट थोड़ा छोटा */
    margin-bottom: 2px !important;
}

.welcome-pink-box p {
    font-size: 0.85em !important;
    margin-bottom: 10px !important;
}

/* 3. नेविगेशन लिंक्स को कार्ड के अंदर सेट करें */
.card-navigation {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #eee; /* ऊपर एक हल्की लाइन */
}

.card-navigation a {
    background: linear-gradient(to right, #ff7eb3, #ff758c);
    color: white !important;
    padding: 6px 15px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(255, 118, 136, 0.3);
}