*{
            box-sizing:border-box;
        }

.read-more-btn22 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 43px;
    padding: 10px 19px;
    border: 1px solid #f1ca70;
    border-radius: 8px;
    background: #fff;
    color: #43205a;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    transition: .3s ease;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .13);
}


        body{
            margin:0;
            font-family:'Oswald', sans-serif;
            background:#f7f7f7;
        }

        /* ======================================================
           CHURCH PLANTING SECTION
        ====================================================== */

        .church-planting-section{
            position:relative;
            overflow:hidden;
            padding:45px 0 50px;
            background: #73ad4f;
        }

        /*
          CSS GRAPHICS ONLY
          No background images
        */
        .church-planting-section::before{
            content:"";
            position:absolute;
            width:900px;
            height:320px;
            left:-230px;
            top:-170px;
            border:2px solid rgba(255,255,255,.08);
            border-radius:50%;
            transform:rotate(-7deg);
            box-shadow:
                0 35px 0 rgba(255,255,255,.025),
                0 70px 0 rgba(255,255,255,.020),
                0 105px 0 rgba(255,255,255,.015);
            animation:waveMove 8s ease-in-out infinite alternate;
        }

        .church-planting-section::after{
            content:"";
            position:absolute;
            width:820px;
            height:280px;
            right:-210px;
            bottom:-150px;
            border:2px solid rgba(76,163,255,.15);
            border-radius:50%;
            transform:rotate(9deg);
            box-shadow:
                0 -35px 0 rgba(62,151,255,.035),
                0 -70px 0 rgba(62,151,255,.025),
                0 -105px 0 rgba(62,151,255,.018);
            animation:waveMove2 9s ease-in-out infinite alternate;
        }

        @keyframes waveMove{
            from{
                transform:translateX(-20px) rotate(-7deg);
            }
            to{
                transform:translateX(60px) rotate(-3deg);
            }
        }

        @keyframes waveMove2{
            from{
                transform:translateX(15px) rotate(9deg);
            }
            to{
                transform:translateX(-55px) rotate(5deg);
            }
        }

        .church-container{
            position:relative;
            z-index:3;
        }

        /* ======================================================
           SHORT STYLISH HEADING
        ====================================================== */

        .section-title-wrap{
            text-align:center;
            margin-bottom:28px;
        }

        .section-mini-label{
            display:inline-flex;
            align-items:center;
            gap:8px;
            padding:5px 14px;
            border:1px solid rgba(255,255,255,.17);
            color: #333;
            background: #fff;
            font-size:12px;
            font-weight:600;
            letter-spacing:2px;
            text-transform:uppercase;
            border-radius:50px;
            margin-bottom:8px;
        }

        .section-title{
            color:#fff;
            font-family: "Google Sans", Arial, sans-serif;
            font-size:clamp(24px,3vw,48px);
            margin:0;
            line-height:1.15;
            margin-top: 15px;
            font-weight: 900;
        }

        .section-title span{
            color:#fffec7;
        }

        .title-line{
            width:110px;
            height:3px;
            background:#fff;
            margin:11px auto 0;
            border-radius:20px;
            position:relative;
        }

        .title-line::after{
            content:"";
            width:13px;
            height:13px;
            border-radius:50%;
            position:absolute;
            top:50%;
            left:50%;
            background:#fff;
            border:3px solid #ff9f27;
            transform:translate(-50%,-50%);
            box-shadow:0 0 15px rgba(255,159,39,.6);
        }

        /* ======================================================
           TOP 3 COLUMNS
           No space between columns
        ====================================================== */

        .top-ministry-row{
            margin:0;
            border:1px solid rgba(255,255,255,.13);
            box-shadow:0 20px 50px rgba(0,0,0,.25);
        }

        .top-ministry-row > [class*="col-"]{
            padding:0;
            display:flex;
        }

        .feature-panel{
            width:100%;
            min-height:285px;
            padding:28px 25px;
            position:relative;
            overflow:hidden;
            transition:.4s ease;
            display:flex;
            flex-direction:column;
            justify-content:center;
        }

        .feature-panel:hover{
            transform:translateY(-5px);
            z-index:5;
            box-shadow:0 20px 40px rgba(0,0,0,.24);
        }

        /* light orange */
        .panel-orange{
            color:#33200a;
            background:
                linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,255,255,.05)),
                #f5a742;
        }

        /* light gray */
        .panel-gray{
            color:#202a36;
            background:
                linear-gradient(145deg, rgba(255,255,255,.95), rgba(255,255,255,.20)),
                #dfe5ea;
        }

        /* light blue */
        .panel-blue{
            color:#0a2946;
            background: #fff;
        }

        .feature-panel::before{
            content:"";
            position:absolute;
            width:180px;
            height:180px;
            border-radius:50%;
            right:-75px;
            top:-70px;
            border:22px solid rgba(255,255,255,.17);
        }

        .feature-panel::after{
            content:"";
            position:absolute;
            width:100px;
            height:100px;
            border-radius:50%;
            left:-40px;
            bottom:-46px;
            border:1px dashed rgba(0,0,0,.13);
            animation:rotateCircle 15s linear infinite;
        }

        @keyframes rotateCircle{
            to{
                transform:rotate(360deg);
            }
        }

        /* column 1 */

        .planting-main{
            display:flex;
            align-items:center;
            gap:21px;
            position:relative;
            z-index:2;
        }

        .main-icon{
            min-width:92px;
            width:92px;
            height:92px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:40px;
            color:#fff;
            background:#bc6214;
            border:1px solid rgba(255,255,255,.8);
            border-radius:9px;
            box-shadow:
                0 15px 30px rgba(128,62,7,.26),
                inset 0 1px 0 rgba(255,255,255,.55);
            position:relative;
        }

        .main-icon::after{
            content:"";
            position:absolute;
            inset:7px;
            border:1px dashed rgba(255,255,255,.55);
            border-radius:6px;
        }

        .main-title-small{
            font-family: "Google Sans", Arial, sans-serif;
            font-size:26px;
            line-height:1.25;
            margin-bottom:8px;
            font-weight: 900;
        }

        .main-slogan{
            font-size:16px;
            font-weight:400;
            line-height:1.5;
            margin:0;
        }

        .main-slogan strong{
            font-weight:700;
        }

        /* column 2 */

        .quote-top{
            display:flex;
            gap:15px;
            align-items:flex-start;
            position:relative;
            z-index:2;
        }

        .quote-icon{
            width:55px;
            height:55px;
            min-width:55px;
            border-radius:8px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:#263445;
            color:#fff;
            font-size:22px;
            box-shadow:0 10px 25px rgba(0,0,0,.18);
        }

        .quote-label{
            font-size:12px;
            letter-spacing:2px;
            text-transform:uppercase;
            font-weight:700;
            color:#996511;
            margin-bottom:4px;
        }

        .quote-title{
            font-family: "Google Sans", Arial, sans-serif;
            font-size:20px;
            line-height:1.35;
            margin:0;
            font-weight: 900;
            color: #6e6e6e;
        }

        .quote-box{
            position:relative;
            z-index:2;
            margin-top:17px;
            padding:13px 16px;
            border-left:4px solid #d48a18;
            background:rgba(255,255,255,.62);
            box-shadow:0 8px 20px rgba(30,40,50,.08);
            font-size:15px;
            font-style:italic;
            font-weight:400;
            line-height:1.55;
        }

        .quote-bottom-icons{
            display:flex;
            gap:8px;
            margin-top:15px;
            position:relative;
            z-index:2;
        }

        .quote-bottom-icons span{
            width:34px;
            height:34px;
            display:flex;
            align-items:center;
            justify-content:center;
            border:1px solid rgba(40,50,60,.17);
            background:rgba(255,255,255,.4);
            border-radius:6px;
        }

        /* column 3 */

        .vision-content{
            position:relative;
            z-index:2;
        }

        .vision-heading{
            display:flex;
            align-items:center;
            gap:10px;
            margin-bottom:12px;
        }

        .vision-heading i{
            width:39px;
            height:39px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:7px;
            background:#125f99;
            color:#fff;
        }

        .vision-heading h3{
            font-family: "Google Sans", Arial, sans-serif;
            font-size:21px;
            margin:0;
            font-weight: 900;
            text-transform: uppercase;
        }

        .vision-text{
            margin:0 0 14px;
            font-size:15px;
            font-weight:400;
            line-height:1.5;
        }

        .vision-text strong{
            font-weight:700;
        }

        .vision-image-box{
            overflow:hidden;
            border:4px solid rgba(255,255,255,.78);
            border-radius:8px;
            box-shadow:0 10px 23px rgba(3,54,88,.18);
            position:relative;
        }

        .vision-image-box img{
            width:100%;
            height:100%;
            object-fit:cover;
            display:block;
            transition:transform .6s ease;
        }

        .vision-image-box:hover img{
            transform:scale(1.09);
        }

        .vision-image-label{
            position:absolute;
            left:8px;
            bottom:8px;
            background:#082c4a;
            color:#fff;
            padding:4px 9px;
            font-size:11px;
            font-weight:600;
            letter-spacing:.6px;
            border-radius:4px;
        }

        /* ======================================================
           IMAGE GALLERY
        ====================================================== */

        .gallery-row{
            margin-top:24px;
        }

        .gallery-card{
            position:relative;
            height:180px;
            overflow:hidden;
            background:#111;
            border:0px solid rgba(255,255,255,.18);
            cursor:pointer;
            box-shadow:0 12px 25px rgba(0,0,0,.20);
        }

        .gallery-card img{
            display:block;
            width:100%;
            height:100%;
            object-fit:cover;
            transition:transform .55s ease, opacity .45s ease;
        }

        .gallery-card:hover img{
            transform:scale(1.11);
            opacity:.72;
        }

        .gallery-card::after{
            content:"";
            position:absolute;
            inset:0;
            background:linear-gradient(
                to top,
                rgba(5,16,28,.75),
                transparent 60%
            );
            pointer-events:none;
        }

        .photo-badge{
            position:absolute;
            left:9px;
            top:9px;
            z-index:3;
            padding:5px 9px;
            color:#fff;
            background:#ed861b;
            border:1px solid rgba(255,255,255,.45);
            border-radius:5px;
            font-size:11px;
            text-transform:uppercase;
            font-weight:700;
            letter-spacing:.7px;
            box-shadow:0 5px 12px rgba(0,0,0,.17);
        }

        .gallery-caption{
            position:absolute;
            z-index:3;
            left:11px;
            right:42px;
            bottom:10px;
            color:#fff;
            font-size:14px;
            font-weight:500;
            line-height:1.25;
        }

        .zoom-icon{
            width:34px;
            height:34px;
            position:absolute;
            z-index:4;
            right:9px;
            bottom:9px;
            background:#fff;
            color:#14293f;
            border-radius:6px;
            display:flex;
            align-items:center;
            justify-content:center;
            transform:scale(.8);
            opacity:0;
            transition:.3s ease;
        }

        .gallery-card:hover .zoom-icon{
            transform:scale(1);
            opacity:1;
        }

        /* Different border accents */

        .gallery-row > div:nth-child(1) .gallery-card{
            border-bottom:4px solid #fff;
            border-top:4px solid #fff;
        }

        .gallery-row > div:nth-child(2) .gallery-card{
            border-bottom:4px solid #fff;
            border-top:4px solid #fff;
        }

        .gallery-row > div:nth-child(3) .gallery-card{
            border-bottom:4px solid #fff;
            border-top: 4px solid #fff;
        }

        .gallery-row > div:nth-child(4) .gallery-card{
            border-bottom:4px solid #fff;
            border-top:4px solid #fff;
        }

        .gallery-row > div:nth-child(5) .gallery-card{
            border-bottom:4px solid #fff;
            border-top:4px solid #fff;
        }

        .gallery-row > div:nth-child(6) .gallery-card{
            border-bottom:4px solid #fff;
            border-top:4px solid #fff;
        }

        /* ======================================================
           READ MORE
        ====================================================== */

        .read-more-wrap{
            text-align:center;
            margin-top:25px;
        }

        .read-more-btn{
            display:inline-flex;
            align-items:center;
            gap:10px;
            text-decoration:none;
            color:#333;
            border:1px solid rgba(255,255,255,.23);
            padding:11px 21px;
            font-size:13px;
            font-weight:600;
            letter-spacing:1px;
            text-transform:uppercase;
            background:#fff;
            border-radius:6px;
            box-shadow:
                0 10px 25px rgba(0,0,0,.23),
                inset 0 1px 0 rgba(255,255,255,.28);
            transition:.3s ease;
        }

        .read-more-btn:hover{
            color:#07172b;
            background:#fff;
            transform:translateY(-3px);
        }

        .read-more-btn i{
            transition:.3s ease;
        }

        .read-more-btn:hover i{
            transform:translateX(4px);
        }

        /* ======================================================
           LIGHTBOX
        ====================================================== */

        .church-lightbox{
            position:fixed;
            z-index:99999;
            inset:0;
            background:rgba(2,8,17,.94);
            display:none;
            align-items:center;
            justify-content:center;
            padding:25px;
        }

        .church-lightbox.active{
            display:flex;
        }

        .lightbox-inner{
            width:min(1000px,95vw);
            position:relative;
            animation:lightboxShow .3s ease;
        }

        @keyframes lightboxShow{
            from{
                opacity:0;
                transform:scale(.94);
            }
            to{
                opacity:1;
                transform:scale(1);
            }
        }

        .lightbox-inner img{
            width:100%;
            max-height:82vh;
            object-fit:contain;
            border:5px solid rgba(255,255,255,.82);
            border-radius:7px;
            box-shadow:0 30px 80px rgba(0,0,0,.6);
        }

        .lightbox-close{
            position:absolute;
            right:-12px;
            top:-15px;
            border:0;
            width:43px;
            height:43px;
            border-radius:50%;
            background:#f08b21;
            color:#fff;
            font-size:20px;
            box-shadow:0 8px 20px rgba(0,0,0,.35);
        }

        /* ======================================================
           RESPONSIVE
        ====================================================== */

        @media(max-width:991px){

            .feature-panel{
                min-height:245px;
            }

            .top-ministry-row > [class*="col-"] + [class*="col-"]{
                border-top:0px solid rgba(0,0,0,.08);
            }

            .gallery-card{
                height:210px;
            }
        }

        @media(max-width:767px){

            .church-planting-section{
                padding:33px 0 38px;
            }

            .section-title-wrap{
                margin-bottom:20px;
            }

            .section-title{
                font-size:35px;
            }

            .feature-panel{
                padding:23px 18px;
                min-height:auto;
            }

            .planting-main{
                gap:15px;
            }

            .main-icon{
                width:73px;
                height:73px;
                min-width:73px;
                font-size:31px;
            }

            .main-title-small{
                font-size:21px;
            }

            .main-slogan{
                font-size:15px;
            }

            .gallery-card{
                height:220px;
            }
        }

        @media(max-width:480px){

            .planting-main{
                align-items:flex-start;
            }

            .main-icon{
                width:62px;
                height:62px;
                min-width:62px;
                font-size:25px;
            }

            .main-title-small{
                font-size:18px;
            }

            .quote-title{
                font-size:18px;
            }

            .gallery-card{
                height:205px;
            }
        }