.qm-contributor-profile{

    padding:50px 0;

    background:#f7f8fb;

}

.qm-profile-layout{

    display:grid;

    grid-template-columns:70% 30%;

    gap:35px;

}

.qm-profile-main{

    background:#fff;

    padding:35px;

    border-radius:10px;

    box-shadow:0 5px 20px rgba(0,0,0,.08);
    width: 100%;
}

.qm-profile-sidebar{

    position:sticky;

    top:20px;
    width: 93%;

}

.qm-profile-header{

    display:flex;

    gap:25px;

    align-items:center;

    margin-bottom:35px;

}

.qm-profile-photo img{

    width:250px;

    height:250px;

    border-radius:50%;

    object-fit:cover;

    border:5px solid #e0a800;

}

.qm-profile-info h1{

    color:#000e36;

    margin-bottom:10px;
    margin-left: 100px;

}

.qm-designation{

    color:#555;

    margin-bottom:15px;
    margin-left: 100px;
}

.qm-profile-stats{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

    margin:40px 0;
    

}

.qm-stat-box{

    text-align:center;

    background:#000e36;

    color:#fff;

    padding:25px;

    border-radius:8px;

}

.qm-stat-box h3{

    font-size:30px;

    margin-bottom:10px;

}
.qm-profile-about h2{
color: #fdfdfd;
text-align: center;
padding: 10px;
background-color: #000e36;
margin-bottom: 20px;
}

/*======================================
Professional Table
======================================*/
.qm-profile-professional h2{
color: #fdfdfd;
text-align: center;
padding: 10px;
background-color: #000e36;
margin-top: 20px;

}
.qm-profile-table{

width:100%;

border-collapse:collapse;

margin-top:20px;

margin-bottom:35px;
text-align: center;

}

.qm-profile-table th{

width:220px;

background:#000e36;

color:#fff;

padding:15px;

text-align:left;

}

.qm-profile-table td{

padding:15px;

border:1px solid #eee;

background:#fff;

}

/*======================================
WhatsApp
======================================*/
.qm-profile-contact h2{
color: #fdfdfd;
text-align: center;
padding: 10px;
background-color: #000e36;


}
.qm-whatsapp-box{

background:#f8f8f8;

padding:30px;

border-left:5px solid #25D366;

margin:40px 0;

border-radius:8px;

}
.qm-whatsapp-box p{

color: #000e36;

}

.qm-whatsapp-btn{

display:inline-block;

margin-top:20px;

padding:14px 28px;

background:#25D366;

color:#fff;

text-decoration:none;

border-radius:6px;

font-weight:600;

}

.qm-whatsapp-btn:hover{

background:#128C7E;

}
/* =========================================
   CONTRIBUTOR ACHIEVEMENTS
========================================= */

.qm-profile-achievements {
    margin-top: 35px;
}
.qm-profile-achievements h2 {
color: #fdfdfd;
text-align: center;
padding: 10px;
background-color: #000e36;
margin-bottom: 20px;
}

.qm-achievement-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.qm-achievement {
    background: #f5f6f8;
    border: 1px solid #ddd;
    border-top: 4px solid #000e36;
    border-radius: 10px;
    padding: 22px 15px;
    text-align: center;
    min-height: 165px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

.qm-achievement:hover {
    transform: translateY(-3px);
}

.qm-achievement.active {
    background: #fff;
    border-top-color: #e0a800;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.qm-achievement-icon {
    font-size: 38px;
    margin-bottom: 8px;
}

.qm-achievement h3 {
    margin: 0 0 6px;
    color: #000e36;
    font-size: 20px;
}

.qm-achievement p {
    margin: 0 0 10px;
    color: #555;
    font-size: 14px;
}

.qm-achievement-status {
    display: inline-block;
    background: #000e36;
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.qm-achievement-remaining {
    display: inline-block;
    color: #777;
    font-size: 12px;
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 900px) {

    .qm-achievement-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 600px) {

    .qm-achievement-grid {
        grid-template-columns: 1fr;
    }

}
/* =========================================
   ARTICLES BY THIS CONTRIBUTOR
========================================= */

.qm-contributor-articles {
    margin-top: 40px;
}

.qm-contributor-articles h2 {
    color: #fdfdfd;
    text-align: center;
    padding: 10px;
    background-color: #000e36;
    margin-bottom: 22px;
}


/* =========================================
   ARTICLE GRID
   3 ARTICLES PER ROW
========================================= */

.qm-contributor-articles .qm-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}


/* =========================================
   ARTICLE CARD
========================================= */

.qm-contributor-articles .qm-related-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    min-width: 0;
}

