body
.games_plans .card {
  background: var(--semi-dark);
}

.games_plans .card_popular {
  border: 2px solid var(--blue-color);
}

.games_plans .card_popular .popular_content {
  background: var(--blue-color);
  color: var(--primary-color);
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: .02rem;
  padding: 6px 0;
}

.games_plans .card h1 {
  color: var(--primary-color);
  font-family: "Poppins", sans-serif;
}

.games_plans .card h2 {
  color: var(--blue-color);
  font-family: "Poppins", sans-serif;
}

.games_plans .card h2 span {
  font-size: 22px;
}

.games_plans .card ul {
  padding: 0;
  margin: 0;
}

.games_plans .card ul li {
  font-size: 18px;
  letter-spacing: .02rem;
  line-height: 26px;
}

.games_plans .card ul li span {
  color: var(--blue-color);
}

.games_plans .card .btn-light {
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  padding: 10px 40px;
}

.header_bottom input.form-control {
background-color: #fff;
border: none;
border: 1px solid rgba(8,24,40,0.08);
box-shadow: 0px 0px 10px 0px rgba(8,24,40,0.08);
box-shadow: none;
color: #081828;
}

.header_bottom .form-box .form-control {
  padding-left: 2.375rem;
  background: var(--semi-dark);
  color: var(--secoundary-color);
}

.header_bottom .form-box .form-control-icon {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}

.top_games {
  position: relative;
}

.card_game {
  overflow: hidden;
}

.card .wrapper {
background-color: #fff;
min-height: 280px;
position: relative;
overflow: hidden;
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);
}
.card .wrapper:hover .data {
transform: translateY(0);
}
.card .data {
position: absolute;
bottom: 0;
width: 100%;
transform: translateY(calc(70px + 1em));
transition: transform 0.3s;
}
.card .data .content {
padding: 1em;
position: relative;
z-index: 1;
}
.card .title {
margin-top: 10px;
  font-family: "Poppins", sans-serif;
}
.card .text {
height: 70px;
margin: 0;
}
.card input[type=checkbox] {
display: none;
}
.card input[type=checkbox]:checked + .menu-content {
transform: translateY(-60px);
}

.card_game .wrapper:hover .menu-content span {
transform: translate(-50%, -10px);
opacity: 1;
}


.card_game .data {
color: #fff;
transform: translateY(calc(70px + 4em));
}
.card_game .title {
  margin-bottom: 30px;
  font-family: "Poppins", sans-serif;
}
.card_game .title a {
color: #fff;
  font-family: "Poppins", sans-serif;
}
.card_game .btn-light {
  display: block;
  padding: 2px 10px !important;
}

.arsa {
  display: flex;
}

.stock {
  position: relative;
  float: left;
  font-size: 14px;
}

.pulse-dot:after {
content: " ";
background: #35ba9b;
width: 6px;
height: 6px;
margin-left: 6px;
position: absolute;
transform: translate3d(0, 0, 0) rotate(45deg);
border-radius: 100%;
box-shadow: 0 0 0 0 rgba(53, 186, 155, 0.7);
animation: pulse 1.4s infinite cubic-bezier(0.62, 0.2, 0.86, 0.53);
-webkit-animation: pulse 1.4s infinite cubic-bezier(0.62, 0.2, 0.86, 0.53);
-moz-animation: pulse 1.4s infinite cubic-bezier(0.62, 0.2, 0.86, 0.53);
}

@-webkit-keyframes pulse {
100% {
  box-shadow: 0 0 0 10px rgba(53, 186, 155, 0);
}
}