/*====================================

ABOUT PAGE

====================================*/

.btc-about-page{

    overflow:hidden;

    background:#fff;

}

/* HERO */

.btc-about-hero{

    position:relative;
    border-radius:0px 0px 35px 35px;

    background:url('https://book-talk.s3.ap-south-1.amazonaws.com/images/Home/hero-bg.jpg');

    background-size:cover;

    background-position:center;

    background-attachment:fixed;

}

.btc-about-hero .btc-about-overlay{
    border-radius:0px 0px 35px 35px;
}

.btc-about-overlay{

    background:linear-gradient(
        rgba(32,149,0,.82),
        rgba(15,15,15,.75)
    );

    

    padding:170px 20px;

    text-align:center;

}

.btc-about-overlay span{

    color:#fff;

    letter-spacing:4px;

    font-size:15px;

    font-weight:600;

}

.btc-about-overlay h1{

    font-size:68px;

    color:#fff;

    margin:25px 0;

    line-height:1.15;

}

.btc-about-overlay p{

    max-width:760px;

    margin:auto;

    color:#fff;

    font-size:20px;

    line-height:1.8;

}

.btc-about-btn{

    display:inline-block;

    margin-top:45px;

    padding:18px 36px;

    background:#fff;

    color:#209500;

    border-radius:14px;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.btc-about-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 40px rgba(0,0,0,.2);

}

/* STORY */

.btc-about-story{

    padding:110px 20px;

}

.btc-story-grid{

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

.btc-story-image img{

    width:100%;

    border-radius:24px;

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

}

.btc-story-content span{

    color:#209500;

    font-weight:700;

    letter-spacing:3px;

}

.btc-story-content h2{

    font-size:48px;

    margin:18px 0 30px;

}

.btc-story-content p{

    font-size:18px;

    line-height:2;

    color:#666;

    margin-bottom:22px;

}

/* STATS */

.btc-about-stats{

    background:#f8faf8;

    padding:90px 20px;

}

.btc-stats-grid{

    max-width:1300px;

    margin:auto;

    display:grid;

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

    gap:30px;

}

.btc-stat-card{

    background:#fff;

    border-radius:22px;

    padding:45px;

    text-align:center;

    transition:.3s;

    box-shadow:0 8px 30px rgba(0,0,0,.08);

}

.btc-stat-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(32,149,0,.15);

}

.btc-stat-card h3{

    font-size:54px;

    color:#209500;

    margin:0;

}

.btc-stat-card p{

    margin-top:15px;

    color:#666;

    font-size:17px;

}




/*=========================
VISION & MISSION
==========================*/

.btc-about-vm{

    padding:110px 20px;

}

.btc-vm-grid{

    max-width:1300px;

    margin:auto;

    display:grid;

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

    gap:40px;

}

.btc-vm-card{

    background:#fff;

    border-radius:24px;

    padding:50px;

    box-shadow:0 15px 50px rgba(0,0,0,.08);

    transition:.3s;

}

.btc-vm-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(32,149,0,.18);

}

.btc-vm-card span{

    color:#209500;

    font-weight:700;

    letter-spacing:3px;

}

.btc-vm-card h2{

    font-size:38px;

    margin:20px 0;

}

.btc-vm-card p{

    line-height:2;

    color:#666;

    font-size:17px;

}

.btc-vm-card ul{

    margin-top:20px;

    padding-left:20px;

}

.btc-vm-card li{

    margin-bottom:16px;

    color:#555;

    line-height:1.8;

}

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

.btc-section-heading{

    text-align:center;

    margin-bottom:70px;

}

.btc-section-heading span{

    color:#209500;

    font-weight:700;

    letter-spacing:3px;

}

.btc-section-heading h2{

    font-size:48px;

    margin-top:15px;

}

/*=========================
VALUES
==========================*/

.btc-values{

    background:#f8faf8;

    padding:110px 20px;

}

.btc-values-grid{

    max-width:1300px;

    margin:auto;

    display:grid;

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

    gap:30px;

}

.btc-value-card{

    background:#fff;

    border-radius:24px;

    padding:40px;

    text-align:center;

    transition:.3s;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

}

.btc-value-card:hover{

    transform:translateY(-10px);

}

.btc-value-icon{

    font-size:50px;

    margin-bottom:20px;

}

.btc-value-card h3{

    font-size:28px;

    margin-bottom:15px;

}

.btc-value-card p{

    color:#666;

    line-height:1.8;

}

/*=========================
TIMELINE
==========================*/

.btc-timeline{

    padding:110px 20px;

}

.btc-timeline-wrapper{

    max-width:900px;

    margin:auto;

    border-left:4px solid #209500;

    padding-left:50px;

}

.btc-timeline-item{

    position:relative;

    margin-bottom:60px;

}

