/*! get-gold v0.0.1 | (c) 2021 Said Abdulla | MIT License | http://link-to-your-git-repo.com */
@import url(bulma-rtl.css);
@font-face {
  font-family: "Bahij TheSansArabic";
  src: local("Bahij TheSansArabic-Light"), local("BahijTheSansArabic-Light"), url("../fonts/bahaji/BahijTheSansArabic-Light.woff2") format("woff2"), url("../fonts/bahaji/BahijTheSansArabic-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bahij TheSansArabic";
  src: local("Bahij TheSansArabic-Bold"), local("BahijTheSansArabic-Bold"), url("../fonts/bahaji/BahijTheSansArabic-Bold.woff2") format("woff2"), url("../fonts/bahaji/BahijTheSansArabic-Bold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* line 55, src/sass/app.scss */
body {
  font-family: "Bahij TheSansArabic";
  position: relative;
  font-weight: 400;
}

/* line 61, src/sass/app.scss */
.custom-app-background {
  position: relative;
  background-image: url(../images/sso-bg.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 70, src/sass/app.scss */
.custom-app-background .hero-body {
  padding: 0;
  z-index: 55;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  padding-top: 8px;
}

@media (max-width: 599px) {
  /* line 70, src/sass/app.scss */
  .custom-app-background .hero-body {
    padding-top: 10px;
  }
}

/* line 80, src/sass/app.scss */
.custom-app-background .hero-body .main-page {
  text-align: center;
}

/* line 82, src/sass/app.scss */
.custom-app-background .hero-body .main-page .top-text {
  color: white;
  padding-bottom: 2rem;
}

/* line 86, src/sass/app.scss */
.custom-app-background .hero-body .main-page .top-text h1 {
  color: #656565;
}



/* line 91, src/sass/app.scss */
.custom-app-background .hero-body .main-page .top-text h2 {
  color: #313131;
  font-size: 30px;
}

@media (max-width: 599px) {
  /* line 82, src/sass/app.scss */
  .custom-app-background .hero-body .main-page .top-text {
    padding-bottom: 0.5rem;
  }
}

/* line 102, src/sass/app.scss */
.custom-app-background .hero-body .main-page .top-text h1 {
  font-weight: 500;
  font-size: 1.3rem;
}

@media (max-device-height: 568px) {
  /* line 102, src/sass/app.scss */
  .custom-app-background .hero-body .main-page .top-text h1 {
    font-size: 1.1rem;
  }
}

@media (max-device-height: 568px) {
  /* line 111, src/sass/app.scss */
  .custom-app-background .hero-body .main-page .top-text h2 {
    font-size: 0.9rem;
  }
}

/* line 119, src/sass/app.scss */
.custom-app-background .hero-body .main-page .action-to-start {
  display: none;
}

/* line 122, src/sass/app.scss */
.custom-app-background .hero-body .main-page .action-to-start a svg {
  width: 18rem;
}

/* line 128, src/sass/app.scss */
.custom-app-background .hero-body .main-page .banner-area {
  margin-bottom: 1rem;
  margin-top: 2rem;
}

@media (max-width: 599px) {
  /* line 128, src/sass/app.scss */
  .custom-app-background .hero-body .main-page .banner-area {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }
}

@media (max-device-height: 568px) {
  /* line 139, src/sass/app.scss */
  .custom-app-background .hero-body .main-page .banner-area a img {
    width: 70%;
  }
}

/* line 147, src/sass/app.scss */
.custom-app-background .hero-body .main-page .winner-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2rem;
}

@media (max-width: 599px) {
  /* line 147, src/sass/app.scss */
  .custom-app-background .hero-body .main-page .winner-area {
    margin-bottom: 0.75rem;
  }
}

/* line 158, src/sass/app.scss */
.custom-app-background .hero-body .main-page .winner-area .flag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0.5rem;
}

/* line 164, src/sass/app.scss */
.custom-app-background .hero-body .main-page .winner-area .flag svg {
  width: 2.4rem;
}

/* line 169, src/sass/app.scss */
.custom-app-background .hero-body .main-page .winner-area .text-winner {
  color: white;
  font-size: 0.85rem;
}

/* line 175, src/sass/app.scss */
.custom-app-background .hero-body .main-page .container .is-max-desktop {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 178, src/sass/app.scss */
.custom-app-background .hero-body .main-page .container .is-max-desktop .columns {
  margin-bottom: 0;
}

/* line 181, src/sass/app.scss */
.custom-app-background .hero-body .main-page .container .is-max-desktop .columns .column {
  padding-bottom: 0;
}

@media (max-width: 599px) {
  /* line 181, src/sass/app.scss */
  .custom-app-background .hero-body .main-page .container .is-max-desktop .columns .column {
    padding: 0.55rem;
    padding-bottom: 0;
  }
}

@media (max-width: 599px) {
  /* line 191, src/sass/app.scss */
  .custom-app-background .hero-body .main-page .container .is-max-desktop .columns .column a img {
    width: 90%;
  }
}

@media (max-device-height: 568px) {
  /* line 191, src/sass/app.scss */
  .custom-app-background .hero-body .main-page .container .is-max-desktop .columns .column a img {
    width: 80%;
  }
}

/* line 208, src/sass/app.scss */
.custom-app-background .hero-foot {
  padding: 0.6rem;
  background: black;
  color: white;
  font-size: 0.8rem;
}

/* line 217, src/sass/app.scss */
.custom-app-background .hero-foot .content p a {
  color: white;
  opacity: 0.8;
}

/* line 227, src/sass/app.scss */
.tabs {
  background: black;
  background-clip: padding-box;
  border-top: solid 1px transparent;
  position: relative;
  -o-border-image: linear-gradient(266deg, #39231c00 0%, #956c32 50%, #3c251c00 100%) 10;
     border-image: linear-gradient(266deg, #39231c00 0%, #956c32 50%, #3c251c00 100%) 10;
}

/* line 234, src/sass/app.scss */
.tabs a {
  padding: 1em 1em;
}

/* line 242, src/sass/app.scss */
.tabs li.is-active a svg path {
  fill: #e8c380;
}

/* line 246, src/sass/app.scss */
.tabs li.is-active a span {
  color: #e8c380;
}

/* line 252, src/sass/app.scss */
.tabs li a svg {
  margin-left: 0.5rem;
}

/* line 254, src/sass/app.scss */
.tabs li a svg path {
  fill: white;
}

/* line 259, src/sass/app.scss */
.tabs li a span {
  font-weight: 300;
  color: white;
  font-size: 0.8rem;
}

/* line 268, src/sass/app.scss */
.navbar-burger {
  color: #ffe8b6;
  margin-left: auto;
  margin-right: initial;
}

/* line 274, src/sass/app.scss */
.header-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
}

/* line 280, src/sass/app.scss */
.header-contents div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 285, src/sass/app.scss */
.header-contents .navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
}

/* line 291, src/sass/app.scss */
.header-contents .navbar-brand .navbar-item {
  padding: 0;
  background: white;
  width: 6rem;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.07);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.07);
}

/* line 303, src/sass/app.scss */
.header-contents .navbar-brand img {
  max-height: 4.75rem;
  padding: 0.6rem;
}

@media (max-device-height: 568px) {
  /* line 303, src/sass/app.scss */
  .header-contents .navbar-brand img {
    max-height: 4rem;
  }
}

/* line 313, src/sass/app.scss */
.user-profile {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-right: auto;
}

/* line 316, src/sass/app.scss */
.user-profile a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 20px;
}

/* line 322, src/sass/app.scss */
.user-profile a img {
  width: 40px;
  border-radius: 50%;
  margin-left: 0.5rem;
}

/* line 328, src/sass/app.scss */
.user-profile a span {
  color: white;
  display: none;
}

/* line 335, src/sass/app.scss */
.navbar-menu {
  display: none;
}

/* line 339, src/sass/app.scss */
.navbar-burger {
  display: block;
}

/* line 343, src/sass/app.scss */
.preloader {
  position: fixed;
  z-index: 999999;
  background: #1b1020;
  background: linear-gradient(266deg, #1b1020 0%, #3f0643 12%, #3f0643 26%, #48061e 66%, #3d0410 86%, #0e0510 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b1020",endColorstr="#0e0510",GradientType=1);
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/* line 383, src/sass/app.scss */
.preloader .logo-image-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 395, src/sass/app.scss */
.preloader .logo-image-overlay img {
  width: 11rem;
  border-radius: 33px;
}

/* line 406, src/sass/app.scss */
.animate__delay-6s {
  --animate-delay: 6s;
}

/* line 410, src/sass/app.scss */
.win-contents {
  display: none;
}

/* line 414, src/sass/app.scss */
.win-image {
  position: relative;
}

/* line 417, src/sass/app.scss */
.win-image .win-inner-text {
  position: absolute;
  top: 52%;
  width: 100%;
  text-align: center;
  font-weight: 100 !important;
  font-size: 1.4rem;
  color: #986b29;
}

/* line 428, src/sass/app.scss */
.login-no-border {
  overflow-x: hidden;
}

/* line 430, src/sass/app.scss */
.login-no-border:before {
  display: none;
}

/* line 434, src/sass/app.scss */
.login-no-border .hero-body {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding-top: 0;
}

/* line 441, src/sass/app.scss */
.no-border:before {
  display: none;
}

/* line 445, src/sass/app.scss */
.no-border .container {
  max-width: 100% !important;
}

/* line 451, src/sass/app.scss */
.login-contents .navbar-brand {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 454, src/sass/app.scss */
.login-contents .navbar-brand .navbar-item {
  padding: 0;
}

/* line 457, src/sass/app.scss */
.login-contents .navbar-brand .navbar-item img {
  max-height: 8rem;
}

/* line 465, src/sass/app.scss */
html,
body {
  background: transparent;
}

/* line 472, src/sass/app.scss */
.hero {
  margin: 0 auto;
  z-index: 10;
  position: relative;
  -moz-transition: all 0.3s ease 0.6s;
  -o-transition: all 0.3s ease 0.6s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0.6s;
  -webkit-transition: all 0.3s ease 0.6s;
  transition: all 0.3s ease 0.6s;
}

/* line 484, src/sass/app.scss */
.hero.nav-open {
  margin-top: 8em;
  width: 90%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow-x: hidden;
}

@media (max-device-height: 568px) {
  /* line 484, src/sass/app.scss */
  .hero.nav-open {
    margin-top: 6em;
  }
}

/*
  menu icon css3
*/
/* line 501, src/sass/app.scss */
.menu-icon {
  position: relative;
  display: block;
  width: 2.5em;
  height: 2.5em;
  cursor: pointer;
  top: 10px;
  right: 20px;
}

/* line 510, src/sass/app.scss */
.menu-icon:hover span {
  background: #f3cc6b;
}

/* line 513, src/sass/app.scss */
.menu-icon:hover span:before,
.menu-icon:hover span:after {
  background: #f3cc6b;
}

/* line 518, src/sass/app.scss */
.menu-icon > span {
  position: absolute;
  top: 50%;
  display: block;
  width: 2rem;
  height: 0.2em;
  background-color: #ecc25a;
  border-radius: 3px;
  -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
  -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
  transition: background 0.25s ease, -webkit-transform 0.3s;
  transition: transform 0.3s, background 0.25s ease;
  transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
}

/* line 533, src/sass/app.scss */
.menu-icon > span:before,
.menu-icon > span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ecc25a;
  border-radius: 3px;
  -webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
  -webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
  transition: background 0.25s ease, -webkit-transform 0.3s;
  transition: transform 0.3s, background 0.25s ease;
  transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
}

/* line 548, src/sass/app.scss */
.menu-icon > span:before {
  -webkit-transform: translateY(-0.75em);
  transform: translateY(-0.75em);
  top: 4px;
}

/* line 554, src/sass/app.scss */
.menu-icon > span:after {
  -webkit-transform: translateY(0.75em);
  transform: translateY(0.75em);
  bottom: 4px;
}

/* OPENED */
/* line 561, src/sass/app.scss */
.menu-icon.open {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -20px;
  right: 0;
}

/* line 568, src/sass/app.scss */
.menu-icon.open > span:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 0px;
}

/* line 574, src/sass/app.scss */
.menu-icon.open > span:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: 0px;
}

/* line 580, src/sass/app.scss */
.app-nav {
  position: fixed;
  top: 0;
  right: 5%;
  color: white;
  z-index: 1;
}

/* line 590, src/sass/app.scss */
.app-nav ul li i svg {
  width: 2rem;
}

@media (max-device-height: 568px) {
  /* line 590, src/sass/app.scss */
  .app-nav ul li i svg {
    width: 1.4rem;
  }
}

@media (max-device-height: 568px) {
  /* line 599, src/sass/app.scss */
  .app-nav ul li h4 {
    font-size: 0.8rem;
  }
}

/* line 608, src/sass/app.scss */
.app-nav ul li.animate {
  top: 0;
}

/* line 611, src/sass/app.scss */
.app-nav ul li {
  display: inline-block;
  text-align: center;
  margin: 1em 1em;
  cursor: pointer;
  position: relative;
  top: -8em;
}

@media (max-device-height: 568px) {
  /* line 611, src/sass/app.scss */
  .app-nav ul li {
    margin: 0.4em 0.4em;
  }
}

/* line 624, src/sass/app.scss */
.app-nav ul li:nth-child(1) {
  -moz-transition: top 0.3s ease 0.15s;
  -o-transition: top 0.3s ease 0.15s;
  -webkit-transition: top 0.3s ease;
  -webkit-transition-delay: 0.15s;
  -webkit-transition: top 0.3s ease 0.15s;
  transition: top 0.3s ease 0.15s;
}

/* line 632, src/sass/app.scss */
.app-nav ul li:nth-child(2) {
  -moz-transition: top 0.3s ease 0.2s;
  -o-transition: top 0.3s ease 0.2s;
  -webkit-transition: top 0.3s ease;
  -webkit-transition-delay: 0.2s;
  -webkit-transition: top 0.3s ease 0.2s;
  transition: top 0.3s ease 0.2s;
}

/* line 640, src/sass/app.scss */
.app-nav ul li:nth-child(3) {
  -moz-transition: top 0.3s ease 0.25s;
  -o-transition: top 0.3s ease 0.25s;
  -webkit-transition: top 0.3s ease;
  -webkit-transition-delay: 0.25s;
  -webkit-transition: top 0.3s ease 0.25s;
  transition: top 0.3s ease 0.25s;
}

/* line 648, src/sass/app.scss */
.app-nav ul li:nth-child(4) {
  -moz-transition: top 0.3s ease 0.3s;
  -o-transition: top 0.3s ease 0.3s;
  -webkit-transition: top 0.3s ease;
  -webkit-transition-delay: 0.3s;
  -webkit-transition: top 0.3s ease 0.3s;
  transition: top 0.3s ease 0.3s;
}

/* line 656, src/sass/app.scss */
.app-nav ul li:nth-child(5) {
  -moz-transition: top 0.3s ease 0.35s;
  -o-transition: top 0.3s ease 0.35s;
  -webkit-transition: top 0.3s ease;
  -webkit-transition-delay: 0.35s;
  -webkit-transition: top 0.3s ease 0.35s;
  transition: top 0.3s ease 0.35s;
}

/* line 664, src/sass/app.scss */
.app-nav ul li:hover {
  opacity: 1;
}

/* line 667, src/sass/app.scss */
.app-nav ul li i {
  font-size: 1.5em;
  background: transparent;
  padding: 0.5em;
  border-radius: 50%;
  color: white;
  display: inline-block;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 679, src/sass/app.scss */
.app-nav ul li h4 {
  line-height: 1.5;
  color: #ffc124;
}

/* line 684, src/sass/app.scss */
.select2-results__option {
  color: #555;
}

/* line 688, src/sass/app.scss */
.flag-text {
  margin-right: 10px;
}

/* line 692, src/sass/app.scss */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #5a4b52;
  line-height: 36px;
  outline: none;
}

/* line 698, src/sass/app.scss */
.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 36px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

/* line 707, src/sass/app.scss */
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, right top, from(#583845), color-stop(#644653), color-stop(#715561), color-stop(#7e6470), to(#8b747f));
  background-image: linear-gradient(to right, #583845, #644653, #715561, #7e6470, #8b747f);
  -webkit-box-shadow: inset 0 5px 5px -5px #c5c0c0;
          box-shadow: inset 0 5px 5px -5px #c5c0c0;
  border: 0;
}

/* line 726, src/sass/app.scss */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #5a4951;
  background-image: -webkit-gradient(linear, left top, right top, from(#583845), color-stop(#644653), color-stop(#715561), color-stop(#7e6470), to(#8b747f));
  background-image: linear-gradient(to right, #583845, #644653, #715561, #7e6470, #8b747f);
}

/* line 731, src/sass/app.scss */
.select2-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  outline: none;
}

/* line 740, src/sass/app.scss */
.intl-tel-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 745, src/sass/app.scss */
.intl-tel-input.allow-dropdown > .flag-container {
  z-index: 4;
}

/* line 749, src/sass/app.scss */
.iti-flag {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.png");
}

/* line 753, src/sass/app.scss */
.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  left: 0;
  max-width: 400px !important;
  width: 274px;
}

/* line 771, src/sass/app.scss */
.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 8px;
}

/* line 779, src/sass/app.scss */
.intl-tel-input .country-list .country {
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}

/* line 787, src/sass/app.scss */
.control.has-icons-right .icon.is-right {
  z-index: 0;
}

/* line 791, src/sass/app.scss */
.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type="text"],
.intl-tel-input.allow-dropdown input[type="tel"],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type="text"],
.intl-tel-input.separate-dial-code input[type="tel"] {
  direction: ltr;
  text-align: right;
}

