.rul-blog-layout{
    max-width:1180px;
    margin:0 auto;
    padding:0 20px;
    font-family:inherit;
}
 .rul-section-bar{
    display:flex;
    align-items:center;
    margin:0 0 18px;
}
 .rul-section-bar h2{
    font-size:1.9rem;
    font-weight:700;
    margin:0;
}
 .rul-section-bar--split{
    justify-content:space-between;
}
 .rul-section-bar--split h2{
    margin:0;
}
 .view-all{
    font-size:.9rem;
    font-weight:600;
    text-decoration:none;
    color: var(--rul-primary-color);;
    display:inline-flex;
    align-items:center;
    gap:4px;
}
/* Search form */
/* Wrapper */
.rul-search-form {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    padding: 6px 8px;
    background: rgba(255,255,255,0.55);
    backdrop-filter: blur(8px);
    border-radius: 50px;
    border: 1px solid rgba(210,218,230,0.6);
    box-shadow: 0 4px 14px rgba(0,0,0,0.06);
}

/* Input */
.rul-search-field {
    width: 220px;
    padding: 12px 16px;
    border: none;
    border-radius: 50px;
    background: transparent;
    font-size: .85rem;
    color: #1a1f25;
    transition: .25s ease;
}

.rul-search-field::placeholder {
    color: #8b98a7;
}

.rul-search-field:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(22,119,255,0.35);
    background: rgba(255,255,255,0.9);
}

/* Submit Button */
.rul-search-submit {
    border: none;
    background: var(--rul-primary-color);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: .78rem;
    font-weight: 600;
    padding: 12px 16px;
    border-radius: 50px !important;
    cursor: pointer;
    line-height: 1;
    box-shadow: 0 4px 12px rgba(22,119,255,0.35);
    transition: .25s ease;
}

.rul-search-submit:hover {
    background: #8e37f1;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(14, 83, 176, 0.45) !important;
}

.rul-search-submit svg {
    transition: transform .25s ease;
}

.rul-search-submit:hover svg {
    transform: rotate(8deg);
}

/* Screen Reader Text */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

