@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 #F50B0B;
}
.price-select .price {
    font-family: 'Montserrat', sans-serif;
}
.price-select:hover,
.price-select.selected {
    background: #F50B0B;
}

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

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

.btn-check:checked + .btn {
    color: #FFFFFF;
    background-color: #F50B0B;
    border-color: #F50B0B;
}

#join .btn-check:checked + .btn {
    color: #FFFFFF;
    background-color: #F50B0B;
    border-color: #F50B0B;
}

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

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

#join .text-primary {
    color: #E84C4C !important;
}
#join .btn-primary {
    background-color: #F50B0B;
    border-color: #F50B0B;
}
#join .btn-primary:hover {
    color: #FFFFFF !important;
    background-color: #bb2d3b;
    border-color: #bb2d3b;
}