/*==================================================
            BIBLE MISSION RESOURCES
==================================================*/

/*==================================================
                RESOURCES SECTION
==================================================*/

.resources-section{

    padding: 80px 0;

    background-image: url("../img/resourcebg.png");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}

.resources-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("../images/pattern.png") center/cover no-repeat;

    opacity:.04;

    pointer-events:none;

}

.resources-heading{

    position:relative;

    z-index:2;

    margin-bottom:55px;

}

.resources-heading h2{

    color:#0B3B75;

    font-size:46px;

    font-weight:700;

    margin-bottom:12px;

}

.resources-heading h2::after{

    content:"";

    width:90px;

    height:4px;

    background:#B48B3C;

    display:block;

    margin:14px auto 0;

    border-radius:20px;

}

.resources-heading p{

    color:#666;

    font-size:18px;

    max-width:700px;

    margin:auto;

    line-height:1.8;

}

/*==================================================
                SLIDER
==================================================*/

.resources-slider{

    position:relative;

    display:flex;

    align-items:center;

}

.resources-wrapper{

    overflow:hidden;

    width:100%;

}

.resources-track{

    display:flex;

    gap:28px;

    transition:transform .8s cubic-bezier(.4,0,.2,1);

    will-change:transform;

}

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

.resource-card{

    position:relative;

    min-width:calc(25% - 21px);

    background:linear-gradient(
        180deg,
        rgba(255,255,255,1) 0%,
        rgba(250,250,250,1) 55%,
        rgba(242,242,242,1) 100%
    );

    border-radius:22px;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    border-top:5px solid #B48B3C;

    border-bottom:5px solid #0B3B75;

    border-left:1px solid rgba(255,255,255,.6);

    border-right:1px solid rgba(255,255,255,.6);

    box-shadow:
        0 15px 35px rgba(0,0,0,.08),
        inset 0 2px 2px rgba(255,255,255,.9),
        inset 0 -2px 4px rgba(0,0,0,.04);

    transition:.4s;

}

/* Glossy Highlight */
.resource-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:45%;

    background:linear-gradient(
        to bottom,
        rgba(255,255,255,.75),
        rgba(255,255,255,.25),
        transparent
    );

    pointer-events:none;

}

/* Moving Shine */
.resource-card::after{

    content:"";

    position:absolute;

    top:-60%;

    left:-120%;

    width:60%;

    height:220%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );

    transform:rotate(25deg);

    transition:.8s ease;

}

.resource-card:hover{

    transform:translateY(-12px);

    box-shadow:
        0 22px 45px rgba(0,0,0,.15),
        inset 0 2px 2px rgba(255,255,255,.9);

}

.resource-card:hover::after{

    left:150%;

}

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

.resource-image{

    width:100%;

    height:260px;

    overflow:hidden;

    background:#fff;

}

.resource-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:1s;

}

.resource-card:hover .resource-image img{

    transform:scale(1.08);

}

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

.resource-content{

    padding:28px;

    display:flex;

    flex-direction:column;

    flex:1;

    text-align:center;

}

.resource-content h3{

    color:#0B3B75;

    font-size:28px;

    font-weight:700;

    line-height:1.5;

    margin-bottom:28px;

    min-height:88px;

}

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

