.age-verify {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 500px;
    background-image: url(https://cdn-prod-wp.988.com.my/wp-content/uploads/2023/07/10093111/Website02.png);
    background-repeat: no-repeat;
    background-size: cover;
        background-position: center center;
    border-radius: 14px;
    padding: 20px;
    top: 50%;
    left: 50%;
    overflow: hidden !important;
  }

  .modal-title img {
    width: 150px;
  }

  .age-verify .modal-header {
    justify-content: center !important;
    border: none !important;
  }

  .age-verify .modal-content {
    background-color: transparent;
    border: none !important;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: none !important;
  }

  .age-verify .modal-dialog {
    margin: 0 auto !important;
    position: absolute;
        bottom: 10%;
        left: 0;
        right: 0;
  }

  /*body.modal-open {
    background: black !important;
    opacity: inherit !important;
  }*/

  .submit-desc {
    color: black;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .age-verify .modal-body {
    color: white !important;
    padding:0;
/*    transform: translate(0%, 75%);*/
  }
  /*.age-verify .btn-row {
    padding-top: 30px;
    padding-bottom: 30px;
  }*/
  .age-verify .btn-primary {
      width: 30% !important;
      background: white !important;
          color: #ec174f !important;
      border: none !important;
      font-weight: 500;
  }

  .btn-no{
    margin-left: 5px;
  }
  .btn-yes {
      margin-right: 5px;
  }

  .submit-warning {
          color: black;
      margin-bottom: 30px;
      margin-top: 30px;
  }

  @media only screen and (max-width: 1024px) and (min-width: 481px) {
    .age-verify {
          width: calc(100% - 25px) !important;
    }
  }
  @media screen and (max-width: 480px) {
    .age-verify {
      background-image: url(https://cdn-prod-wp.988.com.my/wp-content/uploads/2023/07/10093109/App.png) !important;
      width: 90% !important;
/*    background-size: contain;*/
    }
    /*.age-verify .modal-body {
        color: white !important;
        transform: initial !important;
    }*/

    .age-verify .modal-body {
      color: white !important;
      transform: initial !important;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 0;
      padding-bottom: 0;
    }

    .age-verify .modal-dialog {
        margin: 0 auto !important;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .age-verify .btn-primary{
          width: auto !important;
    }

    .submit-desc {
      margin-top: 15px;
      margin-bottom: 15px;
    }
  .submit-warning {
        margin-bottom: 15px;
        margin-top: 15px;
    }

  }

  @media (min-width: 576px){
    .age-verify .modal-dialog {
        max-width: 800px !important;
    }
  }

.site-footer {
    display: none;
}
#header {
    display: none;
}
/*.modal-backdrop.show {
    opacity: inherit !important;
}*/
/*.modal-backdrop.show {
    opacity: 70% !important;
}*/
/*.modal-backdrop.show {
    opacity: 70%;
}*/
.modal-backdrop.show {
    background-color:black !important;
  opacity: 70% !important;
}
.modal-backdrop.in {
  display: none !important;
    
}
.modal-backdrop{
  background-color:black !important;
/*  opacity: 70% !important;*/
}
/*.modal-open .in {
    overflow: hidden;
    background: black !important;
    opacity: 70%;
}*/
/*.modal-backdrop.in {
    opacity: 70% !important;
}*/
/*.modal-backdrop {
    opacity: 70% !important;
}*/
#thestar-global-bar {
    display: none;
}
.btn-yes:disabled {
    opacity: inherit !important;
}
body.topic-template-default {
    padding-right: 0 !important;
}