<?php include '../include/header.php'; ?>
<!-- ════════════════════════════════
     HERO
════════════════════════════════ -->

 <style>
 
 h2{
     margin: 30px 0px;
 }
  /* Section styling */
.messages-section {
    background: #fff;
    padding: 90px 0;
}

/* Heading */
.messages-section h2.main-title {
    font-size: 2.2rem;
    font-weight: 500;
}

/* Content text */
.messages-content p {
    color: #6c757d;
    font-size: 1.05rem;
    line-height: 1.7;
    max-width: 520px;
}

/* Link style */
.messages-content a {
    color: #0d6efd;
    font-weight: 500;
    text-decoration: none;
}

.messages-content a:hover {
    text-decoration: underline;
}

/* Custom Dots */
.custom-indicators {
    position: relative;
    margin-top: 50px;
    justify-content: flex-start;
    gap: 14px;
}

.custom-indicators [data-bs-target] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #bdbdbd;
    border: none;
    opacity: 1;
    transition: all 0.3s ease;
}

.custom-indicators .active {
    background-color: #333;
    position: relative;
}

.custom-indicators .active::after {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.card-container{
    background : #f4f4f4;
}

        /* Minimal CSS for 5-column grid and card styling */
        .card-wrapper {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1.5rem;
        }
        .card {
            border: none;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.2s;
        }
        .card:hover {
            transform: translateY(-5px);
        }
        .card-img-top {
            height: 180px;
            object-fit: cover;
        }
        .card-title {
            font-size: 1.25rem;
            font-weight: 600;
        }
        .card-text {
            font-size: 0.9rem;
            color: #6c757d;
        }
        @media (max-width: 1200px) {
            .card-wrapper {
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            }
        }
        
        /* Minimal CSS for carousel-like horizontal scroll */
        .carousel-list {
            display: flex;
            overflow-x: auto;
            gap: 1.5rem;
            padding: 1rem 0;
            scroll-snap-type: x mandatory;
            scrollbar-width: thin;
        }
        .carousel-list::-webkit-scrollbar {
            height: 8px;
        }
        .carousel-list::-webkit-scrollbar-thumb {
            background-color: #ccc;
            border-radius: 4px;
        }
        .card-editor {
            min-width: 300px;
            border: none;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            transition: transform 0.2s;
        }
        .card-editor:hover {
            transform: translateY(-5px);
        }
        .editor-img {
            width: 96px;
            height: 96px;
            object-fit: cover;
            border-radius: 50%;
        }
        .editor-name {
            font-size: 1.25rem;
            font-weight: 600;
            text-transform: capitalize;
        }
        .editor-affiliation,
        .editor-location {
            font-size: 0.9rem;
            color: #6c757d;
        }
        .editor-role {
            font-weight: 600;
            color: #00b2b8;
        }
        .editor-journal {
            font-size: 0.9rem;
            color: #6c757d;
        }
        .see-all-link {
            font-size: 1rem;
            color: #00b2b8;
            text-decoration: none;
        }
        .see-all-link:hover {
            text-decoration: underline;
        }
        
        /* Minimal CSS for exact UI match */
        /* Provided CSS */
        .editors-section {
            background-color: #f8f9fa;
            padding: 3rem 0;
        }
        .heading {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
        }
        .see-all {
            font-size: 1rem;
            color: #00b2b8;
            text-decoration: none;
            margin-left: 1rem;
        }
        .see-all:hover {
            text-decoration: underline;
        }
        .carousel-container {
            overflow-x: auto;
            display: flex;
            gap: 1.5rem;
            padding-bottom: 1rem;
            scrollbar-width: none;
        }
        .carousel-container::-webkit-scrollbar {
            display: none;
        }
        .editor-card {
            min-width: 250px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            padding: 1.5rem;
            text-align: center;
        }
        .editor-img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            margin-bottom: 1rem;
        }
        .editor-name {
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 0.25rem;
        }
        .editor-affiliation,
        .editor-location {
            font-size: 0.9rem;
            color: #6c757d;
            margin-bottom: 0.25rem;
        }
        .editor-role {
            font-size: 0.9rem;
            font-weight: 600;
            color: #495057;
            margin-top: 1rem;
            border-top: 1px solid #dee2e6;
            padding-top: 1rem;
        }
        .editor-journal {
            font-size: 0.85rem;
            color: #6c757d;
            margin-bottom: 0;
        }
        /* Carousel arrows styling */
        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 50%;
            padding: 1rem;
        }
    
        /*============article section===============*/
        .articles-section {
            background-color: #f8f9fa;
            padding: 3rem 0;
        }
        .heading {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
        }
        .see-all {
            font-size: 1rem;
            color: #00b2b8;
            text-decoration: none;
            margin-left: 1rem;
        }
        .see-all:hover {
            text-decoration: underline;
        }
        .nav-tabs {
            border-bottom: none;
        }
        .nav-tabs .nav-link {
            border: none;
            padding: 0.5rem 1rem;
            color: #6c757d;
            font-weight: 500;
        }
        .nav-tabs .nav-link.active {
            color: #212529;
            border-bottom: 2px solid #212529;
        }
        .article-card {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }
        .article-type {
            font-size: 0.75rem;
            text-transform: uppercase;
            color: #6c757d;
            margin-bottom: 0.25rem;
        }
        .article-date {
            font-size: 0.75rem;
            color: #6c757d;
        }
        .article-title {
            font-size: 1rem;
            font-weight: 600;
            margin: 0.5rem 0;
        }
        .article-authors {
            font-size: 0.85rem;
            color: #6c757d;
            margin-bottom: 1rem;
        }
        .article-figure {
            width: 100%;
            height: auto;
            margin-bottom: 1rem;
        }
        .article-journal {
            font-size: 0.85rem;
            color: #6c757d;
            margin-bottom: 0.5rem;
        }
        .article-stats {
            font-size: 0.85rem;
            color: #6c757d;
        }
        
        .research-topics-section {
            background-color: #f8f9fa;
            padding: 3rem 0;
        }
        .topic-card {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }
        .topic-img {
            width: 100%;
            height: 150px;
            object-fit: cover;
        }
        .submission-open {
            font-size: 0.75rem;
            text-transform: uppercase;
            color: #6c757d;
            margin: 0.5rem 0 0.25rem;
        }
        .topic-title {
            font-size: 1rem;
            font-weight: 600;
            margin: 0.25rem 0;
        }
        .topic-editors {
            font-size: 0.85rem;
            color: #6c757d;
            margin-bottom: 0.5rem;
        }
        .topic-views {
            font-size: 0.85rem;
            color: #6c757d;
            margin-top: 1rem;
        }
        
        /* ── Section wrapper ── */
    .volumes-section { padding: 40px 40px 48px; }

    /* ── Header row ── */
    .volumes-header {
      display: flex; align-items: center;
      gap: 16px; margin-bottom: 24px;
    }
    .volumes-title {
      font-size: 2rem; font-weight: 800;
      color: #111; margin: 0;
    }
    .see-all-link {
      font-size: 14px; color: var(--cyan);
      text-decoration: none; display: flex;
      align-items: center; gap: 4px;
      white-space: nowrap; font-weight: 500;
    }
    .see-all-link:hover { text-decoration: underline; color: var(--cyan); }

    /* ── Volume card ── */
    .vol-card {
      background: #fff;
      border-radius: 12px;
      padding: 22px 24px 20px;
      display: flex; flex-direction: column;
      gap: 20px;
      box-shadow: 0 1px 4px rgba(0,0,0,.06);
      border: 1px solid #e8e8e8;
      height: 110px;
      transition: box-shadow .2s;
    }
    .vol-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,.10); }
    .vol-card-title {
      font-size: 15px; font-weight: 500;
      color: #222; margin: 0;
    }
    .vol-arrow {
      color: var(--cyan); font-size: 18px;
      text-decoration: none; line-height: 1;
    }
    .vol-arrow:hover { color: #007aaa; }

    .desktop-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 16px;
    }

    .mobile-slider { display: none; position: relative; }

    .carousel-item .vol-card {
      margin: 0 48px;
    }

    .slider-btn {
      position: absolute; top: 50%; transform: translateY(-50%);
      width: 36px; height: 36px;
      background: #fff; border: 1px solid #e0e0e0;
      border-radius: 50%; display: flex; align-items: center;
      justify-content: center; cursor: pointer; z-index: 10;
      box-shadow: 0 2px 8px rgba(0,0,0,.1);
      transition: box-shadow .15s;
    }
    .slider-btn:hover { box-shadow: 0 4px 12px rgba(0,0,0,.15); }
    .slider-btn i { color: var(--cyan); font-size: 16px; }
    .slider-prev { left: 0; }
    .slider-next { right: 0; }

    .mobile-header { display: none; justify-content: space-between; align-items: center; margin-bottom: 20px; }
    .mobile-header .volumes-title { font-size: 1.5rem; }

    @media (max-width: 767px) {
      .volumes-section { padding: 28px 16px 36px; }
      .desktop-grid   { display: none; }
      .desktop-header { display: none; }
      .mobile-slider  { display: block; }
      .mobile-header  { display: flex; }
    }
    
        </style>
