.skip-link {
                    background: #ca7c3c;
                    color: white;
                    font-weight: 700;
                    left: 50%;
                    padding: 5px 10px;
                    position: absolute;
                    transform: translateY(-500%);
                    transition: transform 0.3s;
                    z-index: 999;
                }
                a.skip-link:focus {
                    transform: translateY(00%);
                }#navbar_wrap #nav_main li a {font-family: 'Oswald';text-transform: uppercase;}#navbar_wrap #nav_main li a { color: #fff;}#navbar_wrap #nav_main li.active a { border-color: #fff;}#navbar_wrap.bgnav #nav_main li a {color: #fff;}#navbar_wrap.bgnav #nav_main li.active a {border-color: #fff;}#header-main.mobile-open #nav_main a {color: #fff;}#nav-main-toggle > .icon-bar { background-color: #000000;}#navbar_wrap #nav_main li:hover a { color: #c1c1c1; border-color: #c1c1c1;}#navbar_wrap #nav_main li.active:hover a { border-color: #c1c1c1;}#navbar_wrap.bgnav { background: #000000; background: rgba(0, 0, 0, 0.95);}#header-main.mobile-open .nav-bar, #header-main.mobile-open #nav-main-controls { background: #000000; background: rgba(0, 0, 0, 0.95);}#navbar_wrap.bgnav #nav_main li:hover a {color: #c1c1c1; border-color: #c1c1c1;}#navbar_wrap.bgnav #nav_main li.active:hover a {border-color: #c1c1c1;}.home-home-37778 .layout-3-bg-img-color{background-image: url('https://www.unoapp.com/app/source/resources/webbuilder/structure/3/home/layout_3.jpg');}.home-home-37778 .layout-3-logo-section{background-image: url('../source/images/logoplaceholder.png');}.home-home-37778 .layout-3-arrow-color{color:#fff;}@media only screen and (min-width: 1600px) { .home-home-37778 .layout-3-logo-padding{padding-top:495px !important;}}@media only screen and (max-width: 1600px) { .home-home-37778 .layout-3-logo-padding{padding-top:395px !important;}}.home-home-37791 .layout-3-bg-img-color{background-image: url('https://www.unoapp.com/app/source/resources/webbuilder/structure/3/home/layout_3.jpg');}.home-home-37791 .layout-3-logo-section{background-image: url('../source/images/logoplaceholder.png');}.home-home-37791 .layout-3-arrow-color{color:#fff;}@media only screen and (min-width: 1600px) { .home-home-37791 .layout-3-logo-padding{padding-top:495px !important;}}@media only screen and (max-width: 1600px) { .home-home-37791 .layout-3-logo-padding{padding-top:395px !important;}}.home-home-37784 .layout-3-bg-img-color{background-image: url('https://www.unoapp.com/app/source/resources/webbuilder/structure/3/home/layout_3.jpg');}.home-home-37784 .layout-3-logo-section{background-image: url('../source/images/logoplaceholder.png');}.home-home-37784 .layout-3-arrow-color{color:#fff;}.home-home-37784-layout-3-short-head{height: 400px !important;}@media only screen and (min-width: 1600px) { .home-home-37784 .layout-3-logo-padding{padding-top:495px !important;}}@media only screen and (max-width: 1600px) { .home-home-37784 .layout-3-logo-padding{padding-top:395px !important;}}.home-home-37781 .layout-3-bg-img-color{background-image: url('https://www.unoapp.com/app/source/resources/webbuilder/structure/3/home/layout_3.jpg');}.home-home-37781 .layout-3-logo-section{background-image: url('../source/images/logoplaceholder.png');}.home-home-37781 .layout-3-arrow-color{color:#fff;}.home-home-37781-layout-3-short-head{height: 400px !important;}@media only screen and (min-width: 1600px) { .home-home-37781 .layout-3-logo-padding{padding-top:495px !important;}}@media only screen and (max-width: 1600px) { .home-home-37781 .layout-3-logo-padding{padding-top:395px !important;}}.home-home-37789 .layout-3-bg-img-color{background-image: url('https://www.unoapp.com/app/source/resources/webbuilder/structure/3/home/layout_3.jpg');}.home-home-37789 .layout-3-logo-section{background-image: url('../source/images/logoplaceholder.png');}.home-home-37789 .layout-3-arrow-color{color:#fff;}@media only screen and (min-width: 1600px) { .home-home-37789 .layout-3-logo-padding{padding-top:495px !important;}}@media only screen and (max-width: 1600px) { .home-home-37789 .layout-3-logo-padding{padding-top:395px !important;}}.layout-3-footer-sub{background-color:rgb(60, 68, 72);}.layout-3-footer-bg{background-color:rgb(47, 55, 59);}@font-face {
        font-family: 'Steelfish';
        src: url('https://unoapp.com/shared/fonts/Steelfish/Steelfish-Bold.woff2') format('woff2'),
            url('https://unoapp.com/shared/fonts/Steelfish/Steelfish-Bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

#intro {display: none;}

  :root {
    --brand01: #0857C3;
    --brand02: #2671C8;
    --brand03: #757575;
    --brand04: #FFFFFF;
    --yellow: #FFEF00;


    --background: #FFFFFF;
    --foreground: #000000;

    --card-background: #ffffff;
    --card-foreground: #000000;

    --primary: var(--brand01);
    --secondary: var(--brand02);
    --primary-foreground: #ffffff;
    --secondary-foreground: #000000;
    --muted: #757575;

    --font-title: "Steelfish", sans-serif;
    --font-subtitle: "Inter", sans-serif;
    --font-body: "Inter", sans-serif;

    --normal: 400;
    --bold: 700;

    --border: var(--primary);
  }

  /* === FONT SETTING === */
  *,
  html,
  body {
    font-size: 16px;
    margin: 0;
    font-weight: var(--normal);
  }

  html {
    background: var(--background);
  }

  body,
  html,
  p,
  a,
  i,
  u,
  em {
    font-family: var(--font-body);
    line-height: 1.5;
    font-optical-sizing: auto;
    color: inherit;
    font-size: inherit;
  }
  b, strong {
    font-family: var(--font-body);
    line-height: 1.5;
    font-optical-sizing: auto;
    color: inherit;
    font-weight: var(--bold) !important;}

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-title);
    line-height: 1.5;
    font-weight: var(--bold);
    text-transform: uppercase;
    font-optical-sizing: auto;
    margin: 0 auto;
  }

  h1 {
    color: var(--foreground);
    font-size: 36px;
    letter-spacing: 2px;
  }

  h2 {
    font-size: 54px;
    letter-spacing: 2px;
  }

  .winner_disclaimer {
    font-family: var(--font-title);
  }

  h3,
  .en_h3,
  .fr_h3 {
    font-family: var(--font-subtitle) !important;
    font-size: 24px;
    color: var(--primary);
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  p,
  li {
    font-weight: 300;
    color: var(--primary-2);
  }

  .p-sm {
    font-size: 14px;
  }

  .p-lg {
    font-size: 24px;
  }

  b {
    font-weight: bold;
    color: inherit;
    font-size: inherit;
  }

  a:hover {
    opacity: 0.8;
    color: inherit;
  }

  i.fa {
    font-family: "FontAwesome" !important;
  }

  @media screen and (max-width: 600px) {
    h1 {
      font-size: 28px;
    }
    h2 {
      font-size: 40px;
    }
    *,
    html,
    body {
      font-size: 14px;
    }
    .p-lg {
      font-size: 18px;
    }
  }
  /* === END OF FONT SETTING === */
  /* ALL SECTIONS */
  body {
    background: var(--surface-secondary);
  }

  div.widget-section {
    background: transparent !important;
    background-size: contain !important;
    background-repeat: repeat;
    background-attachment: fixed !important;
  }

  /* Padding to all custom HTML sections */
  .main-container {
    padding: 24px 0px;
    margin: 0 auto;
  }
  .main-container-full-width {max-width: 100% !important;}
  .main-content {
    margin: 0 auto;
    max-width: 1024px;
    display: grid;
    grid-auto-columns: 1fr;
    gap: 24px;
    justify-items: center;
  }

  @media screen and (max-width: 768px) {
    .main-container {
      padding: 16px;
    }
  }
  @media screen and (max-width: 460px) {
    .main-container {
      padding: 8px 16px !important;
    }
  }
  /* === Global CTA buttons  === */
  .button {
    font-family: var(--font-subtitle);
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
  }

  .submitbtn {
    font-size: 24px;
    padding: 16px 48px;
    border-radius: 64px;
    width: fit-content;
  }

  .grey-disabled {
    background: #a3a3a3;
    color: #5e5e5e;
  }

  .main-btn {
    background: var(--background);
    color: var(--primary);
    text-transform: uppercase;
  }

  .invert-btn {
    background: var(--primary-foreground);
    color: var(--primary);
    text-transform: uppercase;
  }

  .secondary-btn {
    border: 1px solid var(--primary-foreground);
    color: var(--primary-foreground);
  }

  .tertiary-btn {
    text-decoration: none;
    font-weight: normal;
    font-family: var(--font-body);
    color: var(--primary-foreground);
    padding-bottom: 2px;
    background: transparent;
  }

  .main-btn:hover {
    opacity: 0.8;
    color: var(--primary);
    box-shadow: 0 0 10px var(--color-primary);
  }

  .secondary-btn:hover {
    opacity: 0.8;
    color: var(--foreground);
    box-shadow: 0 0 10px var(--color-primary);
  }

  .tertiary-btn:hover {
    text-decoration: underline;
  }

  /*AODA: NOTICEABLE OUTLINE FOR KEYBOARD FOCUS*/
  a:focus,
  a:active,
  button:focus,
  button:active,
  .btn.active.focus,
  .btn.active:focus,
  .btn.focus,
  .btn:active.focus,
  .btn:active:focus,
  .btn:focus {
    outline: 1px solid #FFFFFF;
    box-shadow: none;
  }

  @media screen and (max-width: 640px) {
    .button {font-size: 24px; margin-top: 24px;}
  }

  /* === End of CTA buttons  === */
  /* === Section titles === */
  .section-title {
    margin: 8px auto;
    text-align: center;
    color: var(--primary);
  }

  .section-title h2 {
    color: var(--primary-2);
  }

  @media (min-width: 768px) {
  }
  .section-title p {
    margin-top: 48px;
  }

  p strong {
    font-weight: bold;
  }

  .section-title img {
    width: 400px;
    margin: 0 auto 48px;
  }

  @media screen and (max-width: 400px) {
    .section-title img {
      width: 100%;
    }
    .section-title {
      margin-top: 24px;
    }
  }
  /* === Misc. V2-Default Stuff === */
  /* Social Media, Footer*/
  #header_wrap,
  #header_wrap #social,
  #soc_med_bar,
  .footer, #navbar_wrap{
    display: none !important;
  }

  #navbar_wrap,
  #navbar_wrap.bgnav {
    background: var(--primary) !important;
  }

  #navbar_wrap,
  #navbar_wrap .logo-header {
    height: 64px !important;
  }
  .logo-header img {max-height: 48px;}

  #navbar_wrap #nav_main a {
    padding: 18px 10px !important;
    font-weight: bold;
    font-size: 18px;
    font-family: var(--font-title) !important;
  }

  /* === End of  Misc. V2-Default Stuff === */
  .skip {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  /* ===  CUSTOM FOOTER CSS === */
  .faux-footer {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 32px 16px !important;
  }

  @media (min-width: 768px) {
    .faux-footer {
      padding: 32px 100px !important;
    }
  }
  .faux-footer a {
    text-decoration: underline;
  }

  .faux-footer .main-container {
    padding: 0;
  }

  .faux-footer .main_content {
    max-width: 1024px;
    gap: 16px;
  }

  .faux-footer .main_content .section-title {
    margin: 0;
  }

  .faux-footer div {
    text-align: center;
  }

  .footer-links {
    display: flex;
    gap: 8x;
    justify-content: center;
    flex-direction: column;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .footer-links a {
    font-weight: bold;
    text-decoration: none;
  }

  .footer-links > div {
    display: flex;
    gap: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  @media (min-width: 768px) {
    .footer-links > div {
      flex-direction: row;
    }
  }
  @media (min-width: 1024px) {
    .footer-links > div {
      gap: 74px;
    }
  }
  .faux-footer a,
  .faux-footer p,
  .faux-footer h2 {
    color: var(--text-secondary) !important;
  }

  .faux-footer .main_content.contactus {
    gap: 32px;
  }

  .faux-footer .main_content.contactus p + p {
    padding-left: 15px;
    padding-right: 15px;
  }

  .faux-footer .main_content.contactus p + p,
  .faux-footer .main_content.contactus p + p a {
    font-size: 12px;
  }

  .contactus .section-title h2 a {
    font-size: inherit;
    font-family: var(--font-title) !important;
  }

  @media screen and (max-width: 600px) {
    .footer-links div {
      flex-direction: column;
      align-items: center;
      gap: 8px;
    }
  }
  .sm-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
  }

  /* === Social Icons CSS === */
  .sm-container svg path {
    fill: var(--primary);
  }

  /* Change the icon color itself */
  .social-btn {
    padding: 8px;
    /* Adjust the padding of the circle - so the higher the padding, the bigger the circle will be. Icon remains the same size */
    display: flex;
    align-items: center;
  }

  .social-btn svg {
    width: 10.5vw;
    max-width: 55px;
    height: auto;
  }

  @media (min-width: 768px) {
    .social-btn svg {
      width: 64px;
      /* Adjust the icon itself */
    }
  }
  /* === End of Social Icons CSS === */
  /* ===  END OF CUSTOM FOOTER CSS === */

  /* ============================================*/
  /* ============ END OF GLOBAL CSS ============ */
  /* ============================================*/

  /* ==================================================*/
  /* ============ CUSTOM CSS FOR SECTIONS ============ */
  /* ==================================================*/
  /* === HERO (#hero) === */

  /* -- If just the logo header (no buttons), enable the section starting from below to the endline --*/
  #navbar_wrap { 
    display: none !important;
  }
  .new-logo-header {
    padding: 8px 16px 12px;
    display:flex; 
    justify-content: center;
    align-items: center;
    background: var(--primary);
  }
  .new-logo-header img {width: 64px;}
  @media screen and (max-width: 460px) {
    .new-logo-header {width: 100%;}
  }
  /* -------------Endline--------------- */

  /* -- if navbar is needed instead, disable the section above and enable the section starting from below to the endline -- */
  /*.first_section {margin-top: 64px;}
  #nav-main-toggle > .icon-bar {background-color: var(--primary-foreground) !important;}
  .new-logo-header {display: none;}*/
  /* -------------Endline--------------- */

  .hero sup {
    position: relative;
    top: -5px;
  }
  .hero {
    display:flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -7px;
    overflow: hidden;
  }
  .hero img {max-width: 3000px; width: 270vw;}
  @media screen and (max-width: 460px) {
    .hero img {width: 100%;}
  }


  .main-container.hero-text.main-container-full-width h2 {
  color: black;
}
  .main-container.hero-text.main-container-full-width {
  background: var(--yellow);
  color: black;
}

  .hero-text .button {margin: 0 auto;}
  .hero-text div {gap: 8px; text-align: center;}
  .hero-text .button {max-width: 100%; width:fit-content;}

  /* === How to Enter (#how-to-play) === */
  .mySwiper {
    --swiper-navigation-size: 24px;
  }

  .mySwiper {
    max-width: 1024px;
    margin: 0 auto;
  }

  .mySwiper .swiper-wrapper {
    align-items: stretch !important;
  }

  .mySwiper .swiper-wrapper .swiper-slide {
    height: 100% !important;
  }

  .swiper-autoheight .swiper-wrapper {
    height: auto !important;
  }

  @media (max-width: 767px) {
    .swiper-autoheight .swiper-wrapper {
      min-height: 260px !important;
    }
  }
  @media (min-width: 768px) {
    .swiper-autoheight .swiper-wrapper .swiper-slide {
      flex: 1;
    }
  }
  .mySwiper .swiper-pagination-bullets {
    bottom: 0px;
  }

  .mySwiper .swiper-pagination-bullet {
    /*            background-color: #ddd;*/
  }

  .mySwiper .swiper-pagination-bullet-active {
    background-color: var(--primary-foreground);
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    content: "";
    background: url("https://images.unoapp.com/boxdata/asset89842/images/chevron_right_24px.png") no-repeat;
    font-size: 0;
    width: 5px;
    height: 10px;
    background-size: cover;
  }

  .swiper-button-prev:after {
    transform: rotate(180deg);
  }
  .main-container.how-to-play {
    background: var(--primary);
  }
  .main-container.how-to-play {
    padding: 32px 16px !important;
  }

  .how-to-play .section-title {
    margin-top: 0 !important;
  }
  .how-to-play .table-group {
    max-width: 1024px;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
    display: grid;
    margin: 0 auto;
  }

  .table-cell {
    padding: 13px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    height: 100% !important;
  }

  .table-cell img {
    max-height: 55px;
  }
  .how-to-play h2 {color: var(--primary-foreground);}
  .table-cell h3 {
    font-size: 100px;color: var(--primary-foreground);
  }
  .table-cell p {
    color: var(--primary-foreground);
  }
  .table-cell p strong {font-size: inherit;}

  .htp-icons {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 120px;
    height: auto;
  }

  .htp-icons path {
    fill: var(--primary);
    /* Change the colour of the icon */
  }
  .icon-drink {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  #can-logo {
    width: 24px;
    position: absolute;
  }
  .red_note {
    font-style: italic;
    text-align: center;
    text-transform: initial;
    margin-top: 30px;
  }

  @media screen and (max-width: 767px) {
    .how-to-play .table-group {
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 8px;
    }
    .table-cell {
      padding: 16px;
    }
    .mySwiper .table-cell {
      max-width: 280px;
      margin: 0 auto;
    }
    .mySwiper .table-cell p {
      margin-bottom: 10px;
      padding-bottom: 10px;
    }
  }
  /* ===== 
      All CTA button stylings are in Global CSS. 
      The stuff below targets very specific things to make it work in this section 
      ===== */
  .btn-group {
    margin: 0 auto;
    width: fit-content;
  }

  @media screen and (max-width: 768px) {
    .btn-group {
      width: 100%;
    }
  }
  /* === MAIN DRAW SECTION === */
  .main-container.cta-upload {
    background: var(--primary);
    padding: 32px 16px !important;
  }
  .main-container.cta-upload .main-content {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }

  .main-draw .main-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
    padding: 0;
  }
  .main-draw .p-lg {
    max-width: 555px;
    margin: 0 auto;
  }

  .main-draw img {
    max-width: 500px;
    width: 100%;
  }

  .main-draw .submitbtn {
    width: 55%;
  }

  .main-draw .main-content > div {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }

  .main-draw h2,
  .main-draw p {
    color: var(--primary-foreground) !important;
  }

  @media screen and (max-width: 640px) {
    .main-draw .main-content {
      flex-direction: column;
      gap: 8px;
    }
  }
  /* === Disclaimer (#disclaimer) === */
  .legal {
    background: var(--primary);
  }
  .legal-copy p {
    font-size: 12px;
    color: var(--primary-foreground);
  }

  .legal-copy p sup {
    font-size: 7px;
  }

  .legal-copy h2 {
    visibility: hidden;
    width:0;
    height: 0;
    margin: 0;
  }

  @media screen and (max-width: 640px) {
    .legal-copy {
      text-align: center;
    }
  }
  /* === FAQ_section (#faq_page) === */
  .faq_section {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .faq_section > div {
    margin-bottom: 24px;
  }

  .faq_section h2 {
    text-align: center;
    margin-bottom: 32px;
    color: var(--foreground);
  }

  .faq_section h3 {
    text-transform: uppercase;
    color: var(--primary);
  }

  .faq_desc ul {
    margin-bottom: 16px;
  }

  .faq_section li {
    list-style: disc;
  }

  .faq-ask {
    cursor: pointer;
    transition: 0.4s;
    padding: 8px 24px;
    /*display: flex;
        align-items: center;
        justify-content: space-between;*/
    background: var(--surface-secondary);
  }

  /*.faq-ask:hover {
      opacity: 0.8;
  }
  */
  .fa-plus::before {
    content: "\f067";
  }

  .fa {
    font-family: "FontAwesome" !important;
    font-size: 14px;
    padding-left: 16px;
    font-style: normal;
  }

  /*.faq-ask.active .fa-plus {
          display: none;
      }

      .faq-ask:not(.active) .fa-minus {
          display: none;
      }*/
  .faq-desc {
    margin: 8px auto 0;
    padding: 0 16px;
    /*        display: none;*/
    overflow: hidden;
    font-weight: 300;
  }
  @media screen and (max-width: 400px) {
    .faq_section h3 {
      font-size: 20px;
    }
  }

  /* === TABLE CSS === */
  .faq_table-container {
    max-width: 100%;
    width: 100%;
    border: 1px solid var(--brand02);
    border-collapse: collapse;
  }

  .faq_table-container thead {
    background: var(--brand02);
    color: var(--foreground);
  }

  .faq_table-container th,
  .faq_table-container td {
    padding: 4px 8px;
    text-align: left;
  }

  .faq_table-container tr {
    border: 1px solid var(--brand02);
  }

  @media screen and (max-width: 640px) {
    .faq_table-container {
      border: none;
    }
    .faq_table-container thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    .faq_table-container tr {
      display: block;
      margin-bottom: 8px;
    }
    .faq_table-container td,
    .faq_table-container th {
      display: block;
    }
    .faq_table-container td::before {
      content: attr(data-label);
      font-weight: bold;
      min-width: 44%;
      display: inline-block;
    }
    .faq_table-container tr td:first-child {
      content: "";
      width: 100%;
      background: var(--brand02);
      margin: 0;
      color: var(--text-secondary);
    }
    .faq_table-container tr td:first-child::before {
      float: left;
      display: block;
      min-width: 44% !important;
    }
  }
  @media screen and (max-width: 428px) {
    .faq_table-container tr td:first-child::before {
      min-width: 22% !important;
    }
  }
  /* ==================================================*/
  /* ============ CUSTOM CSS FOR T&Cs ============ */
  /* ==================================================*/
  #tc_toc {
    display: none !important;
  }

  .menu-item-description {
    color: var(--foreground) !important;
    overflow-wrap: break-word !important;
  }

  /* === DO NOT TOUCH BEYOND THIS LINE === */
  /*Everything below this blurb is set up as a template.
  Preferably not to be touched unless there are needs for custom work.
  */
  .structure8 {
    pointer-events: none !important;
  }

  @media screen and (max-width: 768px) {
    .structure1 .menu-item-description {
      padding: 0 !important;
    }
  }
  /* === Base Font Size of page === */
  .menu-item-title,
  .category-title,
  .campaign-title {
    font-family: var(--font-title) !important;
    font-weight: var(--bold) !important;
  }

  .menu-item-description,
  #tc_rules {
    font-family: var(--font-body) !important;
  }

  /* === Introduction Section == */
  #tc_intro div.widget-section {
    padding: 16px 16px 0 !important;
  }

  #tc_intro div.widget-section > div {
    padding: 15px !important;
  }

  #tc_intro .menu_widget_content_container {
    margin-top: -16px !important;
  }

  #tc_intro .menu-item-content {
    text-align: center !important;
    margin-bottom: 8px;
  }
  #tc_intro .logoimg {
    max-width: 450px;
    width: 100%;
  }
  #tc_intro .category-title {
    display: none !important;
  }

  #tc_intro .campaign-title {
    font-size: 3rem;
    color: var(--primary);
    font-weight: bold;
  }

  #tc_intro .menu-item-title {
    font-size: 2.25rem;
    color: var(--primary);
  }

  #tc_intro .menu-item-image {
    display: none !important;
  }

  #tc_intro a {
    font-weight: bold;
    color: var(--primary);
    text-decoration: underline !important;
  }

  #tc_intro a:hover {
    opacity: 0.8;
  }

  /* === Landing Section == */
  #landing div.widget-section {
    padding-bottom: 0 !important;
  }

  #landing .element-div img {
    margin: 0px auto !important;
  }

  /* === Table of Contents == */
  #tc_toc div.widget-section {
    padding: 16px !important;
  }

  #tc_toc .menu_widget_full_container {
    border-top: 2px solid var(--border);
  }

  #tc_toc .category-title,
  #tc_toc .menu-item-price {
    display: none !important;
  }

  #tc_toc a {
    padding: 4px;
    text-decoration: none !important;
    color: var(--foreground);
    font-size: 1.25rem;
    text-transform: uppercase;
    border-radius: 4px;
  }

  #tc_toc a:hover {
    background: rgba(0, 0, 0, 0.1);
  }

  #tc_toc a::before {
    content: "• ";
  }

  /* === Rules Section === */
  #tc_rules div.widget-section {
    padding: 0 16px 64px !important;
  }

  #tc_rules .category-title span,
  #tc_rules .menu-item-title {
    font-size: 1.75rem;
    color: var(--primary) !important;
    font-weight: var(--bold);
  }

  #tc_rules .menu-item-content {
    margin-bottom: 16px;
  }

  #tc_rules .menu-item-description {
    font-size: 1rem;
    line-height: 1.5;
    padding: 0 16px !important;
  }

  #tc_rules a {
    font-weight: bold;
    color: var(--primary);
    text-decoration: underline !important;
  }

  #tc_rules a:hover {
    opacity: 0.8;
  }

  #tc_rules h1 {
    font-size: 4.5rem;
    font-weight: bold;
    color: var(--primary);
  }

  #tc_rules h2 {
    font-size: 4rem;
    font-weight: bold;
    color: var(--primary);
  }

  #tc_rules h3 {
    font-size: 3rem;
    font-weight: bold;
    color: var(--primary);
  }

  #tc_rules h4 {
    font-size: 2.5rem;
    font-weight: bold;
    color: var(--primary);
  }

  #tc_rules h5 {
    font-size: 2rem;
    font-weight: bold;
    color: var(--primary);
  }

  #tc_rules h6 {
    font-size: 1rem;
    font-weight: bold;
    color: var(--primary);
  }

  /* === IF TABLES === */
  .tc_table-container {
    border-spacing: 0 !important;
    width:100%;
    max-width: 100%;
    border: 1px solid var(--border);
  }

  .tc_table-container thead {
    background: var(--primary);
    color: var(--foreground);
    font-weight: bold;
    border: 1px solid var(--border);
  }

  .tc_table-container tr td:first-child {
    /*width: 36%;*/
  }

  .tc_table-container td,
  .tc_table-container th {
    padding: 8px;
    vertical-align: middle;
    border: 1px solid var(--primary);
  }

  /* === IF LISTS === */
  /* === media queries === */
  /* High Res Tablet */
  @media screen and (max-width: 959px) {
    #tc_intro .structure8 .menu-item {
      width: 100% !important;
    }
    #tc_intro .campaign-title {
      font-size: 36px;
    }
  }
  /*Tablet Stylings*/
  @media screen and (max-width: 640px) {
    #tc_intro div.widget-section {
      /*padding: 64px 16px 0 !important;*/
    }
  }
  /*Mobile Stylings*/
  @media screen and (max-width: 564px) {
    #tc_rules .menu-item-description {
      padding: 8px !important;
      margin-bottom: 4px !important;
    }
    #tc_rules .menu-item-content {
      margin-bottom: 0px !important;
    }
    /* === MOBILE TABLE SETTINGS for 3+ Columns === */
    .tc_table-container {
      border: none !important;
    }
    .tc_table-container thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    .tc_table-container tr {
      border-bottom: 3px solid var(--primary);
      display: block;
      margin-bottom: 0.625em;
    }
    .tc_table-container td {
      border-bottom: 1px solid var(--border);
      display: block;
      font-size: 0.75rem;
      text-align: right;
    }
    .tc_table-container td::before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      color: var(--primary);
    }
    .tc_table-container tr td:first-child {
      content: attr(data-label);
      width: 100%;
      text-align: center;
      background: var(--primary);
      margin: 0;
      color: var(--foreground);
    }
    .tc_table-container tr td:first-child::before {text-align: center; float:none;}
    .tc_table-container tr td:first-child::before,
    .tc_table-container tr td:first-child b {
      color: var(--foreground);
      padding-right: 8px;
    }
    .tc_table-container td:last-child {
      border-bottom: 0;
    }
  }
  sup {
    font-size: 9px;
    padding-left: 2px;
  }


  .red_note sup {
    font-size: 18px;
  }

  /* === Visually hides element 
         Accessible to SR, SEO  === */
  .visually-hidden {
    position: absolute !important;
    width: 1px; 
    height: 1px; 
    margin: -1px; 
    padding: 0; 
    border: 0; 
    clip: rect(0 0 0 0); 
    overflow: hidden;
    white-space: nowrap;
  }

  .eligibility-table th, .eligibility-table td {
    text-align: left;
    vertical-align: top !important;
    
  }

  /* === Base table === */
  .table th,
  .table td {
    vertical-align: top;
    text-align: inherit; /* allow modifier to control this */
  }

  /* === Left-align table content === */
  .table--left-align th,
  .table--left-align td {
    text-align: left;
  }

  /* === Stack table cells one-over-other on mobile === */
  @media (max-width: 767px) {
    .table--stacked-sm th,
    .table--stacked-sm td {
      display: block;
      width: 100%;
    }
  }
  /*# sourceMappingURL=global-styles.css.map */

  .ga_script{ display:none; visibility:hidden;}



  /* PRIZES */
  .flashy-cs {background: var(--primary);}
  .flashy-cs h3, .flashy-cs h2 {color: white;}


  .prize_imgs {display: flex; gap: 24px;}
  .prize_imgs img {max-width: 500px; width: 100%;}

  /* Bar */
  .bar_participants .main-content {
    display: flex;
    justify-content: space-between;
    gap: 24px;
  }
  .bar_participants h2 {text-align: left;}
  .bar_participants .main-content div:last-child {
    max-width: 538px;
  }

  .map {
    max-width: 100%;
    width: 500px;
  }
  @media screen and (max-width: 640px) {
    .socials h2, .flashy-cs h2 {font-size: 40px;} 
    .prize_imgs {flex-direction: column; gap: 12px;}
    .step_font {font-size: 24px;}


    .bar_participants .main-content {flex-direction: column;}
    .bar_participants .main-content div:last-child {
      max-width: 100%;
    }
  }



  #location-module {display: none !important;}
