/* Playong Game */

.play_game {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.play_game button {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: green;
  border: 0;
  color: white;
  font-weight: 700;
  font-size: 24px;
  cursor: pointer;
}

.booking-confirm {
  text-align: center;
}

.padd-top-30 {
  padding-top: 30px;
}

.padd-bot-30 {
  padding-bottom: 30px;
}

.booking-confirm i {
  font-size: 45px;
  color: rgb(5, 191, 131);
  box-shadow: rgb(175, 255, 229) 0px 0px 10px 1px;
  width: 100px;
  height: 100px;
  display: table;
  line-height: 100px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(171, 255, 228);
  border-image: initial;
  margin: 0px auto;
  background: rgb(255, 255, 255);
}

.booking-confirm h3 {
  color: rgb(5, 191, 131);
}

.thanku_user_style {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

a.theme-btn-trans {
  color: rgb(255, 58, 114);
  background: rgba(255, 58, 114, 0.1);
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255, 58, 114);
  border-image: initial;
  padding: 15px 40px;
}

.next_question {
  width: 50%;
  padding: 11px;
  margin-bottom: 15px;
  background-color: #4c3a3a;
  color: white;
  border: none;
}

/* CodePen demo */

.question_answer {
  color: #fff;
  text-align: center;
  font-family: Arial, Helvetica;
  background-color: #585353;
  position: absolute;
  width: 350px;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

.big {
  font-size: 1.2em;
}

.small {
  font-size: .7em;
}

.square {
  width: .7em;
  height: .7em;
  margin: .5em;
  display: inline-block;
}

/* Custom dropdown */

.custom-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
  /* demo only */
}

.custom-dropdown select {
  background-color: #215047;
  color: #fff;
  font-size: inherit;
  padding: .5em;
  padding-right: 2.5em;
  border: 0;
  margin: 0;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: button;
  /* hide default arrow in chrome OSX */
}

.custom-dropdown::before, .custom-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.custom-dropdown::after {
  /*  Custom dropdown arrow */
  content: "\25BC";
  height: 1em;
  font-size: .625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -.5em;
}

.custom-dropdown::before {
  /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
}

.custom-dropdown select[disabled] {
  color: rgba(0, 0, 0, .3);
}

.custom-dropdown select[disabled]::after {
  color: rgba(0, 0, 0, .1);
}

.custom-dropdown::before {
  background-color: rgba(0, 0, 0, .15);
}

.custom-dropdown::after {
  color: rgba(0, 0, 0, .4);
}