.radio-buttons .form-group label.active {
  background: var(--primary-color);
  color: #fff;
}
.subscription-plans .title-plans {
  color: #020202;
  font-size: 20px;
  margin-bottom: 15px;
}
.subscription-plans > hr {
  width: 57px;
  border-top: 0.5px solid;
  color: #D1D1D1;
  margin: 10px auto 18px auto;
}
.subscription-plans .select-period {
  font-size: 13px;
  color: #7A7A7A;
  font-weight: 600;
  margin-bottom: 8px;
}
.subscription-plans .radio-buttons .form-group {
  margin-bottom: 10px;
}
.subscription-plans .radio-buttons .form-group .btn-group {
  border-radius: 5px;
}
.subscription-plans .periods {
  background-color: white;
  border-radius: 10px;
  max-width: 320px;
  margin: 0 auto;
  border: 2px solid #EEEEEE;
  padding: 25px 20px;
}
.subscription-plans .periods .months-period .subscription-advantages {
  color: #50AE55;
  font-weight: 700;
}
.subscription-plans .periods .months-period .subscription-advantages .subscription-advantage-item:not(:first-child) {
  margin-top: 6px;
}
.subscription-plans .periods .months-period > hr {
  width: 57px;
}
.subscription-plans .periods .months-period .info-by-price .price-header-value {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.subscription-plans .periods .months-period .info-by-price .price-header-value:not(:first-child) {
  margin-top: 5px;
}
.subscription-plans .periods .months-period .discount-and-total .discount {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.subscription-plans .periods .months-period .discount-and-total .discount .discount-value {
  color: #FC644D;
  font-weight: 700;
}
.subscription-plans .periods .months-period .discount-and-total .total {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #1156FB;
  margin-top: 3px;
}
.subscription-plans .periods .months-period .discount-and-total .total .total-value {
  font-weight: 700;
}
.subscription-plans .periods .months-period .pay-subscription {
  margin: 20px auto;
  width: 240px;
}
.subscription-plans .periods .months-period .purchase-form-rules {
  margin-top: 35px;
  font-size: 11px;
  color: #D1D1D1;
}
.subscription-plans .periods .months-period .purchase-form-rules a {
  color: #D1D1D1;
}
.subscription-plans .periods .months-period .hr-purchase-form-rules-autopay {
  margin: 15px auto;
}
.subscription-plans .periods .months-period .purchase-form-autopay {
  font-size: 11px;
  color: #D1D1D1;
}
.subscription-plans .periods .months-period .purchase-form-autopay a {
  color: #D1D1D1;
}