<main>
  <div class="hero">
    <div class="hero-title">International Journal of Latest Technology in<br>Engineering, Management &amp; Applied Science</div>
    <div class="hero-stats">
      <div class="stat-box"><div class="val">3,901</div><div class="lbl">Citations</div></div>
      <div class="stat-box"><div class="val">25</div><div class="lbl">H-Index</div></div>
      <div class="stat-box"><div class="val">5,094+</div><div class="lbl">Published Articles</div></div>
      <a href="#" class="stat-submit">Submit →</a>
    </div>
  </div>
  
  
<section class="messages-section">
    <div class="container">
        <div id="messagesCarousel" class="carousel slide" data-bs-ride="carousel">

            <div class="carousel-inner">

                <!-- Slide 1 -->
                <div class="carousel-item active">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <h2 class="main-title">Promoting advancements in engineering, management, and applied sciences</h2>
                        </div>
                        <div class="col-lg-6 messages-content">
                            <p>
                                IJLTEMAS is an open-access platform committed to facilitating scholarly communication by providing a multidisciplinary forum for researchers, practitioners, and scholars to exchange innovative ideas and findings.
                            </p>
                            <a href="#">About the journal →</a>
                        </div>
                    </div>
                </div>

                <!-- Slide 2 -->
                <div class="carousel-item">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <h2 class="main-title">Rapid &amp; rigorous peer review within 2–4 weeks</h2>
                        </div>
                        <div class="col-lg-6 messages-content">
                            <p>
                                Every submission undergoes a double-blind peer-review process, ensuring research quality and credibility. Papers are reviewed by subject matter experts with results delivered in as little as 2 to 4 weeks.
                            </p>
                            <a href="#">Read about our review process →</a>
                        </div>
                    </div>
                </div>

                <!-- Slide 3 -->
                <div class="carousel-item">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <h2 class="main-title">A diverse global reviewer network across 71+ countries</h2>
                        </div>
                        <div class="col-lg-6 messages-content">
                            <p>
                                Join our editorial board and collaborate with over 6,137 expert reviewers spanning 4+ continents and 71+ countries, carefully selected for their domain expertise across engineering, management, and applied sciences.
                            </p>
                            <a href="#">Editorial board →</a>
                        </div>
                    </div>
                </div>

            </div>

            <!-- Custom Indicators -->
            <div class="carousel-indicators custom-indicators">
                <button type="button" data-bs-target="#messagesCarousel" data-bs-slide-to="0" class="active"></button>
                <button type="button" data-bs-target="#messagesCarousel" data-bs-slide-to="1"></button>
                <button type="button" data-bs-target="#messagesCarousel" data-bs-slide-to="2"></button>
            </div>

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

