:root {
  --hpCarouselTitleColour: var(--white, #FFF); }

.main__inner .promoinner {
  padding: 15px 0; }
  .main__inner .promoinner .promo-card {
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    border-radius: 15px;
    overflow: hidden;
    border: solid var(--themeSecondary) 1px; }
    @media only screen and (max-width: 768px) {
      .main__inner .promoinner .promo-card {
        border: none; } }
    .main__inner .promoinner .promo-card_content {
      display: flex;
      flex-direction: column;
      align-content: center;
      align-items: flex-start;
      justify-content: flex-end;
      flex-wrap: nowrap;
      color: white;
      width: 100%;
      z-index: 1; }
      .main__inner .promoinner .promo-card_content .promo-card_body {
        padding: 30px 26px;
        text-align: left;
        max-width: 470px; }
        .main__inner .promoinner .promo-card_content .promo-card_body .h1 {
          font-size: 26px;
          line-height: 32px;
          font-weight: bold; }
        .main__inner .promoinner .promo-card_content .promo-card_body p {
          font-size: 16px;
          line-height: 26px;
          margin-bottom: 30px;
          color: white; }
      .main__inner .promoinner .promo-card_content .promo-card_sigterms {
        padding: 10px; }
        .main__inner .promoinner .promo-card_content .promo-card_sigterms p {
          font-size: 8px;
          line-height: 1.1;
          padding-left: 20px;
          max-width: 470px;
          color: var(--white); }
          .main__inner .promoinner .promo-card_content .promo-card_sigterms p a {
            color: var(--white); }
            .main__inner .promoinner .promo-card_content .promo-card_sigterms p a:hover {
              color: var(--themeSecondary); }
    .main__inner .promoinner .promo-card .promo-card_img {
      min-height: 370px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: stretch;
      position: relative;
      background-color: #090023;
      width: 100%; }
      @media only screen and (max-width: 768px) {
        .main__inner .promoinner .promo-card .promo-card_img {
          flex-direction: column;
          background-image: none; } }
      .main__inner .promoinner .promo-card .promo-card_img__overlay {
        order: 2;
        display: flex;
        height: 370px;
        aspect-ratio: 1.3 / 1; }
        @media only screen and (max-width: 768px) {
          .main__inner .promoinner .promo-card .promo-card_img__overlay {
            display: none; } }
      .main__inner .promoinner .promo-card .promo-card_img__header {
        order: 0;
        display: flex;
        width: 100%;
        aspect-ratio: 16 / 6; }
        @media only screen and (min-width: 768px) {
          .main__inner .promoinner .promo-card .promo-card_img__header {
            display: none; } }
  .main__inner .promoinner .promo_inner-content {
    padding: 0 0 20px 0;
    text-align: center; }
    .main__inner .promoinner .promo_inner-content p {
      font-size: 16px;
      line-height: 140%;
      letter-spacing: 0; }
    .main__inner .promoinner .promo_inner-content li {
      font-size: 14px;
      line-height: 140%;
      letter-spacing: 0;
      margin-bottom: 5px;
      list-style-type: none; }
    .main__inner .promoinner .promo_inner-content .h2.big-space {
      margin: 10px 0;
      width: 100%; }
    .main__inner .promoinner .promo_inner-content .force-center {
      justify-content: center;
      align-items: center;
      margin: 20px 0;
      display: grid;
      text-align: center; }
      .main__inner .promoinner .promo_inner-content .force-center .btn-seperator {
        flex-wrap: nowrap;
        font-size: 16px;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: hidden;
        padding: 20px 0;
        text-transform: uppercase;
        margin: 10px; }
        .main__inner .promoinner .promo_inner-content .force-center .btn-seperator:before {
          background-color: #015dcc;
          content: "";
          display: inline-block;
          height: 1px;
          position: relative;
          vertical-align: middle;
          width: 50%;
          margin-left: -50%;
          right: .5em; }
        .main__inner .promoinner .promo_inner-content .force-center .btn-seperator:after {
          left: .5em;
          margin-right: -50%;
          background-color: #015dcc;
          content: "";
          display: inline-block;
          height: 1px;
          position: relative;
          vertical-align: middle;
          width: 50%; }
    .main__inner .promoinner .promo_inner-content .sport-container {
      padding: 16px;
      background: var(--SiteBgColourTerms); }
    .main__inner .promoinner .promo_inner-content .sport-step-container {
      width: 100%;
      display: flex;
      padding: 24px;
      gap: 24px;
      flex-wrap: wrap;
      justify-content: center;
      background: #0E1321;
      border-radius: 16px; }
      @media only screen and (max-width: 768px) {
        .main__inner .promoinner .promo_inner-content .sport-step-container {
          padding: 16px; } }
      .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step {
        background: #1C253D;
        padding: 16px;
        border-radius: 16px;
        font-size: 14px;
        word-break: break-word;
        display: flex;
        align-items: center;
        width: calc(33.33% - 16px); }
        @media only screen and (max-width: 992px) {
          .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step {
            width: calc(50% - 16px); } }
        @media only screen and (max-width: 768px) {
          .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step {
            width: 100%; } }
        .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step.w-25 {
          width: calc(25% - 20px); }
          @media only screen and (max-width: 1180px) {
            .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step.w-25 {
              width: calc(50% - 16px); } }
          @media only screen and (max-width: 768px) {
            .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step.w-25 {
              width: 100%; } }
        .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step.w-50 {
          width: calc(50% - 16px); }
          @media only screen and (max-width: 768px) {
            .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step.w-50 {
              width: 100%; } }
        .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step:before {
          content: "";
          aspect-ratio: 1 / 1;
          height: 110px;
          position: relative;
          margin-right: 16px; }
        @media only screen and (max-width: 768px) {
          .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step:before {
            padding: 6px; } }
        .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step:nth-child(2):before {
          background: url("../images/step-arrow-1.webp") no-repeat center;
          background-size: contain; }
        .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step:nth-child(3):before {
          background: url("../images/step-arrow-2.webp") no-repeat center;
          background-size: contain; }
        .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step:nth-child(4):before {
          background: url("../images/step-arrow-3.webp") no-repeat center;
          background-size: contain; }
        .main__inner .promoinner .promo_inner-content .sport-step-container .sport-step:nth-child(5):before {
          background: url("../images/step-arrow-4.webp") no-repeat center;
          background-size: contain; }
    .main__inner .promoinner .promo_inner-content .sports-card {
      background: #1C253D;
      padding: 32px;
      border-radius: 16px;
      text-align: center;
      display: inline-block;
      margin: 30px 0 20px 0; }
      @media only screen and (max-width: 768px) {
        .main__inner .promoinner .promo_inner-content .sports-card {
          padding: 16px; } }
      .main__inner .promoinner .promo_inner-content .sports-card .h2 {
        margin: 0 0 24px; }

.promotions__container {
  display: flex;
  justify-content: space-evenly; }
  @media only screen and (max-width: 768px) {
    .promotions__container {
      flex-wrap: wrap; } }

.promotions__card {
  width: 50%;
  margin: 0 10px 20px 10px;
  border-radius: 16px;
  overflow: hidden;
  text-align: center;
  max-width: 400px; }
  @media only screen and (max-width: 768px) {
    .promotions__card {
      width: 100%;
      margin-bottom: 20px; } }
  .promotions__card-header .promo-number {
    font-size: 30px;
    color: white;
    margin-bottom: 20px; }
  .promotions__card-img {
    width: 100%;
    background: #1C253D;
    padding: 16px;
    border-radius: 16px 16px 0 0;
    margin-top: 20px; }
    .promotions__card-img img {
      border-radius: 10px;
      overflow: hidden; }
  .promotions__card-copy {
    color: white;
    background: #1C253D;
    padding: 0 20px 20px 20px; }
    .promotions__card-copy ol.list-alpha-lower {
      text-align: left;
      display: inline-block;
      padding-top: 10px; }

.promo-grid {
  padding: 0 1rem; }

.promo-category-title {
  grid-column: 1 / -1;
  margin: 0;
  padding: 38px 0 10px 0; }

.promo-grid-card {
  display: flex;
  flex-direction: column;
  background-color: var(--SiteNavigationCtaColour, white);
  border-radius: 12px;
  overflow: hidden;
  color: white;
  transition: all 0.3s ease;
  height: 100%; }
  .promo-grid-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
  .promo-grid-card__image {
    background-size: cover;
    background-position: center;
    overflow: hidden; }
    .promo-grid-card__image a {
      display: block;
      width: 100%;
      height: 100%; }
      .promo-grid-card__image a .promo-grid-card__icon {
        width: 100%;
        height: 100%; }
  .promo-grid-card__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 24px;
    justify-content: flex-end; }
    .promo-grid-card__content .promo-cat {
      background: white;
      color: black;
      width: fit-content;
      font-size: 12px;
      padding: 4px 8px;
      border-radius: 4px;
      margin-bottom: 10px; }
    .promo-grid-card__content .promo-grid-card__body {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      height: 100%; }
      .promo-grid-card__content .promo-grid-card__body .button-container {
        display: inline-flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
        align-self: center;
        width: 100%;
        max-width: none; }
        .promo-grid-card__content .promo-grid-card__body .button-container .btn {
          flex-shrink: 1;
          width: 100%;
          min-width: 0; }
          @media only screen and (max-width: 768px) {
            .promo-grid-card__content .promo-grid-card__body .button-container .btn.cta__deposit span {
              font-size: 20px; }
              .promo-grid-card__content .promo-grid-card__body .button-container .btn.cta__deposit span:before {
                width: 25px;
                height: 25px; } }
      .promo-grid-card__content .promo-grid-card__body .title {
        font-weight: 600;
        font-size: var(--promoCardTitleFontSize);
        font-family: var(--promoCardTitleFontFamily);
        line-height: 32px;
        color: var(--promoCardTitleColor);
        padding: 0 0 4px 0; }
      .promo-grid-card__content .promo-grid-card__body p {
        font-size: 14px;
        margin-bottom: 1rem;
        line-height: 140%;
        color: white; }
      .promo-grid-card__content .promo-grid-card__body a {
        text-decoration: none; }
      .promo-grid-card__content .promo-grid-card__body .btn-center {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 500px) {
          .promo-grid-card__content .promo-grid-card__body .btn-center .btn-promo-mob {
            width: 100%; } }
  .promo-grid-card .promo-grid-card__terms {
    font-size: 9px;
    color: white;
    line-height: 100%;
    padding: 10px 0; }
    .promo-grid-card .promo-grid-card__terms span.link {
      text-decoration: underline; }
    .promo-grid-card .promo-grid-card__terms p {
      font-size: 9px;
      color: white;
      line-height: 100%; }
    .promo-grid-card .promo-grid-card__terms a {
      text-decoration: underline; }
    @media (max-width: 550px) {
      .promo-grid-card .promo-grid-card__terms {
        min-height: auto; } }

.full-terms-promo {
  font-size: 12px;
  padding-top: 80px; }
  @media only screen and (max-width: 600px) {
    .full-terms-promo {
      padding-top: 55px; } }

/* Add to your CSS file or in a <style> block */
.promo-grid-card {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: auto; }

.promo-grid-card.hidden {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 0px; }

.promo .promotions__fullterms {
  display: block; }

[data-route-id="home"] .slider-actions,
[data-route-id="login"] .slider-actions,
[data-route-id="game"] .slider-actions {
  display: none; }

[data-route-id="home"] .promo_inner-content,
[data-route-id="login"] .promo_inner-content,
[data-route-id="game"] .promo_inner-content {
  padding: 10px 20px 30px 20px;
  color: var(--textColorDark); }
  [data-route-id="home"] .promo_inner-content p,
  [data-route-id="login"] .promo_inner-content p,
  [data-route-id="game"] .promo_inner-content p {
    color: var(--textColorDark); }
  [data-route-id="home"] .promo_inner-content .steps-content,
  [data-route-id="login"] .promo_inner-content .steps-content,
  [data-route-id="game"] .promo_inner-content .steps-content {
    padding: 40px 0; }
  [data-route-id="home"] .promo_inner-content .force-center,
  [data-route-id="login"] .promo_inner-content .force-center,
  [data-route-id="game"] .promo_inner-content .force-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px 0; }
    [data-route-id="home"] .promo_inner-content .force-center .btn-seperator,
    [data-route-id="login"] .promo_inner-content .force-center .btn-seperator,
    [data-route-id="game"] .promo_inner-content .force-center .btn-seperator {
      font-size: 16px;
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 20px 0;
      margin: 0;
      text-transform: uppercase;
      overflow: hidden; }
      @media only screen and (max-width: 768px) {
        [data-route-id="home"] .promo_inner-content .force-center .btn-seperator,
        [data-route-id="login"] .promo_inner-content .force-center .btn-seperator,
        [data-route-id="game"] .promo_inner-content .force-center .btn-seperator {
          font-size: 14px; } }
    [data-route-id="home"] .promo_inner-content .force-center .btn-seperator::before,
    [data-route-id="home"] .promo_inner-content .force-center .btn-seperator::after,
    [data-route-id="login"] .promo_inner-content .force-center .btn-seperator::before,
    [data-route-id="login"] .promo_inner-content .force-center .btn-seperator::after,
    [data-route-id="game"] .promo_inner-content .force-center .btn-seperator::before,
    [data-route-id="game"] .promo_inner-content .force-center .btn-seperator::after {
      background-color: rgba(111, 111, 111, 0.381);
      content: "";
      display: inline-block;
      height: 1px;
      position: relative;
      vertical-align: middle;
      width: 50%; }
    [data-route-id="home"] .promo_inner-content .force-center .btn-seperator::before,
    [data-route-id="login"] .promo_inner-content .force-center .btn-seperator::before,
    [data-route-id="game"] .promo_inner-content .force-center .btn-seperator::before {
      right: 0.5em;
      margin-left: -50%; }
    [data-route-id="home"] .promo_inner-content .force-center .btn-seperator::after,
    [data-route-id="login"] .promo_inner-content .force-center .btn-seperator::after,
    [data-route-id="game"] .promo_inner-content .force-center .btn-seperator::after {
      left: 0.5em;
      margin-right: -50%; }

