/* Book Writing service page */
:root { --bw-green:#02B57B; --bw-dark:#171717; --bw-soft:#f5f8f7; }
.bw-hero { position:relative; overflow:hidden; background:#10241f; color:#fff; padding:86px 24px 96px; }
.bw-hero-bg { position:absolute; inset:0; pointer-events:none; }
.bwhb-gradient { position:absolute; inset:0; background:radial-gradient(circle at 15% 25%,rgba(2,181,123,.28),transparent 38%),linear-gradient(135deg,#10241f,#171717 70%); }
.bwhb-dots { position:absolute; inset:0; opacity:.18; background-image:radial-gradient(#fff 1px,transparent 1px); background-size:24px 24px; }
.bwhb-orb { position:absolute; width:260px; height:260px; border-radius:50%; filter:blur(4px); background:rgba(2,181,123,.16); }
.bwhb-orb1 { top:-100px; right:18%; } .bwhb-orb2 { bottom:-150px; left:32%; }
.bw-hero-inner,.bw-about-inner,.bw-why-inner,.bw-steps-inner,.bw-faq-inner,.bw-cta-inner,.bw-cta2-inner { position:relative; z-index:1; max-width:1300px; margin:auto; }
.bw-hero-inner { display:grid; grid-template-columns:1fr 510px; gap:76px; align-items:center; }
.bw-hero-left h1 { max-width:700px; margin:20px 0; font-size:clamp(2.5rem,5vw,4.8rem); line-height:1.05; letter-spacing:-2px; }
.bw-accent { color:#42d9a5; } .bw-hero-left > p { max-width:620px; color:rgba(255,255,255,.72); font-size:1.05rem; line-height:1.8; }
.bw-badge,.bwcta-tag,.bw-label { color:var(--bw-green); font-size:.78rem; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; }
.bw-badge { display:inline-flex; align-items:center; gap:9px; color:#a9f2d7; }
.bw-dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--bw-green); box-shadow:0 0 0 5px rgba(2,181,123,.16); }
.bw-trust { display:flex; align-items:center; gap:22px; margin:34px 0 28px; } .bwt-item { display:flex; flex-direction:column; gap:5px; } .bwt-item strong { font-size:1.8rem; } .bwt-item span { color:rgba(255,255,255,.6); font-size:.76rem; } .bwt-div { width:1px; height:38px; background:rgba(255,255,255,.2); }
.bw-pills { display:flex; flex-wrap:wrap; gap:9px; } .bw-pills span { padding:8px 12px; border:1px solid rgba(255,255,255,.14); border-radius:99px; color:rgba(255,255,255,.75); font-size:.75rem; } .bw-pills i { color:#42d9a5; margin-right:5px; }
.bw-form-card { background:#fff; color:var(--bw-dark); padding:28px; border-radius:24px; box-shadow:0 24px 80px rgba(0,0,0,.28); } .bwfc-top { display:flex; gap:14px; align-items:center; margin-bottom:22px; } .bwfc-icon { width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(2,181,123,.1);color:var(--bw-green);font-size:1.15rem; } .bwfc-title { font-size:1.15rem;font-weight:800; } .bwfc-sub { color:#888;font-size:.78rem;margin-top:3px; }
.bwfc-form { display:flex; flex-direction:column; gap:14px; } .bwf-row { display:grid;grid-template-columns:1fr 1fr;gap:12px; } .bwf-group { display:flex;flex-direction:column;gap:6px; } .bwf-group label { font-size:.74rem;font-weight:700;color:#555; } .bwf-wrap { display:flex;align-items:center;gap:9px;border:1px solid #e3e7e5;border-radius:10px;padding:0 12px;transition:border-color .2s,box-shadow .2s; } .bwf-wrap:focus-within { border-color:var(--bw-green);box-shadow:0 0 0 3px rgba(2,181,123,.1); } .bwf-wrap > i { color:#9aa39f;font-size:.8rem; } .bwf-wrap input,.bwf-wrap select,.bwf-wrap textarea { width:100%;border:0;outline:0;background:transparent;padding:11px 0;font:inherit;font-size:.8rem;color:#333;resize:vertical; } .bwf-wrap select { appearance:none; } .bwf-ta { align-items:flex-start; } .bwf-ta > i { margin-top:13px; } .bwf-sel { position:relative; } .bwf-sel .bwf-arr { margin-left:auto; } .bwf-submit { border:0;cursor:pointer;background:var(--bw-green);color:#fff;border-radius:10px;padding:14px;font-weight:800;font-size:.86rem;box-shadow:0 8px 22px rgba(2,181,123,.25); } .bwf-submit:hover { background:#019e6b; } .bwfs-load { justify-content:center; gap:7px; } .bwf-note { text-align:center;color:#999;font-size:.7rem; } .bwf-note i { color:var(--bw-green); }
.bw-marquee { overflow:hidden;background:var(--bw-green);color:#fff;padding:15px 0; } .bwm-track { display:flex;width:max-content;gap:42px;animation:bwMarquee 28s linear infinite;white-space:nowrap; } .bwm-track span { font-size:.78rem;font-weight:700; } .bwm-track i { margin-right:7px; } @keyframes bwMarquee { to { transform:translateX(-50%); } }
.bw-about { padding:110px 24px;background:#fff; } .bw-about-inner { display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center; } .bwa-images { height:510px;position:relative; } .bwai-main { position:absolute;inset:0 22% 0 0; } .bwai-main img { width:100%;height:100%;object-fit:cover;border-radius:24px;box-shadow:0 20px 55px rgba(0,0,0,.13); } .bwai-stack { position:absolute;right:0;top:30px;width:36%;display:flex;flex-direction:column;gap:14px; } .bwai-stack img { width:100%;height:160px;object-fit:cover;border-radius:17px;box-shadow:0 10px 30px rgba(0,0,0,.12); } .bwai-float { position:absolute;bottom:25px;left:25px;display:flex;align-items:center;gap:11px;padding:14px 17px;border-radius:15px;background:var(--bw-green);color:#fff;box-shadow:0 12px 30px rgba(2,181,123,.3); } .bwai-float i { font-size:1.3rem; } .bwai-float strong,.bwai-float span { display:block; } .bwai-float span { font-size:.7rem;opacity:.8;margin-top:3px; }
.bwa-text { display:flex;flex-direction:column;gap:18px; } .bwa-text h2,.bw-sec-head h2,.bwfaq-left h2,.bw-cta h2,.bw-cta2 h2 { font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;letter-spacing:-.7px; } .bwa-text p,.bw-sec-head p,.bww-text p,.bwfaq-left > p { color:#686f6c;line-height:1.75;font-size:.95rem; } .bwa-features { display:grid;grid-template-columns:1fr 1fr;gap:12px; } .bwaf-item { display:flex;gap:9px;align-items:flex-start;font-size:.8rem;color:#4c5551;line-height:1.5; } .bwaf-item i { color:var(--bw-green);margin-top:3px; } .bw-btn,.bwcta-btn-primary,.bwcta2-primary { display:inline-flex;align-items:center;gap:9px;width:max-content;background:var(--bw-green);color:#fff;padding:13px 23px;border-radius:99px;font-size:.84rem;font-weight:800; }
.bw-why { padding:100px 24px;background:var(--bw-soft); } .bw-sec-head { text-align:center;max-width:650px;margin:0 auto 48px; } .bw-sec-head h2 { margin:12px 0 14px; } .bw-why-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; } .bww-item { display:flex;gap:15px;padding:24px;background:#fff;border:1px solid #e6eeeb;border-radius:18px; } .bww-icon { flex:0 0 46px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:rgba(2,181,123,.1);color:var(--bw-green); } .bww-text h4 { font-size:.95rem;margin-bottom:7px; } .bww-text p { font-size:.8rem; }
.bw-cta,.bw-cta2 { padding:82px 24px;background:#10241f;color:#fff; } .bw-cta-inner { display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center; } .bwcta-left p { color:rgba(255,255,255,.68);line-height:1.75;max-width:500px; } .bwcta-right h2 { margin:12px 0 24px; } .bwcta-btns,.bwcta2-btns { display:flex;flex-wrap:wrap;gap:12px; } .bwcta-btn-secondary,.bwcta2-secondary { display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.35);color:#fff;padding:12px 21px;border-radius:99px;font-size:.84rem;font-weight:700; } .bw-cta2 { text-align:center;background:var(--bw-green); } .bw-cta2-inner { max-width:760px; } .bw-cta2 h2 { margin:18px 0 14px; } .bw-cta2 p { color:rgba(255,255,255,.82);line-height:1.7; } .bwcta2-btns { justify-content:center;margin:25px 0; } .bwcta2-primary { background:#fff;color:var(--bw-green); } .bwcta2-secondary { border-color:rgba(255,255,255,.6); } .bwcta2-note { font-size:.75rem; }
.bw-steps { padding:105px 24px;background:#fff; } .bw-steps-inner { max-width:1000px; } .bw-steps-list { position:relative;display:flex;flex-direction:column;gap:64px;margin-top:50px; } .bw-steps-list::before { content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(var(--bw-green),#bfe9da,var(--bw-green));transform:translateX(-50%); } .bws-step { position:relative;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center; } .bws-step::before { content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border:5px solid #fff;border-radius:50%;background:var(--bw-green);box-shadow:0 0 0 2px var(--bw-green),0 5px 14px rgba(2,181,123,.3);transform:translate(-50%,-50%);z-index:2; } .bws-step--rev .bwss-img { order:2; } .bwss-img { position:relative; } .bwss-img img { width:100%;height:290px;object-fit:cover;border-radius:20px;box-shadow:0 12px 30px rgba(0,0,0,.1); } .bwss-num { position:absolute;left:18px;bottom:18px;background:var(--bw-green);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800; } .bwss-tag { color:var(--bw-green);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:1px; } .bwss-text h3 { font-size:1.55rem;margin:10px 0; } .bwss-text p { color:#68716c;line-height:1.75;font-size:.9rem; } .bwss-link { display:inline-flex;gap:8px;color:var(--bw-green);font-size:.82rem;font-weight:800;margin-top:15px; }
.bw-faq { padding:100px 24px;background:var(--bw-soft); } .bw-faq-inner { display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start; } .bwfaq-left { position:sticky;top:100px; } .bwfaq-left h2 { margin:12px 0 15px; } .bwfaq-left > p { margin-bottom:22px; } .bwfaq-contact { display:flex;flex-direction:column;gap:15px;margin-top:27px; } .bwfaq-ci { display:flex;align-items:center;gap:12px; } .bwfci-icon { width:40px;height:40px;border-radius:11px;background:rgba(2,181,123,.1);color:var(--bw-green);display:flex;align-items:center;justify-content:center; } .bwfaq-ci span,.bwfaq-ci a { display:block; } .bwfaq-ci span { color:#999;font-size:.7rem; } .bwfaq-ci a { color:var(--bw-dark);font-size:.85rem;font-weight:700;margin-top:3px; } .bwfaq-list { display:flex;flex-direction:column;gap:12px; } .bwfaq-item { background:#fff;border:1px solid #e4ebe8;border-radius:16px;overflow:hidden; } .bwfaq-q { width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;border:0;background:none;text-align:left;padding:19px 21px;color:var(--bw-dark);font:600 .9rem inherit;cursor:pointer; } .bwfaq-icon { width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f6f4;color:#789;font-size:.7rem;transition:.25s; } .bwfaq-item.open .bwfaq-icon { background:var(--bw-green);color:#fff;transform:rotate(180deg); } .bwfaq-a { max-height:0;overflow:hidden;transition:max-height .3s ease; } .bwfaq-a-inner { padding:0 21px 20px;color:#68716c;font-size:.82rem;line-height:1.75; }
@media (max-width:1000px) { .bw-hero-inner,.bw-about-inner,.bw-cta-inner { grid-template-columns:1fr;gap:45px; } .bw-hero-right { max-width:650px;width:100%;margin:auto; } .bw-why-grid { grid-template-columns:1fr 1fr; } .bw-faq-inner { gap:40px; } }
@media (max-width:650px) { .bw-hero,.bw-about,.bw-why,.bw-steps,.bw-faq,.bw-cta,.bw-cta2 { padding:70px 16px; } .bw-hero-left h1 { font-size:2.6rem;letter-spacing:-1px; } .bw-form-card { padding:20px; } .bwf-row,.bwa-features,.bw-why-grid,.bws-step,.bw-faq-inner { grid-template-columns:1fr; } .bw-trust { gap:12px;justify-content:space-between; } .bwt-item strong { font-size:1.4rem; } .bwa-images { height:330px; } .bwai-stack img { height:105px; } .bw-steps-list { gap:38px;margin-left:10px;padding-left:34px; } .bw-steps-list::before { left:10px;transform:none; } .bws-step { gap:18px; } .bws-step::before { left:-24px;top:24px;width:16px;height:16px;transform:translate(-50%,-50%); } .bws-step--rev .bwss-img { order:0; } .bwfaq-left { position:static; } .bwcta-left h2,.bwcta-right h2 { font-size:2rem; } }

/* ===== COMMUNICATION CONSENT STYLING ===== */
.communication-consent {
    width: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 12px 0 20px !important;
    padding: 0 !important;
    position: relative !important;
    float: none !important;
    clear: both !important;
    text-align: left !important;
}

.communication-consent input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    flex: 0 0 16px !important;
    margin: 3px 0 0 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    cursor: pointer !important;
    display: inline-block !important;
}

.communication-consent label {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    text-align: left !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    font-weight: normal !important;
    color: inherit !important;
}

.communication-consent label a {
    display: inline !important;
    text-decoration: underline !important;
    color: inherit !important;
}

.communication-consent label strong {
    font-weight: 700 !important;
}