@use "../../../plugins/bootstrap-5.1.3/scss/functions";
@use "../../../plugins/bootstrap-5.1.3/scss/variables";
@use "../../../plugins/bootstrap-5.1.3/scss/mixins";
@use "../../../plugins/bootstrap-5.1.3/scss/utilities";
@use "../../../plugins/bootstrap-5.1.3/scss/reboot";
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto !important;
  }
}

:root {
  --primary: #CD0511;
  --consumed-by-js: $primary;
  --bs-primary: #CD0511;
  --bs-primary-rgb: 205, 5, 17;
  --success: #179149;
  --consumed-by-js: $success;
  --bs-success: #179149;
  --bs-success-rgb: 23, 145, 73;
  --bs-dark: #161616;
  --bs-dark-rgb: 22, 22, 22;
  --bs-font-open-sans:'Open Sans', sans-serif;
  --bs-body-font-family: var(--bs-font-open-sans);
  --bs-body-color: #161616;
  --bs-link-color: $primary;
}

@use "../../../plugins/bootstrap-5.1.3/scss/bootstrap";
.header {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/demo-contest/images/redesign/main_image.webp);
  background-size: cover !important;
}

.header h1 {
  font-weight: 700 !important;
}

.header h1 span {
  background: linear-gradient(90deg, #FCD678 0%, #BC8C2F 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.demo-icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 100px;
  width: 100px;
}

.exclusive-img {
  height: 50px !important;
  width: 50px !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: solid 2px #F4F4F4;
}

.prizes h3 {
  font-size: 3rem;
}

.icon-1 {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/demo-contest/images/redesign/icons/icon1.svg);
}

.icon-2 {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/demo-contest/images/redesign/icons/icon2.svg);
}

.icon-3 {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/demo-contest/images/redesign/icons/icon3.svg);
}

.icon-4 {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/demo-contest/images/redesign/icons/icon4.svg);
}

.icon-5 {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/demo-contest/images/redesign/icons/icon5.svg);
}

.icon-6 {
  background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/demo-contest/images/redesign/icons/icon6.svg);
}

.ribbon::before, .ribbon::after {
  border: inherit;
}

.ribbon .bg-gold {
  background: linear-gradient(90deg, #FCD678 0%, #BC8C2F 100%);
  left: auto;
  right: -70px;
  top: 27px;
  padding: 10px 0;
}

.ribbon .bg-gold b {
  font-size: 1.3rem;
}

.body-lang-rtl .ribbon .bg-gold {
  right: auto;
  left: -60px;
}

.body-lang-rtl .inner .text-gold-gradient {
  display: block;
}

.gray-box p {
  font-size: 18px;
}

.gray-box .risk-btn {
  font-size: 12px;
  color: #A8A8A8;
}

.table .border-bottom {
  border-bottom: 1px solid #DEDEDE;
}

.text-gold-gradient sup {
  -webkit-text-fill-color: #D3B23B;
}

@media (min-width: 992px) {
  .height-185 {
    height: 183px !important;
  }
}

@media (max-width: 767.98px) {
  .header {
    background-image: url(/assets/hfappnew/websites/main/inside-pages/promotions/demo-contest/images/redesign/main_image_mobile.webp);
    padding-bottom: 40px;
  }
  .header h1 {
    font-size: 3rem !important;
  }
  #prizes {
    max-width: 97% !important;
  }
}