<section class="card-container py-5">
    <div class="container">
        <div class="card-wrapper">
            <!-- Card 1: Submit your paper -->
            <a href="/submission/submit" class="text-decoration-none">
                <div class="card">
                    <picture>
                        <img src="https://d2csxpduxe849s.cloudfront.net/media/E32629C6-9347-4F84-81FEAEF7BFA342B3/CB20AF94-0883-4297-99B9DF2233850001/thul-600678EE-0A90-4E27-A46192A1DCACA8FC.png" alt="Submit your paper" class="card-img-top" loading="eager">
                    </picture>
                    <div class="card-body p-4">
                        <h3 class="card-title">Submit your paper</h3>
                        <p class="card-text">Begin your submission process and enhance the visibility and impact of your work by publishing with us.</p>
                    </div>
                </div>
            </a>
    
            <!-- Card 2: Author guidelines -->
            <a href="/guidelines/author-guidelines" class="text-decoration-none">
                <div class="card">
                    <picture>
                        <img src="https://d2csxpduxe849s.cloudfront.net/media/E32629C6-9347-4F84-81FEAEF7BFA342B3/C2B4C1B8-A247-46E5-A04D3EE18E2194C4/thul-36585EAB-DEDE-4E52-A27073C2C12F8401.png" alt="Author guidelines" class="card-img-top" loading="eager">
                    </picture>
                    <div class="card-body p-4">
                        <h3 class="card-title">Author &amp; style guidelines</h3>
                        <p class="card-text">Ready to publish? Check our author guidelines for everything you need — from formatting requirements and citation style to word count and figure formats.</p>
                    </div>
                </div>
            </a>
    
            <!-- Card 3: Editorial process -->
            <a href="/guidelines/editor-guidelines" class="text-decoration-none">
                <div class="card">
                    <picture>
                        <img src="https://d2csxpduxe849s.cloudfront.net/media/E32629C6-9347-4F84-81FEAEF7BFA342B3/52FD1E31-E4D1-4343-8E7158DA392BDF5D/thul-DE1C653C-3AE8-40EE-B6569274C2EF87CB.png" alt="Editorial process" class="card-img-top" loading="eager">
                    </picture>
                    <div class="card-body p-4">
                        <h3 class="card-title">Editorial process</h3>
                        <p class="card-text">Reviewing a manuscript? See our editorial guidelines for everything you need to know about IJLTEMAS's double-blind peer review process.</p>
                    </div>
                </div>
            </a>
    
            <!-- Card 4: Open access -->
            <a href="/about/open-access" class="text-decoration-none">
                <div class="card">
                    <picture>
                        <img src="https://d2csxpduxe849s.cloudfront.net/media/E32629C6-9347-4F84-81FEAEF7BFA342B3/35311ED7-A6E8-4492-A027EDFCF3F7D81C/thul-8958C7C8-D7BA-4828-A9086F1A6D533111.png" alt="Open access" class="card-img-top" loading="eager">
                    </picture>
                    <div class="card-body p-4">
                        <h3 class="card-title">Open access</h3>
                        <p class="card-text">All published research is freely available to readers worldwide, promoting greater visibility and accessibility of scholarly work across 40+ countries.</p>
                    </div>
                </div>
            </a>
    
            <!-- Card 5: Article processing charge -->
            <a href="/journals/ijltemas/for-authors/publishing-fees" class="text-decoration-none">
                <div class="card">
                    <picture>
                        <img src="https://d2csxpduxe849s.cloudfront.net/media/E32629C6-9347-4F84-81FEAEF7BFA342B3/DE012B7F-FBD9-4AA0-B3B7B1B3379098B6/thul-F1A6E797-9302-4AAA-AA2341AE8D74D879.png" alt="Article processing charge" class="card-img-top" loading="eager">
                    </picture>
                    <div class="card-body p-4">
                        <h3 class="card-title">Article processing charge</h3>
                        <p class="card-text">We charge a nominal fee of just $30 to keep publishing accessible to all researchers. APCs apply to articles accepted after rigorous peer review.</p>
                    </div>
                </div>
            </a>
        </div>

        <h2>Journal notices</h2>
        <div class="card-wrapper">
            <!-- Notice 1: Call for papers -->
            <a href="/call-for-papers" class="text-decoration-none">
                <div class="card">
                    <picture>
                        <img src="https://d2csxpduxe849s.cloudfront.net/media/E32629C6-9347-4F84-81FEAEF7BFA342B3/CB20AF94-0883-4297-99B9DF2233850001/thul-600678EE-0A90-4E27-A46192A1DCACA8FC.png" alt="Call for papers March 2026" class="card-img-top" loading="eager">
                    </picture>
                    <div class="card-body p-4">
                        <h3 class="card-title">Call for papers: March 2026</h3>
                        <p class="card-text">We are now accepting submissions for the March 2026 issue. Deadline: 17th March 2026. Submit your original research to a global audience.</p>
                    </div>
                </div>
            </a>
    
            <!-- Notice 2: Special issue -->
            <a href="/special-issue" class="text-decoration-none">
                <div class="card">
                    <picture>
                        <img src="https://d2csxpduxe849s.cloudfront.net/media/E32629C6-9347-4F84-81FEAEF7BFA342B3/C2B4C1B8-A247-46E5-A04D3EE18E2194C4/thul-36585EAB-DEDE-4E52-A27073C2C12F8401.png" alt="Launch your special issue" class="card-img-top" loading="eager">
                    </picture>
                    <div class="card-body p-4">
                        <h3 class="card-title">Launch your special issue</h3>
                        <p class="card-text">Explore the insights of our special issues. Propose a focused topic and lead a collection of high-quality research in your area of expertise.</p>
                    </div>
                </div>
            </a>
    
            <!-- Notice 3: Conference proceedings -->
            <a href="/conference-proceedings" class="text-decoration-none">
                <div class="card">
                    <picture>
                        <img src="https://d2csxpduxe849s.cloudfront.net/media/E32629C6-9347-4F84-81FEAEF7BFA342B3/52FD1E31-E4D1-4343-8E7158DA392BDF5D/thul-DE1C653C-3AE8-40EE-B6569274C2EF87CB.png" alt="Publish conference proceedings" class="card-img-top" loading="eager">
                    </picture>
                    <div class="card-body p-4">
                        <h3 class="card-title">Publish conference proceedings</h3>
                        <p class="card-text">Partner with us to publish your conference proceedings with IJLTEMAS. Bring your conference research to a wide international readership.</p>
                    </div>
                </div>
            </a>
    
            <!-- Notice 4: Apply as reviewer -->
            <a href="/apply-reviewer" class="text-decoration-none">
                <div class="card">
                    <picture>
                        <img src="https://d2csxpduxe849s.cloudfront.net/media/E32629C6-9347-4F84-81FEAEF7BFA342B3/35311ED7-A6E8-4492-A027EDFCF3F7D81C/thul-8958C7C8-D7BA-4828-A9086F1A6D533111.png" alt="Apply as reviewer" class="card-img-top" loading="eager">
                    </picture>
                    <div class="card-body p-4">
                        <h3 class="card-title">Apply as reviewer</h3>
                        <p class="card-text">Join our worldwide network of 6,137+ expert reviewers from 71+ countries and contribute to advancing knowledge in your field.</p>
                    </div>
                </div>
            </a>
    
            <!-- Notice 5: Track paper -->
            <a href="/track-paper" class="text-decoration-none">
                <div class="card">
                    <picture>
                        <img src="https://d2csxpduxe849s.cloudfront.net/media/E32629C6-9347-4F84-81FEAEF7BFA342B3/DE012B7F-FBD9-4AA0-B3B7B1B3379098B6/thul-F1A6E797-9302-4AAA-AA2341AE8D74D879.png" alt="Track paper" class="card-img-top" loading="eager">
                    </picture>
                    <div class="card-body p-4">
                        <h3 class="card-title">Track your paper</h3>
                        <p class="card-text">Monitor the status of your submitted manuscript in real time — from initial submission through review and final publication decision.</p>
                    </div>
                </div>
            </a>
        </div>
    </div>
</section>

