:root {
    --fluentform-primary: var(--accent);
}

.fluentform button.ff-btn-next,
.fluentform button.ff-btn-next,
.fluentform button.ff-btn-submit
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-align: center;
    padding: 12px 20px;
    margin-bottom: auto;
    border-radius: 10px !important;
    background-color: var(--accent) !important;
    color: var(--base-3);
    text-decoration: none;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.30)) !important;
}

.ff_stripe_card_element{
    background: #fff !important;
}

.ff-el-input--content:has(.ff_subscription_item)  .ff_plan_name {
    margin-left: 10px;
}

.ff-el-input--content:has(.ff_subscription_item)  .ff_summary_container {
    font-size: 18px;
}

.ff-el-input--content:has(.ff_subscription_item) .ff-el-form-check {
    position: relative;
    margin-bottom: 15px !important;
}

.ff-el-input--content:has(.ff_subscription_item) .ff-el-form-check-label {
    display: block;
    text-align: center;
}

.ff-el-input--content:has(.ff_subscription_item)  .ff-el-form-check-label::before {
  content: "";
  position: absolute;
  inset: 0;
}

.ff-el-input--content:has(.ff_subscription_item) .ff-el-form-check::before {
    content: "";
    background-image: var(--_hero-image);
    height: 200px;
    width: 200px;
    position: relative;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10px;
    margin-inline: auto;
}

.ff-el-input--content:has(.ff_subscription_item) .ff-el-form-check:nth-child(1)::before {
    --_hero-image: url(https://ealingwildlifegroup.com/wp-content/uploads/2025/02/hero_1.png);
}

.ff-el-input--content:has(.ff_subscription_item) .ff-el-form-check:nth-child(2)::before {
    --_hero-image: url(https://ealingwildlifegroup.com/wp-content/uploads/2025/02/super-hero.png);
}

.ff-el-input--content:has(.ff_subscription_item) .ff-el-form-check:nth-child(3)::before {
    --_hero-image: url(https://ealingwildlifegroup.com/wp-content/uploads/2025/02/super-duper-hero_1.png);
}

.ff-el-input--content:has(.ff_subscription_item) .ff-el-form-check:nth-child(4)::before {
    --_hero-image: url(https://ealingwildlifegroup.com/wp-content/uploads/2025/02/mega-hero.png);
}

.ff-el-input--content:has(.ff_subscription_item) .ff-el-form-check:nth-child(5)::before {
    --_hero-image: url(https://ealingwildlifegroup.com/wp-content/uploads/2025/02/super-mega-hero_1.png);
}

.ff-el-input--content:has(.ff_subscription_item) .ff-el-form-check:nth-child(6)::before {
    --_hero-image: url(https://ealingwildlifegroup.com/wp-content/uploads/2025/02/avenger_3.png);
}