/* =====================================
   HEALTHCARE BLOG LIST
   PART 1
===================================== */

body{
    background:#f4f8fb;
}

.rr-container{

    max-width:1320px;

    margin:35px auto 60px;

    padding:0 20px;
}

/* HERO */

.rr-page-title{

    text-align:center;

    font-size:42px;

    font-weight:800;

    color:#0f2d52;

    margin:0 0 35px;
}

/* GRID */

.rr-blog-grid{

    display:grid !important;

    grid-template-columns:
    repeat(3,minmax(0,1fr));

    gap:28px;

    align-items:start;
}

/* =====================================
   CARD DESIGN
===================================== */

.rr-blog-card-lg{

    width:100%;

    background:#fff;

    border:1px solid #dceaf5;

    border-radius:18px;

    overflow:hidden;

    box-shadow:
    0 4px 16px rgba(15,23,42,.05);

    transition:.25s ease;
}

.rr-blog-card-lg:hover{

    transform:translateY(-4px);

    box-shadow:
    0 12px 30px rgba(15,23,42,.10);
}

/* IMAGE */

.rr-blog-card-lg .rr-blog-thumb{

    display:block;
}

.rr-blog-card-lg .rr-blog-thumb img{

    width:100%;

    height:210px;

    object-fit:cover;

    display:block;
}

/* BODY */

.rr-blog-card-lg .rr-blog-body{

    padding:14px;
}

/* TITLE */

.rr-blog-card-lg .rr-blog-title{

    margin:0 0 8px;

    font-size:19px;

    font-weight:600;

    line-height:1.35;

    min-height:52px;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;
}

.rr-blog-card-lg .rr-blog-title a{

    color:#0f2d52;

    text-decoration:none;
}

.rr-blog-card-lg .rr-blog-title a:hover{

    color:#0ea5e9;
}

/* EXCERPT */

.rr-blog-card-lg .rr-excerpt{

    font-size:13px;

    line-height:1.55;

    color:#64748b;

    margin-bottom:10px;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;
}

/* DATE */

.rr-blog-card-lg .rr-date{

    font-size:11px;

    color:#94a3b8;
}



/* =====================================
   PAGINATION
===================================== */

.rr-pagination{

    margin:50px 0 10px;

    display:flex;

    justify-content:center;

    gap:8px;

    flex-wrap:wrap;
}

.rr-pagination a{

    min-width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    border-radius:10px;

    background:#fff;

    border:1px solid #d6e4f0;

    color:#0f2d52;

    font-weight:600;
}

.rr-pagination a:hover{

    background:#eef7ff;

    border-color:#0ea5e9;
}

.rr-pagination a.active{

    background:#0ea5e9;

    color:#fff;

    border-color:#0ea5e9;
}

/* TABLET */

@media(max-width:1024px){

    .rr-blog-grid{

        grid-template-columns:
        repeat(2,minmax(0,1fr));
    }
}

/* MOBILE */

@media(max-width:768px){

    .rr-container{
        padding:0 14px;
    }

    .rr-page-title{

        font-size:34px;

        margin-bottom:25px;
    }

    .rr-blog-grid{

        grid-template-columns:1fr;
    }

    .rr-blog-card-lg .rr-blog-thumb img{

        height:200px;
    }

    .rr-blog-card-lg .rr-blog-title{

        font-size:17px;

        min-height:auto;
    }
}