.htop-give-page .pageheader__left h3 {
    letter-spacing: 0.01em;
}

.htop-give {
    background:
        radial-gradient(circle at top left, rgba(241, 193, 82, 0.12), transparent 24%),
        linear-gradient(180deg, #fbf8f2 0%, #ffffff 100%);
}

.htop-give__hero,
.htop-give__card,
.htop-give__option,
.htop-give__closing-inner,
.htop-give__panel,
.htop-give__intro {
    border-radius: 30px;
    background: #ffffff;
    box-shadow: 0 22px 60px rgba(26, 20, 14, 0.08);
}

.htop-give__intro,
.htop-give__panel,
.htop-give__option,
.htop-give__closing-inner {
    padding: 42px 38px;
}

.htop-give__hero {
    padding: 26px;
    border: 1px solid rgba(36, 21, 13, 0.08);
}

.htop-give__eyebrow,
.htop-give__option-label {
    display: inline-block;
    margin-bottom: 12px;
    color: #9d6d16;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.htop-give__intro h2,
.htop-give__panel h3,
.htop-give__option h3,
.htop-give__closing h3,
.htop-give__card h3 {
    color: #1f160f;
}

.htop-give__intro p,
.htop-give__panel p,
.htop-give__card p,
.htop-give__option p,
.htop-give__closing p {
    color: #57463a;
    line-height: 1.9;
}

.htop-give__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 30px 0 24px;
}

.htop-give__secondary {
    background: transparent;
    border: 1px solid rgba(36, 21, 13, 0.14);
}

.htop-give__secondary span {
    color: #1f160f;
}

.htop-give__secondary::before {
    background: rgba(241, 193, 82, 0.18);
}

.htop-give__assurance,
.htop-give__service-note {
    padding: 22px 24px;
    border-radius: 22px;
    background: #fff8e8;
}

.htop-give__assurance p,
.htop-give__service-note p {
    margin-bottom: 0;
}

.htop-give__list {
    margin: 22px 0 30px;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 14px;
}

.htop-give__list li {
    color: #38261d;
    font-weight: 600;
}

.htop-give__list i {
    color: #b67d1a;
    margin-right: 10px;
}

.htop-give__embed,
.htop-give__cards,
.htop-give__options,
.htop-give__declaration {
    margin-top: 40px;
}

.htop-give__card,
.htop-give__option {
    height: 100%;
    border: 1px solid rgba(36, 21, 13, 0.08);
}

.htop-give__card {
    padding: 34px 30px;
}

.htop-give__icon {
    width: 62px;
    height: 62px;
    display: inline-grid;
    place-items: center;
    margin-bottom: 18px;
    border-radius: 20px;
    background: #fff8e8;
    color: #b67d1a;
    font-size: 1.3rem;
}

.htop-give__option a {
    margin-top: 20px;
}

.htop-give__closing {
    margin-top: 40px;
}

.htop-give__closing-inner {
    text-align: center;
    border: 1px solid rgba(36, 21, 13, 0.08);
}

.htop-give__closing-inner p {
    max-width: 760px;
    margin: 0 auto;
}

.htop-give__declaration-inner {
    padding: 42px 38px;
    border-radius: 30px;
    background: linear-gradient(180deg, #2b180f 0%, #3d2415 100%);
    box-shadow: 0 22px 60px rgba(26, 20, 14, 0.14);
}

.htop-give__declaration-inner .htop-give__option-label {
    color: #f1c152;
}

.htop-give__declaration-copy {
    margin-top: 8px;
}

.htop-give__declaration-slider {
    max-width: 860px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.05);
}

.htop-give__declaration-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.htop-give__declaration-slider img {
    width: 100%;
    display: block;
    border-radius: 24px;
}

.htop-give__declaration-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 18px 0 4px;
}

.htop-give__declaration-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 !important;
    background: rgba(255, 246, 228, 0.35);
    opacity: 1;
}

.htop-give__declaration-pagination .swiper-pagination-bullet-active {
    background: #f1c152;
}

.htop-give__embed-shell {
    margin-top: 22px;
    padding: 16px;
    border-radius: 24px;
    background: #f8f3ea;
}

.htop-give__method + .htop-give__method {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid rgba(36, 21, 13, 0.08);
}

.htop-give__method h4 {
    color: #1f160f;
    margin-bottom: 10px;
}

.htop-give__method p {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .htop-give__intro,
    .htop-give__panel,
    .htop-give__option,
    .htop-give__closing-inner,
    .htop-give__declaration-inner {
        padding: 32px 24px;
    }
}

@media (max-width: 767px) {
    .htop-give__hero {
        padding: 16px;
    }

    .htop-give__actions {
        flex-direction: column;
    }

    .htop-give__embed-shell {
        padding: 12px;
    }

    .htop-give__declaration-slider {
        max-width: 100%;
    }
}