.INFO {
  background-color: #18303a;
}

#settings-info, #settings-rules  {
  max-width: 700px;
  margin: 0 auto;
  font-weight: bold;
  .bet-slip {
    position: relative;
    width: 60vmin;
    aspect-ratio: 605 / 309;
  }
  .bet-slip__bg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .bet-slip__title {
    position: absolute;
    left: 4%;
    top: 11%;
    width: 92%;
    height: 28%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    font-family: @fontFamilyGame, @font-family;
    color: @betSlipColor;
    text-transform: uppercase;

    font-size: calc(19px + 0.390625vw);
    line-height: calc(19px + 0.390625vw);
    font-weight: normal;
    padding-bottom: 2%;
    pointer-events: none;
  }

  .version{
    font-size: calc(12px + 0.130211vw);
    color: #bbbfae;
    margin-top: 2%;
  }
  .bet-amount-wrapper{
    font-size: calc(14px + 0.390625vw);
    color: @textColor;
    text-transform: uppercase;
    margin-bottom: 5%;
    .bet-amount{
      color: @orange-color;
    }
  }
  .sub-heading, .rules-heading{
    font-family: @fontFamilyGame, @font-family;
    color: @headerColor;
    text-transform: uppercase;

    font-size: calc(34px + 0.390625vw);
    line-height: calc(34px + 0.390625vw);
    font-weight: normal;
    padding-bottom: 2%;
    &.main-heading{
      margin: 2% auto 0%;
    }
  }
  .no_no, .nb_no {
    @media @portrait {
      font-size: calc(24px + 0.390625vw);
      line-height: calc(24px + 0.390625vw);
    }
  }
  p {
    color: @textColor;
    font-size: calc(14px + 0.390625vw);
    max-width: 485px;
    letter-spacing: 1px;
    .gold-text{
      color: #fdd13c;
    }
    .blue-text{
      color: #13d4f5;
    }
    .green-text{
      color: #a1d54d;
    }
    &.winup-text-small{
      font-size: calc(12px + 0.130211vw);
      margin-top: 2%;
    }
    &.dd-text-1{
      margin-top: -80px;
    }
    &.desc-text-padding-up{
      padding-top: 3%;
    }
    &.desc-text-padding-down{
      padding-bottom: 3%;
    }
    &.under-payouts{
      margin-top: 20px;
    }
  }
  li, li > p {
    color: @textColor;
    font-size: calc(12px + 0.130211vw);
    margin-bottom: 10px;
    max-width: 100%;
    letter-spacing: 1px;
  }
  .symbol-payout{
    p{
      font-size: calc(12px + 0.390625vw);
    }
  }
  img{
    width: 100%;
    object-fit: contain;
    &.paytable_logo{
      max-width: 360px;
    }
    &.buy_feature_image {
      max-width: 35%;
    }
    &.Winupto{
      max-width: 85%;
    }
    &.Multiplier_flow {
      max-width: 85%;
      padding-bottom: 7%;
    }
    &.DD_trigger {
      max-width: 480px;
    }
    &.deviding_line04, &.deviding_line05 {
      margin-top: 6%;
      margin-bottom: 3%;
    }
    &.cascading_ways {
      max-width: 95%;
      margin-top: 20px;
    }
    &.deviding_line_small{
      padding: 4% 0;
      max-width: 60%;
    }
    &.meltdown {
      max-width: 85%;
      display: flex;
      align-self: flex-end;
      padding-bottom: 1%;
   }
  }
  .game-divider{
    margin-bottom: 1%;
    &.game-divider-2{
      margin-bottom: 4%;
    }
  }
  .meltdown-imgs{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    max-width: 80%;
    float: right;
    margin-left: auto;

    .volcano{
      width: 75%;
    }
    .bonus_wild {
      width: 25%;
    }
  }
}