/*=====================================
Forum Section
=====================================*/

.forum-section{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:30px;

    margin:70px auto;

}

/*=====================================
Cards
=====================================*/

.forum-left,
.sidebar-card{

    background:#fff;

    border:1px solid #edf1f3;

    border-radius:18px;

    box-shadow:0 8px 30px rgba(0,0,0,.04);

}

.forum-left{

    padding:30px;

}

.sidebar-card{

    padding:25px;

    margin-bottom:25px;

}

/*=====================================
Titles
=====================================*/

.section-title{

    margin-bottom:25px;

}

/*.section-title h2,
.sidebar-card h3{

    font-size:28px;

    font-weight:700;

    color:#222;

}*/

/*=====================================
Discussion Card
=====================================*/

.discussion-card{

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px;

    border:1px solid #edf1f3;

    border-radius:14px;

    margin-bottom:18px;

    transition:.3s;

}

.discussion-card:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,0,0,.06);

}

/*=====================================
User Image
=====================================*/

.user-img{

    width:52px;

    height:52px;

    border-radius:50%;

    object-fit:cover;

    flex-shrink:0;

}

/*=====================================
Content
=====================================*/

.discussion-content{

    flex:1;

}

.discussion-top{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:8px;

}

.discussion-top h4{

    font-size:18px;

    font-weight:600;

    color:#222;

    margin:0;

}

/*=====================================
Badges
=====================================*/

.badge{

    padding:5px 12px;

    border-radius:20px;

    font-size:12px;

    font-weight:600;

    color:#fff;

    white-space:nowrap;

}

.solved{

    background:#64c045;

}

.question{

    background:#f8a100;

}

/*=====================================
Meta
=====================================*/

.discussion-meta{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    font-size:14px;

    color:#7a7a7a;

}

.category{

    color:#64c045;

    font-weight:600;

}

.automation{

    color:#00a86b;

}

.feature{

    color:#00b3b3;

}

.best{

    color:#4caf50;

}

/*=====================================
Stats
=====================================*/

.discussion-stats{

    display:flex;

    flex-direction:column;

    gap:12px;

    font-size:15px;

    color:#666;

    min-width:65px;

    text-align:right;

}

.discussion-stats span{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:6px;

}

.discussion-stats i{

    color:#999;

}

/*=====================================
Buttons
=====================================*/

.btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:14px 28px;

    border:2px solid #64c045;

    color:#64c045;

    text-decoration:none;

    border-radius:40px;

    font-weight:600;

    transition:.3s;

}

.btn-outline:hover{

    background:#64c045;

    color:#fff;

}

.discussion-footer{

    text-align:center;

    margin-top:30px;

}

/*=====================================
Sidebar Contributors
=====================================*/

.contributor{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:18px;

}

.contributor img{

    width:46px;

    height:46px;

    border-radius:50%;

    object-fit:cover;

}

.contributor h5{

    margin:0;

    font-size:16px;

    font-weight:600;

}

.contributor span{

    color:#64c045;

    font-size:13px;

}

/*=====================================
Tags
=====================================*/

.tag-list{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin:25px 0;

}

.tag-list a{

    text-decoration:none;

    background:#f3f6f7;

    color:#666;

    padding:8px 14px;

    border-radius:30px;

    font-size:13px;

    transition:.3s;

}

.tag-list a:hover{

    background:#64c045;

    color:#fff;

}

.full-btn{

    width:100%;

}

/*=====================================
Forum Section
=====================================*/

.forum-section{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:30px;

    margin:60px auto;

}

/*=====================================
Cards
=====================================*/

.forum-left,
.sidebar-card{

    background:#fff;

    border:1px solid #edf1f3;

    border-radius:18px;

    box-shadow:0 8px 30px rgba(0,0,0,.04);

}

.forum-left{

    padding:30px;

}

.sidebar-card{

    padding:25px;

    margin-bottom:25px;

}

/*=====================================
Titles
=====================================*/

.section-title{

    margin-bottom:25px;

}

/*.section-title h2,
.sidebar-card h3{

    font-size:28px;

    font-weight:700;

    color:#222;

}
*/
/*=====================================
Discussion Card
=====================================*/

.discussion-card{

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px;

    border:1px solid #edf1f3;

    border-radius:14px;

    margin-bottom:18px;

    transition:.3s;

}

.discussion-card:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,0,0,.06);

}

/*=====================================
User Image
=====================================*/

.user-img{

    width:52px;

    height:52px;

    border-radius:50%;

    object-fit:cover;

    flex-shrink:0;

}

/*=====================================
Content
=====================================*/

.discussion-content{

    flex:1;

}

