/* =========================================================
   BLOG CATEGORY PAGE
========================================================= */

.blog-category-page{
    background:#f5f8fc;
}


/* =========================================================
   INTRO
========================================================= */

.blog-category-intro{
padding: 80px 350px 80px 350px;
    text-align: center;
    width: 100%;
    margin: auto;
    background: radial-gradient(circle at 82% 18%, rgba(59, 214, 220, .09), transparent 24%), radial-gradient(circle at 16% 82%, rgba(118, 104, 255, .12), transparent 26%), linear-gradient(180deg, #061126, #07172f);
}




.blog-category-page .case-category-intro-content{
    max-width:900px;
    margin:0 auto;
    text-align:center;
}


.blog-category-page .case-category-intro-content h1{
    color:white;
}


.blog-category-page .case-category-description{
    max-width:800px;

    margin:22px auto 0;

    color:white;

    font-size:16px;

    line-height:1.8;
}


.blog-category-page .case-category-description p{
    margin:0;
}


/* =========================================================
   DIRECTORY
========================================================= */

.blog-category-page .case-category-directory{
    padding:50px 0 50px;
    background:#f5f8fc;
}


.blog-category-page .blog-grid{
    margin-top:0;
}


/* =========================================================
   EXCERPT — 3 LINES
========================================================= */

.blog-category-page .blog-excerpt{
    display:-webkit-box;

    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;

    line-clamp:3;

    overflow:hidden;

    line-height:1.7;

    min-height:5.1em;
    max-height:5.1em;
}


/* =========================================================
   EMPTY
========================================================= */

.blog-category-page .case-category-empty{
    grid-column:1 / -1;

    padding:70px 30px;

    text-align:center;

    border:1px solid #e1e7f1;

    border-radius:20px;

    background:#fff;
}


.blog-category-page .case-category-empty h3{
    margin:0 0 10px;

    color:#071b63;

    font-size:30px;
}


.blog-category-page .case-category-empty p{
    margin:0;

    color:#62738d;

    font-size:14px;
}


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

.blog-category-pagination{
    margin-top:55px;
}


.blog-category-pagination ul{
    list-style:none;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:8px;

    padding:0;
    margin:0;
}


.blog-category-pagination a,
.blog-category-pagination span{
    min-width:42px;
    height:42px;

    padding:0 13px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:1px solid #dfe5ef;

    border-radius:10px;

    background:#fff;

    color:#071b63;

    text-decoration:none;

    font-size:13px;

    font-weight:600;

    transition:.25s ease;
}


.blog-category-pagination .current{
    background:#071b63;
    border-color:#071b63;
    color:#fff;
}


.blog-category-pagination a:hover{
    background:#071b63;
    border-color:#071b63;
    color:#fff;
}


/* =========================================================
   CTA SAFETY
========================================================= */

.blog-category-page .blog-cta-box::before,
.blog-category-page .blog-cta-box::after{
    pointer-events:none;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .blog-category-intro{
        padding:70px 0 35px;
    }


    .blog-category-page
    .case-category-intro-content h1{
        font-size:38px;
        letter-spacing:-1.2px;
    }


    .blog-category-page
    .case-category-description{
        margin-top:18px;

        font-size:14px;

        line-height:1.75;
    }


    .blog-category-page
    .case-category-directory{
        padding:25px 0 65px;
    }

}