.ok07-index-blog {padding:96px 0;background:#f8fafc;}
.ok07-index-blog .section-top {display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem;}
@media (min-width:768px) {
.ok07-index-blog .section-top {flex-direction:row;align-items:flex-end;justify-content:space-between;}
}
.ok07-index-blog .section-top .text-wrap {max-width:672px;}
.ok07-index-blog .section-top .label {color:#5da9e1;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;font-size:14px;margin-bottom:16px;}
.ok07-index-blog .section-top .title {font-size:2.25rem;font-family:'Outfit',sans-serif;font-weight:700;color:#0d233e;line-height:1.25;}
@media (min-width:768px) {
.ok07-index-blog .section-top .title {font-size:3rem;}
}
.ok07-index-blog .section-top .title .accent {color:#5da9e1;}
.ok07-index-blog .section-top .view-all-btn {display:inline-flex;align-items:center;gap:8px;padding:0 2rem;height:3rem;border:2px solid #0d233e;color:#0d233e;border-radius:50px;font-weight:700;transition:all 0.3s;white-space:nowrap;}
.ok07-index-blog .section-top .view-all-btn:hover {background:#0d233e;color:#fff;}
.ok07-index-blog .section-top .view-all-btn .icon {width:16px;height:16px;}

.ok07-index-blog .grid {display:grid;grid-template-columns:1fr;gap:2rem;}
@media (min-width:768px) {
.ok07-index-blog .grid {grid-template-columns:repeat(2,1fr);}
}
@media (min-width:1024px) {
.ok07-index-blog .grid {grid-template-columns:repeat(3,1fr);}
}
.ok07-index-blog .item {background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:1px solid #f1f5f9;transition:all 0.5s;}
.ok07-index-blog .item .card-img {position:relative;aspect-ratio:1/1;overflow:hidden;}
.ok07-index-blog .item .card-img img {width:100%;height:100%;object-fit:cover;transition:transform 0.7s;}
.ok07-index-blog .item .card-img .category {position:absolute;top:16px;left:16px;padding:6px 16px;background:#5da9e1;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;border-radius:50px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);}
.ok07-index-blog .item .card-body {padding:24px;}
.ok07-index-blog .item .card-meta {display:flex;align-items:center;gap:24px;color:#94a3b8;font-size:12px;margin-bottom:16px;font-weight:500;}
.ok07-index-blog .item .card-meta .meta-item {display:flex;align-items:center;gap:6px;}
.ok07-index-blog .item .card-meta i {font-size:14px;color:#5da9e1;}
.ok07-index-blog .item .card-title {font-size:20px;font-weight:700;color:#0d233e;margin-bottom:16px;line-height:1.375;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s;}
.ok07-index-blog .item .card-excerpt {color:#64748b;font-size:14px;margin-bottom:32px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.625;}
.ok07-index-blog .item .read-more {display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#0d233e;transition:all 0.3s;}
.ok07-index-blog .item .read-more i {font-size:16px;color:#5da9e1;transition:transform 0.3s;}

.ok07-index-blog .item:hover {box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);}
.ok07-index-blog .item:hover .card-img img {transform:scale(1.1);}
.ok07-index-blog .item:hover .card-title {color:#5da9e1;}
.ok07-index-blog .item:hover .read-more i {transform:translateX(8px);}

@media (max-width:992px) {
.ok07-index-blog {padding: 30px 0;}
.ok07-index-blog .section-top .label {font-size: 12px;margin-bottom: 10px;}
.ok07-index-blog .section-top .title {font-size: 1.875rem;}
.ok07-index-blog .section-top {margin-bottom: 2.5rem;}
.ok07-index-blog .item .card-title {font-size: 18px;margin-bottom: 10px;}
.ok07-index-blog .item .card-excerpt {margin-bottom: 16px;}
}