@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 #f32c2c;
    border-radius: var(--bs-border-radius) !important;
    color: #131313 !important;
}
.price-select .price {
    font-family: 'Montserrat', sans-serif;
}
.price-select:hover,
.price-select.selected {
    background: #f32c2c;
}

.price-select .fs-5 {
    min-height: 60px;
    color: #b10a0a;
}

.price-select:not(:hover, .selected) .join-title {
    color: #df1f1f;
}

.btn-check:checked + .btn {
    color: #131313;
    background-color: #f32c2c;
    border-color: #f32c2c;
}

#join .btn-check:checked + .btn {
    color: #131313;
    background-color: #f32c2c;
    border-color: #f32c2c;
}

#join .price-select:hover {
    border: 4px solid #df1f1f;
}

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

#join .price-select:not(.selected):hover .fs-5 {
    color: #b10a0a;
}

#join .text-primary {
    color: #f32c2c !important;
}
#join .btn-primary {
    background-color: #f32c2c;
    border-color: #f32c2c;
    color: #ffffff !important;
}
#join .btn-primary:hover {
    color: #131313 !important;
    background-color: #df1f1f;
    border-color: #df1f1f;
}