/*=====================================================
HOME
======================================================*/


.emmaus-home{

    width:100%;
    max-width:100%;

}

.emmaus-home{
    overflow:hidden;
}

/* HERO */

.home-hero{

    position:relative;

    min-height:90vh;
    padding-bottom:110px;

    display:flex;

    align-items:center;

    background:
    linear-gradient(rgba(0,34,82,.72),rgba(0,34,82,.72)),
    url('https://gcikenol.org/wp-content/uploads/2026/07/pexels-pixabay-326311-1-scaled.jpg')
    center center/cover no-repeat;

    color:#fff;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(0,24,60,.65),
        rgba(0,24,60,.15)
    );

}

.home-hero .wrap{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1200px;

    margin:auto;

    padding:0 20px;

}

.hero-content{

    max-width:700px;

}

.hero-location{

    display:inline-block;

    margin-bottom:20px;

    color:#d4af37;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.hero-content h1{

    font-size:72px;

    line-height:1.05;

    margin:0 0 30px;

    font-weight:800;

    color:#fff;

}

.hero-content p{

    font-size:19px;

    line-height:1.8;

    max-width:700px;

    color:#f3f3f3;

}

.hero-buttons{

    display:flex;

    gap:20px;

    margin-top:45px;
    margin-bottom:70px;

}

.btn-primary,
.btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 34px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    transition:all .35s ease;

}

.btn-primary{

    background:#d4af37;

    color:#fff;

    border:2px solid #d4af37;

}

.btn-primary:hover{

    background:#003b73;

    border-color:#003b73;

    color:#d4af37;

    transform:translateY(-3px);

}

.btn-secondary{

    border:2px solid #fff;

    color:#fff;

}

.btn-secondary:hover{

    background:#fff;

    color:#003b73;

}

@media(max-width:768px){

.hero-content h1{

font-size:46px;

}

.hero-buttons{

flex-direction:column;

}


}

/*==================================
HOME ACTIONS
==================================*/

.home-actions{

    margin-top:-45px;

    position:relative;

    z-index:10;

    padding-bottom:90px;

}

.action-grid{

    display:grid;

    grid-template-columns:repeat(4,minmax(220px,280px));

    justify-content:center;

    gap:24px;

}

.action-card{

    background:#fff;

    padding:28px 22px;

    border-radius:18px;

    text-decoration:none;

    color:#111;

    box-shadow:0 18px 40px rgba(0,0,0,.08);

    transition:.35s;

    text-align:center;

    min-height:205px;

}

.action-card:hover{

    transform:translateY(-10px);

    box-shadow:0 28px 50px rgba(0,0,0,.12);

}

.action-icon{

    font-size:40px;

    color:var(--ast-global-color-0);

    margin-bottom:18px;

}

.action-card h3{

    margin-bottom:15px;

    color:#003b73;

}

.action-card p{

    color:#666;

    line-height:1.7;

}

@media(max-width:991px){

.action-grid{

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

}

}

@media(max-width:768px){

.action-grid{

grid-template-columns:1fr;

}

.home-actions{

margin-top:-30px;

}

}

/*==================================
WELCOME
==================================*/

.home-welcome{

    padding:40px 0 110px;

}

.welcome-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.welcome-image{

    display:flex;

    justify-content:center;

    align-items:center;

}

.welcome-image img{

    width:85%;

    max-width:520px;

    display:block;

    border-radius:24px;

    box-shadow:0 30px 60px rgba(0,0,0,.15);

    transition:.4s;

}

.welcome-image:hover img{

    transform:translateY(-6px);

    box-shadow:0 40px 80px rgba(0,0,0,.20);

}

.section-label{

    display:inline-block;

    margin-bottom:18px;

    color:#d4af37;

    font-weight:700;

    letter-spacing:.08em;

}

.welcome-content h2{

    font-size:48px;

    line-height:1.2;

    color:#003b73;

    margin-bottom:28px;

}


