.container{
  max-width: 1200px;
}

/* head */
.nav-top {
  padding-top: 1vh;
  padding-bottom: 1vh;
}

/* body */
body {
  background-color: #3E2A74;
  background-position-x: center;
  background-repeat: no-repeat;
  padding: 0%;
}

/* header */
.navbar-brand .fa{
  font-size: 1.3rem;
}
.nav-icons p{
  font-size: 1rem;
  margin-right: 0.6rem;
}
.nav-icons{
  font-size: 1.2rem;
}
.btn-header:hover{
  background-color: #fff;
  color: var(--green)!important;
}

/* section 1 */
#sec-1{
  background: url(../images/sec01_bg.png) center/cover no-repeat;
  height: 85vh;
  display: flex;
  flex-direction: column;
}

#sec-1>.container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* footer */
.nav-bottom {
  padding-top: 1vh;
  padding-bottom: 1vh;
  background-color: #040508;
}

#disc-sec-1{
  background: url(../images/disc_sec01_bg.png) center/cover no-repeat;
  height: 95vh;
  display: flex;
  align-items: center;
}

  #disc-sec-2{
    display:flex;
    align-items: center;
  }

  @media (max-width: 768px) {
    .applyMobileWidth {
      width: 90%;
    }

    .pageTitle {
      font-size: 3rem;
    }

    .logoImg {
      height: 50px;
    }

    .image-game {
      width: 100%;
    }

    .description-game-info {
      width: 100%;
    }

    .container-game-info {
      padding: 48px 16px;
    }

    .image-game-info {
      width: 100%;
    }

  }

  @media (max-width: 1024px) {

    .container-game-info:last-of-type {
      padding-bottom: 96px;
    }

    #sec-2 {
      padding-top: 96px;
    }

    .description-game-info {
      gap: 8px;
      text-align: left;
    }

    .container-game-info {
      flex-direction: column;
      gap: 30px;
    }
    
    .reverse {
      flex-direction: column-reverse;
    }

    .description-game-info>h2{
      text-align: center;
    }

    .description-game-info>h5{
      text-align: center;
    }

    .text-indent {
      text-indent: 24px;
    }

    .image-game {
      border-radius: 9px;
    }

    .nav-top {
      background-color: #000000;
    }

  }

  @media (min-width: 769px) {
    .applyMobileWidth {
      width: 65%;
      max-width: 830px;
    }

    .pageTitle {
      font-size: 4rem;
    }

    .logoImg {
      height: 4rem;
    }

    .image-game {
      width: 75%;
    }

    .image-game-info {
      width: 75%;
    }

    .description-game-info {
      width: 75%;
    }

    .container-game-info {
      gap: 30px;
      padding: 48px 60px;
    }

    .nav-top {
      background-color: #000000;
    }

    .nav-transparent {
      background-color: transparent;
    }

  }

  @media (min-width: 1025px) {
    .description-game-info {
      max-width: 420px;
      gap: 24px;
    }

    .container-game-info {
      padding: 80px;
      gap: 90px;
    }

    .image-game {
      width: 60%;
      max-width: 600px;
    }

    .image-game-info {
      max-width: 400px;
      width: 50%;
    }
  }

  .btn:active, .btn:focus {
    outline:none !important;
    box-shadow:none !important;}

#policy01, #policy02, #policy03, #policy04, #policy05, #policy06, #policy07, #policy08, #policy09, #policy10, #policy11, #policy12, #appendixA,
#service01, #service02, #service03, #service04, #service05, #service06, #service07, #service08, #service09, #service10, #service11, #service12, #service13,
#service-user-addendum, #service-inapp-addendum, #service-beta-addendum{
  display:flex;
  align-items: center;
}

.b-weight-400 {
  font-weight: 400;
}

.b-weight-500 {
  font-weight: 500;
}

.list-style-none, .list-style-disc, .list-style-circle , .list-style-lower-alpha, .list-style-lower-roman{
  color: rgba(255, 255, 255, 1) !important;
  font-family: Inter;
  font-weight: 300;
  padding-bottom: 0.3rem;
}

.list-style-none {
  list-style-type: none !important;
}

.list-style-disc {
  list-style-type: disc !important;
}

.list-style-circle {
  list-style-type: circle !important;
}

.list-style-lower-alpha {
  list-style-type: lower-alpha !important;
}

.list-style-lower-roman {
  list-style-type: lower-roman !important;
}

.a-style-default, .a-style-none {
  color: rgba(255, 255, 255, 1) !important;
  font-family: Inter;
}

.a-style-default {
  font-weight: 500;
}

.a-style-none {
  font-weight: 300;
  text-decoration: none;
}

.inter-300 {
  color: rgba(255, 255, 255, 1);
  font-family: Inter; 
  font-weight: 300; 
}

.inter-700 {
  font-family: Inter; 
  font-weight: 700; 
}

.ubuntu-300-white-italic, .ubuntu-700-white {
  color: rgba(255, 255, 255, 1);
  font-family: Ubuntu;
}

.ubuntu-300-white-italic {
  font-weight: 300;
  font-style: italic;
}

.ubuntu-700-white {
  font-weight: 700;
}

.game-info-bg {
  background-color: #040508;
}

.image-game-info {
  height: auto;
  border-radius: 16px;
}

.description-game-info>h2{
  letter-spacing: 4px;
}

.image-game {
  height: auto;
}

.container-game-info {
  align-items: center;
  justify-content: center;
  font-family: "Inter";
  color: #FFFFFF;
}

.sec-bg-opaque{
  background: radial-gradient(circle, rgba(4, 5, 8, 0), rgba(4, 5, 8, 1) ),url(../images/sec-game-info-bg.png) center/cover no-repeat;
}

.text-purple {
  color:#C4AEFF;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path stroke="rgba(255,255,255,1)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/></svg>');
}

.custom-offcanvas {
  background-color: #040508 !important;
}