.main__plan-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
}

.main__plan-card {
  width: 260px;
  height: 354px;
  margin: 20px;
  transition: all .5s;
  background-color: var(--card-bg);
  border: 1px solid var(--card-brd);
  border-radius: 6px;
  box-shadow: 2px 2px 6px var(--card-shadow);
}

.main__plan-card:hover {
  transform: scale(1.08);
  box-shadow: 5px 5px 9px var(--card-shadow);
  transition: all .5s;
}

.main__plan-heading {
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  padding: 24px 0 10px 0;
  text-transform: uppercase;
}

.main__plan-heading-img {
  width: 21px;
  height: 20px;
  margin-top: -4px;
  margin-left: 10px;
}

.main__plan-card-data {
  display: flex;
  height: 256px;
  flex-direction: column;
  justify-content: space-between;
}

.card-price {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  color: var(--color-bgbtn);
}

.card-option {
  text-align: center;
  margin: 0 20px;
  border-bottom: 1px solid var(--card-brd);
}

.card-data-size {
  text-align: center;
  margin: 0 20px;
  border-bottom: 1px solid var(--card-brd);
}

.card-credit {
  text-align: center;
  margin: 0 20px;
  border-bottom: 1px solid var(--card-brd);
  font-weight: 600;
}

.card-stock {
  text-align: center;
  font-weight: 900;
}

.stock-on {
  color: var(--color-success);
}

.stock-off {
  color: var(--color-atent);
}

.card-btn {
  background: var(--color-bgbtn);
  color: var(--color-accord-btn);
  width: 45%;
  margin: 0 auto;
  border: 1px solid var(--color-bgbtn);
  border-radius: 20px;
}

.card-btn:hover {
  background: var(--color-accord-btn);
  color: var(--color-bgbtn);
  border: 1px solid var(--color-bgbtn);
  width: 45%;
  margin: 0 auto;
}