.welcome-content p{

    color:#555;

    line-height:1.9;

    margin-bottom:35px;

}

.welcome-features{

    display:flex;

    flex-direction:column;

    gap:25px;

    margin-bottom:40px;

}

.feature-item{

    display:flex;

    gap:20px;

    align-items:flex-start;

}

.feature-item i{

    font-size:28px;

    color:var(--ast-global-color-0);

    margin-top:5px;

    width:32px;

    text-align:center;

}

.feature-item h4{

    margin:0 0 6px;

    color:#003b73;

}

.feature-item p{

    margin:0;

}

@media(max-width:991px){

    .welcome-grid{

        grid-template-columns:1fr;

    }

}

/*==================================
LATEST SERMON
==================================*/

.home-sermon{

    padding:110px 0;

    background:#f7f9fc;

}

.section-heading{

    text-align:center;

    margin-bottom:60px;

}

.section-heading h2{

    font-size:46px;

    color:#003b73;

    margin-top:15px;

}

.latest-sermon-grid{

    display:grid;

    grid-template-columns:46% 54%;

    gap:80px;

    align-items:center;

}

.latest-sermon-image img{

    width:100%;

    height:520px;

    object-fit:cover;

    object-position:center;

    border-radius:24px;

    display:block;

    box-shadow:0 30px 60px rgba(0,0,0,.12);

    transition:.35s;

}

.latest-sermon-image:hover img{

    transform:translateY(-6px);

}

.latest-sermon-content h3{

    font-size:38px;

    margin-bottom:20px;

}

.latest-sermon-content h3 a{

    text-decoration:none;

    color:#003b73;

}

.latest-meta{

    display:flex;

    flex-wrap:wrap;

    gap:28px;

    margin:25px 0;

    font-size:15px;

    color:#666;

}

.latest-meta span{

    display:flex;

    align-items:center;

    gap:8px;

}

.latest-meta i{

    color:var(--ast-global-color-0);

}

.latest-sermon-content p{

    line-height:1.9;

    color:#555;

    margin-bottom:35px;

}

.sermon-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

@media(max-width:991px){

.latest-sermon-grid{

grid-template-columns:1fr;

}

.latest-sermon-image{

    overflow:hidden;

    border-radius:24px;

}

.latest-sermon-image:hover img{

    transform:scale(1.04);

}

.latest-meta i{

    color:var(--ast-global-color-0);

    width:18px;

    text-align:center;

}

}

/* ==========================================================
   HOME - MINISTRIES
========================================================== */

.home-ministries{
    padding:110px 0;
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

.home-ministries::before{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    background:rgba(11,58,117,.03);
    border-radius:50%;
    top:-180px;
    right:-120px;
}

.home-ministries::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(212,175,55,.05);
    border-radius:50%;
    bottom:-120px;
    left:-90px;
}

.home-ministries .wrap{
    position:relative;
    z-index:2;
}

/*------------------------------------
 SECTION HEADING
------------------------------------*/

.section-heading{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

.section-label{
    display:inline-block;
    font-size:.82rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    color:#D4AF37;
    margin-bottom:18px;
}

.section-heading h2{
    font-size:clamp(2rem,3vw,3rem);
    color:#0B3A75;
    line-height:1.15;
    margin-bottom:22px;
}

.section-heading p{
    font-size:1.08rem;
    color:#6b7280;
    line-height:1.9;
}

/*------------------------------------
 FEATURED MINISTRY
------------------------------------*/

.featured-ministry{

    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:60px;

    align-items:center;

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    margin-bottom:70px;

    box-shadow:
    0 25px 60px rgba(15,23,42,.08);

}

.featured-ministry-image{

    overflow:hidden;

    height:100%;

}

background:linear-gradient(
to right,
rgba(0,0,0,.08),
rgba(0,0,0,.18)
);


.featured-ministry-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.8s;

}

.featured-ministry:hover img{

    transform:scale(1.05);

}

.featured-ministry-content{

    padding:55px;

}

