/* =================================
ORELI GLOBAL LAYOUT
(đã loại toàn bộ HEADER)
================================= */

/* Image fluid global */

.img-fluid {
max-width: 100%;
height: auto;
display: block;
}

/* Utility spacing nếu bạn dùng */

.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.text-center { text-align: center; }

/* Smooth scroll nhẹ */

html {
scroll-behavior: smooth;
}
.container{
	padding: 0 20px 0 20px;
}
/* ===== ORELI BREADCRUMB ===== */
.oreli-breadcrumb{
    background:#f6f1f6;
    padding:12px 0;
    font-size:14px;
}

.breadcrumb-inner{
    color:#666;
}

.breadcrumb-inner a{
    color:#a10f6a;
    font-weight:500;
    text-decoration:none;
}

.breadcrumb-inner .sep{
    margin:0 6px;
    color:#999;
}

.breadcrumb-inner .current{
    color:#333;
    font-weight:600;
}
/* BLOG */

.oreli-blog-layout{
display:grid;
grid-template-columns:2fr 1fr;
gap:40px;
}

.oreli-blog-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:30px;
margin-bottom:30px;
}

.oreli-blog-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
transition:.3s;
}

.oreli-blog-card:hover{
transform:translateY(-6px);
}

.oreli-blog-thumb img{
width:100%;
height:200px;
object-fit:cover;
}

.oreli-blog-content{
padding:20px;
}

.oreli-blog-heading{
font-size:18px;
margin-bottom:10px;
}

.oreli-blog-heading a{
color:#333;
text-decoration:none;
}

.oreli-blog-heading a:hover{
color:#8b1c62;
}

.oreli-blog-excerpt{
font-size:14px;
color:#666;
margin-bottom:15px;
}

.oreli-blog-readmore{
font-weight:600;
color:#8b1c62;
text-decoration:none;
}

.oreli-blog-sidebar{
position:relative;
}

.oreli-sidebar-box{
background:#fff;
padding:20px;
margin-bottom:25px;
border-radius:10px;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
}

.oreli-sidebar-box ul{
padding-left:18px;
}

.oreli-cta{
text-align:center;
background:#8b1c62;
color:#fff;
}

.oreli-cta .oreli-btn{
background:#fff;
color:#8b1c62;
padding:10px 20px;
display:inline-block;
margin-top:10px;
border-radius:6px;
}
@media(max-width:991px){

.oreli-blog-layout{
grid-template-columns:1fr;
}

.oreli-blog-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.oreli-blog-grid{
grid-template-columns:1fr;
}

}
.oreli-sidebar-box{
background:#fff;
padding:22px;
border-radius:12px;
box-shadow:0 6px 18px rgba(0,0,0,0.05);
}