html {
    font-family: Gotham Pro, Graphik, sans-serif;
}

body {
    background: #101325 !important;
}

.card, .card-body {
    background: #191f3b !important;
}

.card, .card-body, h1, h2, h3, p {
    color: #cfcfcf !important;
}

h3 {
    transition: 0.3s;
}

.absolute-card-image-top, .absolute-card-image-bottom {
    max-width: 60px;
    height: auto;
    position: absolute;
}

.absolute-card-image-bottom {
    right: 10px;
    bottom: 10px;
}

.absolute-card-image-top {
    left: 100px;
}

.rotated-plus-45 {
    transform: rotate(45deg);
    transition: 0.3s;
}

.rotated-minus-45 {
    transition: 0.3s;
}

.topup-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}
.topup-form input[type="text"],
.topup-form input[type="number"] {
    width: 100%;
    padding: 10px;
    border-radius: 1px;
    border-style: solid;
    background-color: #1e3150;
    color: #e6f0fa;
}
.topup-form input::placeholder {
    color: #8aaac1;
}

.platform-radio {
  display: none;
}

/* Стили для контейнера плашек */
.topup-form .platform-label {
  display: inline-block;
  margin: 0 10px;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.topup-form .platform-label.selected {
    background-color: #3e8d59;
}

.topup-form .platform-label:hover {
  transform: scale(1.05);
}

/* Стили для кнопок плашек */
.topup-form .platform-button {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 8px;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Стили для иконок */
.topup-form .platform-icon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

/* Стили для текста */
.topup-form .platform-name {
  font-size: 16px;
  font-weight: bold;
  color: white;
}

.success-bordered {
    border-color: #3e8d59 !important;
}

.error-bordered {
    border-color: red !important;
}

@media (max-width: 768px) {
    .price {
        font-size: 0.8rem;
    }
}