.font-size-22 { font-size: 22px; }
    .renewable-heading { font-size: 36px; font-family: 'gotham-black'; }
    .hope-text { font-weight: bold; font-size: 58px; line-height: 62px; font-family: 'gotham-black'; color: #8EC13F; opacity: 1; text-align: left; }
    .hope-label { font-size: 28px; line-height: 44px; font-family: 'gotham-book'; color: #8EC13F; }
    .hope-subtext { font-weight: 300; font-family: 'gotham-book'; }
    .impact-description { font-size: 18px; margin-top: 32px; line-height: 20px; font-weight: 300; font-family: 'gotham-book'; color: #fff; }
    .impact-description.no-margin { margin-top: 0; }
    .full-height { height: 100vh; }
    .book-row { position: relative; height: 100vh; }
    .poll-container { overflow: hidden; position: relative; }
    .poll-heading { color: #fff; font-size: 28px; text-align: center; }
    .purchase-icon { width: 32px; }
        .poll .question {
    padding: 18px;
    color: #fff;
    font-size: 1.3em;
    border-bottom: 1px solid #eee;
}
#canva {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
  }
  .ctbdiv-thebook {
    padding: 0px 0px 0px 10%;
    
}
.col-half {
    height: 100%;
}
.half-green .text-green {
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}

        .ctb-cover-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px;
            justify-items: center;
            align-items: center;
            width: 100%;
            max-width: 500px;
            margin: 0 auto;
        }
        .ctb-cover-item img.ctb-cover {
            width: 100%;
            max-width: 150px;
            height: auto;
            border-radius: 00px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.08);
            background: #fff;
            transition: transform 0.2s;
        }
        .ctb-cover-item img.ctb-cover:hover {
            transform: scale(1.05);
        }
        @media (max-width: 768px) {
            .ctb-cover-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 18px;
                max-width: 350px;
            }
            .ctb-cover-item img.ctb-cover {
                max-width: 90px;
            }
        }
        @media (max-width: 480px) {
            .ctb-cover-grid {
                grid-template-columns: 1fr;
                gap: 14px;
                max-width: 180px;
            }
            .ctb-cover-item img.ctb-cover {
                max-width: 80px;
            }
        }