.qm-contributor-articles .qm-related-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.12);
}


/* =========================================
   FEATURED IMAGE
========================================= */

.qm-contributor-articles .qm-related-card > a {
    display: block;
}

.qm-contributor-articles .qm-related-card img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
}


/* =========================================
   CARD CONTENT
========================================= */

.qm-contributor-articles .qm-related-content {
    padding: 18px;
}

.qm-contributor-articles .qm-related-content h3 {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.35;
}

.qm-contributor-articles .qm-related-content h3 a {
    color: #000e36;
    text-decoration: none;
}

.qm-contributor-articles .qm-related-content h3 a:hover {
    color: #e0a800;
}

.qm-contributor-articles .qm-related-content p {
    margin: 0;
    color: #555;
    font-size: 14px;
    line-height: 1.6;
}


/* =========================================
   PAGINATION
========================================= */

.qm-contributor-pagination {
    display: flex;
    justify-content: center;
    margin-top: 35px;
    margin-bottom: 20px;
}

.qm-contributor-pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;

    list-style: none;

    margin: 0;
    padding: 0;
}

.qm-contributor-pagination li {
    margin: 0;
    padding: 0;
}

.qm-contributor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 42px;
    height: 42px;

    padding: 0 12px;

    border: 1px solid #d9d9d9;
    border-radius: 5px;

    background: #fff;
    color: #000e36;

    text-decoration: none;

    font-weight: 600;
    line-height: 1;

    transition: all 0.2s ease;
}

.qm-contributor-pagination .page-numbers:hover {
    background: #000e36;
    color: #fff;
    border-color: #000e36;
}

.qm-contributor-pagination .page-numbers.current {
    background: #e0a800;
    color: #000e36;
    border-color: #e0a800;
}

.qm-contributor-pagination .page-numbers.prev,
.qm-contributor-pagination .page-numbers.next {
    padding-left: 16px;
    padding-right: 16px;
}


/* =========================================
   TABLET
   2 ARTICLES PER ROW
========================================= */

@media (max-width: 900px) {

    .qm-contributor-articles .qm-related-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================
   MOBILE
   1 ARTICLE PER ROW
========================================= */

@media (max-width: 600px) {

    .qm-contributor-articles .qm-related-grid {
        grid-template-columns: 1fr;
    }

    .qm-contributor-articles h2 {
        font-size: 23px;
    }

    .qm-contributor-articles .qm-related-card img {
        height: 200px;
    }

    .qm-contributor-pagination ul {
        gap: 5px;
    }

    .qm-contributor-pagination .page-numbers {
        min-width: 38px;
        height: 38px;
        padding: 0 9px;
    }

}


/* =========================================
   CONTRIBUTOR ACTIVITY
========================================= */

.qm-profile-social {
    margin-top: 35px;
}

.qm-profile-social h2 {
    color: #fdfdfd;
text-align: center;
padding: 10px;
background-color: #000e36;
margin-bottom: 20px;
}

.qm-profile-activity-box {
    background: #f5f6f8;
    border: 1px solid #ddd;
    border-left: 5px solid #000e36;
    border-radius: 10px;
    padding: 20px 24px;
}

.qm-activity-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    font-size: 16px;
    font-weight: 700;

    margin-bottom: 12px;
}

