.blog-modern-card{
background:#fff;
border-radius:18px;
overflow:hidden;
transition:0.35s;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
height:100%;
}

.blog-modern-card:hover{
transform:translateY(-10px);
box-shadow:0 25px 50px rgba(0,0,0,0.12);
}

.blog-modern-img{
position:relative;
overflow:hidden;
}

.blog-modern-img img{
width:100%;
height:230px;
object-fit:cover;
transition:0.4s;
}

.blog-modern-card:hover img{
transform:scale(1.08);
}

.blog-modern-img::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,0.55));
}

.blog-date-badge{
position:absolute;
top:15px;
left:15px;
background:#faaa13;
color:#fff;
font-size:13px;
padding:6px 12px;
border-radius:30px;
font-weight:600;
}

.blog-modern-content{
padding:28px;
}

.blog-modern-content h5{
font-size:19px;
font-weight:600;
line-height:1.4;
margin-bottom:18px;
}

.blog-read{
color:#faaa13;
font-weight:600;
text-decoration:none;
position:relative;
}

.blog-read::after{
content:"→";
margin-left:6px;
transition:0.3s;
}

.blog-read:hover::after{
margin-left:12px;
}

.blog-title{
font-size:38px;
font-weight:700;
margin-bottom:15px;
}

.blog-meta{
color:#777;
margin-bottom:30px;
font-size:14px;
}

.blog-content p{
font-size:17px;
line-height:1.8;
margin-bottom:18px;
}

.blog-content h2{
margin-top:40px;
margin-bottom:15px;
font-size:26px;
font-weight:600;
border-left:4px solid #faaa13;
padding-left:12px;
}

.blog-list{
list-style:none;
padding-left:0;
}

.blog-list li{
    font-size: 17px;
margin-bottom:25px;
padding-left:30px;
position:relative;
}

.blog-list i{
color:#faaa13;
position:absolute;
left:0;
top:5px;
}
.blog-detail{
    padding-top: 160px;
    padding-bottom: 90px;
}

.blog-feature-img{
margin:30px 0 35px 0;
border-radius:14px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.blog-feature-img img{
width:100%;
display:block;
border-radius:14px;
}


@media(max-width:526px){
    .blog-title{
        font-size: 25px;
    }
}