.credit_nav .active {
  color: #34dddd;
  border-bottom: #34dddd solid 2px;
  transition: color 0.5s;
}
.credit-footer {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
  background-color: #f6f7f9;
}
.tran-cont,
.tasv-cont,
.card-second,
.card-first {
  flex-basis: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}

.overlay__bottom-section {
  display: flex;
  align-items: center;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.input-cont {
  position: relative;
  justify-content: space-evenly;
  display: flex;
  align-items: center;
}

.btn--credit-fee.active {
  background-color: #2a2e43;
  color: white;
}
.btn--credit-fee {
  border-radius: 20px;
  background-color: #f4f4f5;
  font-size: 1.1em;
  transition: 0.3s;
}
.input--custom {
  font-size: 1.15em;
}
input[type="radio"] {
  margin: 5px 0;
}
.credit__box-main {
  padding-top: 45px;
}
.credit__box-main__dark {
  background-color: #f4f4f5;
  border-radius: 8px;
  padding: 5px;
  text-align: center;
}
.credit__box-header {
  color: white;
  padding: 10px;
  font-size: 1.2em;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  /* margin-top: -15px; */
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.credit__box,
.credit__box2 {
  font-size: 1.15em;
  cursor: pointer;
}

.card-second {
  display: flex;
  height: 100%;
  align-items: center;
}