/* line 804, src/sass/app.scss */
.gifts-section .top-rated {
  width: 90%;
}

/* line 808, src/sass/app.scss */
.gifts-section .top-rated .gifts-contents .gift-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
}

/* line 813, src/sass/app.scss */
.gifts-section .top-rated .gifts-contents .gift-item:first-child {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

/* line 818, src/sass/app.scss */
.gifts-section .top-rated .gifts-contents .gift-item:last-child {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

/* line 823, src/sass/app.scss */
.gifts-section .top-rated .gifts-contents .gift-item:nth-child(odd) {
  background-color: #f8f8f8;
}

/* line 827, src/sass/app.scss */
.gifts-section .top-rated .gifts-contents .gift-item:nth-child(even) {
  background-color: white;
}

/* line 831, src/sass/app.scss */
.gifts-section .top-rated .gifts-contents .gift-item .gift-icon svg {
  width: 2rem;
  height: auto;
}

/* line 836, src/sass/app.scss */
.gifts-section .top-rated .gifts-contents .gift-item .gift-name {
  margin-right: 0.5rem;
}

/* line 839, src/sass/app.scss */
.gifts-section .top-rated .gifts-contents .gift-item .hidden-characters {
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 844, src/sass/app.scss */
.gifts-section .top-rated .gifts-contents .gift-item .hidden-characters span {
  background: #e6e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.4rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  border-radius: 0.3rem;
  height: 1.4rem;
  width: 1.4rem;
  color: #686666;
}

/* line 857, src/sass/app.scss */
.gifts-section .top-rated .gifts-contents .gift-item .hidden-characters span.show-character {
  background: #e8c380;
  color: white;
}

/* line 870, src/sass/app.scss */
.daily-gifts .top-rated {
  width: 90%;
  background: transparent;
}

/* line 873, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

/* line 878, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 885, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item img {
  width: 100%;
  height: 100%;
}

/* line 891, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item:first-child {
  border-top-right-radius: 1rem;
}

/* line 894, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item:first-child img {
  border-top-right-radius: 1rem;
}

/* line 900, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item:nth-child(2) {
  border-top-left-radius: 1rem;
}

/* line 903, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item:nth-child(2) img {
  border-top-left-radius: 1rem;
}

/* line 908, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item:last-child {
  border-bottom-left-radius: 1rem;
}

/* line 911, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item:last-child img {
  border-bottom-left-radius: 1rem;
}

/* line 916, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item:nth-last-child(2) {
  border-bottom-right-radius: 1rem;
}

/* line 919, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item:nth-last-child(2) img {
  border-bottom-right-radius: 1rem;
}

/* line 924, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item.has-won {
  position: relative;
  -webkit-box-shadow: inset 0 0 66px #921f3a;
          box-shadow: inset 0 0 66px #921f3a;
}

/* line 928, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item.has-won img {
  -webkit-filter: grayscale(0.8);
          filter: grayscale(0.8);
}

/* line 933, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item.has-won::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../svg/check.svg);
  background-position: center;
  background-size: 2.5rem;
  background-repeat: no-repeat;
}

/* line 944, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item.has-won .gift-icon {
  opacity: 0.3;
}

/* line 948, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item.has-won .gift-name {
  opacity: 0.3;
}

/* line 953, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item:nth-child(1) {
  border-top-right-radius: 1rem;
}

/* line 957, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item:nth-child(2) {
  border-top-left-radius: 1rem;
}

/* line 967, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item:last-child {
  border-bottom-left-radius: 1rem;
}

/* line 970, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item:nth-last-child(2) {
  border-bottom-right-radius: 1rem;
}

/* line 985, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item .gift-icon {
  width: 100%;
}

/* line 987, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item .gift-icon svg {
  width: 3rem;
  height: auto;
}

/* line 993, src/sass/app.scss */
.daily-gifts .top-rated .gifts-contents .gift-item .gift-name {
  width: 100%;
}

/* line 1001, src/sass/app.scss */
.get-points-section {
  width: 90%;
  margin: auto;
  height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 1010, src/sass/app.scss */
.get-points-section .buy-points-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

/* line 1016, src/sass/app.scss */
.get-points-section .buy-points-actions .point-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

/* line 1019, src/sass/app.scss */
.get-points-section .buy-points-actions .point-item .point-content {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  color: white;
}

/* line 1033, src/sass/app.scss */
.get-points-section .buy-points-actions .point-item .point-content img {
  width: 100%;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
  margin-bottom: 1rem;
}

/* line 1043, src/sass/app.scss */
.get-points-section .buy-points-actions .point-item .point-content.golden-bg {
  background: radial-gradient(ellipse farthest-corner at right bottom, #fedb37 0%, #fdb931 8%, #9f7928 30%, #8a6e2f 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ffffff 0%, #ffffac 8%, #d1b464 25%, #b18624 62.5%, #be9230 100%);
}

/* line 1062, src/sass/app.scss */
.get-points-section .buy-points-actions .point-item .point-content.circle-shadow {
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.19), 0 6px 3px 0 rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.19), 0 6px 3px 0 rgba(0, 0, 0, 0.23);
}

/* line 1068, src/sass/app.scss */
.get-points-section .buy-points-actions .point-item .point-content span {
  width: 100%;
}

/* line 1075, src/sass/app.scss */
.get-points-section .buy-points-contents {
  padding: 1rem;
  background: white;
  border-radius: 1rem;
  position: relative;
  margin-top: 1.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: 5px;
}

/* line 1094, src/sass/app.scss */
.arrow-content:after {
  content: "";
  display: block;
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #3498db transparent transparent;
  margin-left: -20px;
  position: absolute;
  bottom: -20px;
  left: 50%;
}

/* line 1105, src/sass/app.scss */
.arrow-content.arrow-bottom-left:after,
.arrow-content.arrow-bottom-right:after,
.arrow-content.arrow-top-left:after,
.arrow-content.arrow-top-right:after,
.arrow-content.arrow-left-top:after,
.arrow-content.arrow-left-bottom:after,
.arrow-content.arrow-right-top:after,
.arrow-content.arrow-right-bottom:after {
  border-width: 10px;
  margin: 0;
}

/* line 1116, src/sass/app.scss */
.arrow-content.arrow-bottom-left:after,
.arrow-content.arrow-bottom-right:after {
  border-left-color: white;
}

/* line 1120, src/sass/app.scss */
.arrow-content.arrow-bottom-left:after {
  left: 0;
  right: auto;
}

/* line 1124, src/sass/app.scss */
.arrow-content.arrow-bottom-right:after {
  border-left-color: transparent;
  border-right-color: white;
  left: auto;
  right: 0;
}

/* line 1130, src/sass/app.scss */
.arrow-content.arrow-top-center:after,
.arrow-content.arrow-top-left:after,
.arrow-content.arrow-top-right:after {
  border-top-color: transparent;
  border-bottom-color: white;
  top: -20px;
  bottom: auto;
}

/* line 1138, src/sass/app.scss */
.arrow-content.arrow-top-center:after {
  border-top-width: 0;
  border-bottom-width: 20px;
}

/* line 1142, src/sass/app.scss */
.arrow-content.arrow-top-left:after,
.arrow-content.arrow-top-right:after {
  border-width: 10px;
  border-left-color: white;
}

/* line 1147, src/sass/app.scss */
.arrow-content.arrow-top-left:after {
  left: 0;
  right: auto;
}

/* line 1151, src/sass/app.scss */
.arrow-content.arrow-top-right:after {
  border-left-color: transparent;
  border-right-color: white;
  left: auto;
  right: 0;
}

/* line 1157, src/sass/app.scss */
.arrow-content.arrow-left-center:after,
.arrow-content.arrow-left-top:after,
.arrow-content.arrow-left-bottom:after {
  border-width: 20px;
  border-left-color: transparent;
  border-left-width: 0;
  border-top-color: transparent;
  border-right-color: white;
  margin: -20px 0 0;
  left: -20px;
  right: auto;
  top: 50%;
  bottom: auto;
}

/* line 1171, src/sass/app.scss */
.arrow-content.arrow-left-top:after,
.arrow-content.arrow-left-bottom:after {
  border-width: 10px;
  margin: 0;
}

/* line 1176, src/sass/app.scss */
.arrow-content.arrow-left-top:after {
  border-top-color: #3498db;
  top: 0;
}

/* line 1180, src/sass/app.scss */
.arrow-content.arrow-left-bottom:after {
  border-bottom-color: white;
  top: auto;
  bottom: 0;
}

/* line 1185, src/sass/app.scss */
.arrow-content.arrow-right-center:after,
.arrow-content.arrow-right-top:after,
.arrow-content.arrow-right-bottom:after {
  border-width: 20px;
  border-right-width: 0;
  border-top-color: transparent;
  border-left-color: white;
  margin: -20px 0 0;
  left: auto;
  right: -20px;
  top: 50%;
  bottom: auto;
}

/* line 1198, src/sass/app.scss */
.arrow-content.arrow-right-top:after,
.arrow-content.arrow-right-bottom:after {
  border-width: 10px;
  margin: 0;
}

/* line 1203, src/sass/app.scss */
.arrow-content.arrow-right-top:after {
  border-top-color: #3498db;
  top: 0;
}

/* line 1207, src/sass/app.scss */
.arrow-content.arrow-right-bottom:after {
  border-bottom-color: white;
  top: auto;
  bottom: 0;
}

/* line 1212, src/sass/app.scss */
.arrow-content.arrow-bottom-left,
.arrow-content.arrow-left-bottom {
  border-bottom-left-radius: 0;
}

/* line 1216, src/sass/app.scss */
.arrow-content.arrow-bottom-right,
.arrow-content.arrow-right-bottom {
  border-bottom-right-radius: 0;
}

/* line 1220, src/sass/app.scss */
.arrow-content.arrow-top-left,
.arrow-content.arrow-left-top {
  border-top-left-radius: 0;
}

/* line 1224, src/sass/app.scss */
.arrow-content.arrow-top-right,
.arrow-content.arrow-right-top {
  border-top-right-radius: 0;
}

/* line 1229, src/sass/app.scss */
.arrow-top-center.right-arrow:after {
  right: 7%;
  left: auto;
}

/* line 1234, src/sass/app.scss */
.arrow-top-center.left-arrow:after {
  left: 16%;
  right: auto;
}

/* line 1239, src/sass/app.scss */
.points-form {
  padding: 1rem;
  background: white;
  border-radius: 1rem;
  margin-top: 1.5rem;
  width: 100%;
}

/* line 1253, src/sass/app.scss */
.points-form .field .control .select2-container .selection .select2-selection {
  background-color: white;
  background-image: none;
  border: 1px solid #e8e8e8;
}

/* line 1258, src/sass/app.scss */
.points-form .field .control .select2-container .selection .select2-selection .select2-selection__rendered {
  text-align: right;
}

/* line 1267, src/sass/app.scss */
.points-form .is-blue {
  background: radial-gradient(ellipse farthest-corner at right bottom, #fedb37 0%, #fdb931 8%, #9f7928 30%, #8a6e2f 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ffffff 0%, #ffffac 8%, #d1b464 25%, #b18624 62.5%, #be9230 100%);
  color: white;
  border-top: 0;
}

/* line 1289, src/sass/app.scss */
.button-buy {
  background: radial-gradient(ellipse farthest-corner at right bottom, #fedb37 0%, #fdb931 8%, #9f7928 30%, #8a6e2f 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #ffffff 0%, #ffffac 8%, #d1b464 25%, #b18624 62.5%, #be9230 100%);
  color: white;
  border: 0;
  margin-top: 1rem;
}

/* line 1311, src/sass/app.scss */
.wallet-contents {
  width: 90%;
  margin: auto;
  height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 1319, src/sass/app.scss */
.wallet-contents .user-wallet-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

/* line 1325, src/sass/app.scss */
.wallet-contents .user-wallet-status .status-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28.333333%;
          flex: 0 0 28.333333%;
  background: white;
  padding: 1rem;
  margin: 0.3rem;
  border-radius: 0.6rem;
}

/* line 1331, src/sass/app.scss */
.wallet-contents .user-wallet-status .status-item span {
  font-size: 1.6rem;
  line-height: 24px;
  color: white;
}

/* line 1339, src/sass/app.scss */
.wallet-contents .user-wallet-status .status-item h4 {
  font-size: 0.8rem;
  color: white;
  font-weight: 300;
}

/* line 1346, src/sass/app.scss */
.wallet-contents .user-wallet-status .status-item.backrgound-color-1 {
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}

/* line 1362, src/sass/app.scss */
.wallet-contents .wallet-action .exchange-button {
  margin-top: 2rem;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.15);
}

/* line 1367, src/sass/app.scss */
.wallet-contents .wallet-action .exchange-button svg {
  width: 1.3rem;
  height: auto;
  margin-left: 0.5rem;
}

/* line 1375, src/sass/app.scss */
.wallet-contents .wallet-action .exchange-button span {
  font-size: 0.9rem;
  opacity: 0.8;
}

/* line 1384, src/sass/app.scss */
.wallet-contents .exchange-form .form-content {
  background: white;
  border-radius: 1rem;
  padding: 1rem;
  margin-top: 1.5rem;
}

/* line 1390, src/sass/app.scss */
.wallet-contents .exchange-form .form-content .label {
  text-align: right;
}

/* line 1394, src/sass/app.scss */
.wallet-contents .exchange-form .form-content .form-header {
  text-align: right;
  margin-bottom: 0.5rem;
}

/* line 1399, src/sass/app.scss */
.wallet-contents .exchange-form .form-content .form-header h2 {
  color: #7c532c;
}

/* line 1404, src/sass/app.scss */
.wallet-contents .exchange-form .form-content .form-header p {
  font-weight: 300;
  font-size: 0.8rem;
}

/* line 1411, src/sass/app.scss */
.wallet-contents .exchange-form .form-content .form-action {
  margin-top: 1rem;
}

/* line 1415, src/sass/app.scss */
.wallet-contents .exchange-form .form-content .form-action a svg {
  width: 1.3rem;
  height: auto;
  margin-left: 0.5rem;
}

/* line 1427, src/sass/app.scss */
.page-title {
  text-align: center;
  padding: 0.6rem;
  border-radius: 0.6rem;
  margin: 0.3rem;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.15);
  background: #741267;
  margin-bottom: 1rem;
}

/* line 1435, src/sass/app.scss */
.page-title h1 {
  color: white;
}

/* line 1441, src/sass/app.scss */
.label {
  color: #363636;
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
}

/* line 1448, src/sass/app.scss */
.input[readonly], .textarea[readonly] {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #f2f2f2;
}

/* line 1455, src/sass/app.scss */
.display-flex-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 70vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 1465, src/sass/app.scss */
#confetti {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/* line 1473, src/sass/app.scss */
.offers-button {
  margin-top: 1rem;
  margin-right: 0.3rem;
  background: linear-gradient(266deg, #1b1020 0%, #3f0643 12%, #3f0643 26%, #48061e 66%, #3d0410 86%, #0e0510 100%);
  color: white;
}

/* line 1479, src/sass/app.scss */
.offers-button:hover {
  color: white;
}

/* line 1485, src/sass/app.scss */
.action-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #313131;
  padding: 1.2rem;
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}

/* line 1493, src/sass/app.scss */
.action-item:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background: gray;
}

/* line 1500, src/sass/app.scss */
.action-item .icon {
  width: 100%;
  height: 4.5rem;
}

/* line 1505, src/sass/app.scss */
.action-item .icon svg {
  width: 3rem;
  height: auto;
  fill: white;
}

/* line 1512, src/sass/app.scss */
.action-item .content {
  width: 100%;
  color: white;
}