/* Psychology Quotes Slider */

.pqs-slider{
    position:relative;
    width:100%;
    min-height:320px;
    overflow:hidden;
    border-radius:24px;
    background:linear-gradient(135deg,#3fa9f5,#7ed6ff);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
    direction:rtl;
}

.pqs-wrapper{
    position:relative;
    width:100%;
    min-height:320px;
}

.pqs-slide{
    position:absolute;
    inset:0;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    padding:40px;

    text-align:center;

    opacity:0;
    visibility:hidden;

    transition:opacity .8s ease;

    background:rgba(255,255,255,.12);
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
}

.pqs-slide.active{
    opacity:1;
    visibility:visible;
    z-index:2;
}

.pqs-quote{
    color:#fff;
    font-size:30px;
    font-weight:700;
    line-height:2;
    max-width:900px;
}

.pqs-author{
    margin-top:20px;
    color:#eef9ff;
    font-size:17px;
}

.pqs-tags{
    margin-top:25px;
}

.pqs-tags span{
    display:inline-block;
    margin:4px;
    padding:8px 14px;
    border-radius:30px;
    background:rgba(255,255,255,.22);
    color:#fff;
    font-size:13px;
}

.pqs-prev,
.pqs-next{

    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:48px;
    height:48px;

    border:none;
    border-radius:50%;

    background:rgba(255,255,255,.25);

    color:#fff;

    font-size:22px;

    cursor:pointer;

    transition:.3s;

    z-index:100;
}

.pqs-prev{
    right:18px;
}

.pqs-next{
    left:18px;
}

.pqs-prev:hover,
.pqs-next:hover{

    background:#fff;
    color:#2493dd;

}

.pqs-empty{

    padding:40px;
    text-align:center;
    border-radius:20px;
    background:#eef7ff;

}

@media(max-width:768px){

    .pqs-slider{
        min-height:270px;
    }

    .pqs-wrapper{
        min-height:270px;
    }

    .pqs-slide{
        padding:25px;
    }

    .pqs-quote{
        font-size:22px;
        line-height:1.8;
    }

    .pqs-author{
        font-size:15px;
    }

    .pqs-prev,
    .pqs-next{
        width:40px;
        height:40px;
        font-size:18px;
    }

}