.bp-preaching-section{
    position:relative;
    overflow:hidden;
    padding:55px 0 60px;
    font-family:'Google Sans',Arial,sans-serif;
    background:
        radial-gradient(circle at 7% 18%,rgba(235,141,38,.18) 0 6px,transparent 7px),
        radial-gradient(circle at 92% 75%,rgba(110,20,42,.16) 0 8px,transparent 9px),
        linear-gradient(135deg,#fffdf3 0%,#fff9e8 48%,#fffdf5 100%);
    isolation:isolate;
}

.bp-preaching-section:before{
    content:"";
    position:absolute;
    width:330px;
    height:330px;
    border:45px solid rgba(235,141,38,.08);
    border-radius:50%;
    top:-170px;
    left:-120px;
    z-index:-1;
}

.bp-preaching-section:after{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border:55px solid rgba(105,18,40,.07);
    border-radius:50%;
    right:-180px;
    bottom:-200px;
    z-index:-1;
}

.bp-bg-cross{
    position:absolute;
    color:rgba(110,20,42,.055);
    font-size:130px;
    right:8%;
    top:6%;
    transform:rotate(12deg);
    z-index:-1;
}

.bp-bg-ring{
    position:absolute;
    width:110px;
    height:110px;
    border:15px solid rgba(235,141,38,.08);
    border-radius:50%;
    left:6%;
    bottom:8%;
    z-index:-1;
}

.bp-heading-wrap{
    max-width:700px;
    margin:0 auto 30px;
    text-align:center;
}

.bp-small-label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 14px;
    margin-bottom:9px;
    border-radius:30px;
    background:#fff;
    color:#7a263e;
    font-size:12px;
    font-weight:700;
    letter-spacing:.7px;
    text-transform:uppercase;
    box-shadow:0 5px 18px rgba(65,40,20,.08);
}

.bp-section-title{
    margin:0;
    color:#3d261d;
    font-size:clamp(29px,4vw,44px);
    font-weight:700;
    line-height:1.1;
}

.bp-section-text{
    max-width:610px;
    margin:10px auto 0;
    color:#70655d;
    font-size:14px;
    line-height:1.65;
}

.bp-title-divider{
    position:relative;
    width:100px;
    height:4px;
    margin:17px auto 0;
    border-radius:20px;
    background:linear-gradient(90deg,#ed8c25,#842c48);
}

.bp-title-divider:before,
.bp-title-divider:after{
    content:"";
    position:absolute;
    top:50%;
    width:7px;
    height:7px;
    background:#fff;
    border:2px solid #b75c34;
    border-radius:50%;
    transform:translateY(-50%);
}

.bp-title-divider:before{left:-11px;}
.bp-title-divider:after{right:-11px;}

.bp-column{
    display:flex;
}

.bp-card{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    min-height:475px;
    padding:15px;
    border-radius:15px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.6);
    box-shadow:0 17px 42px rgba(68,38,24,.14);
    transition:.35s ease;
}

.bp-card:hover{
    transform:translateY(-7px);
    box-shadow:0 25px 48px rgba(68,38,24,.2);
}

.bp-orange{
    background:
        radial-gradient(circle at 90% 10%,rgba(255,255,255,.24) 0 45px,transparent 46px),
        radial-gradient(circle at 13% 91%,rgba(255,255,255,.12) 0 70px,transparent 71px),
        linear-gradient(145deg,#ef9b30,#dc721d);
}

.bp-maroon{
    background:
        radial-gradient(circle at 90% 10%,rgba(255,255,255,.15) 0 45px,transparent 46px),
        radial-gradient(circle at 13% 91%,rgba(255,255,255,.08) 0 70px,transparent 71px),
        linear-gradient(145deg,#8f2949,#5d142e);
}

.bp-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:3px 7px 12px;
}

.bp-card-heading{
    margin:0;
    color:#fff;
    font-size:25px;
    font-weight:700;
    line-height:1.3;
}

.bp-card-icon{
    flex:0 0 39px;
    width:39px;
    height:39px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.17);
    border:1px solid rgba(255,255,255,.32);
    backdrop-filter:blur(4px);
}