<section class="editors-section d-none">
    <div class="container">
        <div class="d-flex align-items-center mb-3">
            <h2 class="heading mb-0">Reviewers</h2>
            <a href="/reviewers" class="see-all">See all (6,000+) &gt;</a>
        </div>
        <!-- Desktop View: Horizontal Scroll -->
        <div class="carousel-container d-none d-md-flex">
            <!-- Reviewer 1 -->
            <div class="editor-card">
                <img src="https://www.ijltemas.in/wp-content/uploads/2024/11/stream_photo_8d981ed4_37570253c4eb9039862f36e7f8331e27d2e5e600.jpg" alt="Dr. Litan Daniela" class="editor-img">
                <h3 class="editor-name">Dr. Litan Daniela</h3>
                <p class="editor-affiliation">Hyperion University, Bucharest</p>
                <p class="editor-location">Romania</p>
                <p class="editor-role">Professor</p>
                <p class="editor-journal">Engineering &amp; Management</p>
            </div>
            <!-- Reviewer 2 -->
            <div class="editor-card">
                <img src="https://www.ijltemas.in/wp-content/uploads/2024/11/stream_photo_e0baf412_cb186f0d5f883e2f8be7580730f2d40d346560f1.jpg" alt="Dr. Usman Effendi" class="editor-img">
                <h3 class="editor-name">Dr. Usman Effendi</h3>
                <p class="editor-affiliation">Indonesia</p>
                <p class="editor-location">Indonesia</p>
                <p class="editor-role">Associate Professor</p>
                <p class="editor-journal">Applied Science</p>
            </div>
            <!-- Reviewer 3 -->
            <div class="editor-card">
                <img src="https://www.ijltemas.in/wp-content/uploads/2024/11/stream_photo_c245c917_64ddb8aefbb9d76657045cdd450dd43b5e7a0a26.jpg" alt="Dr. Anis Dwiastanti" class="editor-img">
                <h3 class="editor-name">Dr. Anis Dwiastanti</h3>
                <p class="editor-affiliation">Indonesia</p>
                <p class="editor-location">Indonesia</p>
                <p class="editor-role">Lecturer</p>
                <p class="editor-journal">Management</p>
            </div>
            <!-- Reviewer 4 -->
            <div class="editor-card">
                <img src="https://www.ijltemas.in/wp-content/uploads/2024/11/stream_photo_1e783688_87106ba45d85e2e449b24764a8201c3fed9ce320.jpg" alt="Engr. Ronnie Santelices" class="editor-img">
                <h3 class="editor-name">Engr. Ronnie Santelices</h3>
                <p class="editor-affiliation">Philippines</p>
                <p class="editor-location">Philippines</p>
                <p class="editor-role">BSCpE Programme Adviser</p>
                <p class="editor-journal">Computer Engineering</p>
            </div>
        </div>
        <!-- Mobile View: Carousel -->
        <div id="editorsCarousel" class="carousel slide d-md-none">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <div class="d-flex justify-content-center">
                        <div class="editor-card mx-auto" style="width: 90%;">
                            <img src="https://schoolinmycity.com/images/profile/341731/100" alt="Dr. Litan Daniela" class="editor-img">
                            <h3 class="editor-name">Dr. Litan Daniela</h3>
                            <p class="editor-affiliation">Hyperion University, Bucharest</p>
                            <p class="editor-location">Romania</p>
                            <p class="editor-role">Professor</p>
                            <p class="editor-journal">Engineering &amp; Management</p>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="d-flex justify-content-center">
                        <div class="editor-card mx-auto" style="width: 90%;">
                            <img src="https://schoolinmycity.com/images/profile/9779/100" alt="Dr. Usman Effendi" class="editor-img">
                            <h3 class="editor-name">Dr. Usman Effendi</h3>
                            <p class="editor-affiliation">Indonesia</p>
                            <p class="editor-location">Indonesia</p>
                            <p class="editor-role">Associate Professor</p>
                            <p class="editor-journal">Applied Science</p>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="d-flex justify-content-center">
                        <div class="editor-card mx-auto" style="width: 90%;">
                            <img src="https://schoolinmycity.com/images/profile/482137/100" alt="Dr. Anis Dwiastanti" class="editor-img">
                            <h3 class="editor-name">Dr. Anis Dwiastanti</h3>
                            <p class="editor-affiliation">Indonesia</p>
                            <p class="editor-location">Indonesia</p>
                            <p class="editor-role">Lecturer</p>
                            <p class="editor-journal">Management</p>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="d-flex justify-content-center">
                        <div class="editor-card mx-auto" style="width: 90%;">
                            <img src="https://schoolinmycity.com/images/profile/2089115/100" alt="Engr. Ronnie Santelices" class="editor-img">
                            <h3 class="editor-name">Engr. Ronnie Santelices</h3>
                            <p class="editor-affiliation">Philippines</p>
                            <p class="editor-location">Philippines</p>
                            <p class="editor-role">BSCpE Programme Adviser</p>
                            <p class="editor-journal">Computer Engineering</p>
                        </div>
                    </div>
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#editorsCarousel" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#editorsCarousel" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>
</section>