.btc-timeline-item::before{

    content:'';

    position:absolute;

    left:-62px;

    top:10px;

    width:18px;

    height:18px;

    border-radius:50%;

    background:#209500;

}

.btc-year{

    color:#209500;

    font-weight:700;

    margin-bottom:12px;

    font-size:20px;

}

.btc-content{

    background:#fff;

    border-radius:18px;

    padding:30px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.btc-content h3{

    margin-bottom:15px;

}

.btc-content p{

    color:#666;

    line-height:1.8;

}


/*=========================
TEAM
==========================*/

.btc-team{

    padding:110px 20px;

}

.btc-team-grid{

    max-width:1300px;

    margin:auto;

    display:grid;

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

    gap:30px;

}

.btc-team-card{

    background:#fff;

    border-radius:24px;

    padding:40px;

    text-align:center;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

    transition:.3s;

}
.btc-team-card{

    position:relative;
    overflow:hidden;

}

.btc-team-card::before{

    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:6px;
    background:#209500;

}

.btc-team-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 50px rgba(32,149,0,.15);

}

.btc-avatar{
    width:110px;
    height:110px;
    margin:auto;
    margin-bottom:25px;
    border-radius:50%;
    overflow:hidden;
    border:4px solid #209500;
    background:#f5f5f5;
}

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

.btc-team-card h3{

    margin-bottom:10px;

}

.btc-team-card span{

    color:#209500;

    font-weight:600;

}
.btc-avatar img{

    transition:.4s;

}

.btc-team-card:hover .btc-avatar img{

    transform:scale(1.08);

}

/*=========================
ADVISORY
==========================*/

.btc-advisory{
    background:#f8faf8;
    padding:110px 20px;
}

.btc-advisory-grid{
    max-width:1300px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

.btc-advisory-card{
    background:#fff;
    border-radius:24px;
    padding:40px 30px;
    text-align:center;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    transition:.3s;
}

.btc-advisory-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(32,149,0,.15);
}

.btc-advisory-avatar{
    width:110px;
    height:110px;
    margin:0 auto 25px;
    border-radius:50%;
    overflow:hidden;
    border:4px solid #209500;
    background:#f4f4f4;
}

.btc-advisory-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.btc-advisory-card h3{
    margin-bottom:12px;
    font-size:22px;
    line-height:1.3;
}

.btc-advisory-card span{
    display:block;
    color:#209500;
    font-weight:600;
    line-height:1.5;
    font-size:15px;
}

/* Responsive */

@media (max-width:768px){

    .btc-advisory{
        padding:80px 20px;
    }

    .btc-advisory-card{
        padding:35px 25px;
    }

    .btc-advisory-avatar{
        width:95px;
        height:95px;
    }

    .btc-advisory-card h3{
        font-size:20px;
    }

}

/*=========================
FAQ
==========================*/

.btc-about-faq{

    padding:110px 20px;

}

.btc-faq{

    max-width:900px;

    margin:auto;

}

.btc-faq-item{

    margin-bottom:20px;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

}

.btc-faq-question{

    width:100%;

    padding:22px 28px;

    border:none;

    background:#fff;

    text-align:left;

    cursor:pointer;

    font-size:18px;

    font-weight:600;

}

.btc-faq-answer{

    display:none;

    padding:0 28px 22px;

    color:#666;

    line-height:1.8;

}

.btc-faq-item.active .btc-faq-answer{

    display:block;

}

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

.btc-about-cta{

    background:linear-gradient(135deg,#20950049,#2fb96d66);
    background: url('https://book-talk.s3.ap-south-1.amazonaws.com/images/Home/chapter-bg.jpg');

    /* padding:110px 20px; */
    background-size:cover;

    background-position:center;

    background-attachment:fixed;

    text-align:center;

    color:#fff;

}

.btc-about-cta h2{

    font-size:48px;

    margin-bottom:20px;
    color:#fff;

}

.btc-about-cta p{

    max-width:700px;

    margin:0 auto 40px;

    line-height:1.8;

    font-size:18px;

}

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

@media(max-width:992px){

.btc-story-grid,
.btc-vm-grid,
.btc-values-grid,
.btc-team-grid,
.btc-stats-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.btc-about-overlay{

padding:120px 20px;

}

.btc-about-overlay h1{

font-size:42px;

}

.btc-story-grid,
.btc-vm-grid,
.btc-values-grid,
.btc-team-grid,
.btc-stats-grid,
.btc-advisory-grid{

grid-template-columns:1fr;

}

.btc-story-content h2,
.btc-section-heading h2,
.btc-about-cta h2{

font-size:34px;

}

.btc-timeline-wrapper{

padding-left:30px;

}

.btc-timeline-item::before{

left:-42px;

}

}