.bp-inner{
    position:relative;
    display:flex;
    flex-direction:column;
    flex:1;
    padding:14px;
    border-radius:14px;
    background:rgba(255,253,247,.96);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.75),
        0 10px 25px rgba(70,30,20,.13);
}

.bp-media{
    position:relative;
    height:178px;
    overflow:hidden;
    border-radius: 13px;
    margin-bottom:13px;
}

.bp-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s ease;
}

.bp-card:hover .bp-media img{
    transform:scale(1.05);
}

.bp-image-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(30,15,10,.62),transparent 55%);
}

.bp-photo-badge{
    position:absolute;
    left:12px;
    bottom:11px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:6px 10px;
    border-radius:20px;
    color:#fff;
    background:rgba(30,22,18,.66);
    backdrop-filter:blur(6px);
    font-size:11px;
    font-weight:600;
}

.bp-content{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:0 4px 2px;
}

.bp-content-title{
    margin:0 0 7px;
    color:#422c23;
    font-size:18px;
    font-weight:700;
}

.bp-verse{
    position:relative;
    margin:0 0 9px;
    padding:8px 10px 8px 34px;
    border-radius:11px;
    background:#fff7e8;
    color:#785438;
    font-size:12px;
    font-weight:600;
    line-height:1.45;
}

.bp-maroon .bp-verse{
    background:#f8edf1;
    color:#703248;
}

.bp-verse i{
    position:absolute;
    left:11px;
    top:11px;
    font-size:13px;
}

.bp-description{
    color:#756861;
    font-size:13px;
    line-height:1.55;
    margin:0;
}

.bp-mini-divider{
    display:flex;
    align-items:center;
    gap:7px;
    margin:10px 0 11px;
}

.bp-mini-divider span{
    height:1px;
    flex:1;
    background:rgba(96,70,56,.18);
}

.bp-mini-divider i{
    font-size:8px;
    color:#d67c2d;
}

.bp-maroon .bp-mini-divider i{
    color:#873552;
}

.bp-feature-row{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:13px;
}

.bp-feature{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 8px;
    border-radius:8px;
    background:#fff;
    color:#66564e;
    border:1px solid rgba(80,56,45,.09);
    font-size:10.5px;
    font-weight:600;
    box-shadow:0 3px 9px rgba(80,55,40,.04);
}

.bp-feature i{
    color:#dd7b21;
}

.bp-maroon .bp-feature i{
    color:#8a2a4a;
}

.bp-btn-wrap{
    margin-top:auto;
}

.bp-read-btn{
    position:relative;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:137px;
    padding:9px 17px;
    border:0;
    border-radius:11px;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    transition:.3s ease;
    box-shadow:0 8px 18px rgba(75,40,22,.18);
}

.bp-orange .bp-read-btn{
    background:linear-gradient(135deg,#f49324,#bd5514);
}

.bp-maroon .bp-read-btn{
    background:linear-gradient(135deg,#962e52,#541129);
}

.bp-read-btn:before{
    content:"";
    position:absolute;
    top:0;
    left:-70%;
    width:45%;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
    transform:skewX(-25deg);
    transition:.55s;
}

.bp-read-btn:hover:before{
    left:125%;
}

.bp-read-btn:hover{
    color:#fff;
    transform:translateY(-2px);
}

.bp-card-decoration{
    position:absolute;
    width:70px;
    height:70px;
    border-radius:50%;
    border:10px solid rgba(255,255,255,.08);
    right:-18px;
    top:52px;
    pointer-events:none;
}

@media (max-width:991.98px){
    .bp-card{
        min-height:100%;
    }

    .bp-media{
        height:165px;
    }
}

@media (max-width:767.98px){
    .bp-preaching-section{
        padding:42px 0 45px;
    }

    .bp-heading-wrap{
        margin-bottom:23px;
    }

    .bp-card{
        border-radius:34px;
        min-height:auto;
    }

    .bp-inner{
        border-radius:25px;
    }

    .bp-media{
        height:200px;
        border-radius:20px;
    }
}

@media (max-width:575.98px){
    .bp-section-title{
        font-size:30px;
    }

    .bp-media{
        height:185px;
    }

    .bp-card-heading{
        font-size:17px;
    }

    .bp-card{
        padding:12px;
    }
}