/* =========================================================
   PROBASHI BANGLA ICON CITY - PROJECT DETAILS
   Scoped styles for the special expatriate plot offer page.
========================================================= */

.project-details-page{
    background:#f7faf8;
    color:#263238;
}

.project-hero{
    position:relative;
    min-height:560px;
    display:flex;
    align-items:center;
    overflow:hidden;
    color:#fff;
    background:#063b2a;
}
.project-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(3,48,34,.94) 0%,rgba(3,72,48,.80) 48%,rgba(3,72,48,.28) 100%),
        url('../images/project-1.png') center/cover no-repeat;
    transform:scale(1.02);
}
.project-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 80% 45%,rgba(255,193,7,.20),transparent 30%);
}
.project-hero-content{position:relative;z-index:1;max-width:850px;padding:78px 0;}
.project-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 14px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:30px;
    background:rgba(255,255,255,.10);
    color:#ffe082;
    font-size:13px;
    font-weight:800;
    letter-spacing:1.5px;
    margin-bottom:18px;
}
.project-hero h1{
    color:#fff;
    font-size:clamp(34px,5vw,64px);
    line-height:1.15;
    font-weight:800;
    margin:0 0 18px;
}
.project-hero h1 span{color:#ffd54f;}
.project-hero-lead{
    max-width:780px;
    color:rgba(255,255,255,.90);
    font-size:18px;
    line-height:1.9;
    margin-bottom:25px;
}
.project-hero-actions{display:flex;flex-wrap:wrap;gap:12px;}
.project-hero-actions .btn{border-radius:9px;padding:12px 22px;font-weight:700;}

.project-offer-strip{background:#0b6b4c;color:#fff;}
.project-offer-strip .strip-item{
    min-height:92px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    text-align:center;
    font-weight:700;
    padding:14px 10px;
    border-right:1px solid rgba(255,255,255,.14);
}
.project-offer-strip i{color:#ffd54f;font-size:22px;}

.project-details-section{padding:72px 0;}
.project-details-section.alt{background:#fff;}
.project-section-heading{text-align:center;max-width:850px;margin:0 auto 42px;}
.project-section-heading .eyebrow{
    display:inline-block;
    color:#0b8f5d;
    font-size:13px;
    font-weight:800;
    letter-spacing:2px;
    margin-bottom:9px;
}
.project-section-heading h2{
    color:#123c2e;
    font-size:clamp(29px,4vw,44px);
    font-weight:800;
    line-height:1.2;
    margin-bottom:12px;
}
.project-section-heading p{color:#65756e;margin:0;font-size:16px;line-height:1.8;}

.project-feature-card{
    height:100%;
    background:#fff;
    border:1px solid #e5eee9;
    border-radius:18px;
    padding:28px;
    box-shadow:0 10px 28px rgba(20,55,40,.07);
}
.project-feature-card .icon{
    width:54px;height:54px;border-radius:14px;
    display:flex;align-items:center;justify-content:center;
    background:#eaf8f1;color:#0b8f5d;font-size:22px;margin-bottom:18px;
}
.project-feature-card h3{font-size:21px;color:#123c2e;font-weight:800;margin-bottom:11px;}
.project-feature-card p{font-size:15px;line-height:1.85;color:#5b6862;margin:0;}

.project-info-card{
    height:100%;
    background:#fff;
    border-radius:20px;
    padding:32px;
    border:1px solid #e4ece7;
    box-shadow:0 12px 34px rgba(20,55,40,.08);
}
.project-info-card h3{color:#123c2e;font-size:25px;font-weight:800;margin-bottom:20px;}
.project-check-list{margin:0;padding:0;list-style:none;}
.project-check-list li{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:11px;
    padding:12px 0;
    border-bottom:1px solid #edf1ef;
    color:#45534d;
    font-size:15px;
    line-height:1.7;
}
.project-check-list li:last-child{border-bottom:0;}
.project-check-list i{color:#0b9b61;margin-top:4px;}

.project-location-card{
    position:relative;
    overflow:hidden;
    background:#063b2a;
    border-radius:22px;
    min-height:360px;
    padding:42px;
    color:#fff;
    display:flex;
    align-items:center;
}
.project-location-card::before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(90deg,rgba(3,48,34,.97),rgba(3,72,48,.74)),url('../images/project-4.png') center/cover no-repeat;
}
.project-location-content{position:relative;z-index:1;max-width:760px;}
.project-location-content h2{color:#fff;font-size:clamp(28px,4vw,42px);font-weight:800;margin-bottom:17px;}
.project-location-content p{color:rgba(255,255,255,.88);font-size:16px;line-height:1.9;margin-bottom:0;}

.project-money-box{
    height:100%;
    border-radius:20px;
    background:linear-gradient(145deg,#fffdf3,#fff8d7);
    border:1px solid #f1dfa0;
    padding:30px;
    box-shadow:0 12px 30px rgba(99,76,0,.07);
}
.project-money-box .money-icon{color:#c28a00;font-size:27px;margin-bottom:10px;}
.project-money-box h3{color:#5d4700;font-size:24px;font-weight:800;margin-bottom:12px;}
.project-money-box p{color:#665b38;font-size:15px;line-height:1.8;margin:0;}

.project-career-card{
    height:100%;
    background:#123c2e;
    border-radius:20px;
    padding:32px;
    color:#fff;
    box-shadow:0 12px 32px rgba(9,58,40,.14);
}
.project-career-card h3{color:#fff;font-size:25px;font-weight:800;margin-bottom:19px;}
.project-career-card .project-check-list li{color:rgba(255,255,255,.87);border-color:rgba(255,255,255,.13);}
.project-career-card .project-check-list i{color:#ffd54f;}

.project-final-cta{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#063b2a,#0b7954);
    border-radius:24px;
    padding:54px 35px;
    text-align:center;
    color:#fff;
}
.project-final-cta::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-130px;top:-150px;background:rgba(255,213,79,.11);}
.project-final-cta > *{position:relative;z-index:1;}
.project-final-cta h2{color:#fff;font-size:clamp(28px,4vw,43px);font-weight:800;margin-bottom:13px;}
.project-final-cta p{max-width:760px;margin:0 auto 25px;color:rgba(255,255,255,.88);font-size:16px;line-height:1.85;}
.project-final-cta .btn{border-radius:9px;padding:12px 24px;font-weight:700;}

.project-note{font-size:13px;color:#7b8781;line-height:1.7;margin-top:22px;text-align:center;}

@media(max-width:991px){
    .project-hero{min-height:500px;}
    .project-offer-strip .strip-item{border-right:0;min-height:72px;}
}
@media(max-width:767px){
    .project-hero-content{padding:62px 0;}
    .project-hero-lead{font-size:16px;}
    .project-details-section{padding:52px 0;}
    .project-feature-card,.project-info-card,.project-money-box,.project-career-card{padding:23px;}
    .project-location-card{padding:30px 24px;min-height:330px;}
    .project-final-cta{padding:40px 22px;}
}


/* Full offer text panel */
.project-full-text-card{
    max-width:1000px;
    margin:0 auto;
    background:#fff;
    border:1px solid #e2ece7;
    border-radius:20px;
    padding:34px 40px;
    box-shadow:0 12px 32px rgba(20,55,40,.07);
}
.project-full-text-card p{
    color:#4d5b55;
    font-size:16px;
    line-height:1.9;
    margin:0 0 10px;
}
.project-full-text-card h3{
    color:#123c2e;
    font-size:22px;
    font-weight:800;
    margin:24px 0 10px;
}
.project-full-text-card p:last-child{margin-bottom:0;}
@media(max-width:767px){
    .project-full-text-card{padding:24px 20px;}
    .project-full-text-card p{font-size:15px;}
    .project-full-text-card h3{font-size:19px;}
}