.resource-btn{

    margin-top:auto;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    background:#B48B3C;

    color:#fff;

    text-decoration:none;

    padding:14px 30px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.resource-btn:hover{

    background:#0B3B75;

    color:#fff;

}

.resource-btn i{

    transition:.35s;

}

.resource-btn:hover i{

    transform:translateX(6px);

}

/*==================================================
                NAVIGATION
==================================================*/

.resource-nav{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:52px;

    height:52px;

    border:none;

    border-radius:50%;

    background:#0B3B75;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    transition:.35s;

    box-shadow:0 10px 25px rgba(0,0,0,.18);

    z-index:10;

}

.resource-nav:hover{

    background:#B48B3C;

    transform:translateY(-50%) scale(1.08);

}

.resource-prev{

    left:-26px;

}

.resource-next{

    right:-26px;

}



/*==================================================
                DOTS
==================================================*/

.resource-dots{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    margin-top:35px;

}

.resource-dot{

    width:12px;

    height:12px;

    border-radius:50%;

    background:#d5d5d5;

    cursor:pointer;

    transition:.35s;

}

.resource-dot.active{

    width:34px;

    border-radius:20px;

    background:#B48B3C;

}



/*==================================================
            SCROLL ANIMATION
==================================================*/

.resource-card{

    opacity:0;

    transform:translateY(45px);

}

.resource-card.show{

    opacity:1;

    transform:translateY(0);

    transition:.7s ease;

}



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

@media(max-width:991px){

    .resource-card{

        min-width:calc(50% - 14px);

    }

    .resource-content h3{

        font-size:24px;

        min-height:70px;

    }

}



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

@media (max-width:768px){

    .resources-section{
        padding:60px 0;
    }

    .resources-heading{
        margin-bottom:35px;
    }

    .resources-heading h2{
        font-size:32px;
    }

    .resources-heading p{
        font-size:15px;
        padding:0 20px;
    }

    /* Slider */

    .resources-slider{
        position:relative;
        padding:0 50px;
    }

    .resources-wrapper{
        width:100%;
        overflow:hidden;
    }

    .resources-track{
        display:flex;
        gap:0 !important;
    }

    /* Card */

    .resource-card{
        flex:0 0 100%;
        min-width:100%;
        max-width:100%;
        margin:0;
        border-radius:18px;
    }

    /* Image */

    .resource-image{
        height:200px;
    }

    .resource-image img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }

    /* Content */

    .resource-content{
        padding:20px;
    }

    .resource-content h3{
        font-size:22px;
        line-height:1.4;
        min-height:auto;
        margin-bottom:18px;
    }

    .resource-btn{
        width:100%;
        justify-content:center;
        padding:12px;
    }

    /* Navigation */

    .resource-nav{
        width:38px;
        height:38px;
        font-size:14px;
    }

    .resource-prev{
        left:4px;
    }

    .resource-next{
        right:4px;
    }

}