.ministry-tag{

    display:inline-block;

    background:#D4AF37;

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:.78rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

    margin-bottom:20px;

}

.featured-ministry-content h3{

    color:#0B3A75;

    font-size:2rem;

    margin-bottom:20px;

}

.featured-ministry-content p{

    color:#6b7280;

    line-height:1.9;

    margin-bottom:35px;

}

.featured-ministry-content .btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

}

/*------------------------------------
 MINISTRY GRID
------------------------------------*/

.ministries-grid{

    display:grid;

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

    gap:35px;

}

/*------------------------------------
 CARD
------------------------------------*/

.ministry-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:
    0 18px 45px rgba(15,23,42,.06);

    transition:.35s;

    position:relative;

}

.ministry-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 35px 65px rgba(15,23,42,.12);

}

.ministry-card img{

    width:100%;

    height:230px;

    object-fit:cover;

    display:block;

    transition:.6s;

}

.ministry-card:hover img{

    transform:scale(1.08);

}

.ministry-content{

    padding:32px;

    position:relative;

}

.ministry-icon{

    width:70px;

    height:70px;

    background:#0B3A75;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:1.5rem;

    margin-top:-68px;

    margin-bottom:25px;

    border:6px solid #fff;

    transition:.35s;

}

.ministry-card:hover .ministry-icon{

    background:#D4AF37;

    transform:rotate(8deg);

}

.ministry-content h4{

    color:#0B3A75;

    font-size:1.35rem;

    margin-bottom:15px;

}

.ministry-content p{

    color:#6b7280;

    line-height:1.8;

    margin-bottom:25px;

}

.ministry-content a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#0B3A75;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.ministry-content a i{

    transition:.3s;

}

.ministry-content a:hover{

    color:#D4AF37;

}

.ministry-content a:hover i{

    transform:translateX(6px);

}

/*------------------------------------
 RESPONSIVE
------------------------------------*/

@media(max-width:1100px){

.featured-ministry{

grid-template-columns:1fr;

}

.featured-ministry-image{

height:420px;

}

.ministries-grid{

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

}

}

@media(max-width:768px){

.home-ministries{

padding:80px 0;

}

.featured-ministry-content{

padding:35px;

}

.featured-ministry-content h3{

font-size:1.8rem;

}

.ministries-grid{

grid-template-columns:1fr;

gap:30px;

}

.section-heading{

margin-bottom:55px;

}

}

@media(max-width:480px){

.featured-ministry-image{

height:300px;

}

.ministry-content{

padding:28px;

}

.ministry-card img{

height:220px;

}

}


/* ==========================================================
   LIFE AT GCI KENOL
========================================================== */

.home-events{
    padding:110px 0;
    background:#f7f8fb;
    position:relative;
    overflow:hidden;
}

.home-events::before{
    content:"";
    position:absolute;
    top:-180px;
    right:-180px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(197,160,89,.08);
}

.home-events::after{
    content:"";
    position:absolute;
    bottom:-220px;
    left:-180px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(17,34,68,.05);
}

.home-events .wrap{
    position:relative;
    z-index:2;
}

/*=========================
SECTION HEADING
=========================*/

