@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Nunito:wght@400;600&display=swap');
body.join {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
}
.price-select {
    border: 1px solid var(--fod-deep-red);
    border-radius: var(--bs-border-radius) !important;
    color: var(--fod-near-black) !important;
}
.price-select .price {
    font-family: 'Montserrat', sans-serif;
}
.price-select:hover,
.price-select.selected {
    background: var(--fod-deep-red);
}

.price-select .fs-5 {
    min-height: 60px;
    color: var(--fod-deep-red);
}

.price-select:not(:hover, .selected) .join-title {
    color: var(--fod-red-highlight);
}

.btn-check:checked + .btn {
    color: var(--fod-near-black);
    background-color: var(--fod-deep-red);
    border-color: var(--fod-deep-red);
}

#join .btn-check:checked + .btn {
    color: var(--fod-near-black);
    background-color: var(--fod-deep-red);
    border-color: var(--fod-deep-red);
}

#join .price-select:hover {
    border: 4px solid var(--fod-red-highlight);
}

#join .price-select.selected .fs-5 {
    color: #ffffff !important;
}

#join .price-select:not(.selected):hover .fs-5 {
    color: var(--fod-deep-red);
}

#join .text-primary {
    color: var(--fod-red-highlight) !important;
}
#join .btn-primary {
    background-color: var(--fod-deep-red);
    border-color: var(--fod-deep-red);
    color: #ffffff !important;
}
#join .btn-primary:hover {
    color: var(--fod-near-black) !important;
    background-color: var(--fod-red-highlight);
    border-color: var(--fod-red-highlight);
}