.mri-modern-slider{
padding:20px 10px 60px;
}

.mri-modern-card{
position:relative;
overflow:hidden;
height:100%;
border:1px solid rgba(14,83,134,.06);
box-shadow:0 10px 30px rgba(15,23,42,.06),0 20px 60px rgba(14,83,134,.05);
transition:.4s cubic-bezier(0.22,1,0.36,1);
}

.mri-modern-card:hover{
transform:translateY(-10px);
}

.mri-modern-image{
overflow:hidden;
}

.mri-modern-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .6s ease;
}

.mri-modern-card:hover .mri-modern-image img{
transform:scale(1.06);
}

.mri-modern-icon{
position:absolute;
left:28px;
top:205px;
width:74px;
height:74px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
z-index:5;
border:5px solid #ffffff;
box-shadow:0 15px 35px rgba(14,83,134,.25);
}

.mri-modern-content{
padding:58px 30px 30px;
}

.mri-modern-content h3{
font-size:32px;
line-height:1.1;
font-weight:600;
margin-bottom:16px;
font-family:'Poppins',sans-serif;
}

.mri-modern-content p{
font-size:16px;
line-height:1.9;
margin-bottom:26px;
font-family:'Poppins',sans-serif;
}

.mri-modern-btn{
display:inline-flex;
align-items:center;
gap:10px;
text-decoration:none;
font-size:15px;
font-weight:600;
transition:.3s ease;
font-family:'Poppins',sans-serif;
}

.swiper-button-next,
.swiper-button-prev{
width:58px !important;
height:58px !important;
border-radius:18px;
background:#ffffff;
box-shadow:0 15px 35px rgba(0,0,0,.08);
color:#111827 !important;
}

@media(max-width:767px){

.swiper-button-next,
.swiper-button-prev{
display:none !important;
}

}


/* GRID MODE */

.mri-grid-mode .swiper-wrapper{
display:grid !important;
grid-template-columns:repeat(var(--mri-grid-columns),minmax(0,1fr));
gap:30px;
transform:none !important;
}

.mri-grid-mode .swiper-slide{
width:100% !important;
margin:0 !important;
height:auto !important;
}

.mri-grid-mode .swiper-button-next,
.mri-grid-mode .swiper-button-prev{
display:none !important;
}

@media(max-width:1024px){

.mri-grid-mode .swiper-wrapper{
grid-template-columns:repeat(2,minmax(0,1fr));
}

}

@media(max-width:767px){

.mri-grid-mode .swiper-wrapper{
grid-template-columns:1fr;
}

}