.main-container {
            max-width: 1500px;
            margin: 0 auto;
            padding: 20px;
        }
        .main-content {
            background-color: #ffffff;
            border-radius: 8px;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
            padding: 20px;
        }
        .main-image {
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .main-heading {
            background: linear-gradient(90deg, #3b82f6, #1d4ed8);
            color: white;
            padding: 15px;
            border-radius: 6px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            text-align: center;
            margin-bottom: 20px;
            font-size: 2.25rem;
            font-weight: 700;
        }
        .description {
            background-color: #f8fafc;
            padding: 15px;
            border-radius: 6px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            line-height: 1.6;
            font-size: 1.125rem;
            margin-bottom: 1rem;
        }
        .sidebar {
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .sidebar-heading {
            background: linear-gradient(90deg, #10b981, #059669);
            color: white;
            padding: 10px;
            border-radius: 6px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            text-align: center;
            margin-bottom: 15px;
            font-size: 1.5rem;
            font-weight: 600;
        }
        .sidebar a {
            display: flex;
            flex-direction: column;
            padding: 10px;
            margin-bottom: 10px;
            background-color: #f3f4f6;
            border-radius: 4px;
            transition: background-color 0.3s;
            text-align: center;
            text-decoration: none;
            color: #000;
        }
        .sidebar a:hover {
            background-color: #e5e7eb;
        }
        .sidebar img {
            width: 100%;
            height: auto;
            border-radius: 4px;
            margin-bottom: 10px;
        }
        .download-btn {
            background: linear-gradient(90deg, #3b82f6, #1d4ed8);
            color: white;
            padding: 12px 20px;
            border-radius: 6px;
            font-size: 1.1rem;
            font-weight: 500;
            transition: transform 0.2s, background 0.3s;
            width: 100%;
            text-align: center;
            text-decoration: none;
            display: block;
            margin-bottom: 1rem;
        }
        .download-btn:hover {
            background: linear-gradient(90deg, #2563eb, #1e40af);
            transform: scale(1.02);
        }
        .social-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px; /* Improved spacing between buttons */
    margin-bottom: 1rem;
}

.social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 8px; /* Softer, modern rounded corners */
    color: white;
    font-size: 1rem; /* Slightly larger font for readability */
    font-weight: 500;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease; /* Smooth transitions */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.social-btn:hover {
    transform: translateY(-2px); /* Slight lift effect on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
    opacity: 1; /* Remove opacity reduction for a cleaner hover */
}

.social-btn i {
    margin-right: 8px; /* Consistent icon spacing */
    font-size: 1.2rem; /* Slightly larger icons */
}

.social-btn.x-btn i {
    color: white; /* White icon for Twitter/X to match other buttons */
}

/* Specific colors for each platform */
.social-btn.facebook {
    background: linear-gradient(90deg, #3b82f6, #1d4ed8); /* Facebook */
}
.social-btn.twitter {
    background: linear-gradient(90deg, #0ea5e9, #075985); /* Twitter/X */
}
.social-btn.linkedin {
    background: linear-gradient(90deg, #1e40af, #1e3a8a); /* LinkedIn */
}
.social-btn.whatsapp {
    background: linear-gradient(90deg, #22c55e, #15803d); /* WhatsApp */
}
.social-btn.instagram {
    background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af); /* Instagram gradient */
}
.social-btn.pinterest {
    background: linear-gradient(90deg, #e60023, #b91d1d); /* Pinterest */
}
.social-btn.telegram {
    background: linear-gradient(90deg, #0088cc, #006699); /* Telegram */
}
        .nav-link {
            flex: 1;
            text-align: center;
            padding: 10px;
            border-radius: 4px;
            color: white;
            transition: opacity 0.3s;
            text-decoration: none;
        }
        .nav-link:hover {
            opacity: 0.9;
        }
        .prev-week {
            background-color: #ef4444;
        }
        .next-week {
            background-color: #10b981;
        }
        .flex-container {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }
        .full-width {
            width: 100%;
        }
        .main-content-width {
            width: 100%;
        }
        .sidebar-width {
            width: 100%;
        }
        .gap-16 {
            gap: 16px;
        }
        .gap-24 {
            gap: 24px;
        }
        hr {
            margin: 1rem 0;
            border: 0;
            border-top: 1px solid #e5e7eb;
        }
		
		/* Download Button Base Styles */
.download-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    margin-top: 20px;
}

.download-button:hover {
    transform: scale(1.02);
}

/* Word Download Button */
#docx {
    background-color: #2b579a; /* Word Blue */
    color: #ffffff;
    border: 2px solid #20457c;
}

#docx::before {
    content: '\f1c2'; /* Font Awesome Word icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 2px solid #ffffff;
}

#docx::after {
    content: '.DOCX';
    font-weight: 700;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 2px solid #ffffff;
}
        @media (min-width: 768px) {
            .flex-container {
                flex-direction: row;
            }
            .main-content-width {
                width: 75%;
            }
            .sidebar-width {
                width: 25%;
            }
        }
        @media (max-width: 768px) {
.main-heading{font-size:1.75rem}
            .social-btn {
                padding: 6px 10px;
                font-size: 0.85rem;
            }
        }