#join {
    max-width: unset;
    border-radius: 0;
}

#join div,
.floating-label {
    font-family: 'Nexa', sans-serif;
}

#join-content {
    max-width: 640px;
}

#join-content .h3 {
    text-align: center;
}

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

.price-select {
    border: 1px solid #3bacb6;
    background-color: #3f3f3f;
    color: #FFF;
}
#join .price-select:not(.selected):hover {
    background-color: #3f3f3f;
    color: #FFF;
    border-color: #51c661;
}
#join .price-select:hover {
    border-color: #51c661;
}

.price-select.selected {
    background-color: #51c661;
}

.price-select,
#join .price-select:not(.selected):hover,
#join .price-select:hover,
.price-select.selected {
    background-image: url('/templates/strippov/images/payment/join/sale.webp');
    background-repeat: no-repeat;
    background-position: left 5px center;
    padding-left: 74px !important;
}

.price-select .join-title,
.price-select:not(:hover, .selected) .join-title {
    color: #FFF;
    font-weight: 600;
}

#join .btn-primary {
    background: #51c661;
    color: #FFF;
    border-color: #51c661;
}

#join .btn-primary:hover,
#join .btn-primary:focus {
    background: #67e178;
    color: #FFF;
    border-color: #67e178;
}

/* pay with */
.p-prov {
    text-align: center !important;
}
.p-prov .btn-check + .btn {
    color: #FFF;
}
.p-prov .btn-check + .btn:hover {
    border-color: #51c661;
}
.btn-check:checked + .btn {
    color: #FFFFFF;
    background-color: #51c661;
    border-color: #51c661;
}