.qm-activity-dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: inline-block;
}

/* Active */

.qm-activity-status.active {
    color: #087f23;
}

.qm-activity-status.active .qm-activity-dot {
    background: #16a34a;
}


/* Recently Active */

.qm-activity-status.recent {
    color: #b77900;
}

.qm-activity-status.recent .qm-activity-dot {
    background: #e0a800;
}


/* Inactive */

.qm-activity-status.inactive {
    color: #777;
}

.qm-activity-status.inactive .qm-activity-dot {
    background: #999;
}

.qm-activity-message {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.6;
}

.qm-last-activity {
    margin: 0;
    font-size: 14px;
    color: #555;
}

/* =========================================
   CONTRIBUTORS PAGE
========================================= */

.qm-contributors-page {
    padding: 50px 0;
}


/* =========================================
   PAGE HEADER
========================================= */

.qm-contributors-header {
    text-align: center;
    margin-bottom: 35px;
}

.qm-contributors-header h1 {
    margin: 0 0 10px;
    color: #000e36;
    font-size: 32px;
}

.qm-contributors-header p {
    margin: 0 auto;
    max-width: 700px;
    color: #666;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================
   CONTRIBUTORS GRID
========================================= */

.qm-contributors-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 22px;
}


/* =========================================
   CONTRIBUTOR CARD
========================================= */

.qm-contributor-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 22px 15px;
    text-align: center;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.qm-contributor-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.10);
}


/* =========================================
   CIRCULAR PHOTO
========================================= */

.qm-contributor-card-photo {
    width: 90px;
    height: 90px;
    margin: 0 auto 14px;
}

.qm-contributor-card-photo img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #e0a800;
    display: block;
}


/* =========================================
   CONTRIBUTOR NAME
========================================= */

.qm-contributor-card-content h2 {
    margin: 0 0 8px;
    color: #000e36;
    font-size: 18px;
    line-height: 1.35;
}


/* =========================================
   CONTRIBUTOR ID
========================================= */

.qm-contributor-id {
    margin: 5px 0;
    color: #666;
    font-size: 13px;
}

.qm-contributor-id strong {
    color: #000e36;
}


/* =========================================
   ARTICLE COUNT
========================================= */

.qm-contributor-articles-count {
    margin: 5px 0 16px;
    color: #666;
    font-size: 13px;
}

.qm-contributor-articles-count strong {
    color: #000e36;
}


/* =========================================
   VIEW PROFILE BUTTON
========================================= */

.qm-contributor-view-profile {
    display: inline-block;
    padding: 8px 18px;
    background: #000e36;
    color: #fff !important;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.25s ease;
}

.qm-contributor-view-profile:hover {
    background: #e0a800;
    color: #000e36 !important;
}


/* =========================================
   NO CONTRIBUTORS
========================================= */

.qm-no-contributors {
    grid-column: 1 / -1;
    text-align: center;
    padding: 30px;
    color: #777;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .qm-contributors-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {

    .qm-contributors-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

}


@media (max-width: 480px) {

    .qm-contributors-grid {
        grid-template-columns: 1fr;
    }

}

/* ==========================================================
   CONTRIBUTOR PROFILE
   FINAL RESPONSIVE FIX
========================================================== */


/* ==========================================================
   PROFILE MAIN LAYOUT
========================================================== */

.qm-profile-layout {

    display: grid;

    grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);

    gap: 35px;

    align-items: start;

    width: 100%;

    box-sizing: border-box;

}

.qm-profile-main {

    width: 100%;

    min-width: 0;

    box-sizing: border-box;

}

.qm-profile-sidebar {

    position: sticky;

    top: 20px;

    width: 100%;

    min-width: 0;

    box-sizing: border-box;

}


/* ==========================================================
   PROFILE HEADER
========================================================== */

.qm-profile-header {

    display: flex;

    align-items: center;

    gap: 25px;

    width: 100%;

    box-sizing: border-box;

}

