.latest-posts-row{
    display:flex;
    flex-wrap:wrap;
    gap:24px;
}

.latest-post-col{
    flex:1 1 calc(33.333% - 24px);
    box-sizing:border-box;
}

/* =========================================================
MAIN BLOG CARD - BRITCORE CONSTRUCTION UPDATED THEME
========================================================= */

.Industry-blogbox01{
    display:block;
    position:relative;

    margin-bottom:20px;

    overflow:hidden;
    cursor:pointer;

    border-radius:28px;

    border:1px solid rgba(43,51,145,.14);

    background:
        radial-gradient(circle at top left, rgba(255,255,255,.98), rgba(247,248,255,.96) 45%, rgba(235,238,255,.96) 100%);

    text-decoration:none;
    color:#000867;

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;

    box-shadow:
        0 16px 38px rgba(0,8,103,.12),
        inset 0 1px 0 rgba(255,255,255,.95);

    isolation:isolate;
}

/* IMAGE */

.Industry-blogbox01 .pic{
    display:none;
}

/* SOFT BACK CIRCLE */

.Industry-blogbox01::before{
    content:'';
    position:absolute;

    top:-95px;
    right:-95px;

    width:210px;
    height:210px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(43,51,145,.12),
            rgba(218,221,255,.28) 45%,
            transparent 72%
        );

    opacity:1;

    transition:
        transform .45s ease,
        opacity .45s ease;

    z-index:0;
}

/* HOVER OVERLAY */

.Industry-blogbox01::after{
    content:'';
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            135deg,
            rgba(0,8,103,.98) 0%,
            rgba(43,51,145,.96) 58%,
            rgba(123,126,159,.92) 100%
        );

    opacity:0;

    transition:opacity .4s ease;

    border-radius:28px;

    z-index:0;
}

/* =========================================================
CONTENT
========================================================= */

.Industry-blogbox01 .content{
    position:relative;

    padding:42px 32px;

    background:transparent;

    display:flex;
    flex-direction:column;

    min-height:370px;

    z-index:2;

    border-radius:28px;

    transition:
        background-color .4s ease,
        transform .4s ease;
}

/* TOP MINI LINE */

.Industry-blogbox01 .content::before{
    content:"";
    width:58px;
    height:4px;
    border-radius:999px;

    background:linear-gradient(90deg,#000867,#2b3391,#daddff);

    margin-bottom:22px;

    box-shadow:0 8px 18px rgba(43,51,145,.18);

    transition:.35s ease;
}

/* =========================================================
HEADER
========================================================= */

.Industry-blogbox01 .content-header{
    color:#2b3391;

    font-size:13px;
    font-weight:850;

    letter-spacing:.4px;

    margin-bottom:18px;
}

/* DATE / CATEGORY */

.Industry-blogbox01 .content-header .date,
.Industry-blogbox01 .content-header .category,
.Industry-blogbox01 .content-header .sep,
.Industry-blogbox01 .content-header time{
    color:#7b7e9f;
    font-weight:750;
}

/* =========================================================
TITLE
========================================================= */

.Industry-blogbox01 .content-body .title{
    color:#000867;

    font-size:28px;
    line-height:1.28;
    font-weight:900;

    margin-bottom:18px;

    letter-spacing:-.8px;
}

.Industry-blogbox01 .title a{
    color:inherit;
    text-decoration:none;
}

/* =========================================================
EXCERPT
========================================================= */

.Industry-blogbox01 .content-body .excerpt{
    color:rgba(0,8,103,.68);

    font-size:15px;
    line-height:1.9;

    margin-bottom:28px;
}

/* =========================================================
FOOTER LINK
========================================================= */

.Industry-blogbox01 .content-footer{
    margin-top:auto;
}

.Industry-blogbox01 .content-footer .link,
.Industry-blogbox01 .content-footer .link i{
    color:#2b3391;

    font-size:14px;
    font-weight:850;

    transition:.35s ease;
}

/* =========================================================
HOVER EFFECT
========================================================= */

.Industry-blogbox01:hover{
    transform:translateY(-10px);

    border-color:rgba(218,221,255,.72);

    box-shadow:
        0 28px 60px rgba(0,8,103,.24),
        0 0 28px rgba(218,221,255,.18),
        inset 0 1px 0 rgba(255,255,255,.75);
}

.Industry-blogbox01:hover::after{
    opacity:1;
}

.Industry-blogbox01:hover::before{
    transform:scale(1.18);
    opacity:.65;
}

.Industry-blogbox01:hover .content::before{
    background:linear-gradient(90deg,#ffffff,#daddff,#7b7e9f);
    width:78px;
}

/* TEXT COLORS ON HOVER */

.Industry-blogbox01:hover .content-header,
.Industry-blogbox01:hover .content-body .title,
.Industry-blogbox01:hover .content-body .title a,
.Industry-blogbox01:hover .content-body .excerpt,
.Industry-blogbox01:hover .content-footer .link,
.Industry-blogbox01:hover .content-footer .link i,
.Industry-blogbox01:hover .content-header .date,
.Industry-blogbox01:hover .content-header .category,
.Industry-blogbox01:hover .content-header .sep,
.Industry-blogbox01:hover .content-header time{
    color:#ffffff;
}

/* SOFT TRANSITIONS */

.Industry-blogbox01 .content-header,
.Industry-blogbox01 .content-body .title,
.Industry-blogbox01 .content-body .excerpt,
.Industry-blogbox01 .content-footer .link,
.Industry-blogbox01 .content-footer .link i,
.Industry-blogbox01 .content-header .date,
.Industry-blogbox01 .content-header .category,
.Industry-blogbox01 .content-header .sep,
.Industry-blogbox01 .content-header time{
    transition:color .35s ease;
}

/* =========================================================
TABLET
========================================================= */

@media(max-width:991px){

    .latest-post-col{
        flex:1 1 calc(50% - 24px);
    }

    .Industry-blogbox01 .content{
        min-height:340px;
    }

}

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

@media(max-width:600px){

    .latest-posts-row{
        gap:18px;
    }

    .latest-post-col{
        flex:1 1 100%;
    }

    .Industry-blogbox01{
        border-radius:24px;
    }

    .Industry-blogbox01::after{
        border-radius:24px;
    }

    .Industry-blogbox01 .content{
        padding:30px 24px;

        min-height:300px;

        border-radius:24px;
    }

    .Industry-blogbox01 .content-body .title{
        font-size:24px;
        line-height:1.32;
    }

    .Industry-blogbox01 .content-body .excerpt{
        font-size:14.5px;
        line-height:1.8;
    }

}