.home-events .section-heading{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

.home-events .section-label{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:rgba(197,160,89,.15);
    color:#C5A059;
    font-size:.8rem;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.home-events h2{
    margin:22px 0;
    font-size:clamp(2.3rem,5vw,3.3rem);
    color:#112244;
    line-height:1.15;
}

.home-events .section-intro{
    color:#6c7280;
    font-size:1.08rem;
    line-height:1.9;
}

/*=========================
GRID
=========================*/

.events-grid{

display:grid;

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

gap:34px;

max-width:1280px;

margin:auto;

}

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

.event-card{
    display:flex;
    align-items:flex-start;
    gap:28px;
    background:#fff;
    border-radius:24px;
    padding:34px;
    box-shadow:0 18px 45px rgba(0,0,0,.06);
    transition:.35s ease;
    position:relative;
    overflow:hidden;
}

.event-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:100%;
    background:#C5A059;
    transform:scaleY(0);
    transform-origin:top;
    transition:.35s;
}

.event-card:hover{
    transform:translateY(-12px);
    box-shadow:0 28px 70px rgba(17,34,68,.12);
}

.event-card:hover::before{
    transform:scaleY(1);
}

/*=========================
DATE
=========================*/

.event-date{
    min-width:92px;
    height:110px;
    border-radius:22px;
    background:#112244;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transition:.35s;
}

.event-card:hover .event-date{
    background:#C5A059;
    transform:scale(1.06);
}

.event-date .month{
    font-size:.82rem;
    font-weight:700;
    letter-spacing:2px;
}

.event-date .day{
    font-size:2.4rem;
    font-weight:800;
    margin-top:4px;
}

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

.event-content{
    flex:1;
}

.event-content h3{
    margin:14px 0 16px;
    color:#112244;
    font-size:1.45rem;
}

.event-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:22px;
}

/*=========================
META
=========================*/

.event-meta{
    list-style:none;
    margin:0;
    padding:0;
}

.event-meta li{
    display:flex;
    align-items:center;
    gap:10px;
    color:#666;
    margin-bottom:10px;
    font-size:.95rem;
}

.event-meta i{
    width:18px;
    color:#C5A059;
}

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

.event-footer{
    margin-top:28px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.event-footer a{
    text-decoration:none;
    color:#112244;
    font-weight:700;
    transition:.3s;
}

.event-footer a i{
    margin-left:8px;
    transition:.3s;
}

.event-footer a:hover{
    color:#C5A059;
}

.event-footer a:hover i{
    transform:translateX(6px);
}

/*==========================================================
EVENT CATEGORY
==========================================================*/

.event-category{
    display:inline-flex;
    align-items:center;
    padding:8px 18px;
    border-radius:50px;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.event-category.worship{
    background:#eef4ff;
    color:#112244;
}

.event-category.prayer{
    background:#eef8f2;
    color:#228b5a;
}

.event-category.men{
    background:#f8f3ea;
    color:#8a6426;
}

.event-category.couples{
    background:#fff0f5;
    color:#b03c69;
}

/*==========================================================
BADGES
==========================================================*/

.event-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 18px;
    border-radius:50px;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.event-badge.free{
    background:#e8f8ec;
    color:#1d7a45;
}

.event-badge.paid{
    background:#fdf3de;
    color:#a26b00;
}

.event-badge.limited{
    background:#fff4e5;
    color:#d97706;
}

.event-badge.full{
    background:#fdecec;
    color:#b91c1c;
}

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

.events-cta{
    margin-top:80px;
    text-align:center;
}

.events-cta p{
    max-width:760px;
    margin:0 auto 35px;
    color:#666;
    line-height:1.9;
    font-size:1.05rem;
}

.events-buttons{
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}

/*==========================================================
BUTTONS
==========================================================*/

.events-buttons .btn-primary,
.events-buttons .btn-secondary{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:220px;
    height:58px;

    border-radius:999px;

    font-weight:700;

    text-decoration:none;

    transition:.35s ease;
}

/* Primary */

.events-buttons .btn-primary{

    background:#C5A059;
    color:#fff;
    box-shadow:0 12px 30px rgba(197,160,89,.30);

}

.events-buttons .btn-primary:hover{

    transform:translateY(-4px);

    background:#112244;

}

/* Secondary */

.events-buttons .btn-secondary{

    border:2px solid #112244;

    color:#112244;

    background:#fff;

}

.events-buttons .btn-secondary:hover{

    background:#112244;

    color:#fff;

    transform:translateY(-4px);

}

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

@media(max-width:1100px){

.events-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.home-events{

padding:80px 0;

}

.event-card{

flex-direction:column;

padding:28px;

}

.event-date{

width:90px;

}

.event-footer{

flex-direction:column;

align-items:flex-start;

gap:18px;

}

.home-events h2{

font-size:2.2rem;

}

.events-buttons{

flex-direction:column;

}

.events-buttons a{

width:100%;

}

}

@media(max-width:480px){

.event-content h3{

font-size:1.3rem;

}

.home-events .section-intro{

font-size:1rem;

}

}

/* ==========================================================
   DAILY DEVOTIONS
========================================================== */

.home-devotion{
    padding:110px 0;
    background:#ffffff;
    position:relative;
}

.devotion-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:80px;

}

.devotion-image{

    position:relative;
    overflow:hidden;
    border-radius:28px;
    aspect-ratio:4 / 3;
    box-shadow:0 30px 70px rgba(17,34,68,.15);

}

.devotion-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.7s ease;

}

