.template-card {
        cursor: pointer;
        transition: 0.3s;
    }

    .template-card:hover {
        transform: translateY(-5px);
    }

    .hero-download-section {
        background: #f8f9fa;
        border-bottom: 1px solid #e9ecef;
    }

    .hero-category-btn {
        padding: 8px 16px;
        background: #ffffff;
        border: 1px solid #dee2e6;
        border-radius: 30px;
        color: #333;
        text-decoration: none;
        transition: all .3s ease;
        font-size: 14px;
        font-weight: 500;
    }

    .hero-category-btn:hover {
        background: #0d6efd;
        border-color: #0d6efd;
        color: #fff;
    }

    .active-category {
        background: #0d6efd;
        border-color: #0d6efd;
        color: #fff !important;
        font-weight: 600;
    }

    .template-card {
        cursor: pointer;
        transition: 0.3s;
    }

    .template-card:hover {
        transform: translateY(-5px);
    }