/* Latest Blog */
.orion-lb { 
    width: 100%; 
    padding: 80px 0; 
    background-color: #f8f9fa; 
    position: relative; 
}

.orion-lb__container { 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 20px; 
    background-color: #ffffff; 
    border-radius: 12px; 
    padding: 60px 40px; 
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); 
}

/* Header Section */
.orion-lb__header { 
    display: flex; 
    justify-content: space-between; 
    align-items: flex-start; 
    margin-bottom: 50px; 
    gap: 80px; 
}

.orion-lb__title { 
    font-size: 48px; 
    font-weight: 400; 
    color: #000000; 
    margin: 0; 
    font-family: 'El Messiri', serif; 
    line-height: 1.2; 
    flex: 0 0 35%; 
    max-width: 35%; 
}

.orion-lb__header-content { 
    display: flex; 
    flex-direction: column; 
    gap: 20px; 
    flex: 1; 
    max-width: 60%; 
    align-items: flex-start; 
}

.orion-lb__description { 
    font-size: 16px; 
    line-height: 1.6; 
    color: #666666; 
    margin: 0; 
    font-family: 'Lexend', sans-serif; 
    margin-bottom: 0; 
    text-align: left; 
}

.orion-lb__explore-btn { 
    display: inline-block; 
    padding: 12px 24px; 
    border: 2px solid #186F65; 
    color: #186F65; 
    text-decoration: none; 
    border-radius: 6px; 
    font-weight: 600; 
    font-size: 16px; 
    transition: all 0.3s ease; 
    background: white; 
    align-self: flex-start; 
    font-family: 'Lexend', sans-serif; 
    margin-top: 20px; 
}

.orion-lb__explore-btn:hover { 
    background: #186F65; 
    color: white; 
    transform: translateY(-2px); 
    box-shadow: 0 4px 15px rgba(24, 111, 101, 0.3); 
}

/* Blog Posts Grid */
.orion-lb__track { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 30px; 
}

.orion-lb__item { 
    background: #fff; 
    border: none; 
    border-radius: 0; 
    overflow: hidden; 
    transition: all 0.3s ease; 
    box-shadow: none; 
    padding: 0; 
}

.orion-lb__item:hover { 
    transform: translateY(-4px); 
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); 
}

.orion-lb__thumb { 
    display: block; 
    width: 100%; 
    height: 240px; 
    background-size: cover; 
    background-position: center; 
    transition: transform 0.3s ease; 
    border-radius: 8px; 
    margin-bottom: 16px; 
}

.orion-lb__item:hover .orion-lb__thumb { 
    transform: scale(1.05); 
}

.orion-lb__meta { 
    margin: 0 0 8px 0; 
    color: #186F65; 
    font-size: 14px; 
    font-weight: 500; 
    text-transform: none; 
    letter-spacing: 0; 
    font-family: 'Lexend', sans-serif; 
}

.orion-lb__item-title { 
    margin: 0 0 0 0; 
    font-size: 18px; 
    font-weight: 600; 
    line-height: 1.4; 
    font-family: 'Lexend', sans-serif; 
}

.orion-lb__item-title a { 
    color: #1a2a1d; 
    text-decoration: none; 
    transition: color 0.3s ease; 
}

.orion-lb__item-title a:hover { 
    color: #186F65; 
}

.orion-lb__excerpt { 
    color: #6b7280; 
    font-size: 14px; 
    line-height: 1.6; 
    margin: 0; 
    display: none; 
}

/* Layouts */
.orion-lb--layout_1 .orion-lb__track{ grid-template-columns:2fr 1fr 1fr; }
.orion-lb--layout_1 .orion-lb__item:first-child{ grid-column:1/2; }

.orion-lb--layout_2 .orion-lb__track{ grid-template-columns:repeat(3,1fr); }

.orion-lb--layout_3 .orion-lb__track{ grid-template-columns:1.5fr 1fr; }
.orion-lb--layout_3 .orion-lb__item{ flex-direction:row; gap:16px; align-items:center; }
.orion-lb--layout_3 .orion-lb__thumb{ width:38%; height:160px; }

.orion-lb--layout_4 .orion-lb__track{ display:flex; gap:16px; overflow:hidden; }
.orion-lb--layout_4 .orion-lb__item{ min-width:320px; }
.orion-lb.is-slider .orion-lb__nav{ display:block; }
.orion-lb__nav{ display:none; position:absolute; top:50%; transform:translateY(-50%); background:#186F65; color:#fff; border:none; width:40px; height:40px; border-radius:999px; cursor:pointer; }
.orion-lb__prev{ left:10px; }
.orion-lb__next{ right:10px; }
.orion-lb{ position:relative; }

/* Responsive */
@media (max-width: 1024px) { 
    .orion-lb__header { 
        flex-direction: column; 
        gap: 30px; 
    }
    
    .orion-lb__title { 
        font-size: 40px; 
        flex: none; 
        max-width: none; 
    }
    
    .orion-lb__header-content { 
        max-width: none; 
    }
    
    .orion-lb__track { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 24px; 
    }
    
    .orion-lb__container { 
        padding: 40px 30px; 
    }
}

@media (max-width: 768px) { 
    .orion-lb { 
        padding: 60px 0; 
    }
    
    .orion-lb__container { 
        padding: 30px 20px; 
    }
    
    .orion-lb__title { 
        font-size: 32px; 
    }
    
    .orion-lb__header-content { 
        max-width: none; 
    }
    
    .orion-lb__track { 
        grid-template-columns: 1fr; 
        gap: 20px; 
    }
    
    .orion-lb--layout_4 .orion-lb__item { 
        min-width: 260px; 
    }
    
    .orion-lb__explore-btn { 
        align-self: flex-start; 
    }
}