.devotion-image:hover img{

    transform:scale(1.05);

}

/* Gold overlay */

.devotion-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        180deg,
        rgba(197,160,89,.10),
        rgba(17,34,68,.18)
    );

}

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

.devotion-content{

    max-width:560px;

}

.home-devotion .section-label{

    display:inline-block;

    padding:8px 18px;

    background:rgba(197,160,89,.15);

    color:#C5A059;

    border-radius:50px;

    font-size:.8rem;

    font-weight:700;

    letter-spacing:2px;

}

.devotion-content h2{

    margin:24px 0;

    font-size:clamp(2.4rem,5vw,3.5rem);

    color:#112244;

    line-height:1.15;

}

/*=========================
DATE
=========================*/

.devotion-date{

    display:flex;

    gap:15px;

    align-items:center;

    margin-bottom:35px;

}

.devotion-date span{

    color:#888;

    font-size:.95rem;

}

.devotion-date strong{

    color:#112244;

}

/*=========================
SCRIPTURE
=========================*/

.scripture{

    margin-bottom:30px;

}

.scripture span{

    display:block;

    font-size:.82rem;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#C5A059;

    margin-bottom:8px;

}

.scripture h3{

    margin:0;

    font-size:2rem;

    color:#112244;

}

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

.devotion-content h4{

    margin:0 0 20px;

    font-size:2rem;

    color:#112244;

}

/*=========================
TEXT
=========================*/

.devotion-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:35px;

    font-size:1.06rem;

}

/*=========================
QUOTE
=========================*/

.devotion-content blockquote{

    margin:0 0 40px;

    padding-left:22px;

    border-left:4px solid #C5A059;

    color:#112244;

    font-size:1.2rem;

    font-style:italic;

    line-height:1.7;

}

/*=========================
BUTTON
=========================*/

.devotion-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 34px;

    border-radius:999px;

    text-decoration:none;

    font-weight:700;

    transition:.35s ease;

}

.devotion-btn i{

    transition:.35s;

}

.devotion-btn:hover{

    transform:translateY(-4px);

}

.devotion-btn:hover i{

    transform:translateX(6px);

}

/*=========================
BOTTOM LINKS
=========================*/

.devotion-links{

    display:flex;

    flex-wrap:wrap;

    gap:25px;

    margin-top:45px;

}

.devotion-links a{

    text-decoration:none;

    color:#112244;

    font-weight:600;

    transition:.3s;

}

.devotion-links a:hover{

    color:#C5A059;

}

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

@media(max-width:1100px){

.devotion-grid{

grid-template-columns:1fr;

gap:60px;

}

.devotion-content{

max-width:100%;

}

}

@media(max-width:768px){

.home-devotion{

padding:80px 0;

}

.devotion-image{

min-height:420px;

}

.devotion-content h2{

font-size:2.3rem;

}

.devotion-content h4{

font-size:1.7rem;

}

.devotion-links{

flex-direction:column;

gap:15px;

}

}

/* ==========================================================
   TESTIMONIES
========================================================== */

.home-testimonies{
    padding:120px 0;
    background:#F8F9FB;
}

.home-testimonies .section-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 70px;
}

.home-testimonies h2{
    margin:20px 0;
    font-size:clamp(2.4rem,5vw,3.6rem);
    color:#112244;
}

