ul li, ol li {
    list-style: none;
    font-family: 'Milliard';
}


/* active*/
.nav-pills .nav-link {
    background-color: rgba(0, 255, 0, 0.5);
    color: white;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    font-family: 'Milliard';
    color: #fff;
    background-color: rgb(0,0,0,0.01);
    border-bottom: 2px solid #FF0000;
    border-image-slice: 1;
    border-radius: 0px;
    padding-left: 0px;
    font-weight: bold;
    margin-right: 20%;
}
.nav-pills .nav-link:not(.active) {
  font-family: 'Milliard';
  background-color: rgb(0,0,0,0.01);
    color: #fff;
    padding-left: 0px;
}
.btn-buy-ticket{
  /* Auto layout */
  color: #fff;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 22px 50px;
  gap: 10px;


  width: 100%;
  height: 58px;

  border-radius: 50px;
}
.btn-buy-ticket :hover{
  color: #FFF;
}
.btn-left{
  color:#000;font-size: 24px;text-align: left; height: 58px;width: 20px;
}
.btn-right{
  color:#000;font-size: 24px;text-align: right; height: 58px;width: 20px;
}
.input-number-spiner{
  height: 58px;border: none;font-size: 22px;
}
.number-spinner{
  border-radius: 50px;  height: 58px; 
}


.bg-detail {

  position: absolute;
  width: 100%;
  height: 1036px;
  text-align: center;
  top: -441px;

  background-image: radial-gradient(55.31% 55.31% at 50% 50%, rgba(20, 168, 252, 0.2) 0%, rgba(20, 155, 252, 0) 70%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

}