.qm-profile-photo {

    flex: 0 0 250px;

}

.qm-profile-photo img {

    display: block;

    width: 250px;

    height: 250px;

    max-width: 100%;

    object-fit: cover;

}

.qm-profile-info {

    min-width: 0;

    flex: 1;

}

.qm-profile-info h1 {

    margin-left: 0;

    overflow-wrap: break-word;

}

.qm-designation {

    margin-left: 0;

}


/* ==========================================================
   PROFILE STATS
========================================================== */

.qm-profile-stats {

    width: 100%;

    grid-template-columns: repeat(3, minmax(0, 1fr));

}

.qm-stat-box {

    min-width: 0;

    box-sizing: border-box;

}


/* ==========================================================
   PROFESSIONAL TABLE
========================================================== */

.qm-profile-professional {

    width: 100%;

    overflow-x: auto;

}

.qm-profile-table {

    width: 100%;

    min-width: 550px;

}


/* ==========================================================
   ACHIEVEMENTS
========================================================== */

.qm-achievement-grid {

    grid-template-columns: repeat(4, minmax(0, 1fr));

}

.qm-achievement {

    min-width: 0;

    box-sizing: border-box;

}


/* ==========================================================
   CONTRIBUTOR ARTICLES
========================================================== */

.qm-contributor-articles .qm-related-grid {

    grid-template-columns: repeat(3, minmax(0, 1fr));

}

.qm-contributor-articles .qm-related-card {

    min-width: 0;

}


/* ==========================================================
   CONTRIBUTORS LISTING
========================================================== */

.qm-contributors-grid {

    grid-template-columns: repeat(6, minmax(0, 1fr));

}

.qm-contributor-card {

    min-width: 0;

    box-sizing: border-box;

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1100px) {

    /* Profile layout */

    .qm-profile-layout {

        grid-template-columns: minmax(0, 1fr) 280px;

        gap: 25px;

    }


    /* Profile header */

    .qm-profile-header {

        gap: 20px;

    }

    .qm-profile-photo {

        flex: 0 0 200px;

    }

    .qm-profile-photo img {

        width: 200px;

        height: 200px;

    }


    /* Contributors */

    .qm-contributors-grid {

        grid-template-columns: repeat(4, minmax(0, 1fr));

    }

}


/* ==========================================================
   TABLET / SMALL LAPTOP
========================================================== */

