@font-face {
  font-family: 'Escuela';
  src: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8644/fonts/Escuela-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Escuela';
  src: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/fonts/Escuela-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

/* Cairo Regular */
@font-face {
  font-family: 'Cairo';
  src: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/fonts/Cairo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Cairo Light */
@font-face {
  font-family: 'Cairo';
  src: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/fonts/Cairo-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Cairo ExtraLight */
@font-face {
  font-family: 'Cairo';
  src: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/fonts/Cairo-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Cairo Medium */
@font-face {
  font-family: 'Cairo';
  src: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/fonts/Cairo-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Cairo Bold */
@font-face {
  font-family: 'Cairo';
  src: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/fonts/Cairo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Cairo ExtraBold */
@font-face {
  font-family: 'Cairo';
  src: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/fonts/Cairo-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Cairo Black */
@font-face {
  font-family: 'Cairo';
  src: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/fonts/Cairo-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

h4{
  
  font-weight: 900;
}

.arabic-indic {
  list-style-type: arabic-indic;
}

.ltr {
  direction: ltr;
  unicode-bidi: isolate;
}

body {
  font-family: 'Escuela', 'Cairo';
    font-weight: 900;
    color: white;
  
    background-image:
    linear-gradient(180deg, #001F6D 0%, #082E83 31.71%, #0a2c74 63.3%, #0d3179 100%);
  
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
    text-align: center;
}


.nav-container {
  max-width: 1600px;
}

.language-switcher a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.language-switcher a:hover {
  color: #FFDD75;
}

.text-warning{
  color: #FFDD75 !important;
}

.text-primary{
  color: #232781 !important;
}

.bg-primary{
  background: #242986 !important;
}

.big-title{
  font-size: 28px;
  line-height: 32px;
  font-weight: 900;
}

.win-title {
  font-size: 29px;
  line-height: 36px;
  font-weight: 900;
}

.title{
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 28px;
    letter-spacing: 0.36px;
}

.gradient-title {
 background: linear-gradient(90deg, #FED377 0%, #FFFCD4 50.48%, #FECE6F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.main-text {
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: 27px;
  letter-spacing: 0.46px;
}

.body-text {
  color: #FFF;
  font-size: 19px;
  font-style: normal;
  font-weight: 900;
  line-height: 25px;
  letter-spacing: 0.36px;
}


.text-small {
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.38px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
}

.text-form {
  color: #6F6F6F;
  font-size: 16px;
  letter-spacing: 0.32px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  text-align: center;
}

.sparkle {
  position: relative;
  width: 100%;
 
}


.sparkle::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/media/sparkles.webp) top no-repeat;
  background-size: contain;
  mix-blend-mode: lighten;
  pointer-events: none;
  z-index: 0;
  top: 0;
  opacity: 0.9;
}


.logo {
  max-width: 208px;
  width: 100%;
  height: auto;
  z-index: 3;
}

.headline {
  max-width: 300px;
  width: 100%;
  height: auto;
}



.packDigestive{
  top: 0px;
  left: 50%;
  width: 150px;
  z-index: 5;
  transform: translate(-50%, -41%);
}

.packsDigestive {
  top: 0px;
  left: 50%;
  width: 300px;
  z-index: 5;
  transform: translate(-50%, -41%);
}



.coins {
  position: relative;
  min-height: 140px;
}

.coins-img {
  position: absolute;
  top: 0;
  width: clamp(72px, 12vw, 140px);
  height: auto;
  pointer-events: none;
  z-index: 1;
}

.coins-left {
  left: 0;

}

.coins-right {
  right: 0;
  transform: scaleX(-1);
  transform-origin: center;
}

.btn-warning, .cst-warning,
.btn-warning:visited,
.btn-warning:active,
.btn-warning:focus {
  border-radius: 153px;
  background: linear-gradient(90deg, #FAA61A 0%, #FCD87E 24.56%, #FFF9D1 49.71%, #FCD87E 74.59%, #F7931E 100%);
  color: #2A2159;
  font-size: 29px;
  font-style: normal;
  font-weight: 900;
  border-color: rgba(0, 0, 0, 0);
  height: 62px;
  transition: all 0.3s ease;
  align-items: center;
  justify-content: center;
  display: flex;
  box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.20) inset, 0 4px 16px 0 rgba(0, 0, 0, 0.20);

}

.btn-warning:hover {
  filter: brightness(1.1);
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.25);
  color: #081b7f;
}

.cst-warning:hover{
  filter: brightness(1.1);
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.25);
  color: #081b7f;
}

.btn-primary, .cst-primary,
.btn-primary:visited,
.btn-primary:active,
.btn-primary:focus {
  border-radius: 2rem;
  min-height: 37px;
  background-color: #2A2159;
  color: white;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  border: transparent;
  font-weight: 900;
  font-size: 16px;
}

.cst-primary {
  background-color: #5570C6;
}

.cst-warning,
.cst-primary {
  height: 51px;
  font-size: 19px;
}
.btn-primary:hover {
  background-color: #fdfdfd;
  color: #2A2159;
}

.cst-primary:hover {
  background-color: #fdfdfd;
  color: #2A2159;
}
.sar-icon {
  width: 30px;
  height: auto;
  vertical-align: text-bottom;
}
.form-control {
  border-radius: 2.5em;
}

  .form-control,
  .form-select {
    border-radius: 20px;
  }

  .form-floating>.form-control,
  .form-floating>.form-control-plaintext,
  .form-floating>.form-select {
    height: 42px !important;
    padding-bottom: 14px !important;
  }

  .form-floating>.form-control,
  .form-floating>.form-control-plaintext,
  .form-floating>.form-select {
    line-height: 1.25;
  }

  .form-floating>label {
    top: 0px;
  }

  .form-check-input {
    border-radius: 50% !important;
    width: 22px;
    height: 22px;
  }

  .form-check-label {
    font-size: 17px;
  }


  @media (min-width: 768px) {
    .form-check-label {
      font-size: 19px;
    }
  }

  .form-check-label {
    line-height: 1.2;
  }

.form-floating>.form-select {
  color: #6f6f6f;
  font-weight: 900;
  font-size: 16px;
}

.form-floating>.form-control,
.form-floating>.form-select {
  height: 38px;
  border-radius: 48px;
  color: #6F6F6F;
  text-align: center !important;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  color: #5a5a5a
}

.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
  color: #5a5a5a !important;
}

.form-floating label {
  width: 100%;
  padding: 7px 0px 5px 18px;
  text-align: center;
  border: 0;
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: #ffffff;
}

.form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

/* .form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: .65;
  transform: scale(.8) translateY(-0.5rem) translateX(2.35rem);
} */

/* RTL override */
/* [dir="rtl"] .form-floating>.form-control-plaintext~label,
[dir="rtl"] .form-floating>.form-control:focus~label,
[dir="rtl"] .form-floating>.form-control:not(:placeholder-shown)~label,
[dir="rtl"] .form-floating>.form-select~label {
  transform: scale(.8) translateY(-0.5rem) translateX(-2.35rem);
} */


.bold-text {
  font-style: normal;
  font-weight: 700;
}


.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: .65;
  transform: scale(0.8) translateY(-0.5rem) translateX(12%);
  transform-origin: left top;
  transition: all 0.2s ease;
}


@media (min-width: 768px) {

  .form-floating>.form-control:focus~label,
  .form-floating>.form-control:not(:placeholder-shown)~label,
  .form-floating>.form-select~label {
    transform: scale(0.8) translateY(-0.5rem) translateX(11%);
  }
}

.btn-close {

  filter: invert(1);
}


.upload-label {
  display: block;
  background: #fff;
  border-radius: 48px;
  cursor: pointer;
  height: 38px;
  text-align: start;
  padding: 7px 0px 7px 12px;
}

.form-check-input[type=checkbox] {
  border-radius: 1.25em;
}


.form-check-input {
  width: 22px;
  height: 22px;
  background: #FFF;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.22);
}

.invalid-feedback {
  color: #ffdd75;;
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: #FFF;
}

.modal-content {
  background-color: #242986;
  border-radius: 40px;
  border: 3px solid #FEC86C;
}


.gradient-frame {
  background: linear-gradient(180deg, #FFCA6F 0%, #FFE7BE 50%, #F2A624 100%);
  border-radius: 40px;
}

.blue-frame {
  background: #242986;
  border-radius: 33px;
}

.win-frame {
  border-radius: 29px;
  background: linear-gradient(270deg, #FFB54E 0%, #FFE099 26.92%, #FFF8D0 46.15%, #FFF8D2 50%, #FFEDB2 72.9%, #FFB852 100%);
  box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.20) inset;
  filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.20));
}

.frame{
  border-radius: 40px;
  border: 3px solid #FEC86C;
  margin-top: 100px;
}

.logo-verification{
  top: 0px;
  left: 50%;
  width: 220px;
  z-index: 5;
  transform: translate(-50%, -65%);
}

.gradient-text {
  background: linear-gradient(90deg, #FAA61A 0%, #FCD87E 24.56%, #FFF9D1 49.71%, #FCD87E 74.59%, #F7931E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}


@media (min-width: 768px) {

[dir="rtl"] .offset-lg-5 {
    margin-right: 0;

}

    

.packsDigestive {
  width: 440px;
  transform: translate(-50%, -41%);
}
  
.big-title {
  font-size: 37px;
  line-height: 47px;
  letter-spacing: 0.74px;
}

 .title {
  font-size: 31px;
  line-height: 35px;
  letter-spacing: 0.62px;
 }

 .main-text {
   font-size: 23px;
   line-height: 29px;
 }

 .win-title {
   font-size: 42px;
   line-height: 47px;
 }

 .body-text {
   font-size: 21px;
   line-height: 26px;
 }
 
.gradient-frame, .form-frameGold {
  background: linear-gradient(180deg, #FFCA6F 0%, #FFE7BE 50%, #F2A624 100%);
  border-radius: 40px;
}


.blue-frame, .form-frameBlue{
  background: #242986;
  border-radius: 33px;
}

.win-frame{
  border-radius: 29px;
  background: linear-gradient(270deg, #FFB54E 0%, #FFE099 26.92%, #FFF8D0 46.15%, #FFF8D2 50%, #FFEDB2 72.9%, #FFB852 100%);
  box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.20) inset;
  filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.20));
}

.logo {
  max-width: 320px;
}


.headline {
  max-width: 530px;
  width: 100%;
  height: auto;
}

.sparkle::before {
  /* background-position: 80% 0; */
  background-image: url(https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/media/sparklesDesktop.webp);

}
.btn-frame {
    top: 0px;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, -58%);
    position: relative;
}

.cst-warning,
.cst-primary {
  font-size: 25px;
}

    .container-header{
      width: 470px;
      
    }

}



.country_verification .blue-bg {
  display: none !important;
}

.country_verification .sparkle::before {
  display: none;
}

body.country_verification{
background-image: none;
background-color: #242986;
}


.no_region .blue-bg {
  display: none !important;
}

.no_region .sparkle::before {
  display: none;
}

body.no_region {
  background-image: none;
  background-color: #242986;
}

@media (min-width: 960px) {


  body {
  
      background-image: url(https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/media/bgBiscuitS.webp),
      linear-gradient(180deg, #001F6D 0%, #082E83 31.71%, #0a2c74 63.3%, #0d3179 100%);
      background-position: left bottom, center;
      background-size: cover, 100% auto;
      background-repeat: no-repeat, no-repeat;
      background-attachment: fixed, scroll;
    }
}

@media (min-width: 1200px) {


  body {

    background-image: url(https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/media/bgBiscuitM.webp),
    linear-gradient(180deg, #001F6D 0%, #082E83 31.71%, #0a2c74 63.3%, #0d3179 100%);

  }
}
@media (min-width: 1400px) {


  body {

    background-image: url(https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/media/bgBiscuitM.webp),
    linear-gradient(180deg, #001F6D 0%, #082E83 31.71%, #0a2c74 63.3%, #0d3179 100%);

  }
}


@media (min-width: 1700px) {


  body {

    background-image: url(https://umb-4553t5.s3.eu-west-1.amazonaws.com/8652/media/bgBiscuitL.webp),
    linear-gradient(180deg, #001F6D 0%, #082E83 31.71%, #0a2c74 63.3%, #0d3179 100%);

  }
}