.fw-100 {

  font-weight: 100 !important;

}

.fw-200 {

  font-weight: 200 !important;

}

.fw-300 {

  font-weight: 300 !important;

}

.fw-400 {

  font-weight: 400 !important;

}

.fw-500 {

  font-weight: 500 !important;

}

.fw-600 {

  font-weight: 600 !important;

}

.fw-700 {

  font-weight: 700 !important;

}

.fw-800 {

  font-weight: 800 !important;

}

.fw-900 {

  font-weight: 900 !important;

}

.lead {

  font-weight: 500;

  font-size: 15px;

  line-height: 16px;

}

.fs-sm {

  font-size: 13px !important;

  line-height: 14px;

  margin-top: 4px;

  margin-bottom: 4px;

}

.fs-xs {

  font-size: 11px !important;

  line-height: 12px;

  margin-top: 3px;

  margin-bottom: 3px;

}

.fs-xxs {

  font-size: 9px !important;

  line-height: 10px;

  margin-top: 2px;

  margin-bottom: 2px;

}



.radio-wrapper {

  padding: 16px 0;

  border: 2px solid var(--f7-theme-color);

  background-color: var(--light-gray);

  border-radius: 6px;

  text-align: center;

  padding-bottom: 2px;

  padding-top: 8px;

}



.radio-wrapper-selected {

  color: #fff;

  background-color: var(--f7-theme-color);

  padding: 16px 0;

  border: 1px solid var(--f7-theme-color);

  border-radius: 6px;

  text-align: center;

  padding-bottom: 2px;

  padding-top: 8px;

}

.bg-light {

  background-color: var(--mycolor-light);

  color: var(--mycolor-dark);

}

.bg-dark {

  background-color: var(--mycolor-dark);

  color: #fff;

}

.bg-primary {

  background-color: var(--mycolor-primary);

  color: #fff;

}

.bg-info {

  background-color: var(--mycolor-info);

  color: #fff;

}

.bg-secondary {

  background-color: var(--mycolor-secondary);

  color: #fff;

}

.bg-success {

  background-color: var(--mycolor-success);

  color: #fff;

}

.bg-warning {

  background-color: var(--mycolor-warning);

  color: #fff;

}

.bg-danger {

  background-color: var(--mycolor-danger);

  color: #fff;

}



.swiper-button-next, .swiper-button-prev {

    color: #3A0CA3;

}