.q-slider{
    background:#01265d;
    border-bottom:12px solid #081c4a;
    overflow:hidden;
    position:relative;
}

.q-slide{
    display:flex;
    flex-direction:row-reverse; /* مهم */
    align-items:flex-end;
    justify-content:center;
    gap:120px;
    min-height:420px;
    padding:0 100px;
    max-width:1400px;
    margin:auto;
}

.q-text{
    width:700px;      /* ثابت */
    text-align:center;
    color:#fff;
    flex:none;        /* مهم */
        margin-bottom: 7%;
}

.q-text h2{
    font-size:42px;
    margin-bottom:30px;
    font-weight:700;
}

.q-text p{
    font-size:28px;
    line-height:2;
    margin:0;
}

.q-image{
    width:380px;
    flex:none;
    margin-bottom:4px; /* بالاتر بیاد */
}

.q-image img{
    max-height:350px;   /* کوچکتر شود */
    width:auto;
}

.q-dots{
    display:flex;
    justify-content:center;
    gap:12px;
    padding:18px 0;
}

.q-dots span{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#8aa0d0;
    cursor:pointer;
    transition:.3s;
}

.q-dots span.active{
    background:#fff;
    transform:scale(1.2);
}
.q-slide{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    min-height:420px;
    padding:0 60px;
    max-width:1400px;
    margin:auto;
    opacity:0;
    transform:translateX(100%);
    transition:all .5s ease;
    position:absolute;
    width:100%;
    top:0;
    left:0;
    pointer-events:none;
}

.q-slide.active{
    opacity:1;
    transform:translateX(0);
    position:relative;
    pointer-events:auto;
}

/* تبلت */

@media(max-width:1024px){

    .q-slide{
        min-height:340px;
        padding:0 40px;
    }

    .q-text h2{
        font-size:32px;
    }

    .q-text p{
        font-size:22px;
    }

    .q-image{
        width:38%;
    }

}

/* موبایل */

@media(max-width:768px){

    .q-slide{
        flex-direction:row-reverse;
        justify-content:space-between;

        min-height:160px;      /* ارتفاع کمتر */
        padding:5px 10px 0;    /* فضای خالی بالا حذف شود */

        gap:5px;
    }

    .q-text{
        width:58%;
        text-align:center;

        margin-left:43px;      /* فاصله از لبه چپ */
        margin-top:-20px;      /* متن بالاتر برود */
    }

    .q-text h2{
        font-size:12px;
        margin-bottom:17px;
    }

    .q-text p{
        font-size:12px;
        line-height:1.6;
        margin-bottom:14px;
    }

    .q-image{
        width:95px;            /* کوچک‌تر شود */
        margin-bottom:8px;
        margin-right:-11px;     /* راست‌تر برود */
    }

    .q-image img{
        max-height:130px;
        width:auto;
    }

}