/* News Hero Section */
.ok07-news-featured {padding: 5rem 0;}
.ok07-featured-tit {max-width: 860px;margin: 0 auto;text-align: center;}
.ok07-featured-tit h3 {font-size: 3.75rem;font-weight: 700;line-height: 1;margin-bottom: 0.75rem;color: #000000;}
.ok07-featured-tit p {font-size: 1.125rem;line-height: 1.5;color: #747474;}

.ok07-featured-list {display: flex;flex-direction: column;gap: 3.125rem;margin-top: 6.25rem;}
.ok07-featured-item {display: flex;align-items: center;gap: 7.5rem;}
.ok07-featured-item:nth-child(2n) {flex-direction: row-reverse;}
.ok07-featured-image {flex-shrink: 0;width: 45.4%;border-radius: 1.875rem;overflow: hidden;background-size: cover;background-position: center;background-repeat: no-repeat;}
.ok07-featured-image img {width: 100%;height: 100%;object-fit: cover;transition: all .5 ease;}
.ok07-featured-content {flex: 1;display: flex;flex-direction: column;gap: 1.313rem;}
.ok07-featured-date {font-size: 1.125rem;color: #919191;}
.ok07-featured-title {font-size: 1.5rem;font-weight: 600;line-height: 1.667;color: #000000;}
.ok07-featured-desc {font-size: 1.125rem;line-height: 1.5;color: #9C9C9C;}
.ok07-featured-btn {display: inline-flex;align-items: center;justify-content: center;width: 14rem;height: 3.5rem;padding: 0 1.25rem;background-color: #0B233D;border-radius: 1.75rem;font-size: 1.125rem;font-weight: 500;color: #fff;text-decoration: none;transition: all 0.3s ease;}

.ok07-featured-btn:hover {background-color: #e8eded;transform: translateY(-2px);}
.ok07-featured-image:hover img {transform: scale(1.03);}

/* All News Section */
.ok07-all-news {padding: 5rem 0;background-color: #FAFAFA;}
.ok07-all-news-header {text-align: center;margin-bottom: 2.75rem;}
.ok07-all-news-header h3 {font-size: 3rem;font-weight: 700;color: #000;margin-bottom: 0.625rem;}

.ok07-news-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 1.75rem;}
.ok07-news-card {background-color: #FFFFFF;border-radius: 1.5rem;overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.ok07-news-card:hover {transform: translateY(-0.5rem);box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.15);}
.ok07-news-card-image {width: 100%;aspect-ratio: 1 / 1;background-size: cover;background-position: center;background-repeat: no-repeat;}
.ok07-news-card-image img {width: 100%;height: 100%;object-fit: cover;}
.ok07-news-card-content {padding: 1.875em 1.5rem;}
.ok07-news-card-date {font-size: 1rem;color: #9C9C9C;line-height: 1;}
.ok07-news-card-title {font-size: 1.25rem;font-weight: 600;line-height: 1.5;color: #000000;margin-top: 0.75rem;}

.ok07-load-more {display: flex;justify-content: center;margin-top: 3rem;}
.ok07-load-more-btn {display: inline-flex;align-items: center;justify-content: center;width: 20rem;height: 3.5rem;padding: 0 1.25rem;background-color: #0B233D;border-radius: 1.875rem;font-size: 1.25rem;font-weight: 600;color: #FFFFFF;text-decoration: none;transition: all 0.3s ease;}
.ok07-load-more-btn:hover {background-color: #1a3a5c;transform: translateY(-2px);color: #fff;}

.ok07-news-card:hover .ok07-news-card-content {background-color: #5EA9E1;}
.ok07-news-card:hover .ok07-news-card-date,.ok07-news-card:hover .ok07-news-card-title {color: #FFFFFF;}

/* Customization Section */
.ok07-customization {padding: 5rem 6.25rem;background-color: #FFFFFF;}
.ok07-customization-header {text-align: center;margin-bottom: 2.25rem;}
.ok07-customization-header h3 {font-size: 3rem;font-weight: 700;color: #0F0F0F;margin-bottom: 0.625rem;}
.ok07-customization-header p {font-size: 1.125rem;line-height: 2;color: #9C9C9C;max-width: 1112px;margin: 0 auto;}
.ok07-customization-cards {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.625rem;margin-bottom: 5rem;}
.ok07-customization-image {border-radius: 1.875rem;overflow: hidden;position: relative;}
.ok07-customization-image img {width: 100%;height: 100%;object-fit: cover;}
.ok07-customization-card-content {margin-top: 2rem;}
.ok07-customization-card-content h5 {font-size: 1.5rem;font-weight: 700;line-height: 1.5;margin-bottom: 0.375rem;color: #000;}
.ok07-customization-card-content p {font-size: 1.125rem;line-height: 1.625;opacity: 0.9;margin-top: 0.625ren;color: #9C9C9C;}

.ok07-customization-cta {display: flex;justify-content: center;}
.ok07-customization-cta-btn {display: inline-flex;align-items: center;justify-content: center;width: 21.313rem;height: 3.75rem;padding: 0 1.25rem;background-color: #5EA9E1;border-radius: 3.75rem;font-size: 1.125rem;font-weight: 500;color: #FFFFFF;text-decoration: none;transition: all 0.3s ease;}

.ok07-customization-cta-btn:hover {background-color: #4a95d0;transform: translateY(-2px);box-shadow: 0 0.625rem 1.25rem rgba(94, 174, 225, 0.3);color: #FFFFFF;}

@media screen and (max-width: 768px) {
    .ok07-hero {
        padding: 2.5rem 1.5rem;
    }

    .ok07-hero h1 {
        font-size: 2.5rem;
    }

    .ok07-hero p {
        font-size: 1rem;
    }

    .ok07-featured {
        padding: 0 1.5rem 1.5rem;
    }

    .ok07-featured-title {
        font-size: 1.25rem;
    }

    .ok07-featured-desc {
        font-size: 1rem;
    }

    .ok07-featured-btn {
        width: 100%;
    }

    .ok07-all-news {
        padding: 2.5rem 1.5rem;
    }

    .ok07-all-news-header h2 {
        font-size: 2rem;
    }

    .ok07-news-grid {
        grid-template-columns: 1fr;
    }

    .ok07-load-more-btn {
        width: 100%;
    }

    .ok07-customization {
        padding: 2.5rem 1.5rem;
    }

    .ok07-customization-header h2 {
        font-size: 2rem;
    }

    .ok07-customization-cta-btn {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .ok07-hero h1 {
        font-size: 2rem;
    }

}

@media screen and (max-width: 992px) {
.ok07-featured-tit h3 {font-size: 2.25rem;}
.ok07-featured-list {gap: 1.5rem;margin-top: 2.5rem;}

.ok07-all-news {padding: 2.5rem 0;}
.ok07-all-news-header h3 {font-size: 2.125rem;}
.ok07-all-news-header {margin-bottom: 2rem;}

.ok07-customization-header h3 {font-size: 2.125rem;}
.ok07-customization {padding: 2.5rem 0;}

.ok07-customization-cards {grid-template-columns: repeat(1, 1fr);margin-bottom: 2rem;}

.ok07-featured-item {border-radius: 1rem;box-shadow: 0 0 .75rem #d1d1d1;}
.ok07-featured-content {padding: 1.25rem;}

.ok07-featured-item {gap: 1.5rem;flex-direction: column;}
.ok07-featured-image {width: 100%;border-radius: 1rem;}
.ok07-featured-item:nth-child(2n) {flex-direction: column;}
}