.jg-gallery{
    width:100%;
}

/* عکس اصلی */

.jg-main{

    width:100%;

    height:650px;

    overflow:hidden;

    border-radius:24px;

    background:#eee;

}

.jg-main img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transition:.3s;

}

/* اسلایدر */

.jg-thumbs{

    margin-top:22px;

    overflow:hidden;

}

.jg-thumbs .swiper-wrapper{

    align-items:stretch;

}

.jg-thumbs .swiper-slide{

    width:180px !important;

    height:140px !important;

    flex-shrink:0;

    border-radius:18px;

    overflow:hidden;

    position:relative;

    cursor:pointer;

    transition:.25s;

}

.jg-thumb{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    border-radius:18px;

}

/* Hover */

.jg-thumbs .swiper-slide:hover{

    transform:translateY(-3px);

}

/* Active */

.jg-thumbs .swiper-slide.active{

    border:3px solid #0A84FF;

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

}

.jg-thumbs .swiper-slide.active::after{

    content:"";

    position:absolute;

    inset:0;

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

    border-radius:18px;

}

/* موبایل */

@media(max-width:768px){

.jg-main{

height:350px;

}

.jg-thumbs .swiper-slide{

width:110px !important;

height:85px !important;

}

}