<?php
include 'include/header.php'; 

?>
<!-- Add Font Awesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800&family=Crimson+Pro:wght@600;700;800&display=swap" rel="stylesheet">

<!-- Custom Styles -->
<style>
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');
    
    :root {
        --primary: #5b21b6;
        --primary-light: #7c3aed;
        --primary-dark: #4c1d95;
        --secondary: #0ea5e9;
        --success: #10b981;
        --warning: #f59e0b;
        --danger: #ef4444;
        --dark: #1e293b;
        --light: #f8fafc;
        --gray-50: #f9fafb;
        --gray-100: #f3f4f6;
        --gray-200: #e5e7eb;
        --gray-300: #d1d5db;
        --gray-600: #4b5563;
        --gray-700: #374151;
        --gray-800: #1f2937;
        --gray-900: #111827;
        
        /* New Enhanced Colors */
        --navy: #0f172a;
        --slate: #475569;
        --cream: #fef9f3;
        --sky-light: #e0f2fe;
        --mint-light: #d1fae5;
        --lavender-light: #ede9fe;
        --peach-light: #fed7aa;
    }
    
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    body {
        font-family: 'Work Sans', 'Inter', sans-serif;
        color: var(--gray-900);
        line-height: 1.6;
        background-color: var(--gray-50);
    }
    
    .font-poppins {
        font-family: 'Poppins', sans-serif;
    }
    
    .font-crimson {
        font-family: 'Crimson Pro', serif;
    }
    
    .font-work {
        font-family: 'Work Sans', sans-serif;
    }
    
    /* Container */
    .container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 1rem;
    }
    
    /* Hero Section */
    .hero-section {
        background: white;
        border-bottom: 1px solid var(--gray-200);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }
    
    .hero-content {
        padding: 3rem 0;
    }
    
    .hero-icon {
        width: 64px;
        height: 64px;
        background: var(--primary);
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 6px rgba(91, 33, 182, 0.2);
    }
    
    .hero-icon i {
        font-size: 2rem;
        color: white;
    }
    
    .badge {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.375rem 0.875rem;
        border-radius: 9999px;
        font-size: 0.75rem;
        font-weight: 600;
    }
    
    .badge-purple {
        background: #f3e8ff;
        color: var(--primary);
    }
    
    .badge-blue {
        background: #dbeafe;
        color: var(--secondary);
    }
    
    .hero-title {
        font-size: 3rem;
        font-weight: 800;
        color: var(--primary);
        margin: 1rem 0 0.5rem;
    }
    
    .hero-description {
        color: var(--gray-600);
        font-size: 1.125rem;
        max-width: 48rem;
    }
    
    /* Layout */
    .main-layout {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        padding: 2.5rem 0;
    }
    
    @media (min-width: 1024px) {
        .main-layout {
            flex-direction: row;
        }
    }
    
    .sidebar {
        width: 100%;
    }
    
    @media (min-width: 1024px) {
        .sidebar {
            width: 25%;
            flex-shrink: 0;
        }
    }
    
    .main-content {
        width: 100%;
    }
    
    @media (min-width: 1024px) {
        .main-content {
            width: 75%;
        }
    }
    
    /* Card */
    .card {
        background: white;
        border-radius: 16px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        transition: all 0.3s ease;
        margin-bottom: 1.5rem;
    }
    
    .card:hover {
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }
    
    .card-header {
        padding: 1.25rem 1.5rem;
        border-bottom: 1px solid var(--gray-200);
        background: var(--gray-50);
    }
    
    .card-header-purple {
        background: var(--primary);
        color: white;
        border: none;
    }
    
    .card-header-blue {
        background: var(--secondary);
        color: white;
        border: none;
    }
    
    .card-header-orange {
        background: var(--warning);
        color: white;
        border: none;
    }
    
    .card-title {
        font-size: 1.25rem;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }
    
    .card-body {
        padding: 0;
    }
    
    /* Navigation */
    .nav-list {
        list-style: none;
    }
    
    .nav-item {
        position: relative;
        border-bottom: 1px solid var(--gray-100);
    }
    
    .nav-item:last-child {
        border-bottom: none;
    }
    
    .nav-link {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 1rem 1.5rem;
        color: var(--gray-700);
        text-decoration: none;
        transition: all 0.2s ease;
        font-weight: 500;
        position: relative;
    }
    
    .nav-link::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: var(--primary);
        transform: scaleY(0);
        transition: transform 0.2s ease;
    }
    
    .nav-link:hover,
    .nav-item.active .nav-link {
        background: #faf5ff;
        color: var(--primary);
    }
    
    .nav-link:hover::before,
    .nav-item.active .nav-link::before {
        transform: scaleY(1);
    }
    
    .nav-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        color: white;
        flex-shrink: 0;
        transition: transform 0.2s ease;
    }
    
    .nav-link:hover .nav-icon {
        transform: scale(1.1);
    }
    
    .icon-purple { background: var(--primary); }
    .icon-blue { background: var(--secondary); }
    .icon-green { background: var(--success); }
    .icon-orange { background: var(--warning); }
    .icon-red { background: var(--danger); }
    
    /* Stats Card in Sidebar */
    .stats-card {
        background: var(--primary);
        border-radius: 16px;
        padding: 1.5rem;
        color: white;
        margin-top: 1.5rem;
    }
    
    .stats-header {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-bottom: 1.5rem;
    }
    
    .stats-header i {
        font-size: 2rem;
    }
    
    .stats-label {
        font-size: 0.875rem;
        opacity: 0.9;
    }
    
    .stats-value {
        font-size: 2rem;
        font-weight: 700;
    }
    
    .stats-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
        margin-top: 1rem;
    }
    
    .stats-item {
        background: rgba(255, 255, 255, 0.15);
        border-radius: 12px;
        padding: 0.875rem;
        backdrop-filter: blur(10px);
    }
    
    .stats-item-label {
        font-size: 0.75rem;
        opacity: 0.9;
    }
    
    .stats-item-value {
        font-size: 1.25rem;
        font-weight: 700;
    }
    
    /* ============================================
       ENHANCED RIGHT CONTENT AREA STYLES
    ============================================ */
    
    /* Page Header */
    .page-header {
        margin-bottom: 3rem;
        animation: slideDown 0.6s ease-out;
    }
    
    .page-subtitle {
        color: var(--slate);
        font-size: 1rem;
        line-height: 1.7;
        max-width: 700px;
    }
    
    /* Stats Overview Grid */
    .stats-overview {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
        margin-bottom: 3rem;
    }
    
    @media (min-width: 768px) {
        .stats-overview {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    
    .stat-box {
        background: white;
        padding: 2rem 1.5rem;
        border: 2px solid var(--navy);
        position: relative;
        overflow: hidden;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        text-align: center;
        animation: fadeInUp 0.6s ease-out backwards;
    }
    
    .stat-box:nth-child(1) { animation-delay: 0.1s; }
    .stat-box:nth-child(2) { animation-delay: 0.2s; }
    .stat-box:nth-child(3) { animation-delay: 0.3s; }
    .stat-box:nth-child(4) { animation-delay: 0.4s; }
    
    .stat-box::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background: var(--navy);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .stat-box:hover::before {
        transform: scaleX(1);
    }
    
    .stat-box:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
    }
    
    .stat-box.sky { 
        background: var(--sky-light); 
        border-color: var(--secondary);
    }
    .stat-box.sky::before { background: var(--secondary); }
    
    .stat-box.mint { 
        background: var(--mint-light); 
        border-color: var(--success);
    }
    .stat-box.mint::before { background: var(--success); }
    
    .stat-box.lavender { 
        background: var(--lavender-light); 
        border-color: var(--primary);
    }
    .stat-box.lavender::before { background: var(--primary); }
    
    .stat-box.peach { 
        background: var(--peach-light); 
        border-color: var(--warning);
    }
    .stat-box.peach::before { background: var(--warning); }
    
    .stat-icon-main {
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: white;
        border: 2px solid var(--navy);
        margin: 0 auto 1rem;
        transition: all 0.3s ease;
    }
    
    .stat-box:hover .stat-icon-main {
        transform: rotate(5deg) scale(1.1);
    }
    
    .stat-icon-main i {
        font-size: 1.75rem;
        color: var(--navy);
    }
    
    .stat-number {
        font-family: 'Crimson Pro', serif;
        font-size: 2.75rem;
        font-weight: 800;
        color: var(--navy);
        line-height: 1;
        margin-bottom: 0.5rem;
    }
    
    .stat-text {
        font-size: 0.85rem;
        color: var(--navy);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    /* Featured Banner */
    .featured-banner {
        background: var(--navy);
        color: white;
        padding: 2.5rem;
        margin-bottom: 3rem;
        position: relative;
        overflow: hidden;
        border-radius: 0;
    }
    
    .featured-banner::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -10%;
        width: 400px;
        height: 400px;
        background: rgba(255, 255, 255, 0.03);
        border-radius: 50%;
    }
    
    .featured-banner::after {
        content: '';
        position: absolute;
        bottom: -30%;
        left: -5%;
        width: 300px;
        height: 300px;
        background: rgba(255, 255, 255, 0.03);
        border-radius: 50%;
    }
    
    .banner-inner {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        gap: 2rem;
    }
    
    .banner-logo {
        flex-shrink: 0;
        width: 80px;
        height: 80px;
        background: white;
        border: 3px solid rgba(255, 255, 255, 0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.5rem;
    }
    
    .banner-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .banner-content {
        flex: 1;
    }
    
    .banner-tag {
        display: inline-block;
        padding: 0.375rem 0.875rem;
        background: rgba(255, 255, 255, 0.15);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        margin-bottom: 0.75rem;
        border: 1px solid rgba(255, 255, 255, 0.3);
    }
    
    .banner-title {
        font-family: 'Crimson Pro', serif;
        font-size: 1.75rem;
        font-weight: 800;
        margin-bottom: 0.5rem;
        line-height: 1.2;
    }
    
    .banner-text {
        font-size: 0.95rem;
        opacity: 0.9;
        line-height: 1.6;
    }
    
    /* Section Title */
    .section-title-wrapper {
        margin-bottom: 2.5rem;
    }
    
    .section-title-main {
        font-family: 'Crimson Pro', serif;
        font-size: 2.25rem;
        font-weight: 700;
        color: var(--navy);
        margin-bottom: 0.75rem;
        position: relative;
        display: inline-block;
    }
    
    .section-title-main::after {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 60%;
        height: 4px;
        background: var(--primary);
    }
    
    .section-subtitle-main {
        font-size: 1rem;
        color: var(--slate);
        margin-top: 1.25rem;
        line-height: 1.7;
    }
    
    /* Indexing Grid */
    .indexing-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-bottom: 3rem;
    }
    
    @media (min-width: 768px) {
        .indexing-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    
    .indexing-item {
        background: white;
        padding: 2rem;
        border: 2px solid var(--gray-200);
        display: flex;
        gap: 1.5rem;
        align-items: flex-start;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
    }
    
    .indexing-item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: var(--primary);
        transform: scaleX(0);
        transition: transform 0.4s ease;
    }
    
    .indexing-item:hover {
        border-color: var(--navy);
        transform: translateX(6px);
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
    }
    
    .indexing-item:hover::after {
        transform: scaleX(1);
    }
    
    .indexing-logo-wrapper {
        flex-shrink: 0;
        width: 70px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--cream);
        border: 2px solid var(--gray-300);
        overflow: hidden;
    }
    
    .indexing-logo-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 0.5rem;
    }
    
    .indexing-logo-wrapper i {
        font-size: 2rem;
        color: var(--primary);
    }
    
    .indexing-details {
        flex: 1;
    }
    
    .indexing-name {
        font-weight: 700;
        font-size: 1.1rem;
        color: var(--navy);
        margin-bottom: 0.5rem;
    }
    
    .indexing-description {
        font-size: 0.875rem;
        color: var(--slate);
        line-height: 1.6;
    }
    
    /* Info Alert Box */
    .info-alert {
        background: white;
        border-left: 5px solid var(--secondary);
        padding: 1.75rem 2rem;
        margin-top: 3rem;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
    }
    
    .info-alert-title {
        font-weight: 700;
        font-size: 1.15rem;
        color: var(--navy);
        margin-bottom: 0.75rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }
    
    .info-alert-title i {
        color: var(--secondary);
        font-size: 1.25rem;
    }
    
    .info-alert-text {
        color: var(--slate);
        line-height: 1.7;
        font-size: 0.95rem;
    }
    
    /* Animations */
    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(40px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    /* Contribute Section */
    .contribute-section {
        background: white;
        padding: 5rem 0;
        margin-top: 3rem;
    }
    
    .section-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
        background: #f3e8ff;
        color: var(--primary);
        border-radius: 9999px;
        font-size: 0.875rem;
        font-weight: 600;
        margin-bottom: 1.5rem;
    }
    
    .section-title {
        font-size: 3rem;
        font-weight: 800;
        color: var(--gray-900);
        margin-bottom: 1rem;
    }
    
    .section-description {
        font-size: 1.25rem;
        color: var(--gray-600);
        max-width: 48rem;
        margin: 0 auto 3rem;
    }
    
    /* Action Cards */
    .action-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.5rem;
        max-width: 80rem;
        margin: 0 auto;
    }
    
    @media (min-width: 768px) {
        .action-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    
    @media (min-width: 1024px) {
        .action-grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    
    .action-card {
        background: white;
        border: 2px solid var(--gray-200);
        border-radius: 16px;
        padding: 2rem;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
        text-align: center;
    }
    
    .action-card:hover {
        border-color: var(--primary);
        box-shadow: 0 10px 30px rgba(91, 33, 182, 0.1);
        transform: translateY(-4px);
    }
    
    .action-card::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: var(--primary);
        transform: scaleX(0);
        transition: transform 0.3s ease;
    }
    
    .action-card:hover::after {
        transform: scaleX(1);
    }
    
    .action-icon {
        width: 64px;
        height: 64px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.75rem;
        color: white;
        margin: 0 auto 1.5rem;
        transition: transform 0.3s ease;
        background: var(--primary);
    }
    
    .action-card:hover .action-icon {
        transform: scale(1.1);
    }
    
    .action-title {
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 0.75rem;
    }
    
    .action-description {
        color: var(--gray-600);
        font-size: 0.875rem;
        margin-bottom: 1.5rem;
        line-height: 1.6;
    }
    
    .action-link {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--primary);
        font-weight: 600;
        text-decoration: none;
        transition: gap 0.2s ease;
    }
    
    .action-link:hover {
        gap: 0.75rem;
    }
    
    /* Utility Classes */
    .text-center { text-align: center; }
    .mb-1 { margin-bottom: 0.25rem; }
    .mb-2 { margin-bottom: 0.5rem; }
    .mb-3 { margin-bottom: 0.75rem; }
    .mb-4 { margin-bottom: 1rem; }
    .mb-6 { margin-bottom: 1.5rem; }
    .mt-4 { margin-top: 1rem; }
    .mt-6 { margin-top: 1.5rem; }
    .flex { display: flex; }
    .items-center { align-items: center; }
    .gap-2 { gap: 0.5rem; }
    .gap-3 { gap: 0.75rem; }
    .gap-4 { gap: 1rem; }
    
    /* Responsive Adjustments */
    @media (max-width: 768px) {
        .hero-title {
            font-size: 2rem;
        }
        
        .section-title-main {
            font-size: 1.75rem;
        }
        
        .banner-inner {
            flex-direction: column;
            text-align: center;
        }
        
        .banner-logo {
            margin: 0 auto;
        }
        
        .stat-number {
            font-size: 2.25rem;
        }
    }
    
    /* Stats Banner */
    .stats-banner {
        background: white;
        border: 2px solid var(--gray-200);
        border-radius: 20px;
        padding: 2.5rem;
        margin-top: 3rem;
    }
    
    .stats-banner-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
    
    @media (min-width: 768px) {
        .stats-banner-grid {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    
    .stat-item {
        text-align: center;
        transition: transform 0.2s ease;
    }
    
    .stat-item:hover {
        transform: scale(1.05);
    }
    
    .stat-icon-wrapper {
        width: 64px;
        height: 64px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 1rem;
    }
    
    .stat-icon-wrapper.blue { background: var(--secondary); }
    .stat-icon-wrapper.purple { background: var(--primary); }
    .stat-icon-wrapper.green { background: var(--success); }
    .stat-icon-wrapper.orange { background: var(--warning); }
    
    .stat-icon-wrapper i {
        font-size: 1.5rem;
        color: white;
    }
    
    .stat-value {
        font-size: 2.5rem;
        font-weight: 800;
        margin-bottom: 0.5rem;
    }
    
    .stat-value.blue { color: var(--secondary); }
    .stat-value.purple { color: var(--primary); }
    .stat-value.green { color: var(--success); }
    .stat-value.orange { color: var(--warning); }
    
    .stat-label {
        color: var(--gray-600);
        font-weight: 500;
    }
    
</style>

<main class="font-work">
    <!-- Hero Section -->
    <div class="hero-section">
        <div class="container">
            <div class="hero-content">
                <div class="flex items-center gap-4 mb-4">
                    <div class="hero-icon">
                        <i class="fas fa-bookmark"></i>
                    </div>
                    <div>
                        <div class="flex items-center gap-2 mb-3">
                            <span class="badge badge-purple">
                                <i class="fas fa-check-circle"></i>
                                Quality Assurance
                            </span>
                            <span class="badge badge-blue">
                                <i class="fas fa-globe"></i>
                                Global Reach
                            </span>
                        </div>
                        <h1 class="hero-title font-poppins">
                            Indexing & Abstracting
                        </h1>
                    </div>
                </div>
                <p class="hero-description">
                    IJRISS is indexed in leading academic databases ensuring maximum visibility and accessibility for published research
                </p>
            </div>
        </div>
    </div>

    <!-- Main Content Area -->
    <div class="container">
        <div class="main-layout">
            <!-- Left Sidebar -->
            <?php include 'include/sidebar.php'; ?>

            <!-- Right Content Area - ENHANCED -->
            <section class="main-content">
                <!-- Page Header -->
                <div class="page-header">
                    <p class="page-subtitle">
                        Total Downloads is the sum of PDF and HTML downloads from the journal platform during the last calendar year.
                    </p>
                </div>

                <!-- Stats Overview -->
                <div class="stats-overview">
                    <div class="stat-box sky">
                        <div class="stat-icon-main">
                            <i class="fas fa-file-alt"></i>
                        </div>
                        <div class="stat-number">2000+</div>
                        <div class="stat-text">Articles Archived</div>
                    </div>
                    
                    <div class="stat-box mint">
                        <div class="stat-icon-main">
                            <i class="fas fa-users"></i>
                        </div>
                        <div class="stat-number">6000+</div>
                        <div class="stat-text">Renowned Authors</div>
                    </div>
                    
                    <div class="stat-box lavender">
                        <div class="stat-icon-main">
                            <i class="fas fa-globe-americas"></i>
                        </div>
                        <div class="stat-number">60+</div>
                        <div class="stat-text">Participated Countries</div>
                    </div>
                    
                    <div class="stat-box peach">
                        <div class="stat-icon-main">
                            <i class="fas fa-eye"></i>
                        </div>
                        <div class="stat-number">50,000</div>
                        <div class="stat-text">View Per Month</div>
                    </div>
                </div>

                <!-- Featured Banner -->
                <div class="featured-banner">
                    <div class="banner-inner">
                        <div class="banner-logo">
                            <img src="https://via.placeholder.com/80x80/FFFFFF/0f172a?text=ERA" alt="ERA 2023">
                        </div>
                        <div class="banner-content">
                            <span class="banner-tag">Excellence Recognition</span>
                            <h2 class="banner-title">ERA 2023 | Australian Research Council</h2>
                            <p class="banner-text">
                                ERA 2023 Submission Journal List – Excellence in Research for Australia is Australia's national research evaluation framework, developed and administered by the Australian Research Council
                            </p>
                        </div>
                    </div>
                </div>

                <!-- Section Title -->
                <div class="section-title-wrapper">
                    <h2 class="section-title-main font-crimson">Indexed & Abstracted In</h2>
                    <p class="section-subtitle-main">
                        IJRISS is indexed in leading academic databases and research platforms, ensuring maximum visibility and accessibility for published research.
                    </p>
                </div>

                <!-- Indexing Grid -->
                <div class="indexing-grid">
                    <!-- Google Scholar -->
                    <div class="indexing-item">
                        <div class="indexing-logo-wrapper">
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c7/Google_Scholar_logo.svg" alt="Google Scholar">
                        </div>
                        <div class="indexing-details">
                            <h3 class="indexing-name">Google Scholar</h3>
                            <p class="indexing-description">
                                A freely accessible web search engine that indexes the full text of scholarly literature across an array of publishing formats and disciplines.
                            </p>
                        </div>
                    </div>

                    <!-- Crossref -->
                    <div class="indexing-item">
                        <div class="indexing-logo-wrapper">
                            <img src="https://upload.wikimedia.org/wikipedia/commons/2/29/Crossref_logo.svg" alt="Crossref">
                        </div>
                        <div class="indexing-details">
                            <h3 class="indexing-name">Crossref</h3>
                            <p class="indexing-description">
                                A not-for-profit membership organization that exists to make scholarly communications better. We're a not-for-profit membership organization for scholarly research.
                            </p>
                        </div>
                    </div>

                    <!-- RePEc -->
                    <div class="indexing-item">
                        <div class="indexing-logo-wrapper">
                            <i class="fas fa-chart-bar"></i>
                        </div>
                        <div class="indexing-details">
                            <h3 class="indexing-name">RePEc</h3>
                            <p class="indexing-description">
                                Research Papers in Economics (RePEc) is a collaborative effort of hundreds of volunteers in many countries to enhance the dissemination of research in economics.
                            </p>
                        </div>
                    </div>

                    <!-- IDEAS -->
                    <div class="indexing-item">
                        <div class="indexing-logo-wrapper">
                            <i class="fas fa-lightbulb"></i>
                        </div>
                        <div class="indexing-details">
                            <h3 class="indexing-name">IDEAS</h3>
                            <p class="indexing-description">
                                The largest bibliographic database dedicated to Economics and available freely on the Internet. Based on RePEc, it indexes over 3,800,000 items.
                            </p>
                        </div>
                    </div>

                    <!-- EconPapers -->
                    <div class="indexing-item">
                        <div class="indexing-logo-wrapper">
                            <i class="fas fa-file-invoice"></i>
                        </div>
                        <div class="indexing-details">
                            <h3 class="indexing-name">EconPapers</h3>
                            <p class="indexing-description">
                                EconPapers provides access to RePEc, the world's largest collection of on-line Economics working papers, journal articles and software.
                            </p>
                        </div>
                    </div>

                    <!-- Dimensions -->
                    <div class="indexing-item">
                        <div class="indexing-logo-wrapper">
                            <i class="fas fa-cube"></i>
                        </div>
                        <div class="indexing-details">
                            <h3 class="indexing-name">Dimensions</h3>
                            <p class="indexing-description">
                                Dimensions covers millions of scholarly publications connected by more than 1.6 billion citations, supporting grants, datasets, clinical trials and policy documents.
                            </p>
                        </div>
                    </div>

                    <!-- ScienceGate -->
                    <div class="indexing-item">
                        <div class="indexing-logo-wrapper">
                            <i class="fas fa-graduation-cap"></i>
                        </div>
                        <div class="indexing-details">
                            <h3 class="indexing-name">ScienceGate</h3>
                            <p class="indexing-description">
                                ScienceGate is a fast and effective way to finding, managing and networking articles and's also effective for journal editing and measuring scientific activity.
                            </p>
                        </div>
                    </div>

                    <!-- Semantic Scholar -->
                    <div class="indexing-item">
                        <div class="indexing-logo-wrapper">
                            <i class="fas fa-brain"></i>
                        </div>
                        <div class="indexing-details">
                            <h3 class="indexing-name">Semantic Scholar</h3>
                            <p class="indexing-description">
                                Semantic Scholar is an artificial intelligence–powered research tool for scientific literature developed at the Allen Institute for AI.
                            </p>
                        </div>
                    </div>

                    <!-- PhilPapers -->
                    <div class="indexing-item">
                        <div class="indexing-logo-wrapper">
                            <i class="fas fa-book-reader"></i>
                        </div>
                        <div class="indexing-details">
                            <h3 class="indexing-name">PhilPapers</h3>
                            <p class="indexing-description">
                                PhilPapers is a comprehensive index and bibliography of philosophy maintained by the community of philosophers.
                            </p>
                        </div>
                    </div>

                    <!-- Academia.edu -->
                    <div class="indexing-item">
                        <div class="indexing-logo-wrapper">
                            <i class="fas fa-university"></i>
                        </div>
                        <div class="indexing-details">
                            <h3 class="indexing-name">Academia.edu</h3>
                            <p class="indexing-description">
                                Academia.edu is a platform for academics to share research papers, monitor analytics around their research impact, and track the research of academics they follow.
                            </p>
                        </div>
                    </div>
                </div>

                <!-- Info Alert -->
                <div class="info-alert">
                    <div class="info-alert-title">
                        <i class="fas fa-info-circle"></i>
                        <span>Quality Commitment</span>
                    </div>
                    <p class="info-alert-text">
                        We are continuously working to ensure our journal is indexed in additional prestigious databases. Our commitment to quality and academic excellence drives our indexing strategy, ensuring maximum visibility for your research across global academic communities.
                    </p>
                </div>
            </section>
        </div>
    </div>

    <!-- Contribute Section -->
    <section class="contribute-section">
        <div class="container">
            <!-- Section Header -->
            <div class="text-center">
                <div class="section-badge">
                    <i class="fas fa-hands-helping"></i>
                    <span>JOIN OUR COMMUNITY</span>
                </div>
                <h2 class="section-title font-poppins">
                    Contribute to Scientific Excellence
                </h2>
                <p class="section-description">
                    This journal is committed to swiftly sharing innovative and impactful research across various social science disciplines.
                </p>
            </div>

            <!-- Action Cards Grid -->
            <div class="action-grid">
                <!-- Card 1: Submit an Article -->
                <div class="action-card">
                    <div class="action-icon">
                        <i class="fas fa-file-upload"></i>
                    </div>
                    <h3 class="action-title">Submit an Article</h3>
                    <p class="action-description">
                        Share your groundbreaking research with the global academic community
                    </p>
                    <a href="#" class="action-link">
                        <span>Get Started</span>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>

                <!-- Card 2: Special Issue on Education -->
                <div class="action-card">
                    <div class="action-icon">
                        <i class="fas fa-graduation-cap"></i>
                    </div>
                    <h3 class="action-title">Special Issue on Education</h3>
                    <p class="action-description">
                        Contribute to our focused collection on educational innovation and research
                    </p>
                    <a href="#" class="action-link">
                        <span>Learn More</span>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>

                <!-- Card 3: Special Issue on Public Health -->
                <div class="action-card">
                    <div class="action-icon">
                        <i class="fas fa-heartbeat"></i>
                    </div>
                    <h3 class="action-title">Special Issue on Public Health</h3>
                    <p class="action-description">
                        Submit research addressing critical public health challenges
                    </p>
                    <a href="#" class="action-link">
                        <span>Submit Now</span>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>
            </div>
            
            <!-- Stats Banner -->
            <div class="stats-banner">
                <h3 class="action-title">
                    Advancing Social Science for a Better Tomorrow
                </h3>
                <div class="stats-banner-grid">
                    <div class="stat-item">
                        <div class="stat-icon-wrapper blue">
                            <i class="fas fa-users"></i>
                        </div>
                        <p class="stat-value blue">10K+</p>
                        <p class="stat-label">Active Researchers</p>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon-wrapper purple">
                            <i class="fas fa-file-alt"></i>
                        </div>
                        <p class="stat-value purple">5000+</p>
                        <p class="stat-label">Published Papers</p>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon-wrapper green">
                            <i class="fas fa-globe"></i>
                        </div>
                        <p class="stat-value green">150+</p>
                        <p class="stat-label">Countries</p>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon-wrapper orange">
                            <i class="fas fa-award"></i>
                        </div>
                        <p class="stat-value orange">98%</p>
                        <p class="stat-label">Satisfaction Rate</p>
                    </div>
                </div>
            </div>

           
            
        </div>
    </section>
</main>

<?php
include 'include/footer.php'; 

?>