<section class="articles-section d-none">
    <div class="container">
        <div class="d-flex align-items-center mb-3">
            <h2 class="heading mb-0">Articles</h2>
            <a href="#" class="see-all">See all (5,094+) &gt;</a>
        </div>
        <!-- Tabs -->
        <ul class="nav nav-tabs mb-4">
            <li class="nav-item">
                <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#most-recent">Most recent</button>
            </li>
            <li class="nav-item">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#most-viewed">Most viewed</button>
            </li>
            <li class="nav-item">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#most-cited">Most cited</button>
            </li>
        </ul>
        <!-- Tab Content -->
        <div class="tab-content">

            <!-- ══ Most Recent Tab — Articles 1–4 ══ -->
            <div class="tab-pane fade show active" id="most-recent">
                <!-- Desktop -->
                <div class="row g-4 d-none d-md-flex">
                    <div class="col-md-3">
                        <div class="article-card p-3">
                            <p class="article-type">ORIGINAL RESEARCH</p>
                            <p class="article-date">🇳🇬 Nigeria</p>
                            <h3 class="article-title">Green Human Resources Management Practices and Tertiary Institution Productivity in South West Nigeria</h3>
                            <p class="article-authors">Ezekiel, Evelyn Ilamosi • Bako, Yusuf Adebola • Olopade Oluwaseun John</p>
                            <p class="article-journal">Dept. of Business Administration &amp; Management, Federal Polytechnic Ilaro</p>
                            <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130801</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="article-card p-3">
                            <p class="article-type">ORIGINAL RESEARCH</p>
                            <p class="article-date">🇵🇭 Philippines</p>
                            <h3 class="article-title">Evaluation of the Organoleptic Properties of Calabash Fruit (Crescentia Cujete) Jam: A Comprehensive Sensory Analysis</h3>
                            <p class="article-authors">Jorene Mae J. Tagud • Minerva B. Baclayon • Jose C. Agoylo Jr.</p>
                            <p class="article-journal">Southern Leyte State University – Main Campus, Southern Leyte</p>
                            <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130802</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="article-card p-3">
                            <p class="article-type">RESEARCH ARTICLE</p>
                            <p class="article-date">🇿🇲 Zambia</p>
                            <h3 class="article-title">Feedback in Linear Programming: Students' Perceptions at AYO Secondary School of Nkeyema District — A Hermeneutic Tactic</h3>
                            <p class="article-authors">Chrispine Mulenga Mwambazi • Simeon Mbewe • Francise Simui</p>
                            <p class="article-journal">Institute of Distance Education, UNZA</p>
                            <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130814</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="article-card p-3">
                            <p class="article-type">ORIGINAL RESEARCH</p>
                            <p class="article-date">🇴🇲 Oman</p>
                            <h3 class="article-title">Integrated Farm Management System for Smart Agriculture in Oman</h3>
                            <p class="article-authors">Omar Salim Al-Hashmi • Atheer Bashir Al-Hanai • S. M. Emdad Hossain</p>
                            <p class="article-journal">Dept. of Information Systems, CEMIS, University of Oman</p>
                            <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130819</p>
                        </div>
                    </div>
                </div>
                <!-- Mobile -->
                <div id="recentCarousel" class="carousel slide d-md-none">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <div class="d-flex justify-content-center">
                                <div class="article-card p-3 mx-auto" style="width:90%;">
                                    <p class="article-type">ORIGINAL RESEARCH</p>
                                    <p class="article-date">🇳🇬 Nigeria</p>
                                    <h3 class="article-title">Green Human Resources Management Practices and Tertiary Institution Productivity in South West Nigeria</h3>
                                    <p class="article-authors">Ezekiel, Evelyn Ilamosi • Bako, Yusuf Adebola • Olopade Oluwaseun John</p>
                                    <p class="article-journal">Federal Polytechnic Ilaro</p>
                                    <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130801</p>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="d-flex justify-content-center">
                                <div class="article-card p-3 mx-auto" style="width:90%;">
                                    <p class="article-type">ORIGINAL RESEARCH</p>
                                    <p class="article-date">🇵🇭 Philippines</p>
                                    <h3 class="article-title">Evaluation of the Organoleptic Properties of Calabash Fruit (Crescentia Cujete) Jam</h3>
                                    <p class="article-authors">Jorene Mae J. Tagud • Minerva B. Baclayon • Jose C. Agoylo Jr.</p>
                                    <p class="article-journal">Southern Leyte State University</p>
                                    <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130802</p>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="d-flex justify-content-center">
                                <div class="article-card p-3 mx-auto" style="width:90%;">
                                    <p class="article-type">RESEARCH ARTICLE</p>
                                    <p class="article-date">🇿🇲 Zambia</p>
                                    <h3 class="article-title">Feedback in Linear Programming: Students' Perceptions at AYO Secondary School</h3>
                                    <p class="article-authors">Chrispine Mulenga Mwambazi • Simeon Mbewe • Francise Simui</p>
                                    <p class="article-journal">Institute of Distance Education, UNZA</p>
                                    <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130814</p>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="d-flex justify-content-center">
                                <div class="article-card p-3 mx-auto" style="width:90%;">
                                    <p class="article-type">ORIGINAL RESEARCH</p>
                                    <p class="article-date">🇴🇲 Oman</p>
                                    <h3 class="article-title">Integrated Farm Management System for Smart Agriculture in Oman</h3>
                                    <p class="article-authors">Omar Salim Al-Hashmi • Atheer Bashir Al-Hanai • S. M. Emdad Hossain</p>
                                    <p class="article-journal">CEMIS, University of Oman</p>
                                    <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130819</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#recentCarousel" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button>
                    <button class="carousel-control-next" type="button" data-bs-target="#recentCarousel" data-bs-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span></button>
                </div>
            </div>

            <!-- ══ Most Viewed Tab — Articles 5–8 ══ -->
            <div class="tab-pane fade" id="most-viewed">
                <!-- Desktop -->
                <div class="row g-4 d-none d-md-flex">
                    <div class="col-md-3">
                        <div class="article-card p-3">
                            <p class="article-type">REVIEW ARTICLE</p>
                            <p class="article-date">🇳🇬 Nigeria</p>
                            <h3 class="article-title">Review on Status of African Catfish Aquaculture in Nigeria</h3>
                            <p class="article-authors">Chukwu G.U • Aga T.A • Ulasi G.F • Ezeh E.O • Gbande S.H</p>
                            <p class="article-journal">Dept. of Agricultural and Bio-resources Engineering, University</p>
                            <p class="article-stats">DOI: 10.51583/IJLTEMAS.2023.12811</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="article-card p-3">
                            <p class="article-type">ORIGINAL RESEARCH</p>
                            <p class="article-date">🇱🇰 Sri Lanka</p>
                            <h3 class="article-title">The Impact of Visual Merchandising on Impulse Buying Behavior: An Explanatory Study on Customers of Supermarket Chains in the Central Province of Sri Lanka</h3>
                            <p class="article-authors">Sandra B. Bastianpillai • Indunil T. Marasinghe</p>
                            <p class="article-journal">Dept. of Business Management, Rajarata University</p>
                            <p class="article-stats">DOI: 10.51583/IJLTEMAS.2023.121002</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="article-card p-3">
                            <p class="article-type">ORIGINAL RESEARCH</p>
                            <p class="article-date">🇰🇪 Kenya</p>
                            <h3 class="article-title">Performance Evaluation of Sand Screening Machine: Effect of Sieve Size and Moisture Content</h3>
                            <p class="article-authors">Garison Kiprotich • Isaiah Kimutai • Stephen Kimutai</p>
                            <p class="article-journal">Dept. of Industrial and Energy Engineering, Egerton University</p>
                            <p class="article-stats">DOI: 10.51583/IJLTEMAS.2023.12912</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="article-card p-3">
                            <p class="article-type">RESEARCH ARTICLE</p>
                            <p class="article-date">🇱🇰 Sri Lanka</p>
                            <h3 class="article-title">Factors Affecting Student Satisfaction of State Universities — With Special Reference to Regional State Universities in Sri Lanka</h3>
                            <p class="article-authors">W.M.R.B. Weerasooriya • U.W.M.R.S. Kappagoda</p>
                            <p class="article-journal">Faculty of Management Studies, Rajarata University of Sri Lanka, Mihintale</p>
                            <p class="article-stats">DOI: 10.51583/IJLTEMAS</p>
                        </div>
                    </div>
                </div>
                <!-- Mobile -->
                <div id="viewedCarousel" class="carousel slide d-md-none">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <div class="d-flex justify-content-center">
                                <div class="article-card p-3 mx-auto" style="width:90%;">
                                    <p class="article-type">REVIEW ARTICLE</p>
                                    <p class="article-date">🇳🇬 Nigeria</p>
                                    <h3 class="article-title">Review on Status of African Catfish Aquaculture in Nigeria</h3>
                                    <p class="article-authors">Chukwu G.U • Aga T.A • Ulasi G.F • Ezeh E.O • Gbande S.H</p>
                                    <p class="article-journal">Dept. of Agricultural and Bio-resources Engineering</p>
                                    <p class="article-stats">DOI: 10.51583/IJLTEMAS.2023.12811</p>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="d-flex justify-content-center">
                                <div class="article-card p-3 mx-auto" style="width:90%;">
                                    <p class="article-type">ORIGINAL RESEARCH</p>
                                    <p class="article-date">🇱🇰 Sri Lanka</p>
                                    <h3 class="article-title">The Impact of Visual Merchandising on Impulse Buying Behavior</h3>
                                    <p class="article-authors">Sandra B. Bastianpillai • Indunil T. Marasinghe</p>
                                    <p class="article-journal">Rajarata University</p>
                                    <p class="article-stats">DOI: 10.51583/IJLTEMAS.2023.121002</p>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="d-flex justify-content-center">
                                <div class="article-card p-3 mx-auto" style="width:90%;">
                                    <p class="article-type">ORIGINAL RESEARCH</p>
                                    <p class="article-date">🇰🇪 Kenya</p>
                                    <h3 class="article-title">Performance Evaluation of Sand Screening Machine</h3>
                                    <p class="article-authors">Garison Kiprotich • Isaiah Kimutai • Stephen Kimutai</p>
                                    <p class="article-journal">Egerton University</p>
                                    <p class="article-stats">DOI: 10.51583/IJLTEMAS.2023.12912</p>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="d-flex justify-content-center">
                                <div class="article-card p-3 mx-auto" style="width:90%;">
                                    <p class="article-type">RESEARCH ARTICLE</p>
                                    <p class="article-date">🇱🇰 Sri Lanka</p>
                                    <h3 class="article-title">Factors Affecting Student Satisfaction of State Universities in Sri Lanka</h3>
                                    <p class="article-authors">W.M.R.B. Weerasooriya • U.W.M.R.S. Kappagoda</p>
                                    <p class="article-journal">Rajarata University of Sri Lanka, Mihintale</p>
                                    <p class="article-stats">DOI: 10.51583/IJLTEMAS</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#viewedCarousel" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button>
                    <button class="carousel-control-next" type="button" data-bs-target="#viewedCarousel" data-bs-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span></button>
                </div>
            </div>

            <!-- ══ Most Cited Tab — Articles 9–12 ══ -->
            <div class="tab-pane fade" id="most-cited">
                <!-- Desktop -->
                <div class="row g-4 d-none d-md-flex">
                    <div class="col-md-3">
                        <div class="article-card p-3">
                            <p class="article-type">ORIGINAL RESEARCH</p>
                            <p class="article-date">🇬🇧 UK</p>
                            <h3 class="article-title">Driving Technological Innovation for a Resilient Cybersecurity Landscape</h3>
                            <p class="article-authors">Muritala Aminu • Sunday Anawansedo • Yusuf Ademola Sodiq • Oladayo Tosin Akinwande</p>
                            <p class="article-journal">MSc Information Technology / BSc Physics / HND Electrical &amp; Electronics Engineering</p>
                            <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130414</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="article-card p-3">
                            <p class="article-type">ORIGINAL RESEARCH</p>
                            <p class="article-date">🇳🇬 Nigeria</p>
                            <h3 class="article-title">Comparative Assessment of Heavy Metals Loads in the Shoot of Selected Tree Plants and their Accumulation Potential in Kazaure, Jigawa</h3>
                            <p class="article-authors">Fowotade Sulayman Akanbi • Umar Abdul Adamu • Oladeji Saheed Olajide • Abdullahi Saidu Akun • Haruna Abubakar Danyaya</p>
                            <p class="article-journal">Hussaini Adamu Federal Polytechnic Kazaure Jigawa</p>
                            <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130412</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="article-card p-3">
                            <p class="article-type">RESEARCH ARTICLE</p>
                            <p class="article-date">🇱🇷 Liberia</p>
                            <h3 class="article-title">Strategic Framework for Human-Centric AI Governance: Navigating Ethical, Educational, and Societal Challenges</h3>
                            <p class="article-authors">Chris Gilbert • Mercy Abiola Gilbert</p>
                            <p class="article-journal">Computer Science and Engineering, William V.S. Tubman University</p>
                            <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130816</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="article-card p-3">
                            <p class="article-type">ORIGINAL RESEARCH</p>
                            <p class="article-date">🇮🇩 Indonesia</p>
                            <h3 class="article-title">Adaptation Phenomena of Visually Impaired Disabilities in Social Relations at the Social Rehabilitation Unit in Malang, Indonesia</h3>
                            <p class="article-authors">Firdaus Suslistijawan • Oman Sukmana • Vina Salviana Darvina Soedarwo</p>
                            <p class="article-journal">Universitas Muhammadiyah / Dept. of Sociology, Universitas</p>
                            <p class="article-stats">DOI: 10.51583/ijltemas.2024.130502</p>
                        </div>
                    </div>
                </div>
                <!-- Mobile -->
                <div id="citedCarousel" class="carousel slide d-md-none">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <div class="d-flex justify-content-center">
                                <div class="article-card p-3 mx-auto" style="width:90%;">
                                    <p class="article-type">ORIGINAL RESEARCH</p>
                                    <p class="article-date">🇬🇧 UK</p>
                                    <h3 class="article-title">Driving Technological Innovation for a Resilient Cybersecurity Landscape</h3>
                                    <p class="article-authors">Muritala Aminu • Sunday Anawansedo • Yusuf Ademola Sodiq • Oladayo Tosin Akinwande</p>
                                    <p class="article-journal">MSc IT / BSc Physics / HND Electrical Engineering</p>
                                    <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130414</p>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="d-flex justify-content-center">
                                <div class="article-card p-3 mx-auto" style="width:90%;">
                                    <p class="article-type">ORIGINAL RESEARCH</p>
                                    <p class="article-date">🇳🇬 Nigeria</p>
                                    <h3 class="article-title">Comparative Assessment of Heavy Metals Loads in Tree Plants in Kazaure, Jigawa</h3>
                                    <p class="article-authors">Fowotade Sulayman Akanbi • Umar Abdul Adamu • Oladeji Saheed Olajide</p>
                                    <p class="article-journal">Hussaini Adamu Federal Polytechnic Kazaure</p>
                                    <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130412</p>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="d-flex justify-content-center">
                                <div class="article-card p-3 mx-auto" style="width:90%;">
                                    <p class="article-type">RESEARCH ARTICLE</p>
                                    <p class="article-date">🇱🇷 Liberia</p>
                                    <h3 class="article-title">Strategic Framework for Human-Centric AI Governance</h3>
                                    <p class="article-authors">Chris Gilbert • Mercy Abiola Gilbert</p>
                                    <p class="article-journal">William V.S. Tubman University</p>
                                    <p class="article-stats">DOI: 10.51583/IJLTEMAS.2024.130816</p>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="d-flex justify-content-center">
                                <div class="article-card p-3 mx-auto" style="width:90%;">
                                    <p class="article-type">ORIGINAL RESEARCH</p>
                                    <p class="article-date">🇮🇩 Indonesia</p>
                                    <h3 class="article-title">Adaptation Phenomena of Visually Impaired Disabilities in Social Relations in Malang</h3>
                                    <p class="article-authors">Firdaus Suslistijawan • Oman Sukmana • Vina Salviana Darvina Soedarwo</p>
                                    <p class="article-journal">Universitas Muhammadiyah</p>
                                    <p class="article-stats">DOI: 10.51583/ijltemas.2024.130502</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#citedCarousel" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button>
                    <button class="carousel-control-next" type="button" data-bs-target="#citedCarousel" data-bs-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span></button>
                </div>
            </div>

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