/*==================================================
            EXTRA SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .resources-slider{

        padding:0 40px;

    }

    .resource-image{

        height:190px;

    }

    .resource-content h3{

        font-size:20px;

    }

    .resource-btn{

        width:100%;

    }

}


                                                                   /*=========================================
                                                                                Founder Section
                                                                    =========================================*/
                                                                    
                                                                    .founder-section{
                                                                        padding:70px 20px;
                                                                        background:#f7f7f7;
                                                                    }
                                                                    
                                                                    /* Main Card */
                                                                    
                                                                    .founder-card{
                                                                        max-width:1150px;
                                                                        margin:0 auto;
                                                                         position:relative;

                                                                        overflow:hidden;

                                                                        background:url("/imgbg2.jpg") center center/cover no-repeat;
                                                                        border-radius:18px;
                                                                        
                                                                        padding:45px;
                                                                        box-shadow:0 15px 40px rgba(0,0,0,.08);
                                                                    }

                                                                   
                                                                    
                                                                    /* Top Section */
                                                                    
                                                                    .founder-top{
                                                                        display:flex;
                                                                        align-items:flex-start;
                                                                        gap:45px;
                                                                    }
                                                                    
                                                                    /* Image */
                                                                    
                                                                    .founder-image{
                                                                        flex:0 0 280px;
                                                                        text-align:center;
                                                                    }
                                                                    
                                                                    .founder-image img{
                                                                        width:100%;
                                                                        max-width:260px;
                                                                        border:8px solid #d8b25d;
                                                                        border-radius:12px;
                                                                        box-shadow:0 12px 25px rgba(0,0,0,.18);
                                                                        transition:.3s ease;
                                                                    }
                                                                    
                                                                    .founder-image img:hover{
                                                                        transform:scale(1.03);
                                                                    }
                                                                    
                                                                    /* Content */
                                                                    
                                                                    .founder-content{
                                                                        flex:1;
                                                                    }
                                                                    
                                                                    .founder-content h2{
                                                                        color:#7b1616;
                                                                        font-size:18px;
                                                                        text-transform:uppercase;
                                                                        letter-spacing:2px;
                                                                        margin:0 0 8px;
                                                                    }
                                                                    
                                                                    .founder-content h3{
                                                                        font-size:36px;
                                                                        color:#222;
                                                                        margin:0;
                                                                        line-height:1.3;
                                                                    }
                                                                    
                                                                    .founder-years{
                                                                        display:block;
                                                                        color:#777;
                                                                        font-size:18px;
                                                                        margin-top:10px;
                                                                    }
                                                                    
                                                                    .founder-line{
                                                                        width:80px;
                                                                        height:4px;
                                                                        background:#d4af37;
                                                                        border-radius:20px;
                                                                        margin:22px 0 28px;
                                                                    }
                                                                    
                                                                    .founder-content p{
                                                                        font-size:18px;
                                                                        color:#555;
                                                                        line-height:1.9;
                                                                        text-align:justify;
                                                                        margin-bottom:20px;
                                                                    }
                                                                    
                                                                    /* Full Width Content */
                                                                    
                                                                    .founder-full-width{
                                                                        width:100%;
                                                                        margin-top:35px;
                                                                        padding-top:30px;
                                                                        border-top:1px solid #e6e6e6;
                                                                    }
                                                                    
                                                                    .founder-full-width p{
                                                                        margin:0;
                                                                        font-size:18px;
                                                                        color:#555;
                                                                        line-height:1.9;
                                                                        text-align:justify;
                                                                    }
                                                                    
                                                                    /*=========================
                                                                            Tablet
                                                                    =========================*/
                                                                    
                                                                    @media (max-width:991px){
                                                                    
                                                                        .founder-card{
                                                                            padding:35px 25px;
                                                                        }
                                                                    
                                                                        .founder-top{
                                                                            flex-direction:column;
                                                                            align-items:center;
                                                                            gap:30px;
                                                                        }
                                                                    
                                                                        .founder-image{
                                                                            flex:unset;
                                                                        }
                                                                    
                                                                        .founder-content{
                                                                            width:100%;
                                                                            text-align:center;
                                                                        }
                                                                    
                                                                        .founder-line{
                                                                            margin:20px auto 30px;
                                                                        }
                                                                    
                                                                        .founder-content p,
                                                                        .founder-full-width p{
                                                                            text-align:justify;
                                                                        }
                                                                    
                                                                    }
                                                                    
                                                                    /*=========================
                                                                            Mobile
                                                                    =========================*/
                                                                    
                                                                    @media (max-width:576px){
                                                                    
                                                                        .founder-section{
                                                                            padding:40px 15px;
                                                                        }
                                                                    
                                                                        .founder-card{
                                                                            padding:20px;
                                                                            border-radius:15px;
                                                                        }
                                                                    
                                                                        .founder-image img{
                                                                            max-width:190px;
                                                                        }
                                                                    
                                                                        .founder-content h2{
                                                                            font-size:16px;
                                                                        }
                                                                    
                                                                        .founder-content h3{
                                                                            font-size:26px;
                                                                        }
                                                                    
                                                                        .founder-years{
                                                                            font-size:16px;
                                                                        }
                                                                    
                                                                        .founder-content p,
                                                                        .founder-full-width p{
                                                                            font-size:16px;
                                                                            line-height:1.8;
                                                                        }
                                                                    
                                                                    }
                                                                    
                                                                    /* Hidden Content */
                                                                    
                                                                    .founder-more{
                                                                        max-height:0;
                                                                        overflow:hidden;
                                                                        transition:max-height .6s ease;
                                                                    }
                                                                    
                                                                    .founder-more p{
                                                                        margin-bottom:20px;
                                                                        font-size:18px;
                                                                        line-height:1.9;
                                                                        color:#555;
                                                                        text-align:justify;
                                                                    }

                                                                   
                                                                    .founder-more.show{
                                                                        max-height:500px;   /* Increase if your content is longer */
                                                                    }
                                                                    
                                                                     /* Hidden Content 1 */
                                                                    
                                                                    .founder-more1{
                                                                        max-height:0;
                                                                        overflow:hidden;
                                                                        transition:max-height .6s ease;
                                                                    }
                                                                    
                                                                    .founder-more1 p{
                                                                        margin-bottom:20px;
                                                                        font-size:18px;
                                                                        line-height:1.9;
                                                                        color:#555;
                                                                        text-align:justify;
                                                                    }

                                                                   
                                                                    .founder-more1.show{
                                                                        max-height:500px;   /* Increase if your content is longer */
                                                                    }
                                                                    
                                                                    
                                                                    /* Read More Button */
                                                                    
                                                                    .read-more-btn{
                                                                    
                                                                        display:inline-block;
                                                                    
                                                                        margin-top:10px;
                                                                    
                                                                        padding:10px 28px;
                                                                    
                                                                        background:#b48b3c;
                                                                    
                                                                        color:#fff;
                                                                    
                                                                        border:none;
                                                                    
                                                                        border-radius:30px;
                                                                    
                                                                        font-size:16px;
                                                                    
                                                                        cursor:pointer;
                                                                    
                                                                        transition:.3s;
                                                                    
                                                                        font-weight:600;
                                                                    
                                                                    }
                                                                    
                                                                    .read-more-btn:hover{
                                                                    
                                                                        background:#a21b1b;
                                                                    
                                                                        transform:translateY(-2px);
                                                                    
                                                                    }
                                                                    
                                                                    /* Mobile */
                                                                    
                                                                    @media(max-width:576px){
                                                                    
                                                                        .read-more-btn{
                                                                    
                                                                            width:100%;
                                                                    
                                                                            font-size:15px;
                                                                    
                                                                        }
                                                                    
                                                                    }