.home-testimonies .section-intro{
    color:#666;
    line-height:1.9;
}

/* =====================================
FEATURED TESTIMONY
===================================== */

.featured-testimony{

    background:#fff;

    border-radius:30px;

    padding:60px;

    box-shadow:0 30px 70px rgba(17,34,68,.08);

    max-width:950px;

    margin:0 auto 70px;

    position:relative;

}

.scripture-top{

    text-align:center;

    margin-bottom:40px;

}

.scripture-top p{

    font-size:1.25rem;

    font-style:italic;

    color:#112244;

    line-height:1.8;

    margin-bottom:10px;

}

.scripture-top span{

    color:#C5A059;

    font-weight:700;

    letter-spacing:1px;

}

.featured-testimony blockquote{

    font-size:1.45rem;

    line-height:2;

    color:#444;

    text-align:center;

    margin:0 0 50px;

    font-style:italic;

}

.testimonial-person{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    margin-bottom:35px;

}

.testimonial-person img{

    width:72px;

    height:72px;

    border-radius:50%;

    object-fit:cover;

}

.testimonial-person h4{

    margin:0;

    color:#112244;

}

.testimonial-person span{

    color:#777;

    font-size:.9rem;

}

.featured-testimony .btn-primary{

    display:table;

    margin:auto;

}

/* =====================================
STORIES
===================================== */

.testimony-grid{

    display:grid;

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

    gap:35px;

}

.story-card{

    background:#fff;

    padding:40px;

    border-radius:24px;

    transition:.35s ease;

    box-shadow:0 15px 40px rgba(17,34,68,.05);

}

.story-card:hover{

    transform:translateY(-8px);

}

.story-icon{

    width:70px;
    height:70px;

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

    background:rgba(197,160,89,.12);

    border-radius:18px;

    margin-bottom:25px;

}

.story-icon i{

    font-size:2rem;
    color:#C5A059;

}

}

.story-card h3{

    margin-bottom:15px;

    color:#112244;

}

.story-card p{

    color:#666;

    line-height:1.9;

    margin-bottom:25px;

}

.story-card a{

    text-decoration:none;

    color:#C5A059;

    font-weight:700;

}

.story-card a:hover{

    color:#112244;

}

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

@media(max-width:991px){

.testimony-grid{

grid-template-columns:1fr;

}

.featured-testimony{

padding:40px 30px;

}

.featured-testimony blockquote{

font-size:1.2rem;

}

}

@media(max-width:768px){

.home-testimonies{

padding:80px 0;

}

.scripture-top p{

font-size:1.05rem;

}

}

/* ==========================================================
   KINGDOM GIVING
========================================================== */

.home-giving{

    padding:120px 0;
    background:#ffffff;

}

.giving-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:110px;
    align-items:center;

}

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

.giving-image{

    position:relative;
    overflow:hidden;
    border-radius:30px;
    aspect-ratio:4 / 3;
    box-shadow:0 30px 70px rgba(17,34,68,.12);

}

.giving-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

    transition:.7s ease;

}

.giving-image:hover img{

    transform:scale(1.05);

}

.giving-image::after{

    content:"";

    position:absolute;
    inset:0;

    background:linear-gradient(
        rgba(17,34,68,.05),
        rgba(17,34,68,.28)
    );

}

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

.giving-content{

    max-width:560px;

}

.giving-content h2{

    margin:22px 0 28px;
    font-size:clamp(2.4rem,5vw,3.5rem);
    line-height:1.15;
    color:#112244;

}

.giving-content p{

    color:#666;
    line-height:1.9;
    margin-bottom:40px;

}

/* ==========================================
SCRIPTURE
========================================== */

.giving-scripture{

    display:flex;
    align-items:flex-start;
    gap:18px;

    padding:24px;

    border-left:5px solid #C5A059;

    background:#F8F9FB;

    border-radius:0 18px 18px 0;

    margin-bottom:45px;

}