.home-home-37778 .content-social h1, .home-home-37778 .headline h1 {font-family: 'Oswald'; font-size: 32px; color: #fff; margin: 0px;font-weight: normal;}.home-home-37778 .content-social h2, .home-home-37778 .headline h2 {font-family: 'Oswald'; font-size: 24px; color: #fff; margin: 0px;font-weight: normal;}.home-home-37781 .content-social h1, .home-home-37781 .headline h1 {font-family: 'Oswald'; font-size: 32px; color: #fff; margin: 0px;font-weight: normal;}.home-home-37781 .content-social h2, .home-home-37781 .headline h2 {font-family: 'Oswald'; font-size: 24px; color: #fff; margin: 0px;font-weight: normal;}.home-home-37784 .content-social h1, .home-home-37784 .headline h1 {font-family: 'Oswald'; font-size: 32px; color: #fff; margin: 0px;font-weight: normal;}.home-home-37784 .content-social h2, .home-home-37784 .headline h2 {font-family: 'Oswald'; font-size: 24px; color: #fff; margin: 0px;font-weight: normal;}.home-home-37789 .content-social h1, .home-home-37789 .headline h1 {font-family: 'Oswald'; font-size: 32px; color: #fff; margin: 0px;font-weight: normal;}.home-home-37789 .content-social h2, .home-home-37789 .headline h2 {font-family: 'Oswald'; font-size: 24px; color: #fff; margin: 0px;font-weight: normal;}.home-home-37791 .content-social h1, .home-home-37791 .headline h1 {font-family: 'Oswald'; font-size: 32px; color: #fff; margin: 0px;font-weight: normal;}.home-home-37791 .content-social h2, .home-home-37791 .headline h2 {font-family: 'Oswald'; font-size: 24px; color: #fff; margin: 0px;font-weight: normal;}