[data-route-id="home"] .promo__inner,
[data-route-id="login"] .promo__inner,
[data-route-id="game"] .promo__inner {
  padding: 0 20px; }

[data-route-id="home"] .promo-list,
[data-route-id="login"] .promo-list,
[data-route-id="game"] .promo-list {
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
  margin: 0 auto; }

[data-route-id="home"] .promo-slider,
[data-route-id="login"] .promo-slider,
[data-route-id="game"] .promo-slider {
  display: flex;
  flex-flow: row nowrap;
  margin: calc(var(--size-height-nav) + 15px) auto 0 auto;
  padding: 0 0 25px 0;
  width: calc(100% - 40px); }
  [data-route-id="home"] .promo-slider .tns-nav,
  [data-route-id="login"] .promo-slider .tns-nav,
  [data-route-id="game"] .promo-slider .tns-nav {
    display: none; }

[data-route-id="home"] .promo-card,
[data-route-id="login"] .promo-card,
[data-route-id="game"] .promo-card {
  flex: 0 0 100%;
  transform-origin: center;
  position: relative;
  background: var(--promoCard);
  overflow: hidden;
  display: flex;
  margin: 0; }
  [data-route-id="home"] .promo-card .promo-card_container,
  [data-route-id="login"] .promo-card .promo-card_container,
  [data-route-id="game"] .promo-card .promo-card_container {
    display: flex;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      [data-route-id="home"] .promo-card .promo-card_container,
      [data-route-id="login"] .promo-card .promo-card_container,
      [data-route-id="game"] .promo-card .promo-card_container {
        flex-wrap: wrap;
        align-content: start;
        padding: 20px 20px 0 20px; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.daily-vegas-perks,
    [data-route-id="login"] .promo-card.daily-vegas-perks,
    [data-route-id="game"] .promo-card.daily-vegas-perks {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.welcome-offer,
    [data-route-id="login"] .promo-card.welcome-offer,
    [data-route-id="game"] .promo-card.welcome-offer {
      background: url("../images/welcome-offer_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.sports-welcome-offer,
    [data-route-id="login"] .promo-card.sports-welcome-offer,
    [data-route-id="game"] .promo-card.sports-welcome-offer {
      background: url("../images/sports-welcome-offer_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.mega-cash-giveaway,
    [data-route-id="login"] .promo-card.mega-cash-giveaway,
    [data-route-id="game"] .promo-card.mega-cash-giveaway {
      background: url("../images/mega-cash-giveaway_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.major-prize-giveaway,
    [data-route-id="login"] .promo-card.major-prize-giveaway,
    [data-route-id="game"] .promo-card.major-prize-giveaway {
      background: url("../images/major-prize-giveaway_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.mini-cash-giveaway,
    [data-route-id="login"] .promo-card.mini-cash-giveaway,
    [data-route-id="game"] .promo-card.mini-cash-giveaway {
      background: url("../images/mini-cash-giveaway_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.network-promo,
    [data-route-id="login"] .promo-card.network-promo,
    [data-route-id="game"] .promo-card.network-promo {
      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.spinwheel,
    [data-route-id="login"] .promo-card.spinwheel,
    [data-route-id="game"] .promo-card.spinwheel {
      background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.halloween,
    [data-route-id="login"] .promo-card.halloween,
    [data-route-id="game"] .promo-card.halloween {
      background: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%) var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.blackjackcity-xsell-banner,
    [data-route-id="login"] .promo-card.blackjackcity-xsell-banner,
    [data-route-id="game"] .promo-card.blackjackcity-xsell-banner {
      background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.barz-xsell-banner,
    [data-route-id="login"] .promo-card.barz-xsell-banner,
    [data-route-id="game"] .promo-card.barz-xsell-banner {
      background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%) var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.simppeli-xsell-banner,
    [data-route-id="login"] .promo-card.simppeli-xsell-banner,
    [data-route-id="game"] .promo-card.simppeli-xsell-banner {
      background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%) var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.featured-games,
    [data-route-id="login"] .promo-card.featured-games,
    [data-route-id="game"] .promo-card.featured-games {
      background: url("../images/featured-games_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.smartico-map,
    [data-route-id="login"] .promo-card.smartico-map,
    [data-route-id="game"] .promo-card.smartico-map {
      background: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.loyalty-club,
    [data-route-id="login"] .promo-card.loyalty-club,
    [data-route-id="game"] .promo-card.loyalty-club {
      background: url("../images/loyalty-club_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.bore-draw,
    [data-route-id="login"] .promo-card.bore-draw,
    [data-route-id="game"] .promo-card.bore-draw {
      background: url("../images/bore-draw_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.acca-boost,
    [data-route-id="login"] .promo-card.acca-boost,
    [data-route-id="game"] .promo-card.acca-boost {
      background: url("../images/acca-boost_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.enhanced-odds-boost,
    [data-route-id="login"] .promo-card.enhanced-odds-boost,
    [data-route-id="game"] .promo-card.enhanced-odds-boost {
      background: url("../images/enhanced-odds-boost_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.bet-builder-boost,
    [data-route-id="login"] .promo-card.bet-builder-boost,
    [data-route-id="game"] .promo-card.bet-builder-boost {
      background: url("../images/bet-builder-boost_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.early-cash-out,
    [data-route-id="login"] .promo-card.early-cash-out,
    [data-route-id="game"] .promo-card.early-cash-out {
      background: url("../images/early-cash-out_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.early-payout,
    [data-route-id="login"] .promo-card.early-payout,
    [data-route-id="game"] .promo-card.early-payout {
      background: url("../images/early-payout_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    [data-route-id="home"] .promo-card.early-payout-us,
    [data-route-id="login"] .promo-card.early-payout-us,
    [data-route-id="game"] .promo-card.early-payout-us {
      background: url("../images/early-payout-us_bg.webp") var(--promoCard) center no-repeat;
      background-size: cover; } }
  [data-route-id="home"] .promo-card_content,
  [data-route-id="login"] .promo-card_content,
  [data-route-id="game"] .promo-card_content {
    order: 1;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    width: 50%;
    max-width: 800px;
    position: relative;
    z-index: 3; }
    @media only screen and (max-width: 1280px) {
      [data-route-id="home"] .promo-card_content,
      [data-route-id="login"] .promo-card_content,
      [data-route-id="game"] .promo-card_content {
        padding: 0 0 10px 11px; } }
    @media only screen and (max-width: 992px) {
      [data-route-id="home"] .promo-card_content,
      [data-route-id="login"] .promo-card_content,
      [data-route-id="game"] .promo-card_content {
        padding: 25px 25px 25px 25px; } }
    @media only screen and (max-width: 768px) {
      [data-route-id="home"] .promo-card_content,
      [data-route-id="login"] .promo-card_content,
      [data-route-id="game"] .promo-card_content {
        padding: 20px; } }
    @media only screen and (orientation: landscape) {
      [data-route-id="home"] .promo-card_content,
      [data-route-id="login"] .promo-card_content,
      [data-route-id="game"] .promo-card_content {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: nowrap;
        padding: 0 0 30px 30px; } }
    @media only screen and (orientation: portrait) and (max-width: 768px) {
      [data-route-id="home"] .promo-card_content,
      [data-route-id="login"] .promo-card_content,
      [data-route-id="game"] .promo-card_content {
        width: 100%;
        padding: 10px 0 0 0; }
        [data-route-id="home"] .promo-card_content button,
        [data-route-id="login"] .promo-card_content button,
        [data-route-id="game"] .promo-card_content button {
          width: 100%; } }
  [data-route-id="home"] .promo-card_img,
  [data-route-id="login"] .promo-card_img,
  [data-route-id="game"] .promo-card_img {
    width: 50%;
    max-width: 600px;
    order: 2;
    display: flex;
    min-height: 430px;
    height: auto;
    margin: 0 0 0 auto;
    z-index: 2;
    position: relative;
    background-image: unset; }
    @media only screen and (max-width: 768px) {
      [data-route-id="home"] .promo-card_img,
      [data-route-id="login"] .promo-card_img,
      [data-route-id="game"] .promo-card_img {
        width: 100%;
        max-width: none;
        order: 1;
        min-height: 140px;
        height: 160px;
        border-radius: 4px; }
        [data-route-id="home"] .promo-card_img.daily-vegas-perks-bg,
        [data-route-id="login"] .promo-card_img.daily-vegas-perks-bg,
        [data-route-id="game"] .promo-card_img.daily-vegas-perks-bg {
          background: url("../images/thumb_daily-vegas-perks.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.welcome-offer-bg,
        [data-route-id="login"] .promo-card_img.welcome-offer-bg,
        [data-route-id="game"] .promo-card_img.welcome-offer-bg {
          background: url("../images/thumb_welcome-offer.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.sports-welcome-offer-bg,
        [data-route-id="login"] .promo-card_img.sports-welcome-offer-bg,
        [data-route-id="game"] .promo-card_img.sports-welcome-offer-bg {
          background: url("../images/thumb_sports-welcome-offer.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.mega-cash-giveaway-bg,
        [data-route-id="login"] .promo-card_img.mega-cash-giveaway-bg,
        [data-route-id="game"] .promo-card_img.mega-cash-giveaway-bg {
          background: url("../images/thumb_mega-cash-giveaway.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.major-prize-giveaway-bg,
        [data-route-id="login"] .promo-card_img.major-prize-giveaway-bg,
        [data-route-id="game"] .promo-card_img.major-prize-giveaway-bg {
          background: url("../images/thumb_major-prize-giveaway.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.mini-cash-giveaway-bg,
        [data-route-id="login"] .promo-card_img.mini-cash-giveaway-bg,
        [data-route-id="game"] .promo-card_img.mini-cash-giveaway-bg {
          background: url("../images/thumb_mini-cash-giveaway.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.network-promo-bg,
        [data-route-id="login"] .promo-card_img.network-promo-bg,
        [data-route-id="game"] .promo-card_img.network-promo-bg {
          background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.spinwheel-bg,
        [data-route-id="login"] .promo-card_img.spinwheel-bg,
        [data-route-id="game"] .promo-card_img.spinwheel-bg {
          background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.halloween-bg,
        [data-route-id="login"] .promo-card_img.halloween-bg,
        [data-route-id="game"] .promo-card_img.halloween-bg {
          background: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%) no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.blackjackcity-xsell-banner-bg,
        [data-route-id="login"] .promo-card_img.blackjackcity-xsell-banner-bg,
        [data-route-id="game"] .promo-card_img.blackjackcity-xsell-banner-bg {
          background: url("../images/thumb_blackjackcity-xsell-banner.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.barz-xsell-banner-bg,
        [data-route-id="login"] .promo-card_img.barz-xsell-banner-bg,
        [data-route-id="game"] .promo-card_img.barz-xsell-banner-bg {
          background: url("../images/thumb_barz-xsell-banner.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.simppeli-xsell-banner-bg,
        [data-route-id="login"] .promo-card_img.simppeli-xsell-banner-bg,
        [data-route-id="game"] .promo-card_img.simppeli-xsell-banner-bg {
          background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%) no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.featured-games-bg,
        [data-route-id="login"] .promo-card_img.featured-games-bg,
        [data-route-id="game"] .promo-card_img.featured-games-bg {
          background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%) no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.smartico-map-bg,
        [data-route-id="login"] .promo-card_img.smartico-map-bg,
        [data-route-id="game"] .promo-card_img.smartico-map-bg {
          background: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.loyalty-club-bg,
        [data-route-id="login"] .promo-card_img.loyalty-club-bg,
        [data-route-id="game"] .promo-card_img.loyalty-club-bg {
          background: url("../images/thumb_loyalty-club.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.bore-draw-bg,
        [data-route-id="login"] .promo-card_img.bore-draw-bg,
        [data-route-id="game"] .promo-card_img.bore-draw-bg {
          background: url("../images/thumb_bore-draw.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.acca-boost-bg,
        [data-route-id="login"] .promo-card_img.acca-boost-bg,
        [data-route-id="game"] .promo-card_img.acca-boost-bg {
          background: url("../images/thumb_acca-boost.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.enhanced-odds-boost-bg,
        [data-route-id="login"] .promo-card_img.enhanced-odds-boost-bg,
        [data-route-id="game"] .promo-card_img.enhanced-odds-boost-bg {
          background: url("../images/thumb_enhanced-odds-boost.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.bet-builder-boost-bg,
        [data-route-id="login"] .promo-card_img.bet-builder-boost-bg,
        [data-route-id="game"] .promo-card_img.bet-builder-boost-bg {
          background: url("../images/thumb_bet-builder-boost.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.early-cash-out-bg,
        [data-route-id="login"] .promo-card_img.early-cash-out-bg,
        [data-route-id="game"] .promo-card_img.early-cash-out-bg {
          background: url("../images/thumb_early-cash-out.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.early-payout-bg,
        [data-route-id="login"] .promo-card_img.early-payout-bg,
        [data-route-id="game"] .promo-card_img.early-payout-bg {
          background: url("../images/thumb_early-payout.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        [data-route-id="home"] .promo-card_img.early-payout-us-bg,
        [data-route-id="login"] .promo-card_img.early-payout-us-bg,
        [data-route-id="game"] .promo-card_img.early-payout-us-bg {
          background: url("../images/thumb_early-payout-us.webp") no-repeat;
          background-position: center;
          background-size: cover; } }
  [data-route-id="home"] .promo-card_body,
  [data-route-id="login"] .promo-card_body,
  [data-route-id="game"] .promo-card_body {
    padding: 0;
    text-align: left;
    margin: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    @media only screen and (min-width: 1280px) {
      [data-route-id="home"] .promo-card_body,
      [data-route-id="login"] .promo-card_body,
      [data-route-id="game"] .promo-card_body {
        text-align: left; } }
    @media only screen and (max-width: 768px) {
      [data-route-id="home"] .promo-card_body,
      [data-route-id="login"] .promo-card_body,
      [data-route-id="game"] .promo-card_body {
        padding: 0; } }
    [data-route-id="home"] .promo-card_body img:nth-child(2),
    [data-route-id="home"] .promo-card_body img:nth-child(3),
    [data-route-id="login"] .promo-card_body img:nth-child(2),
    [data-route-id="login"] .promo-card_body img:nth-child(3),
    [data-route-id="game"] .promo-card_body img:nth-child(2),
    [data-route-id="game"] .promo-card_body img:nth-child(3) {
      margin-left: 6px; }
    @media only screen and (min-width: 1280px) {
      [data-route-id="home"] .promo-card_body,
      [data-route-id="login"] .promo-card_body,
      [data-route-id="game"] .promo-card_body {
        text-align: left; } }
    [data-route-id="home"] .promo-card_body .h1,
    [data-route-id="login"] .promo-card_body .h1,
    [data-route-id="game"] .promo-card_body .h1 {
      color: var(--hpCarouselTitleColour, #FFF);
      font-size: clamp(18px, 2.5cqw, 35px);
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 768px) {
        [data-route-id="home"] .promo-card_body .h1,
        [data-route-id="login"] .promo-card_body .h1,
        [data-route-id="game"] .promo-card_body .h1 {
          font-size: clamp(18px, 6cqw, 35px);
          container-type: inline-size; } }
    [data-route-id="home"] .promo-card_body p,
    [data-route-id="login"] .promo-card_body p,
    [data-route-id="game"] .promo-card_body p {
      line-height: 1.4;
      margin-bottom: 14px; }
      @media only screen and (max-width: 768px) {
        [data-route-id="home"] .promo-card_body p,
        [data-route-id="login"] .promo-card_body p,
        [data-route-id="game"] .promo-card_body p {
          margin-bottom: 10px; } }
    [data-route-id="home"] .promo-card_body .mb-title,
    [data-route-id="login"] .promo-card_body .mb-title,
    [data-route-id="game"] .promo-card_body .mb-title {
      margin-bottom: 30px; }
    [data-route-id="home"] .promo-card_body .btn--promocta,
    [data-route-id="login"] .promo-card_body .btn--promocta,
    [data-route-id="game"] .promo-card_body .btn--promocta {
      font-size: 16px;
      font-weight: 600;
      width: 100%;
      max-width: 400px;
      padding: 15px 7px; }
    [data-route-id="home"] .promo-card_body .button-container,
    [data-route-id="login"] .promo-card_body .button-container,
    [data-route-id="game"] .promo-card_body .button-container {
      margin: auto 0 0 0;
      display: inline-flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
      gap: 15px;
      width: 100%;
      max-width: 400px; }
      @media only screen and (max-width: 768px) {
        [data-route-id="home"] .promo-card_body .button-container,
        [data-route-id="login"] .promo-card_body .button-container,
        [data-route-id="game"] .promo-card_body .button-container {
          margin-bottom: 0; } }
      [data-route-id="home"] .promo-card_body .button-container .btn,
      [data-route-id="login"] .promo-card_body .button-container .btn,
      [data-route-id="game"] .promo-card_body .button-container .btn {
        flex-shrink: 1;
        width: 100%; }
        @media only screen and (max-width: 768px) {
          [data-route-id="home"] .promo-card_body .button-container .btn.btn-promo-mob,
          [data-route-id="login"] .promo-card_body .button-container .btn.btn-promo-mob,
          [data-route-id="game"] .promo-card_body .button-container .btn.btn-promo-mob {
            min-width: 0;
            padding: 10px 0; } }
  [data-route-id="home"] .promo-card_sigterms,
  [data-route-id="login"] .promo-card_sigterms,
  [data-route-id="game"] .promo-card_sigterms {
    padding: 10px 0; }
    [data-route-id="home"] .promo-card_sigterms .link,
    [data-route-id="login"] .promo-card_sigterms .link,
    [data-route-id="game"] .promo-card_sigterms .link {
      text-decoration: underline;
      font-weight: normal; }
    [data-route-id="home"] .promo-card_sigterms p,
    [data-route-id="login"] .promo-card_sigterms p,
    [data-route-id="game"] .promo-card_sigterms p {
      font-size: 10px;
      line-height: 1.1; }
      @media only screen and (max-width: 768px) {
        [data-route-id="home"] .promo-card_sigterms p,
        [data-route-id="login"] .promo-card_sigterms p,
        [data-route-id="game"] .promo-card_sigterms p {
          font-size: 8px; } }
    [data-route-id="home"] .promo-card_sigterms a,
    [data-route-id="login"] .promo-card_sigterms a,
    [data-route-id="game"] .promo-card_sigterms a {
      text-decoration: underline; }
      [data-route-id="home"] .promo-card_sigterms a:hover,
      [data-route-id="login"] .promo-card_sigterms a:hover,
      [data-route-id="game"] .promo-card_sigterms a:hover {
        color: var(--themeSecondaryLight); }

[data-route-id="home"] .promo .daily-vegas-perks-bg:before,
[data-route-id="login"] .promo .daily-vegas-perks-bg:before,
[data-route-id="game"] .promo .daily-vegas-perks-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/daily-vegas-perks.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .daily-vegas-perks-bg:before,
    [data-route-id="login"] .promo .daily-vegas-perks-bg:before,
    [data-route-id="game"] .promo .daily-vegas-perks-bg:before {
      background: url("../images/daily-vegas-perks.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .daily-vegas-perks-bg:before,
    [data-route-id="login"] .promo .daily-vegas-perks-bg:before,
    [data-route-id="game"] .promo .daily-vegas-perks-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .welcome-offer-bg:before,
[data-route-id="login"] .promo .welcome-offer-bg:before,
[data-route-id="game"] .promo .welcome-offer-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/welcome-offer.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .welcome-offer-bg:before,
    [data-route-id="login"] .promo .welcome-offer-bg:before,
    [data-route-id="game"] .promo .welcome-offer-bg:before {
      background: url("../images/welcome-offer.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .welcome-offer-bg:before,
    [data-route-id="login"] .promo .welcome-offer-bg:before,
    [data-route-id="game"] .promo .welcome-offer-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .sports-welcome-offer-bg:before,
[data-route-id="login"] .promo .sports-welcome-offer-bg:before,
[data-route-id="game"] .promo .sports-welcome-offer-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/sports-welcome-offer.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .sports-welcome-offer-bg:before,
    [data-route-id="login"] .promo .sports-welcome-offer-bg:before,
    [data-route-id="game"] .promo .sports-welcome-offer-bg:before {
      background: url("../images/sports-welcome-offer.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .sports-welcome-offer-bg:before,
    [data-route-id="login"] .promo .sports-welcome-offer-bg:before,
    [data-route-id="game"] .promo .sports-welcome-offer-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .mega-cash-giveaway-bg:before,
[data-route-id="login"] .promo .mega-cash-giveaway-bg:before,
[data-route-id="game"] .promo .mega-cash-giveaway-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/mega-cash-giveaway.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .mega-cash-giveaway-bg:before,
    [data-route-id="login"] .promo .mega-cash-giveaway-bg:before,
    [data-route-id="game"] .promo .mega-cash-giveaway-bg:before {
      background: url("../images/mega-cash-giveaway.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .mega-cash-giveaway-bg:before,
    [data-route-id="login"] .promo .mega-cash-giveaway-bg:before,
    [data-route-id="game"] .promo .mega-cash-giveaway-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .major-prize-giveaway-bg:before,
[data-route-id="login"] .promo .major-prize-giveaway-bg:before,
[data-route-id="game"] .promo .major-prize-giveaway-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/major-prize-giveaway.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .major-prize-giveaway-bg:before,
    [data-route-id="login"] .promo .major-prize-giveaway-bg:before,
    [data-route-id="game"] .promo .major-prize-giveaway-bg:before {
      background: url("../images/major-prize-giveaway.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .major-prize-giveaway-bg:before,
    [data-route-id="login"] .promo .major-prize-giveaway-bg:before,
    [data-route-id="game"] .promo .major-prize-giveaway-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .mini-cash-giveaway-bg:before,
[data-route-id="login"] .promo .mini-cash-giveaway-bg:before,
[data-route-id="game"] .promo .mini-cash-giveaway-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/mini-cash-giveaway.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .mini-cash-giveaway-bg:before,
    [data-route-id="login"] .promo .mini-cash-giveaway-bg:before,
    [data-route-id="game"] .promo .mini-cash-giveaway-bg:before {
      background: url("../images/mini-cash-giveaway.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .mini-cash-giveaway-bg:before,
    [data-route-id="login"] .promo .mini-cash-giveaway-bg:before,
    [data-route-id="game"] .promo .mini-cash-giveaway-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .network-promo-bg:before,
[data-route-id="login"] .promo .network-promo-bg:before,
[data-route-id="game"] .promo .network-promo-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/network-promo.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .network-promo-bg:before,
    [data-route-id="login"] .promo .network-promo-bg:before,
    [data-route-id="game"] .promo .network-promo-bg:before {
      background: url("../images/network-promo.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .network-promo-bg:before,
    [data-route-id="login"] .promo .network-promo-bg:before,
    [data-route-id="game"] .promo .network-promo-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .spinwheel-bg:before,
[data-route-id="login"] .promo .spinwheel-bg:before,
[data-route-id="game"] .promo .spinwheel-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .spinwheel-bg:before,
    [data-route-id="login"] .promo .spinwheel-bg:before,
    [data-route-id="game"] .promo .spinwheel-bg:before {
      background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .spinwheel-bg:before,
    [data-route-id="login"] .promo .spinwheel-bg:before,
    [data-route-id="game"] .promo .spinwheel-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .halloween-bg:before,
[data-route-id="login"] .promo .halloween-bg:before,
[data-route-id="game"] .promo .halloween-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/halloween.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .halloween-bg:before,
    [data-route-id="login"] .promo .halloween-bg:before,
    [data-route-id="game"] .promo .halloween-bg:before {
      background: url("../images/halloween.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .halloween-bg:before,
    [data-route-id="login"] .promo .halloween-bg:before,
    [data-route-id="game"] .promo .halloween-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .blackjackcity-xsell-banner-bg:before,
[data-route-id="login"] .promo .blackjackcity-xsell-banner-bg:before,
[data-route-id="game"] .promo .blackjackcity-xsell-banner-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/blackjackcity-xsell-banner.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .blackjackcity-xsell-banner-bg:before,
    [data-route-id="login"] .promo .blackjackcity-xsell-banner-bg:before,
    [data-route-id="game"] .promo .blackjackcity-xsell-banner-bg:before {
      background: url("../images/blackjackcity-xsell-banner.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .blackjackcity-xsell-banner-bg:before,
    [data-route-id="login"] .promo .blackjackcity-xsell-banner-bg:before,
    [data-route-id="game"] .promo .blackjackcity-xsell-banner-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .barz-xsell-banner-bg:before,
[data-route-id="login"] .promo .barz-xsell-banner-bg:before,
[data-route-id="game"] .promo .barz-xsell-banner-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/barz-xsell-banner.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .barz-xsell-banner-bg:before,
    [data-route-id="login"] .promo .barz-xsell-banner-bg:before,
    [data-route-id="game"] .promo .barz-xsell-banner-bg:before {
      background: url("../images/barz-xsell-banner.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .barz-xsell-banner-bg:before,
    [data-route-id="login"] .promo .barz-xsell-banner-bg:before,
    [data-route-id="game"] .promo .barz-xsell-banner-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .simppeli-xsell-banner-bg:before,
[data-route-id="login"] .promo .simppeli-xsell-banner-bg:before,
[data-route-id="game"] .promo .simppeli-xsell-banner-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/simppeli-xsell-banner.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .simppeli-xsell-banner-bg:before,
    [data-route-id="login"] .promo .simppeli-xsell-banner-bg:before,
    [data-route-id="game"] .promo .simppeli-xsell-banner-bg:before {
      background: url("../images/simppeli-xsell-banner.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .simppeli-xsell-banner-bg:before,
    [data-route-id="login"] .promo .simppeli-xsell-banner-bg:before,
    [data-route-id="game"] .promo .simppeli-xsell-banner-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .featured-games-bg:before,
[data-route-id="login"] .promo .featured-games-bg:before,
[data-route-id="game"] .promo .featured-games-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/featured-games.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .featured-games-bg:before,
    [data-route-id="login"] .promo .featured-games-bg:before,
    [data-route-id="game"] .promo .featured-games-bg:before {
      background: url("../images/featured-games.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .featured-games-bg:before,
    [data-route-id="login"] .promo .featured-games-bg:before,
    [data-route-id="game"] .promo .featured-games-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .smartico-map-bg:before,
[data-route-id="login"] .promo .smartico-map-bg:before,
[data-route-id="game"] .promo .smartico-map-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .smartico-map-bg:before,
    [data-route-id="login"] .promo .smartico-map-bg:before,
    [data-route-id="game"] .promo .smartico-map-bg:before {
      background: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .smartico-map-bg:before,
    [data-route-id="login"] .promo .smartico-map-bg:before,
    [data-route-id="game"] .promo .smartico-map-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .loyalty-club-bg:before,
[data-route-id="login"] .promo .loyalty-club-bg:before,
[data-route-id="game"] .promo .loyalty-club-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/loyalty-club.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .loyalty-club-bg:before,
    [data-route-id="login"] .promo .loyalty-club-bg:before,
    [data-route-id="game"] .promo .loyalty-club-bg:before {
      background: url("../images/loyalty-club.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .loyalty-club-bg:before,
    [data-route-id="login"] .promo .loyalty-club-bg:before,
    [data-route-id="game"] .promo .loyalty-club-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .bore-draw-bg:before,
[data-route-id="login"] .promo .bore-draw-bg:before,
[data-route-id="game"] .promo .bore-draw-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/bore-draw.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .bore-draw-bg:before,
    [data-route-id="login"] .promo .bore-draw-bg:before,
    [data-route-id="game"] .promo .bore-draw-bg:before {
      background: url("../images/bore-draw.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .bore-draw-bg:before,
    [data-route-id="login"] .promo .bore-draw-bg:before,
    [data-route-id="game"] .promo .bore-draw-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .acca-boost-bg:before,
[data-route-id="login"] .promo .acca-boost-bg:before,
[data-route-id="game"] .promo .acca-boost-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/acca-boost.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .acca-boost-bg:before,
    [data-route-id="login"] .promo .acca-boost-bg:before,
    [data-route-id="game"] .promo .acca-boost-bg:before {
      background: url("../images/acca-boost.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .acca-boost-bg:before,
    [data-route-id="login"] .promo .acca-boost-bg:before,
    [data-route-id="game"] .promo .acca-boost-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .enhanced-odds-boost-bg:before,
[data-route-id="login"] .promo .enhanced-odds-boost-bg:before,
[data-route-id="game"] .promo .enhanced-odds-boost-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/enhanced-odds-boost.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .enhanced-odds-boost-bg:before,
    [data-route-id="login"] .promo .enhanced-odds-boost-bg:before,
    [data-route-id="game"] .promo .enhanced-odds-boost-bg:before {
      background: url("../images/enhanced-odds-boost.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .enhanced-odds-boost-bg:before,
    [data-route-id="login"] .promo .enhanced-odds-boost-bg:before,
    [data-route-id="game"] .promo .enhanced-odds-boost-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .bet-builder-boost-bg:before,
[data-route-id="login"] .promo .bet-builder-boost-bg:before,
[data-route-id="game"] .promo .bet-builder-boost-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/bet-builder-boost.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .bet-builder-boost-bg:before,
    [data-route-id="login"] .promo .bet-builder-boost-bg:before,
    [data-route-id="game"] .promo .bet-builder-boost-bg:before {
      background: url("../images/bet-builder-boost.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .bet-builder-boost-bg:before,
    [data-route-id="login"] .promo .bet-builder-boost-bg:before,
    [data-route-id="game"] .promo .bet-builder-boost-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .early-cash-out-bg:before,
[data-route-id="login"] .promo .early-cash-out-bg:before,
[data-route-id="game"] .promo .early-cash-out-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/early-cash-out.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .early-cash-out-bg:before,
    [data-route-id="login"] .promo .early-cash-out-bg:before,
    [data-route-id="game"] .promo .early-cash-out-bg:before {
      background: url("../images/early-cash-out.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .early-cash-out-bg:before,
    [data-route-id="login"] .promo .early-cash-out-bg:before,
    [data-route-id="game"] .promo .early-cash-out-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .early-payout-bg:before,
[data-route-id="login"] .promo .early-payout-bg:before,
[data-route-id="game"] .promo .early-payout-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/early-payout.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .early-payout-bg:before,
    [data-route-id="login"] .promo .early-payout-bg:before,
    [data-route-id="game"] .promo .early-payout-bg:before {
      background: url("../images/early-payout.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .early-payout-bg:before,
    [data-route-id="login"] .promo .early-payout-bg:before,
    [data-route-id="game"] .promo .early-payout-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .early-payout-us-bg:before,
[data-route-id="login"] .promo .early-payout-us-bg:before,
[data-route-id="game"] .promo .early-payout-us-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/early-payout-us.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    [data-route-id="home"] .promo .early-payout-us-bg:before,
    [data-route-id="login"] .promo .early-payout-us-bg:before,
    [data-route-id="game"] .promo .early-payout-us-bg:before {
      background: url("../images/early-payout-us.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo .early-payout-us-bg:before,
    [data-route-id="login"] .promo .early-payout-us-bg:before,
    [data-route-id="game"] .promo .early-payout-us-bg:before {
      content: unset; } }

[data-route-id="home"] .promo .featured-games-bg:before,
[data-route-id="login"] .promo .featured-games-bg:before,
[data-route-id="game"] .promo .featured-games-bg:before {
  content: unset; }

[data-route-id="home"] .promo .full-terms-promo,
[data-route-id="login"] .promo .full-terms-promo,
[data-route-id="game"] .promo .full-terms-promo {
  background-color: var(--themePrimaryDark);
  border: solid var(--themePrimary) 2px;
  color: var(--textColorDark);
  padding: 30px;
  border-radius: 10px; }
  [data-route-id="home"] .promo .full-terms-promo li,
  [data-route-id="login"] .promo .full-terms-promo li,
  [data-route-id="game"] .promo .full-terms-promo li {
    line-height: 1.5; }

[data-route-id="home"] .promo-slider,
[data-route-id="login"] .promo-slider,
[data-route-id="game"] .promo-slider {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  margin: 0 auto;
  padding: 0; }
  @media only screen and (max-width: 768px) {
    [data-route-id="home"] .promo-slider,
    [data-route-id="login"] .promo-slider,
    [data-route-id="game"] .promo-slider {
      padding-bottom: 25px; } }
  [data-route-id="home"] .promo-slider .swiper-wrapper,
  [data-route-id="login"] .promo-slider .swiper-wrapper,
  [data-route-id="game"] .promo-slider .swiper-wrapper {
    overflow: hidden;
    position: relative; }
  [data-route-id="home"] .promo-slider .promo-card,
  [data-route-id="login"] .promo-slider .promo-card,
  [data-route-id="game"] .promo-slider .promo-card {
    margin: 0;
    display: flex; }
    [data-route-id="home"] .promo-slider .promo-card:before,
    [data-route-id="login"] .promo-slider .promo-card:before,
    [data-route-id="game"] .promo-slider .promo-card:before {
      position: absolute;
      width: 60%;
      height: 100%;
      background: linear-gradient(90deg, #0a0a0ae3 50%, transparent);
      bottom: 0; }
    @media only screen and (max-width: 768px) {
      [data-route-id="home"] .promo-slider .promo-card,
      [data-route-id="login"] .promo-slider .promo-card,
      [data-route-id="game"] .promo-slider .promo-card {
        height: 100%;
        flex-direction: column; }
        [data-route-id="home"] .promo-slider .promo-card:before,
        [data-route-id="login"] .promo-slider .promo-card:before,
        [data-route-id="game"] .promo-slider .promo-card:before {
          content: unset; } }
    [data-route-id="home"] .promo-slider .promo-card .promo-card_container,
    [data-route-id="login"] .promo-slider .promo-card .promo-card_container,
    [data-route-id="game"] .promo-slider .promo-card .promo-card_container {
      display: flex;
      width: 100%;
      margin: 0 auto; }
      [data-route-id="home"] .promo-slider .promo-card .promo-card_container_content,
      [data-route-id="login"] .promo-slider .promo-card .promo-card_container_content,
      [data-route-id="game"] .promo-slider .promo-card .promo-card_container_content {
        padding: 20px; }

@media only screen and (max-width: 768px) {
  [data-route-id="home"][data-actual-geo="fi"] .promo-card_container {
    padding: 20px 20px 0; } }

.promo-header {
  color: var(--white);
  font-family: var(--fontGlobal), serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding: 32px 15px 10px 15px; }

.promo_inner-content {
  padding: 10px 20px 30px 20px;
  color: var(--textColorDark); }
  .promo_inner-content p {
    color: var(--textColorDark); }
  .promo_inner-content .steps-content {
    padding: 40px 0; }
  .promo_inner-content .force-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px 0; }
    .promo_inner-content .force-center .btn-seperator {
      font-size: 16px;
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 20px 0;
      margin: 0;
      text-transform: uppercase;
      overflow: hidden; }
      @media only screen and (max-width: 768px) {
        .promo_inner-content .force-center .btn-seperator {
          font-size: 14px; } }
    .promo_inner-content .force-center .btn-seperator::before,
    .promo_inner-content .force-center .btn-seperator::after {
      background-color: rgba(111, 111, 111, 0.381);
      content: "";
      display: inline-block;
      height: 1px;
      position: relative;
      vertical-align: middle;
      width: 50%; }
    .promo_inner-content .force-center .btn-seperator::before {
      right: 0.5em;
      margin-left: -50%; }
    .promo_inner-content .force-center .btn-seperator::after {
      left: 0.5em;
      margin-right: -50%; }

.promo__inner {
  padding: 0 20px; }

.promo-list {
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
  margin: 0 auto; }

.promo-slider {
  display: flex;
  flex-flow: row nowrap;
  margin: calc(var(--size-height-nav) + 15px) auto 0 auto;
  padding: 0 0 25px 0;
  width: calc(100% - 40px); }
  .promo-slider .tns-nav {
    display: none; }

.promo-card {
  flex: 0 0 100%;
  transform-origin: center;
  position: relative;
  background: var(--promoCard);
  overflow: visible;
  display: flex;
  margin: 0;
  min-height: auto; }
  .promo-card .promo-card_container {
    display: flex;
    width: 100%;
    padding: 0 10px; }
    @media only screen and (max-width: 768px) {
      .promo-card .promo-card_container {
        flex-wrap: wrap;
        align-content: start;
        padding: 20px; } }
  @media only screen and (min-width: 768px) {
    .promo-card.daily-vegas-perks {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.welcome-offer {
      background: url("../images/welcome-offer_bg.webp") center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.sports-welcome-offer {
      background: url("../images/sports-welcome-offer_bg.webp") center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.mega-cash-giveaway {
      background: url("../images/mega-cash-giveaway_bg.webp") center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.major-prize-giveaway {
      background: url("../images/major-prize-giveaway_bg.webp") center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.mini-cash-giveaway {
      background: url("../images/mini-cash-giveaway_bg.webp") center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.network-promo {
      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.spinwheel {
      background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.halloween {
      background: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.blackjackcity-xsell-banner {
      background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.barz-xsell-banner {
      background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.simppeli-xsell-banner {
      background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.featured-games {
      background: url("../images/featured-games_bg.webp") center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.smartico-map {
      background: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.loyalty-club {
      background: url("../images/loyalty-club_bg.webp") center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.bore-draw {
      background: url("../images/bore-draw_bg.webp") center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.acca-boost {
      background: url("../images/acca-boost_bg.webp") center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.enhanced-odds-boost {
      background: url("../images/enhanced-odds-boost_bg.webp") center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.bet-builder-boost {
      background: url("../images/bet-builder-boost_bg.webp") center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.early-cash-out {
      background: url("../images/early-cash-out_bg.webp") center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.early-payout {
      background: url("../images/early-payout_bg.webp") center no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .promo-card.early-payout-us {
      background: url("../images/early-payout-us_bg.webp") center no-repeat;
      background-size: cover; } }
  .promo-card_content {
    order: 1;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    width: 50%;
    max-width: 800px;
    position: relative;
    z-index: 3; }
    @media only screen and (max-width: 1280px) {
      .promo-card_content {
        padding: 0 0 10px 11px; } }
    @media only screen and (max-width: 992px) {
      .promo-card_content {
        padding: 25px 25px 25px 25px; } }
    @media only screen and (max-width: 768px) {
      .promo-card_content {
        padding: 20px; } }
    @media only screen and (orientation: landscape) {
      .promo-card_content {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: nowrap;
        padding: 0 0 10px 11px; } }
    @media only screen and (orientation: portrait) and (max-width: 768px) {
      .promo-card_content {
        width: 100%;
        padding: 20px 0 0px 0; }
        .promo-card_content button {
          width: 100%; } }
  .promo-card_img {
    width: 50%;
    max-width: 600px;
    order: 2;
    display: flex;
    min-height: 430px;
    height: auto;
    margin: 0 0 0 auto;
    z-index: 2;
    position: relative;
    background-image: unset; }
    @media only screen and (max-width: 768px) {
      .promo-card_img {
        width: 100%;
        max-width: none;
        order: 1;
        min-height: 140px;
        border-radius: 4px;
        aspect-ratio: 16/7; }
        .promo-card_img.daily-vegas-perks-bg {
          background: url("../images/thumb_daily-vegas-perks.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.welcome-offer-bg {
          background: url("../images/thumb_welcome-offer.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.sports-welcome-offer-bg {
          background: url("../images/thumb_sports-welcome-offer.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.mega-cash-giveaway-bg {
          background: url("../images/thumb_mega-cash-giveaway.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.major-prize-giveaway-bg {
          background: url("../images/thumb_major-prize-giveaway.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.mini-cash-giveaway-bg {
          background: url("../images/thumb_mini-cash-giveaway.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.network-promo-bg {
          background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.spinwheel-bg {
          background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.halloween-bg {
          background: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%) no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.blackjackcity-xsell-banner-bg {
          background: url("../images/thumb_blackjackcity-xsell-banner.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.barz-xsell-banner-bg {
          background: url("../images/thumb_barz-xsell-banner.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.simppeli-xsell-banner-bg {
          background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%) no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.featured-games-bg {
          background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%) no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.smartico-map-bg {
          background: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.loyalty-club-bg {
          background: url("../images/thumb_loyalty-club.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.bore-draw-bg {
          background: url("../images/thumb_bore-draw.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.acca-boost-bg {
          background: url("../images/thumb_acca-boost.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.enhanced-odds-boost-bg {
          background: url("../images/thumb_enhanced-odds-boost.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.bet-builder-boost-bg {
          background: url("../images/thumb_bet-builder-boost.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.early-cash-out-bg {
          background: url("../images/thumb_early-cash-out.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.early-payout-bg {
          background: url("../images/thumb_early-payout.webp") no-repeat;
          background-position: center;
          background-size: cover; }
        .promo-card_img.early-payout-us-bg {
          background: url("../images/thumb_early-payout-us.webp") no-repeat;
          background-position: center;
          background-size: cover; } }
  .promo-card_body {
    padding: 0;
    text-align: left;
    margin: auto;
    width: 100%; }
    @media only screen and (min-width: 1280px) {
      .promo-card_body {
        text-align: left; } }
    @media only screen and (max-width: 768px) {
      .promo-card_body {
        padding: 0; } }
    .promo-card_body img:nth-child(2),
    .promo-card_body img:nth-child(3) {
      margin-left: 6px; }
    @media only screen and (min-width: 1280px) {
      .promo-card_body {
        text-align: left; } }
    .promo-card_body .h1 {
      color: var(--white);
      font-size: 40px; }
      @media only screen and (max-width: 768px) {
        .promo-card_body .h1 {
          font-size: 30px; } }
    .promo-card_body p {
      line-height: 1.4;
      margin-bottom: 14px; }
      @media only screen and (max-width: 768px) {
        .promo-card_body p {
          margin-bottom: 10px; } }
    .promo-card_body .mb-title {
      margin-bottom: 30px; }
    .promo-card_body .btn--promocta {
      font-size: 16px;
      font-weight: 600;
      width: 100%;
      max-width: 400px;
      padding: 15px 7px; }
    .promo-card_body .button-container {
      display: inline-flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
      gap: 15px;
      width: 100%;
      max-width: 400px; }
      @media only screen and (max-width: 768px) {
        .promo-card_body .button-container {
          margin-bottom: 20px; } }
      .promo-card_body .button-container .btn {
        flex-shrink: 1;
        width: 100%; }
        @media only screen and (max-width: 768px) {
          .promo-card_body .button-container .btn.btn-promo-mob {
            min-width: 0;
            padding: 10px 0; } }
  .promo-card_sigterms {
    padding: 10px 0; }
    .promo-card_sigterms p {
      font-size: 10px;
      line-height: 1.1; }
      @media only screen and (max-width: 768px) {
        .promo-card_sigterms p {
          font-size: 8px; } }
    .promo-card_sigterms a {
      text-decoration: underline; }
      .promo-card_sigterms a:hover {
        color: var(--themeSecondaryLight); }

.promo .daily-vegas-perks-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/daily-vegas-perks.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .daily-vegas-perks-bg:before {
      background: url("../images/daily-vegas-perks.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .daily-vegas-perks-bg:before {
      content: unset; } }

.promo .welcome-offer-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/welcome-offer.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .welcome-offer-bg:before {
      background: url("../images/welcome-offer.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .welcome-offer-bg:before {
      content: unset; } }

.promo .sports-welcome-offer-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/sports-welcome-offer.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .sports-welcome-offer-bg:before {
      background: url("../images/sports-welcome-offer.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .sports-welcome-offer-bg:before {
      content: unset; } }

.promo .mega-cash-giveaway-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/mega-cash-giveaway.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .mega-cash-giveaway-bg:before {
      background: url("../images/mega-cash-giveaway.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .mega-cash-giveaway-bg:before {
      content: unset; } }

.promo .major-prize-giveaway-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/major-prize-giveaway.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .major-prize-giveaway-bg:before {
      background: url("../images/major-prize-giveaway.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .major-prize-giveaway-bg:before {
      content: unset; } }

.promo .mini-cash-giveaway-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/mini-cash-giveaway.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .mini-cash-giveaway-bg:before {
      background: url("../images/mini-cash-giveaway.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .mini-cash-giveaway-bg:before {
      content: unset; } }

.promo .network-promo-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/network-promo.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .network-promo-bg:before {
      background: url("../images/network-promo.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .network-promo-bg:before {
      content: unset; } }

.promo .spinwheel-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .spinwheel-bg:before {
      background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .spinwheel-bg:before {
      content: unset; } }

.promo .halloween-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/halloween.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .halloween-bg:before {
      background: url("../images/halloween.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .halloween-bg:before {
      content: unset; } }

.promo .blackjackcity-xsell-banner-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/blackjackcity-xsell-banner.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .blackjackcity-xsell-banner-bg:before {
      background: url("../images/blackjackcity-xsell-banner.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .blackjackcity-xsell-banner-bg:before {
      content: unset; } }

.promo .barz-xsell-banner-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/barz-xsell-banner.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .barz-xsell-banner-bg:before {
      background: url("../images/barz-xsell-banner.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .barz-xsell-banner-bg:before {
      content: unset; } }

.promo .simppeli-xsell-banner-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/simppeli-xsell-banner.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .simppeli-xsell-banner-bg:before {
      background: url("../images/simppeli-xsell-banner.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .simppeli-xsell-banner-bg:before {
      content: unset; } }

.promo .featured-games-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/featured-games.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .featured-games-bg:before {
      background: url("../images/featured-games.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .featured-games-bg:before {
      content: unset; } }

.promo .smartico-map-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .smartico-map-bg:before {
      background: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .smartico-map-bg:before {
      content: unset; } }

.promo .loyalty-club-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/loyalty-club.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .loyalty-club-bg:before {
      background: url("../images/loyalty-club.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .loyalty-club-bg:before {
      content: unset; } }

.promo .bore-draw-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/bore-draw.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .bore-draw-bg:before {
      background: url("../images/bore-draw.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .bore-draw-bg:before {
      content: unset; } }

.promo .acca-boost-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/acca-boost.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .acca-boost-bg:before {
      background: url("../images/acca-boost.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .acca-boost-bg:before {
      content: unset; } }

.promo .enhanced-odds-boost-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/enhanced-odds-boost.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .enhanced-odds-boost-bg:before {
      background: url("../images/enhanced-odds-boost.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .enhanced-odds-boost-bg:before {
      content: unset; } }

.promo .bet-builder-boost-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/bet-builder-boost.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .bet-builder-boost-bg:before {
      background: url("../images/bet-builder-boost.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .bet-builder-boost-bg:before {
      content: unset; } }

.promo .early-cash-out-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/early-cash-out.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .early-cash-out-bg:before {
      background: url("../images/early-cash-out.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .early-cash-out-bg:before {
      content: unset; } }

.promo .early-payout-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/early-payout.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .early-payout-bg:before {
      background: url("../images/early-payout.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .early-payout-bg:before {
      content: unset; } }

.promo .early-payout-us-bg:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  background: url("../images/early-payout-us.webp") no-repeat;
  background-position: left;
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .promo .early-payout-us-bg:before {
      background: url("../images/early-payout-us.webp") no-repeat;
      background-position: center;
      background-size: cover;
      width: 100%; } }
  @media only screen and (max-width: 768px) {
    .promo .early-payout-us-bg:before {
      content: unset; } }

.promo .featured-games-bg:before {
  content: unset; }

.promo .full-terms-promo {
  background-color: var(--themePrimaryDark);
  border: solid var(--themePrimary) 2px;
  color: var(--textColorDark);
  padding: 30px;
  border-radius: 10px; }
  .promo .full-terms-promo li {
    line-height: 1.5; }

.promo-type-filter {
  width: 100%;
  margin-top: 1rem;
  display: flex;
  gap: 10px;
  padding: 0 15px 15px 15px; }
  @media only screen and (max-width: 768px) {
    .promo-type-filter {
      flex-wrap: wrap;
      padding: 0 1rem; } }
  .promo-type-filter .promo-type-btn {
    background: var(--SiteNavigationCtaColour);
    color: var(--white);
    cursor: pointer;
    min-width: 100px; }
  .promo-type-filter .filter-swipe-container {
    width: 100%;
    display: flex; }
    @media only screen and (max-width: 768px) {
      .promo-type-filter .filter-swipe-container {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none; }
        .promo-type-filter .filter-swipe-container::-webkit-scrollbar {
          display: none; } }
  .promo-type-filter .filter-swipe-wrapper {
    display: flex;
    gap: 10px; }
    @media only screen and (max-width: 768px) {
      .promo-type-filter .filter-swipe-wrapper {
        gap: 8px; } }
    @media only screen and (min-width: 768px) {
      .promo-type-filter .filter-swipe-wrapper {
        justify-content: center; } }
  .promo-type-filter .promo-type-btn {
    background: var(--SiteNavigationCtaColour);
    color: var(--white);
    cursor: pointer;
    min-width: 100px;
    white-space: nowrap;
    flex-shrink: 0;
    padding: 8px 16px;
    border-radius: var(--promotionButtonglobalBorderRadius, var(--globalBorderRadius));
    border: 1px solid #e0e0e0;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.2s ease; }
    @media only screen and (max-width: 768px) {
      .promo-type-filter .promo-type-btn {
        padding: 8px 20px; } }
    .promo-type-filter .promo-type-btn:hover, .promo-type-filter .promo-type-btn.active {
      background: var(--promotionActiveBtnBgColorNavigation, var(--white));
      border: 1px solid var(--promotionActiveBtnBorderColorNavigation, var(--SiteSecondaryColour));
      color: var(--promotionActiveBtnTextColorNavigation, var(--SiteBgColourNavigation)); }
  @media only screen and (max-width: 768px) {
    .promo-type-filter {
      padding: 0 10px; } }
  @media only screen and (min-width: 768px) {
    .promo-type-filter {
      margin-bottom: 24px;
      text-align: center; } }

@media only screen and (max-width: 768px) {
  .mobile-swipe-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 3px; } }

@media only screen and (min-width: 769px) {
  .mobile-swipe-container {
    display: none; } }

@media only screen and (max-width: 768px) {
  .mobile-swipe-wrapper {
    display: flex;
    transition: transform 0.3s ease;
    width: 100%; } }

@media only screen and (max-width: 768px) {
  .mobile-swipe-slide {
    min-width: 100%;
    max-width: 100%;
    flex-shrink: 0;
    box-sizing: border-box;
    height: auto; } }

@media only screen and (max-width: 768px) {
  .mobile-swipe-slide .promo-grid-card {
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    overflow: hidden; } }

@media only screen and (max-width: 768px) {
  .mobile-swipe-slide .promo-grid-card__image {
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 100%; } }

@media only screen and (max-width: 768px) {
  .mobile-swipe-slide .promotion-slide-img {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; } }

@media only screen and (max-width: 768px) {
  .mobile-swipe-slide .btn {
    width: 100%;
    padding: 12px 16px;
    font-size: 14px; } }

@media only screen and (max-width: 768px) {
  .mobile-swipe-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
    padding: 0 15px; } }

@media only screen and (min-width: 769px) {
  .mobile-swipe-dots {
    display: none; } }

@media only screen and (max-width: 768px) {
  .swipe-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
    cursor: pointer;
    transition: background-color 0.3s ease;
    flex-shrink: 0; } }

@media only screen and (max-width: 768px) {
  .swipe-dot.active {
    background-color: #007bff;
    transform: scale(1.2); } }

@media only screen and (max-width: 768px) {
  .desktop-promo-grid {
    display: none; } }

@media only screen and (min-width: 769px) {
  .desktop-promo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px 0;
    width: 100%; } }

@media only screen and (min-width: 550px) and (max-width: 950px) {
  .desktop-promo-grid {
    grid-template-columns: repeat(2, 1fr); } }

@media only screen and (min-width: 769px) {
  .desktop-promo-grid .promo-grid-card {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease; }
    .desktop-promo-grid .promo-grid-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); } }

@media only screen and (min-width: 769px) {
  .desktop-promo-grid .promo-grid-card__image {
    height: 200px;
    overflow: hidden;
    position: relative; } }

@media only screen and (min-width: 769px) {
  .desktop-promo-grid .promotion-slide-img {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important; } }

@media only screen and (min-width: 769px) {
  .desktop-promo-grid .promo-grid-card__content {
    padding: 20px; } }

.hidden {
  display: none !important; }

.promo.hidden .mobile-swipe-dots {
  display: none !important; }

@media only screen and (max-width: 768px) {
  .promo {
    margin-bottom: 30px; } }

@media only screen and (max-width: 768px) {
  .promo-category-title {
    margin-bottom: 20px;
    padding: 0;
    font-size: 20px;
    font-weight: 600; } }

.btn.btn--large {
  font-weight: 700;
  font-size: var(--promoCardButtonTextSize);
  border-radius: 4px;
  padding: 14px 10px; }

.btn.btn--secondary {
  overflow: hidden;
  position: relative;
  color: var(--SiteSecondaryColour);
  background: transparent;
  border: 1px solid var(--SiteSecondaryColour);
  border-radius: 4px;
  font-weight: 600; }

.btn.btn--primary {
  overflow: hidden;
  position: relative;
  color: var(--SitePrimaryBtnTxtColour);
  background-color: var(--SitePrimaryColour);
  border-radius: 4px;
  border: 1px solid var(--SitePrimaryColour);
  text-shadow: none;
  min-width: 95px;
  font-weight: 600; }