@media (max-width: 900px) {

    /* Profile layout becomes single column */

    .qm-profile-layout {

        grid-template-columns: 1fr;

        gap: 30px;

    }

    .qm-profile-main,

    .qm-profile-sidebar {

        width: 100%;

    }

    .qm-profile-sidebar {

        position: static;

    }


    /* Profile header */

    .qm-profile-header {

        align-items: center;

    }


    /* Achievements */

    .qm-achievement-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }


    /* Contributor articles */

    .qm-contributor-articles .qm-related-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }


    /* Contributors page */

    .qm-contributors-grid {

        grid-template-columns: repeat(3, minmax(0, 1fr));

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 768px) {

    /* ======================================================
       PROFILE SECTION
    ====================================================== */

    .qm-contributor-profile {

        padding: 30px 0;

    }


    /* ======================================================
       PROFILE MAIN
    ====================================================== */

    .qm-profile-main {

        padding: 22px;

    }


    /* ======================================================
       PROFILE HEADER
    ====================================================== */

    .qm-profile-header {

        flex-direction: column;

        text-align: center;

        gap: 18px;

        margin-bottom: 25px;

    }

    .qm-profile-photo {

        flex: 0 0 auto;

    }

    .qm-profile-photo img {

        width: 180px;

        height: 180px;

        margin: 0 auto;

    }

    .qm-profile-info {

        width: 100%;

    }

    .qm-profile-info h1 {

        margin-left: 0;

        font-size: 28px;

    }

    .qm-designation {

        margin-left: 0;

    }


    /* ======================================================
       PROFILE STATS
    ====================================================== */

    .qm-profile-stats {

        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 10px;

        margin: 30px 0;

    }

    .qm-stat-box {

        padding: 18px 10px;

    }

    .qm-stat-box h3 {

        font-size: 24px;

    }


    /* ======================================================
       PROFESSIONAL TABLE
    ====================================================== */

    .qm-profile-professional {

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

    }

    .qm-profile-table {

        min-width: 550px;

    }


    /* ======================================================
       WHATSAPP
    ====================================================== */

    .qm-whatsapp-box {

        padding: 22px;

        margin: 30px 0;

    }

    .qm-whatsapp-btn {

        width: 100%;

        box-sizing: border-box;

        text-align: center;

    }


    /* ======================================================
       ACHIEVEMENTS
    ====================================================== */

    .qm-achievement-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 12px;

    }

    .qm-achievement {

        min-height: 150px;

        padding: 18px 10px;

    }

    .qm-achievement-icon {

        font-size: 32px;

    }

    .qm-achievement h3 {

        font-size: 18px;

    }


    /* ======================================================
       CONTRIBUTOR ARTICLES
    ====================================================== */

    .qm-contributor-articles .qm-related-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }

    .qm-contributor-articles .qm-related-card img {

        height: 200px;

    }


    /* ======================================================
       CONTRIBUTORS PAGE
    ====================================================== */

    .qm-contributors-page {

        padding: 30px 0;

    }

    .qm-contributors-header h1 {

        font-size: 28px;

    }

    .qm-contributors-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 15px;

    }

    .qm-contributor-card {

        padding: 18px 10px;

    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

    /* ======================================================
       PROFILE
    ====================================================== */

    .qm-contributor-profile {

        padding: 20px 0;

    }

    .qm-profile-main {

        padding: 16px;

        border-radius: 8px;

    }


    /* ======================================================
       PROFILE PHOTO
    ====================================================== */

    .qm-profile-photo img {

        width: 145px;

        height: 145px;

    }


    /* ======================================================
       PROFILE TITLE
    ====================================================== */

    .qm-profile-info h1 {

        font-size: 23px;

        line-height: 1.35;

    }

    .qm-designation {

        font-size: 14px;

    }


    /* ======================================================
       STATS
    ====================================================== */

    .qm-profile-stats {

        grid-template-columns: 1fr;

        gap: 10px;

        margin: 25px 0;

    }

    .qm-stat-box {

        padding: 15px;

    }

    .qm-stat-box h3 {

        font-size: 22px;

    }


    /* ======================================================
       SECTION HEADINGS
    ====================================================== */

    .qm-profile-about h2,
    .qm-profile-professional h2,
    .qm-profile-contact h2,
    .qm-profile-achievements h2,
    .qm-contributor-articles h2,
    .qm-profile-social h2 {

        font-size: 20px;

        padding: 9px;

    }


    /* ======================================================
       ACHIEVEMENTS
    ====================================================== */

    .qm-achievement-grid {

        grid-template-columns: 1fr;

        gap: 12px;

    }


    /* ======================================================
       CONTRIBUTORS
    ====================================================== */

    .qm-contributors-grid {

        grid-template-columns: 1fr;

    }

    .qm-contributors-header h1 {

        font-size: 24px;

    }

    .qm-contributor-card {

        padding: 20px 15px;

    }


    /* ======================================================
       PAGINATION
    ====================================================== */

    .qm-contributor-pagination {

        overflow-x: auto;

        justify-content: flex-start;

        padding-bottom: 5px;

    }

    .qm-contributor-pagination ul {

        flex-wrap: nowrap;

        margin: 0 auto;

    }

}

.qm-contributor-search-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    align-items: flex-end;
}

.qm-contributor-search-group {
    flex: 1 1 0;
    min-width: 0;
}

.qm-contributor-search-group select {
    width: 100%;
}