/* Featured + Popular */
 .rul-featured-popular{
    display:grid;
    grid-template-columns:1fr 320px;
    gap:46px;
    margin:40px 0 64px;
}
 @media (max-width:1020px){
    .rul-featured-popular{
        grid-template-columns:1fr;
    }
}
 .featured-card{
    background:#fff;
    border-radius:14px;
    display:grid;
    grid-template-columns:453px 1fr;
    /* grid-template-columns: 1fr; */

    overflow:hidden;
    box-shadow:0 6px 20px -4px rgba(0,0,0,.08);
}

 @media (max-width:1331px){
    .featured-card{
        grid-template-columns:1fr;
    }}
 @media (max-width:900px){
    .featured-card{
        grid-template-columns:1fr;
    }
}
 .featured-card__media{
    position:relative;
    overflow:hidden;
}
 .featured-card__media img{
    width:100%;
    height:100%;
    object-fit:fill;
    display:block;
}
 .featured-badge{
    position:absolute;
    top:14px;
    left:14px;
    background:#ff4d8d;
    color:#fff;
    font-size:.7rem;
    font-weight:600;
    padding:6px 12px;
    border-radius:20px;
    letter-spacing:.5px;
}
 .featured-card__content{
    padding:30px 34px;
    display:flex;
    flex-direction:column;
    gap:12px;
}
 .featured-card__content h3{
    font-size:1.4rem;
    line-height:1.35;
    margin:0;
    font-weight:700;
}
 .featured-card__content p{
    margin:0;
    font-size:.95rem;
    color:#444;
    line-height:1.55;
}
.featured-card__content a{
    color: var(--rul-primary-color);
}
.featured-card__content a:hover{
    text-decoration: none;
}
 .featured-card__meta{
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:4px;
    font-size:.75rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.5px;
}
 .featured-card__meta .continue-link{
    margin-left:auto;
    font-size:.8rem;
    font-weight:600;
    color: var(--rul-primary-color);
    text-decoration:none;
}
 .post-cat{
    font-size:.7rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.6px;
    color:#555;
    text-decoration:none;
}
/* Popular list */
 .rul-popular .popular-list{
    background:#fff;
    border-radius:14px;
    /* padding:18px 22px; */
    padding: 0 22px;
    box-shadow:0 6px 20px -4px rgba(0,0,0,.07);
}
 .popular-item{
    display:flex;
    gap:14px;
    /* padding:12px 0; */
    padding: 19px 0;
    border-bottom:1px solid #eee;
}
 .popular-item:last-child{
    border-bottom:none;
}
.popular-item__thumb{
    flex-shrink:0;
    width: 90px;
    height: auto;
    overflow:hidden;
}
 .popular-item__thumb img{
    width:100%;
    height: 100%;
    object-fit:cover;
    border-radius:8px;
    display:block;
}
 .popular-item__body h4{
    font-size:.9rem;
    line-height:1.35;
    margin:0 0 4px;
    font-weight:600;
    font-style: normal;
}
 .popular-item__body a{
    color:#111;
    text-decoration:none;
}
 /* .popular-cat{
    display:inline-block;
    font-size:.65rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.6px;
    color:#666;
    text-decoration:none;
} */
/* Latest grid cards */
 .rul-latest{
    margin-bottom:80px;
}
 .cards-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
    gap:32px;
}
 .blog-card{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    box-shadow:0 4px 16px -4px rgba(0,0,0,.07);
    transition:transform .25s,box-shadow .25s;
}
 .blog-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 26px -6px rgba(0,0,0,.12);
}
 .blog-card__media{
    position:relative;
    display:block;
}
 .blog-card__media img{
    width:100%;
    height:160px;
    object-fit:cover;
    display:block;
}
 .blog-card__tag{
    position:absolute;
    top:10px;
    left:10px;
    background:#eef3ff;
    color: var(--rul-primary-color);
    font-size:.6rem;
    font-weight:600;
    padding:5px 10px;
    border-radius:14px;
    text-transform:uppercase;
    letter-spacing:.6px;
}
 .blog-card__content{
    padding:18px 20px 20px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
 .blog-card__content h3{
    margin:0;
    font-size:1.02rem;
    line-height:1.35;
    font-weight:600;
}
 .blog-card__content h3 a{
    text-decoration:none;
    color:#111;
}
 .blog-card__content p{
    margin:0;
    font-size:.82rem;
    line-height:1.5;
    color:#444;
}
 .blog-card__meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    font-size:.65rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-top:4px;
    color:#666;
}
 .blog-card__meta a{
    text-decoration:none;
    color:#666;
}
 .blog-card__meta .dot{
    font-size:.75rem;
    line-height:1;
}
/* Utilities */
 .rul-blog-layout a:hover{
    text-decoration:underline;
}
 @media (max-width:600px){
     .featured-card__content{
        padding:24px;
    }
     .featured-card__content h3{
        font-size:1.25rem;
    }
     .blog-card__media img{
        height:140px;
    }
     .cards-grid{
        gap:26px;
    }
}
/* Pagination */
 .rul-pagination{
    margin:40px 0 0;
    display:flex;
    justify-content:center;
}
 .rul-pagination ul{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    gap:6px;
    flex-wrap:wrap;
}
 .rul-pagination li a, .rul-pagination li span{
    display:inline-block;
    padding:8px 14px;
    border:1px solid #d8d8d8;
    border-radius:8px;
    font-size:.75rem;
    font-weight:600;
    text-decoration:none;
    color:#222;
    background:#fff;
    min-width:38px;
    text-align:center;
    transition:.2s;
}
 .rul-pagination li a:hover{
    background: var(--rul-primary-color);;
    color:#fff;
    border-color: var(--rul-primary-color);
    text-decoration:none;
}
 .rul-pagination li .current{
    background: var(--rul-primary-color);;
    color:#fff;
    border-color: var(--rul-primary-color);
}
/* Responsive search layout */
@media (max-width:780px){
    .rul-section-bar--split{
        flex-wrap:wrap;
        gap:14px;
    }
    .rul-search-form{
        order:3;
        width:100%;
    }
    .rul-search-field{
        width:100%;
    }
    .view-all{
        margin-left:auto;
    }
}
@media (hover:none){
    .rul-search-submit:hover{
        background: var(--rul-primary-color);;
        box-shadow:0 2px 4px rgba(0,0,0,.12);
    }
}

/*  */