.discussion-top{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:8px;

}

.discussion-top h4{

    font-size:18px;

    font-weight:600;

    color:#222;

    margin:0;

}

/*=====================================
Badges
=====================================*/

.badge{

    padding:5px 12px;

    border-radius:20px;

    font-size:12px;

    font-weight:600;

    color:#fff;

    white-space:nowrap;

}

.solved{

    background:#64c045;

}

.question{

    background:#f8a100;

}

/*=====================================
Meta
=====================================*/

.discussion-meta{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    font-size:14px;

    color:#7a7a7a;

}

.category{

    color:#64c045;

    font-weight:600;

}

.automation{

    color:#00a86b;

}

.feature{

    color:#00b3b3;

}

.best{

    color:#4caf50;

}

/*=====================================
Stats
=====================================*/

.discussion-stats{

    display:flex;

    flex-direction:column;

    gap:12px;

    font-size:15px;

    color:#666;

    min-width:65px;

    text-align:right;

}

.discussion-stats span{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:6px;

}

.discussion-stats i{

    color:#999;

}

/*=====================================
Buttons
=====================================*/

.btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:14px 28px;

    border:2px solid #64c045;

    color:#64c045;

    text-decoration:none;

    border-radius:40px;

    font-weight:600;

    transition:.3s;

}

.btn-outline:hover{

    background:#64c045;

    color:#fff;

}

.discussion-footer{

    text-align:center;

    margin-top:30px;

}

/*=====================================
Sidebar Contributors
=====================================*/

.contributor{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:18px;

}

.contributor img{

    width:46px;

    height:46px;

    border-radius:50%;

    object-fit:cover;

}

.contributor h5{

    margin:0;

    font-size:16px;

    font-weight:600;

}

.contributor span{

    color:#64c045;

    font-size:13px;

}

/*=====================================
Tags
=====================================*/

.tag-list{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin:25px 0;

}

.tag-list a{

    text-decoration:none;

    background:#f3f6f7;

    color:#666;

    padding:8px 14px;

    border-radius:30px;

    font-size:13px;

    transition:.3s;

}

.tag-list a:hover{

    background:#64c045;

    color:#fff;

}

.full-btn{

    width:100%;

}
/*==========================
Community Stats
==========================*/

.forum-stats{

    display:grid;

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

    background:#fff;

    border:1px solid #edf2f5;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 8px 30px rgba(0,0,0,.05);

    margin:50px 0;

}

.stat-item{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:16px;

    padding:28px 20px;

    position:relative;

    transition:.3s;

}

.stat-item:not(:last-child){

    border-right:1px solid #edf2f5;

}

.stat-item:hover{

    background:#f8fff8;

}

.stat-icon{

    width:56px;

    height:56px;

    border-radius:50%;

    background:#eaf8ed;

    color:#64c045;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    transition:.3s;

}

.stat-item:hover .stat-icon{

    background:#64c045;

    color:#fff;

    transform:scale(1.08);

}
.sidebar-card h3
{
    text-align: left;
}

.stat-content h3{

    margin:0;

    font-size:26px;

    font-weight:700;

    color:#1f2937;

    line-height:1.1;

}

.stat-content p{

    margin:4px 0 0;

    font-size:14px;

    color:#777;

}

/*==========================
Responsive
==========================*/

@media(max-width:992px){

.forum-stats{

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

}

.stat-item:nth-child(2){

    border-right:none;

}

.stat-item:nth-child(1),
.stat-item:nth-child(2){

    border-bottom:1px solid #edf2f5;

}

}

@media(max-width:576px){

.forum-stats{

    grid-template-columns:1fr;

}

.stat-item{

    justify-content:flex-start;

    border-right:none !important;

    border-bottom:1px solid #edf2f5;

}
.sidebar-card h3
{
    text-align: center;
}

.stat-item:last-child{

    border-bottom:none;

}

.stat-content h3{

    font-size:16px;
    text-align: left;

}

}
@media screen and (max-width: 767px)
{
    .forum-section
    {
        display: block;
    }
    .discussion-card
    {
        display: block;
    }
    .solved
    {
        margin-left: 10px;
    }
    .discussion-top h4
    {
        font-size: 14px
    }
    .discussion-meta
    {
        display: flex;
        gap:0px;
    }
    .sidebar-card
    {
        padding: 20px 0px;
    }
    .forum-left
    {
        padding: 20px
    }
    .discussion-stats span
    {
        justify-content: flex-start;
    }
    .discussion-stats
    {
        display: ruby-text;
    }
    .question
    {
        margin-left: 10px
    } 
    .cta
    {
        text-align: center;
    }
}