.giving-scripture i{

    color:#C5A059;
    font-size:1.5rem;
    margin-top:4px;

}

.giving-scripture strong{

    display:block;
    color:#112244;
    margin-bottom:8px;

}

.giving-scripture span{

    color:#555;
    font-style:italic;
    line-height:1.7;

}

/* ==========================================
IMPACT LIST
========================================== */

.impact-item{

    display:flex;
    align-items:center;
    gap:18px;

    color:#112244;

    font-weight:600;

}

.impact-item span{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#C5A059;

    flex-shrink:0;

}

/* ==========================================
BUTTONS
========================================== */

.giving-buttons{

    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top: 20px;

}

.btn-outline{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:16px 34px;

    border-radius:999px;

    border:2px solid #112244;

    color:#112244;

    text-decoration:none;

    font-weight:700;

    transition:.35s ease;

}

.btn-outline:hover{

    background:#112244;

    color:#fff;

}

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

@media(max-width:1100px){

.giving-grid{

grid-template-columns:1fr;

gap:60px;

}

.giving-content{

max-width:100%;

}

}

@media(max-width:768px){

.home-giving{

padding:80px 0;

}

.giving-image{

min-height:420px;

}

.giving-buttons{

flex-direction:column;

}

.giving-buttons a{

width:100%;

justify-content:center;

}

}

/* ==========================================================
   YOUR JOURNEY STARTS HERE
========================================================== */

.home-next-step{

    padding:120px 0;

    background:#F8F9FB;

}

.home-next-step .section-heading{

    text-align:center;
    max-width:760px;
    margin:0 auto 70px;

}

.home-next-step h2{

    margin:20px 0;

    font-size:clamp(2.4rem,5vw,3.5rem);

    color:#112244;

}

.home-next-step .section-heading p{

    color:#666;
    line-height:1.9;

}

/* =====================================
GRID
===================================== */

.next-step-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:25px;

}

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

.next-card{

    background:#fff;

    border-radius:26px;

    padding:32px 28px;

    text-align:center;

    text-decoration:none;

    color:inherit;

    transition:.35s ease;

    box-shadow:0 15px 40px rgba(17,34,68,.06);

}

.next-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 55px rgba(17,34,68,.12);

}

/* =====================================
ICON
===================================== */

.next-card i{

    width:72px;
    height:72px;

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

    margin:0 auto 25px;

    border-radius:20px;

    background:rgba(197,160,89,.12);

    color:#C5A059;

    font-size:2rem;

}

/* =====================================
TEXT
===================================== */

.next-card h3{

    margin-bottom:15px;

    color:#112244;

}

.next-card p{

    color:#666;

    line-height:1.8;

    font-size:.95rem;

}

/* =====================================
FEATURED CARD
===================================== */

.featured-step{

    background:#112244;

}

.featured-step h3,
.featured-step p{

    color:#fff;

}

.featured-step i{

    background:rgba(255,255,255,.12);

    color:#C5A059;

}

.featured-step::before{

content:"START HERE";

display:block;

margin-bottom:15px;

font-size:.75rem;

letter-spacing:2px;

color:#C5A059;

font-weight:700;

}

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

@media(max-width:1200px){

.next-step-grid{

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

}

}

@media(max-width:768px){

.home-next-step{

padding:80px 0;

}

.next-step-grid{

grid-template-columns:1fr;

}

}

.icon{

    width:28px;
    height:28px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

}

.icon svg{

    width:100%;
    height:100%;

    fill:currentColor;

}


/* ==========================================================
ABOUT PAGE
========================================================== */

.about-page{

    width:100%;

}

.about-page .wrap{

    width:min(1320px,92%);

    margin:auto;

}

.page-hero{

    padding:120px 0 90px;

    background:#F8F9FB;

    margin-bottom:80px;

}

.page-hero h1{

    max-width:720px;

}

.page-hero p{

    max-width:700px;

    margin-top:25px;

}

.two-column{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

.about-image img{

    width:100%;

    display:block;

    border-radius:30px;

}