<section class="research-topics-section d-none">
    <div class="container">
        <div class="d-flex align-items-center mb-3">
            <h2 class="heading mb-0">Sections</h2>
            <a href="#" class="see-all">See all &gt;</a>
        </div>
        <!-- Tabs -->
        <ul class="nav nav-tabs mb-4">
            <li class="nav-item">
                <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#most-recent-topics">Most recent</button>
            </li>
            <li class="nav-item">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#most-viewed-topics">Most viewed</button>
            </li>
            <li class="nav-item">
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#most-articles-topics">Most articles</button>
            </li>
        </ul>
        <!-- Tab Content -->
        <div class="tab-content">
            <!-- Most Recent Tab -->
            <div class="tab-pane fade show active" id="most-recent-topics">
                <div class="row g-4 d-none d-md-flex">
                    <div class="col-md-3">
                        <div class="topic-card">
                            <img src="https://via.placeholder.com/300x200?text=Engineering" alt="Engineering" class="topic-img">
                            <div class="p-3">
                                <p class="submission-open">SUBMISSION OPEN</p>
                                <h3 class="topic-title">Engineering</h3>
                                <p class="topic-editors">Mechanical • Civil • Electrical • Chemical • Biomedical • Computer Science • Environmental Engineering</p>
                                <p class="topic-views">Share groundbreaking research and innovative solutions across all engineering disciplines.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="topic-card">
                            <img src="https://via.placeholder.com/300x200?text=Management" alt="Management" class="topic-img">
                            <div class="p-3">
                                <p class="submission-open">SUBMISSION OPEN</p>
                                <h3 class="topic-title">Management</h3>
                                <p class="topic-editors">Business Excellence • Strategic Decision-Making • Sustainable Growth • Organisational Behaviour</p>
                                <p class="topic-views">Bridging theory and practice to promote knowledge supporting business excellence.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="topic-card">
                            <img src="https://via.placeholder.com/300x200?text=Applied+Science" alt="Applied Science" class="topic-img">
                            <div class="p-3">
                                <p class="submission-open">SUBMISSION OPEN</p>
                                <h3 class="topic-title">Applied Science</h3>
                                <p class="topic-editors">Data Science • Artificial Intelligence • Robotics • Materials Science • Energy &amp; Environment</p>
                                <p class="topic-views">Bridging scientific theory with real-world applications driving societal progress.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="topic-card">
                            <img src="https://via.placeholder.com/300x200?text=Special+Issues" alt="Special Issues" class="topic-img">
                            <div class="p-3">
                                <p class="submission-open">SUBMISSION OPEN</p>
                                <h3 class="topic-title">Special Issues</h3>
                                <p class="topic-editors">Focused thematic collections across engineering, management &amp; applied sciences</p>
                                <p class="topic-views">Propose a focused topic and lead a collection in your area of expertise.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Mobile View: Carousel -->
                <div id="recentTopicsCarousel" class="carousel slide d-md-none">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <div class="d-flex justify-content-center">
                                <div class="topic-card mx-auto" style="width: 90%;">
                                    <img src="https://via.placeholder.com/300x200?text=Engineering" alt="Engineering" class="topic-img">
                                    <div class="p-3">
                                        <p class="submission-open">SUBMISSION OPEN</p>
                                        <h3 class="topic-title">Engineering</h3>
                                        <p class="topic-editors">Mechanical • Civil • Electrical • Chemical • Biomedical • Computer Science</p>
                                        <p class="topic-views">Innovative solutions across all engineering disciplines.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="d-flex justify-content-center">
                                <div class="topic-card mx-auto" style="width: 90%;">
                                    <img src="https://via.placeholder.com/300x200?text=Management" alt="Management" class="topic-img">
                                    <div class="p-3">
                                        <p class="submission-open">SUBMISSION OPEN</p>
                                        <h3 class="topic-title">Management</h3>
                                        <p class="topic-editors">Business Excellence • Strategic Decision-Making • Sustainable Growth</p>
                                        <p class="topic-views">Bridging theory and practice for business excellence.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="d-flex justify-content-center">
                                <div class="topic-card mx-auto" style="width: 90%;">
                                    <img src="https://via.placeholder.com/300x200?text=Applied+Science" alt="Applied Science" class="topic-img">
                                    <div class="p-3">
                                        <p class="submission-open">SUBMISSION OPEN</p>
                                        <h3 class="topic-title">Applied Science</h3>
                                        <p class="topic-editors">Data Science • AI • Robotics • Materials Science • Energy &amp; Environment</p>
                                        <p class="topic-views">Bridging scientific theory with real-world applications.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="d-flex justify-content-center">
                                <div class="topic-card mx-auto" style="width: 90%;">
                                    <img src="https://via.placeholder.com/300x200?text=Special+Issues" alt="Special Issues" class="topic-img">
                                    <div class="p-3">
                                        <p class="submission-open">SUBMISSION OPEN</p>
                                        <h3 class="topic-title">Special Issues</h3>
                                        <p class="topic-editors">Focused thematic collections across all sections</p>
                                        <p class="topic-views">Lead a collection in your area of expertise.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#recentTopicsCarousel" data-bs-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#recentTopicsCarousel" data-bs-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Next</span>
                    </button>
                </div>
            </div>

            <!-- Most Viewed Tab -->
            <div class="tab-pane fade" id="most-viewed-topics">
                <div class="row g-4 d-none d-md-flex">
                    <div class="col-md-3">
                        <div class="topic-card">
                            <img src="https://via.placeholder.com/300x200?text=AI+%26+Data+Science" alt="AI and Data Science" class="topic-img">
                            <div class="p-3">
                                <p class="submission-open">SUBMISSION OPEN</p>
                                <h3 class="topic-title">Artificial Intelligence &amp; Data Science</h3>
                                <p class="topic-editors">Machine Learning • Deep Learning • NLP • Data Analytics</p>
                                <p class="topic-views">Most viewed section</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="topic-card">
                            <img src="https://via.placeholder.com/300x200?text=Computer+Science" alt="Computer Science" class="topic-img">
                            <div class="p-3">
                                <p class="submission-open">SUBMISSION OPEN</p>
                                <h3 class="topic-title">Computer Science Engineering</h3>
                                <p class="topic-editors">Software Engineering • Networks • Cybersecurity • Cloud Computing</p>
                                <p class="topic-views">Second most viewed section</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="topic-card">
                            <img src="https://via.placeholder.com/300x200?text=Electrical+Engg" alt="Electrical Engineering" class="topic-img">
                            <div class="p-3">
                                <p class="submission-open">SUBMISSION OPEN</p>
                                <h3 class="topic-title">Electrical Engineering</h3>
                                <p class="topic-editors">Power Systems • Electronics • Signal Processing • Embedded Systems</p>
                                <p class="topic-views">Third most viewed section</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="topic-card">
                            <img src="https://via.placeholder.com/300x200?text=Mechanical+Engg" alt="Mechanical Engineering" class="topic-img">
                            <div class="p-3">
                                <p class="submission-open">SUBMISSION OPEN</p>
                                <h3 class="topic-title">Mechanical Engineering</h3>
                                <p class="topic-editors">Thermodynamics • Manufacturing • Robotics • Fluid Mechanics</p>
                                <p class="topic-views">Fourth most viewed section</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Mobile Carousel omitted for brevity — same pattern as above -->
            </div>

            <!-- Most Articles Tab -->
            <div class="tab-pane fade" id="most-articles-topics">
                <div class="row g-4 d-none d-md-flex">
                    <div class="col-md-3">
                        <div class="topic-card">
                            <img src="https://via.placeholder.com/300x200?text=General+Engineering" alt="General Engineering" class="topic-img">
                            <div class="p-3">
                                <p class="submission-open">SUBMISSION OPEN</p>
                                <h3 class="topic-title">General Engineering</h3>
                                <p class="topic-editors">Interdisciplinary engineering research across all core domains</p>
                                <p class="topic-views">Highest number of articles published</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="topic-card">
                            <img src="https://via.placeholder.com/300x200?text=Industrial+Mfg" alt="Industrial Manufacturing" class="topic-img">
                            <div class="p-3">
                                <p class="submission-open">SUBMISSION OPEN</p>
                                <h3 class="topic-title">Industrial &amp; Manufacturing Engineering</h3>
                                <p class="topic-editors">Lean Manufacturing • Supply Chain • Quality Control • Industrial Automation</p>
                                <p class="topic-views">Second highest articles</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="topic-card">
                            <img src="https://via.placeholder.com/300x200?text=Environmental+Engg" alt="Environmental Engineering" class="topic-img">
                            <div class="p-3">
                                <p class="submission-open">SUBMISSION OPEN</p>
                                <h3 class="topic-title">Environmental Engineering</h3>
                                <p class="topic-editors">Sustainability • Water Treatment • Pollution Control • Renewable Energy</p>
                                <p class="topic-views">Third highest articles</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="topic-card">
                            <img src="https://via.placeholder.com/300x200?text=Energy+%26+Oil" alt="Energy and Oil" class="topic-img">
                            <div class="p-3">
                                <p class="submission-open">SUBMISSION OPEN</p>
                                <h3 class="topic-title">Energy &amp; Oil</h3>
                                <p class="topic-editors">Petroleum Engineering • Renewable Energy • Energy Systems • Oil &amp; Gas</p>
                                <p class="topic-views">Fourth highest articles</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="volumes-section d-none">

  <!-- Desktop header -->
  <div class="volumes-header desktop-header">
    <h2 class="volumes-title">Volumes</h2>
    <a href="#" class="see-all-link">See all (10+) <i class="bi bi-chevron-right" style="font-size:12px;"></i></a>
  </div>

  <!-- ══ DESKTOP grid ══ -->
  <div class="desktop-grid">
    <a href="#" class="text-decoration-none">
      <div class="vol-card"><p class="vol-card-title">Volume XIV — Issue I (2026)</p><span class="vol-arrow">→</span></div>
    </a>
    <a href="#" class="text-decoration-none">
      <div class="vol-card"><p class="vol-card-title">Volume XIII — Issue XII (2024)</p><span class="vol-arrow">→</span></div>
    </a>
    <a href="#" class="text-decoration-none">
      <div class="vol-card"><p class="vol-card-title">Volume XIII — Issue XI (2024)</p><span class="vol-arrow">→</span></div>
    </a>
    <a href="#" class="text-decoration-none">
      <div class="vol-card"><p class="vol-card-title">Volume XIII — Issue X (2024)</p><span class="vol-arrow">→</span></div>
    </a>
    <a href="#" class="text-decoration-none">
      <div class="vol-card"><p class="vol-card-title">Volume XIII — Issue IX (2024)</p><span class="vol-arrow">→</span></div>
    </a>
  </div>

  <!-- ══ MOBILE header + slider ══ -->
  <div class="mobile-header">
    <h2 class="volumes-title">Volumes</h2>
    <a href="#" class="see-all-link">See all (10+) <i class="bi bi-chevron-right" style="font-size:12px;"></i></a>
  </div>

  <div class="mobile-slider">
    <button class="slider-btn slider-prev" data-bs-target="#volCarousel" data-bs-slide="prev" aria-label="Previous">
      <i class="bi bi-chevron-left"></i>
    </button>

    <div id="volCarousel" class="carousel slide" data-bs-touch="true">
      <div class="carousel-inner">
        <div class="carousel-item active">
          <a href="#" class="text-decoration-none d-block">
            <div class="vol-card"><p class="vol-card-title">Volume XIV — Issue I (2026)</p><span class="vol-arrow">→</span></div>
          </a>
        </div>
        <div class="carousel-item">
          <a href="#" class="text-decoration-none d-block">
            <div class="vol-card"><p class="vol-card-title">Volume XIII — Issue XII (2024)</p><span class="vol-arrow">→</span></div>
          </a>
        </div>
        <div class="carousel-item">
          <a href="#" class="text-decoration-none d-block">
            <div class="vol-card"><p class="vol-card-title">Volume XIII — Issue XI (2024)</p><span class="vol-arrow">→</span></div>
          </a>
        </div>
        <div class="carousel-item">
          <a href="#" class="text-decoration-none d-block">
            <div class="vol-card"><p class="vol-card-title">Volume XIII — Issue X (2024)</p><span class="vol-arrow">→</span></div>
          </a>
        </div>
        <div class="carousel-item">
          <a href="#" class="text-decoration-none d-block">
            <div class="vol-card"><p class="vol-card-title">Volume XIII — Issue IX (2024)</p><span class="vol-arrow">→</span></div>
          </a>
        </div>
        <div class="carousel-item">
          <a href="#" class="text-decoration-none d-block">
            <div class="vol-card"><p class="vol-card-title">Volume XIII — Issue VIII (2024)</p><span class="vol-arrow">→</span></div>
          </a>
        </div>
        <div class="carousel-item">
          <a href="#" class="text-decoration-none d-block">
            <div class="vol-card"><p class="vol-card-title">Volume XII (2023)</p><span class="vol-arrow">→</span></div>
          </a>
        </div>
        <div class="carousel-item">
          <a href="#" class="text-decoration-none d-block">
            <div class="vol-card"><p class="vol-card-title">Volume XI (2022)</p><span class="vol-arrow">→</span></div>
          </a>
        </div>
        <div class="carousel-item">
          <a href="#" class="text-decoration-none d-block">
            <div class="vol-card"><p class="vol-card-title">Volume X (2021)</p><span class="vol-arrow">→</span></div>
          </a>
        </div>
        <div class="carousel-item">
          <a href="#" class="text-decoration-none d-block">
            <div class="vol-card"><p class="vol-card-title">Volume IX (2020)</p><span class="vol-arrow">→</span></div>
          </a>
        </div>
      </div>
    </div>

    <button class="slider-btn slider-next" data-bs-target="#volCarousel" data-bs-slide="next" aria-label="Next">
      <i class="bi bi-chevron-right"></i>
    </button>
  </div>

</section>


</main>

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