.emc-events{

    margin:60px auto;

}

.emc-card{

    background:#fff;

    border:1px solid #ddd;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

    transition:.3s;

    height:100%;

}

.emc-card:hover{

    transform:translateY(-5px);

}

.emc-thumb{

    overflow:hidden;

}

.emc-thumb img{

    width:100%;

    height:240px;

    object-fit:cover;

    display:block;

}

.emc-body{

    padding:15px;

    text-align:center;

}

.emc-body h5{

    font-size:18px;

    line-height:28px;

    min-height:56px;

    margin-bottom:15px;

}

.emc-readmore{

    color:#0b51b7;

    text-decoration:none;

    font-weight:600;

}

.emc-readmore:hover{

    color:#e60023;

}































/* Container */

.vs-events{
    width:100%;
    max-width:1320px;
    margin:0 auto;
    padding:20px 15px;
    box-sizing:border-box;
}

/* Row */

.vs-events-row{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin:-15px;
}

/* Desktop 4 */

.vs-event-col{
    
    padding:15px;
    box-sizing:border-box;
    text-align: center;
}

/* Card */


.vs-thumb{

height:240px;
overflow:hidden;

}


.vs-card{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:8px;
    overflow:hidden;
    transition:.3s;
    height:auto;
    max-width:240px;
  
}

.vs-card:hover{
    box-shadow:0 8px 20px rgba(0,0,0,.15);
    transform:translateY(-4px);
}

/* Image */



.vs-img{
    width:100%;
    max-height:330px;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.vs-card:hover .vs-img{
    transform:scale(1.05);
}

/* Body */

.vs-card-body{
    padding:20px;
    text-align:center;
}

.vs-title{
    font-size:14px;
    font-weight:600;
    margin:0 0 15px;
    line-height:1.4;
height:75px;
}

.vs-readmore{
    display:inline-block;
    text-decoration:none;
    color:#F1423D;
    font-weight:600;
    transition:.3s;
}

.vs-readmore:hover{
    color:#000;
}

.vs-readmore i{
    margin-left:6px;
}

/* =========================
   Tablet
========================= */

@media (max-width:991px){

    .vs-event-col{
       
    }

}

/* =========================
   Mobile
========================= */

@media (max-width:767px){

    .vs-event-col{
       
    }

    .vs-img{
        height:220px;
    }

}

















/* =========================
  frontent gallery thumb 
========================= */
.al-title{text-align: center;}


.img-event{width:100%;}

.vs-album-grid{

    display:grid;

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

    gap:18px;

    margin-top:30px;
    
    padding: 0 2%;
   margin-bottom:50px;

}

.vs-album-item {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #ddd;
    background: #fff;
    height: 175px;
}

.vs-album-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform .4s ease;
}

.vs-album-item:hover img {
    transform: scale(1.08);
}


.vs-play{

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    width:40px;
    height:40px;

    background:#ff0000;

    border-radius:50%;
   font-sixe:40px;
    display:flex;
    align-items:center;
    justify-content:center;

}



.vs-triangle{

    width:0;
    height:0;

    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-left:20px solid #fff;

    margin-left:4px;

}


.vs-video:hover .vs-play{

    transform:translate(-50%,-50%) scale(1.15);

}
    
    




@media(max-width:991px){

.vs-album-grid{

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

}

}

@media(max-width:600px){

.vs-album-grid{

grid-template-columns:1fr;

}

}










/*=========================
Pagination
=========================*/

.vs-pagination{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin:40px 0;
    flex-wrap:wrap;

}

.vs-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0px;
    height: 31px;
    padding: 0 9px;
    border: 1px solid #ddd;
    background: #fff;
    color: #444;
    text-decoration: none;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    transition: .3s;
    box-sizing: border-box;
}

.vs-pagination .page-numbers:hover{

    background:#d60000;

    border-color:#d60000;

    color:#fff;

}

.vs-pagination .current{

    background:#d60000;

    color:#fff;

    border-color:#d60000;

}

.vs-pagination .prev,
.vs-pagination .next{

    padding:0 8px;

    font-size:18px;

}

.vs-pagination .dots{

    border:none;

    background:none;

    pointer-events:none;

}



/*=========================
Mobile
=========================*/

@media(max-width:767px){

    .vs-pagination{

        gap:5px;

    }

    .vs-pagination .page-numbers{

        min-width:36px;

        height:36px;

        padding:0 10px;

        font-size:14px;

    }

    .vs-pagination .prev,
    .vs-pagination .next{

        padding:0 6px;

    }

}